/* ==========================================================================
	#Media Queries
========================================================================== */
@media (max-width: 1400px){
	body { min-width: 0; }
	.nav-secondary { margin-left: 0; }

	.footer-body .container { width: auto; }
	.footer-col-size1 { width: 275px; }
	.footer-col-size2 { margin-right: 20px; }
	.footer-col-size3 { width: 280px; }

	.socials { padding-right: 80px; }

	.form-ribbon { right: 15px; }
}

@media (max-width: 1180px){
	.container { width: 750px; } 

	/* ==========================================================================
		#Header
	========================================================================== */
	.header{ padding: 15px 15px 0; }

	.nav-access { padding-left: 20px; }

	.nav > ul > li { margin-left: 15px; }

	.logo-3d { float: right; }

	.logo-autodesk { position: static; float: left; }

	.slogan { position: static; padding-top: 15px; clear: both; text-align: center; }

	/* ==========================================================================
		#Banners
	========================================================================== */
	.banner-head { height: 70px; padding-top: 22px; padding-bottom: 0; }

	.banner-secondary .banner-head { padding-right: 26px; }
	.banner-secondary .banner-head h3 { letter-spacing: -1px; }

	.banner-head .title-3d { padding: 0 0 0 30px; }

	.nav-secondary { width: auto; }
	.banner-body, 
	.slider li { height: 500px; }

	.banner-secondary .banner-entry { font-size: 24px; line-height: 1.5; }

	.slide-content { font-size: 20px; }
	.slide-content h1 { font-size: 30px; }

	.slide-2 .slide-images img { margin: 0; height: 50px; width: auto; }
	.slide-3 h1,
	.slide-2 h1 { padding: 10px 15px; font-size: 21px; }
	.slide-3 p,
	.slide-2 p { font-size: 13px; padding: 10px 20px; }

	.slide-arrows img { width: 200px; height: auto; }

	@-webkit-keyframes arrowsAnimation {
	    0%  { margin-left: 0; }
	    50% { margin-left: 100px; }
	    100% { margin-left: 0; }
	}

	@keyframes arrowsAnimation {
	    0%  { margin-left: 0; }
	    50% { margin-left: 100px; }
	    100% { margin-left: 0; }
	}
	
	.slide-images,
	.slide-images a { width: 415px; height: 233px; }
	.video-outer { width: 415px; }
	.video-caption { font-size: 16px; }

	.video-caption-bottom { width: 440px; }
	.video-caption-top { top: 23px; width: 415px; }
	.video-caption-bottom:after { top: -8px; border-width: 20px 0 20px 20px; }
	.btn-play { bottom: 10px; }
	.btn-play .arrow { top: 4px; }

	/* ==========================================================================
		#Form
	========================================================================== */
	.form-ribbon { display: none; }

	.form { padding: 15px 15px 0 10px; }

	.form-head { width: auto; }
	.form-head h2 { font-size: 25px; }
	.form-head p { font-size: 14px; }
	
	.form-step-2,
	.form-step-1 { width: auto; }

	.form-label { width: 125px; }

	.form-step-2 { letter-spacing: 0; }
	.form-step-2 .form-label { width: 125px; }
	.form-step-2 .form-controls { width: 165px; }

	.field-medium { width: 95px; }

	.form-row-inline .form-controls ~ .form-label { margin-top: 5px; }
	.form-row-inline .form-controls ~ .form-label { padding-left: 0; padding-right: 0; }
	.form-row-inline .form-controls ~ .form-label ~ .form-controls { margin-top: 5px; }

	.form-row-inline .form-controls ~ .form-label { clear: both; }
	
	.popup .form { padding: 32px 0 0 45px; }
	.popup .form-step-1 { width: 495px; }
	.popup .form-step-2 { width: 425px; }
	.popup .form-head { width: 330px; padding-bottom: 38px; text-align: center; text-transform: uppercase; }
	.popup .form-head h2 { padding-bottom: 2px; margin: 0; font-size: 36px; }
	.popup .form-head p { margin: 0; font-size: 18px; }
	.popup .form-label { width: 175px; }
	.popup .form-ribbon { display: block; }

	.popup .form-step-2 {  width: 425px; }
	.popup .form-step-2 .form-controls { width: 255px; }
	.popup .form-step-2 .form-row-inline .form-controls { width: auto; }
	.popup .form-step-2 .form-label { width: 165px; }
	.popup .form-step-2 .form-label-small { width: auto; }
	.popup .form-step-2 .select { width: 100%; }
	.popup .form-step-2 .form-actions { padding-top: 0; }
	.popup .form-row-inline .form-controls ~ .form-label { clear: none; margin-top: 0; padding-left: 5px; padding-right: 5px; }
	.popup .form-row-inline .form-controls ~ .form-label ~ .form-controls { margin-top: 0; }
	.popup .form-body-inner .form-label { width: 70px; }

	/* ==========================================================================
		#Sections
	========================================================================== */
	.section-welcome .section-head { padding-bottom: 15px; }

	.section-content { width: 410px; }

	.article img.alignleft,
	.article img.alignright { float: none; width: 100%; height: auto; }

	.accordion-toggle { top: 50%; margin-top: -11px; }

	.section .section-body { padding: 20px 0 0; }

	.service-image img { width: 100%; height: auto; }
	
	.callout { position: relative; }
	.callout-alt { padding-right: 200px; }
	.callout-alt .callout-actions { position: absolute; top: 50%; right: 20px; 
		-webkit-transform: translateY(-50%); 
		    -ms-transform: translateY(-50%); 
		     -o-transform: translateY(-50%); 
		        transform: translateY(-50%); 
	}

	.list-programs li { padding: 0 25px; }
	
	.section-training { padding: 31px 0 50px; }
	.section-training .section-title { font-size: 24px;  }
	.section-training .section-title small { font-size: 20px; }

	.training-back { padding-top: 0; }
	.training-back .training-entry { position: absolute; top: 50%; left: 0; width: 100%; font-size: 18px;
		-webkit-transform: translateY(-50%); 
		    -ms-transform: translateY(-50%); 
		     -o-transform: translateY(-50%); 
		        transform: translateY(-50%); 
	}

	.entry { width: 170px; margin-right: 13px; }
	.entry-content { padding: 0 5px; }
	
	.section-stories { padding: 0 0 38px; }
	.section-stories .section-body { padding: 0; }
	
	.callout { padding: 12px 15px; }
	.callout-actions,
	.callout-title { float: none; text-align: center; }
	.callout-title { padding-bottom: 15px; }
	
	.callout-alt { padding-right: 200px; }
	.callout-alt .callout-title { text-align: left; }

	.inner-content { width: 525px; }
	.inner { padding: 15px 0 0; }
	.inner-aside { width: 170px; }
	
	.testimonial { padding: 15px; }
	.testimonial-entry { padding-bottom: 15px; font-size: 16px; line-height: 1.2; }
	.testimonial-meta { font-size: 11px; }
	.testimonials-gallery img { width: 100%; height: auto; }

	.section-news-outer { padding: 0 0 30px; }

	.section-testimonials-gallery .section-head { padding-bottom: 0; }

	.list-partners li { float: none; display: inline-block; text-align: center; width: 200px;  }
	.list-partners li img { width: 100%; height: auto;  }
	.list-partners li + li { margin: 0;  }
	.list-partners { text-align: center; }
	
	.section-video .section-body,
	.section-testimonials-gallery .section-body { padding: 0; }

	/* ==========================================================================
		#Footer
	========================================================================== */
	.footer-body { position: relative; padding-bottom: 280px; }
	
	.footer-col-size1,
	.footer-col-size3 { width: 48%; margin: 0; }
	.footer-col-size3 { float: right; }
	.footer-col-size2 { position: absolute; bottom: 30px; left: 50%;
		-webkit-transform: translateX(-50%); 
		    -ms-transform: translateX(-50%); 
		     -o-transform: translateX(-50%); 
		        transform: translateX(-50%); 
	}
}

@media (max-width: 767px) {
	.container { width: auto; }

	.nav { position: static; }
	.nav-toggle { position: relative; display:block; width:30px; height:20px; margin-top: 5px; }
	.nav-toggle:before,
	.nav-toggle:after { position:absolute; left:0; width:100%; height: 3px; background: #e3613f; content: ''; }
	.nav-toggle:before { top:0; box-shadow:0 8px #e3613f; }
	.nav-toggle:after { bottom: 0; }
	
	.nav.open ul { opacity: 1; visibility: visible; }
	.nav > ul { position: absolute; top: 100%; left: 0; width: 100%; background: #343d46; opacity: 0; visibility: hidden; 
		-webkit-backface-visibility: hidden; 
		   -moz-backface-visibility: hidden; 
		    -ms-backface-visibility: hidden; 
		        backface-visibility: hidden;
		
		-webkit-transition: 300ms; 
		     -o-transition: 300ms; 
		        transition: 300ms; 
	}
	.nav > ul > li { float: none; padding: 0; border-top: 1px solid #6c7883; }
	.nav a { display: block; padding: 5px 15px; }
	.nav ul ul { position: static; text-align: left; }
	.nav ul ul li { display: block; }

	.banner-head .title-3d { font-size: 20px; }

	/* ==========================================================================
		#Header
	========================================================================== */	
	.slogan { padding-top: 0; }

	.nav-secondary li { padding-right: 10px; }

	.nav > ul > li:hover ul { display: none; }
	.nav > ul > li ul { display: none; opacity: 1; visibility: visible; }
	.nav > ul > li.hover ul { display: block; }

	/* ==========================================================================
		#Sliders
	========================================================================== */
	.slider li { height: 260px; }
	.slide-content { font-size: 14px;
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		        box-sizing: border-box; 
	}
	.slide-content h1 { padding-top: 5px; font-size: 20px; }

	.slide-arrows { display: none; }
	
	.video-outer { width: 300px; }
	.slide-images,
	.slide-images a { width: 300px; height: 169px;}

	.video-caption-top,
	.video-caption-bottom { width: 300px; }

	.video-caption-top { top: 0; }
	.slide-content { margin-top: 0; }

	
	.banner-body { height: auto; }

	.video-outer { width: 300px; }
	.video-caption { font-size: 11px; }

	.btn-play { width: 40px; height: 40px; margin-left: -20px; 
		-webkit-background-size: 100% 100%; 
		        background-size: 100% 100%; 
	}

	/* ==========================================================================
		#Sections
	========================================================================== */
	.section-sidebar,
	.section-content { float: none; width: auto; }

	.section-content { padding-bottom: 15px; }

	.slider-photos img { width: 100%; height: auto; }
	
	.callout-alt { padding: 0 15px 80px; }
	.callout-alt .callout-actions { bottom: 10px; top: auto; left: auto; width: 100%; text-align: center; 
		-webkit-transform: translateY(0); 
		    -ms-transform: translateY(0); 
		     -o-transform: translateY(0); 
		        transform: translateY(0); 
	}

	.list-programs li { padding: 0 5px 10px; }

	.training { margin-bottom: 10px; }
	
	.entries { margin-right: 0; }
	.entry { float: none; width: auto; padding-bottom: 20px;  margin: 0 0 10px; height: auto !important; }
	.entry-body { padding-top: 20px; }

	.callout-title { font-size: 24px; }

	.testimonial { padding: 10px; }

	.inner-content,
	.inner-aside { float: none; width: auto; }

	.inner-content { padding-bottom: 20px; }

	.section-training .section-head p { font-size: 15px; }

	/* ==========================================================================
		#Form
	========================================================================== */
	.form { padding: 15px 25px; }
	.popup { width: 320px; }
	.popup .form-ribbon { display: none; }
	.popup .form { padding: 15px 15px 0 10px; }

	.popup .form-head { width: auto; }
	.popup .form-head h2 { font-size: 25px; }
	.popup .form-head p { font-size: 14px; }
	
	.popup .form-step-2,
	.popup .form-step-1 { width: auto; }

	.popup .form-label { width: 125px; }

	.popup .form-step-2 { letter-spacing: 0; }
	.popup .form-step-2 .form-label { width: 125px; }
	.popup .form-step-2 .form-controls { width: 165px; }

	.popup .field-medium { width: 95px; }

	.popup .form-row-inline .form-controls ~ .form-label { margin-top: 5px; }
	.popup .form-row-inline .form-controls ~ .form-label { padding-left: 0; padding-right: 0; }
	.popup .form-row-inline .form-controls ~ .form-label ~ .form-controls { margin-top: 5px; }

	.popup .form-row-inline .form-controls ~ .form-label { clear: both; }

	/* ==========================================================================
		#Footer
	========================================================================== */
	.footer-body { padding-bottom: 20px; }
	.footer-col-size1, 
	.footer-col-size3 { float: none; width: auto; }

	.footer-col-size2 { position: static; width: 100%; left: 0; margin: 0 0 15px; 
		-webkit-transform: translateX(0); 
		    -ms-transform: translateX(0); 
		     -o-transform: translateX(0); 
		        transform: translateX(0); 
	}
	.footer-slider { width: auto; }
	.footer-slider img { width: 100%; height: auto; }
	
	.footer-bar .container { overflow: hidden; height: auto; }

	.copyright { float: none; text-align: center; }

	.socials { float: none; padding-right: 50px; }
	.socials li { padding-left: 10px; }

	.footer-callout { padding-top: 10px; }
	.btn-callout { padding: 10px 20px; font-size: 14px; }


}