/* ==================================================
	File Name:    media-queries.css
	Description:  Screen size responsive styles
 * =============================================== */

/* --------------------------------------------------
	MOBILE Only Class
	Hidden until screen reaches mobile size
 * ----------------------------------------------- */
.mobile-only { display:none; }
#main .entry table.days th h4 { margin:0; }

@media screen and (min-width:1101px) {
	#main .entry table.days { height:275px; }
	#main .entry table.days th { height:60px; }
}
@media screen and (max-width: 1100px) {
	.container { width:950px; }
	#header { width:950px; margin-left:-475px; }

	#nav_main { top:-710px; left:0; right:0; }
	body.home #nav_main { top:0; }
	#nav_main .menu-container { width:950px; }
	#nav_main .outer .sub    { right:0; }
	
	#main .entry table.days { height:300px; }
	#main .entry table.days th { height:80px; }
	
	#footer .footer-widget-area.col-1-3 { max-width:300px; margin-left:10px; }
	#footer .footer-widget-area.col-1-3.last { margin-left:0px; margin-right:0px; }	
}
@media screen and (max-width: 1020px) {
	#footer .footer-widget-area.col-1-3 { width:300px; }	
}
@media screen and (min-width:960px) {
	#header .site-desc { top:-22px; }
	body.inner #header .site-desc { display:none; }
}
@media screen and (max-width:960px) {
	.container { width:900px; }
	#header { width:900px; margin-left:-450px; }
	#nav_main .menu-container { width:900px; }
	#main .entry table.days { height:360px; }
	#footer .footer-widget-area.col-1-3 { width:290px; }
}
@media screen and (max-width:959px) {	
	.container { width:750px; }
	.mobile-only { display:block; }

	/* Hide the normal menu */
	#nav_main { display:none; }

	/* Header Area */
	#header { width:750px; margin-left:-375px; }
	#header .branding { height:48px; background:#000; border-bottom:3px solid #026a9c; }
	#header .slicknav_menu { position:absolute; z-index:20; }
	#header .icon-contact  { position:absolute; z-index:20; top:0; right:0; color:#fff; padding:9px 10px; }
	#header .icon-contact .fa { color:#fff; font-size:28px; }
	#header .icon-contact:hover { background-color:rgba(132, 12, 246, 0.25); }
	#header .logo-name {
		display:block;
		height:43px; width:180px;
		margin:0 auto;
		padding-top:8px;
	}
	#header .logo-name > a {
		display:block;
		height:43px; width:180px; overflow:hidden;
		background:url("../images/logos/logo_crowacademy-mobile.png") no-repeat 0 0;
	}
	#header .logo-name > a:hover { background-position:0 -43px; }
	body.home #header .site-desc { top:0; }

	/* Show the mobile menu */
	#header .slicknav_menu { display:block; }
	.slicknav_nav .outer.menu .menu-item { display:block; float:left; width:50%; }
	.slicknav_nav .outer.menu .menu-item.full { width:100%; background-color:rgba(132, 12, 246, 0.25); }
	.slicknav_nav .outer.menu .menu-item > a { border-right:1px solid #333; font-style: italic; text-align: center; }
	.slicknav_nav .outer.menu .menu-item.store > a { font-weight:bold; }
	.slicknav_nav .outer.menu .menu-item:nth-child(2) > a { border-right: 0 none; }
	.slicknav_nav .outer.menu .menu-item:nth-child(4) > a { border-right: 0 none; }
	.slicknav_nav .outer.menu .menu-item.full > a { border-right: 0 none; }

	/* Homepage Settings */
	.free-stuff #main .entry .content-column p { padding:0; }
	body.home > .container #footer { min-height:0; }
	
	.search #main .content.left { max-width:none; }
	.search #main .sidebar.sb-right { float:left; width:85%; margin:0; padding:0; }
	.search #main .sidebar.sb-right #searchform { width:100%; }

	#footer .footer-widget-area.col-1-3,
	#footer .footer-widget-area.col-1-3.last {
		float: none !important;
		margin: 0 auto 25px;
		text-align: center;
	}
	#footer .footer-widget-area.col-1-3.last { margin-top: 40px; }
	#footer .footer-widget-area.last:before { padding-right: 0; text-align: center; }
	#footer .social-icons-widget ul { text-align: center; }
}
@media screen and (max-width: 767px) {
	.container { width:90%; }
	#header { width:100%; margin-left:-50%; }
	
 	body.home > .container #main { padding: 130px 7.5% 20px; }
 	body.home #main .page .entry { min-height:350px; }
	body.home #footer .footer-widget-area { padding-top:0; }
	body.home #footer { min-height:0; margin:0 auto; padding:0; }
	
	#main .entry table.days { height:450px; }
	#main .entry table.days th { height:125px; }

	#footer .footer-widget-area { float:none; width:auto; margin:0 auto; text-align:center !important; }
 	#footer .footer-widget-area p.privacy { padding-left:0; }
	#footer .footer-widget-area.last { float:none; max-width:200px; margin:35px auto 10px !important; }
 	#footer .social-icons-widget ul { text-align:center; }
}
@media screen and (min-width: 640px) {
	#header .site-desc {
		display:block;
		position:relative;
		height:50px; width:365px;
		margin:0 auto; padding:0;
		background:url("../images/logos/logo_crowacademy-desc.png") no-repeat 0 0;
	}
}
@media screen and (max-width: 640px) {
	#main .entry .rules li { text-align:left ; }
	#main .entry .vidframe { width:90%; }
	.free-stuff #main .entry .content-column p { padding:0; max-width:360px; margin:0 auto 20px; }
	.free-stuff #main .entry .content-column p .button { margin-bottom:0; }
	.return-links {
		display: block;
		max-width: 280px; margin: 0 auto;
		line-height: 42px; text-align: left;
	}
	.return-links a { padding-left: 48px; margin: 0; }
}
@media screen and (max-width:639px) {
	#header .site-desc {
		display:block;
		height:50px; width:270px;
		margin:0 auto; padding:0;
		background:url("../images/logos/logo_crowacademy-desc-mobile.png") no-repeat 0 0;
	}
}
@media screen and (max-width: 480px) {

	body.home > .container #main,
	body.home > .container #main .entry { padding-top:0; }
	.aura #cboxLoadedContent .wpcf7-form { max-width:280px; padding:20px 10px; }
	.aura #cboxLoadedContent .wpcf7-form fieldset { max-width:260px; padding:10px; }
	.wpcf7-form { padding:0; }
	.wpcf7-form .wpcf7-tel,
	.wpcf7-form .wpcf7-text,
	.wpcf7-form .wpcf7-email,
	.wpcf7-form .wpcf7-number,
	.wpcf7-form .wpcf7-password,
	.wpcf7-form .wpcf7-textarea { width:95%; }
	.wpcf7-form .wpcf7-submit { float:none; display:block; width:100px; margin:20px auto 0; padding:8px 10px; }
	#main .entry .z-accordion > .z-section > .z-header > .z-title h3 { font-size:14px; }
	
 	#main .entry .epyt-gallery-list .epyt-gallery-allthumbs.epyt-cols-3 .epyt-gallery-thumb {
		float:none;
	 	width:auto; max-width:200px;
	 	margin:0 auto;
 	}
	#footer .textwidget p { font-size:11px; }
}
@media screen and (max-width: 360px) {
	#header .slicknav_menu .slicknav_nav { width: 324px; }
	#header .slicknav_nav ul { padding: 0; }
	#main .entry .z-accordion > .z-section > .z-header > .z-title h3 { text-transform:capitalize; }
	.button.blank.large { max-width: 250px; background-size: 100% auto; font-size: 18px; }
}
@media screen and (max-width: 320px) {
}