/*large desktop */
@media (min-width: 1600px) {
}
@media (max-width: 1600px) {
	.hero-area h2 { font-size: 3em; }
	.hero-area h3 { font-size: 2em; }
}

@media (min-width: 1200px) and (max-width: 1920px) {

}

@media (min-width: 1200px) and (max-width: 1400px) {
.nivo-controlNav { bottom: 20px; }
.nivo-directionNav { bottom: 25px; }
}

@media (min-width: 1201px) {
	.desktop-margin { display: block; width: auto; }
}

/* Desktop col-md-12 */
@media (max-width: 1199px) {
	.right-content-fader, .left-content-fader { width: 100%; }
	.right-content-fader {
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* Standard syntax (must be last) */
	}
	.left-content-fader {
		background: -webkit-linear-gradient(right, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(left, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(left, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to left, rgba(255,255,255,0.3), rgba(255,255,255,1)); /* Standard syntax (must be last) */
	}
}

/* Normal desktop :992px. iPad Landscape */
@media (min-width: 992px) and (max-width: 1169px) {
.header-full-width .container { width: 970px; }
.header-absolute { position: static; }
.main-menu nav > ul > li + li { margin-left: 25px; }
.menu-style-6 nav > ul > li + li, .menu-style-7 nav > ul > li + li { margin-left: 5px; }
/* Hero Slider */
.hero-static { padding: 150px 0 130px; }
.nivo-caption { padding-top: 0; }
.hero-slide-content {
}
.hero-slide-content h3 {
}
.hero-slide-content h1 {
}
.nivo-controlNav { bottom: 0; right: 50px; }
.nivo-directionNav { bottom: 5px; left: 40px; }
/* Page Banner */
.page-banner-area { padding: 120px 0; }
/* Feature */
.single-feature .text h4 { font-size: 16px; margin-bottom: 5px; }
.single-feature .text p {
}

/* Footer */
.widget-blog .content p { height: 46px; overflow: hidden; }

}


/* iPad Pro 10.5" Landscape and below */
@media (max-width: 1112px) {
	.bg { background-attachment: scroll; }
	.hero-area h2 { font-size: 1.75em; }
	.hero-area h3 { font-size: 1.25em; }
}

/* Tablet Portrait till iPad Pro 10.5" Landscape*/
@media (min-width: 993px) and (max-width: 1112px) {
	.hero-area h2 { font-size: 1.5em; }
	.hero-area h3 { font-size: 1.125em; }
	.feature-block, .feature-block .slide-table { height: 360px; }
	.single-feature.extra .icon { width: 15%; margin-left: 4%; }
	.single-feature.extra .icon img { max-width: 30px; }
	.single-feature.extra h3 { font-size: 1.125em; }
	.single-feature.extra p { font-size: 0.875em; line-height: 1; }
}

/* Tablet Portrait (col-md collapse to 1) */
@media (max-width: 991px) {
	.section-block { padding-top: 40px; }
	.hero-area figure, .hero-area.texts { padding-top: 50px; }  
	.hero-area .caption { position: relative; padding: 15px 0; }
	.hero-area .caption.blue { background: #111; }
	.hero-area h2 { font-size: 2em; }
	.hero-area h3 { font-size: 1.5em; }
	.img-responsive { display: none; }
	.img-responsive.mobile { display: block; }
	.call-to-action { text-align: center; }
	.call-to-action a { float: none; margin: 15px auto 0 auto; display: inline-block; max-width: 300px; }
	.hero-area .pull-right, .feature-row .pull-right { float: none!important; }
	.hero-area .texts { text-align: center; padding-top: 0; margin-top: 20px; }
	.feature-row .feature-texts { text-align: center; padding: 40px 40px!important; } 
	.feature-row .feature-image, .feature-block.short .texts { text-align: center; }
	.feature-row .feature-image img { margin: 0 auto; }
	.page-content h3.lead { font-size: 1.5em; }
	.button-group .btn { margin-left: auto; margin-right: auto; }
	p img, .image-group { margin-top: 20px; margin-bottom: 20px; text-align: center;  }
	.cta-area a.btn { float: none; display: inline-block; margin-left: auto; margin-right: auto; }
	.call-to-action-btn { text-align: center; margin-top: 8px; }
	
}

@media (min-width: 768px)
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.header-absolute {
}
.header-full-width { padding: 0; }
.container, .header-full-width .container { width: 750px; }
.header-logo { position: absolute; }
.main-menu nav ul li + li { margin-left: 15px; }
.menu-style-8 nav { display: none !important; }
.navbar-header.text-center { text-align: left; }
/* Page Banner */
.page-banner-area { padding: 120px 0; }
/* Hero Slider */
.hero-static { padding: 150px 0 130px; }
.nivo-caption { padding-top: 0; }
.hero-slide-content { margin-top: 0; }
.hero-slide-content h3 { font-size: 18px; }
.hero-slide-content h1 { font-size: 36px; }
.hero-slide-content p { padding: 0; }
.hero-slide-content .button-group { margin-top: 20px; }
.nivo-controlNav { bottom: 0; right: 50px; }
.nivo-directionNav { bottom: 5px; left: 40px; }

.find-course-form { display: none; }

.ts-arrows { display: none; }

/* Footer */
.footer-widget:nth-child(2n+1) { clear: both; }
/* Blog */
.sidebar { margin-top: 50px; }


}
 
/* mobile */
@media (max-width: 767px) {
.header-full-width .container { width: 300px; }
.container { width: 96%; }
.navbar-brand>img { max-width: 100px; }
.wrapper { position: relative; }
.landing-content p { font-size: 1.5em; }


.main-menu nav > ul > li > a { padding: 10px ; background: #e7e7e7; border-bottom: 1px dashed #eee; } .main-menu nav > ul > li.menu-item-485 > a { border-bottom: none; padding: 12px 20px; }
.main-menu nav > ul ul { visibility: visible; width: 100%; position: relative; opacity: 1; top: 0; left: 0; margin-top: 0; background-color: #fff; padding: 0; box-shadow: none; }
.main-menu nav > ul ul li { font-size: 0.875em; border-bottom: 1px solid #eee;}
.main-menu nav > ul li ul li > a { color: #111; padding-left: 20px; }
nav ul ul.sub-menu li a:before { display: inline-block; position: absolute; top: 18px; font-size: 1.25em; content: "+"; left: 0; color: #111; }
.main-menu nav ul li.current-menu-item ul.sub-menu li a { color: #111; }

.panel-body { padding: 20px 30px; }
/* Button */
.button-group .btn 	{ min-width: 300px; }
.btn, .btn.btn-lg { font-size: 12px; height: 30px; line-height: 28px; padding: 0 15px; }

.section-title { margin-bottom: 10px; }
.section-title h3 { font-size: 2em; }
/* Header */
.header-absolute { background-color: #ffcb38; position: static; }
.header-full-width { padding: 0; }
.header-logo { position: absolute; }
.header-logo, .navbar-header { margin-bottom: 10px; margin-top: 10px; }
.main-menu nav ul li { margin-left: 0 !important; padding: 10px 0; width: 100%; }
.main-menu nav ul li a::before, .main-menu nav ul li a::after { display: none; }

.navbar-collapse.in { width: 100%; }
.navbar-collapse nav { width: 100%; padding-bottom: 30px; }
.navbar-header.text-center { text-align: left; }
/* Page Banner */
.page-banner-area { padding: 80px 0; }
.page-banner { text-align: center;; }
.page-banner h1 { font-size: 24px; }
.page-banner.text-right h1, .page-banner.text-left h1, .page-banner.text-right ul, .page-banner.text-left ul { float: none; }

.section-block { padding: 40px 0 20px 0; } 
.hero-area { }
.hero-area figure { padding-top: 10px; width: 80%; margin: 0 auto; /*box-shadow: 0 1px 0 rgba(0,0,0,0.25);*/ }
.hero-area figure.right { padding-top: 10px; }
.hero-area figure.restrain { width: 80%; margin: 0 auto; }

.hero-area .texts h2, .feature-texts h2, .section-block h2, .section-title h2, .hero-area .texts .section-title h2  { font-size: 2em; }
.hero-area .texts h3, .section-block h3 { font-size: 1.25em; }
.page-content h3 { margin: 10px 0; }
.hero-area .texts p, .feature-texts p, .section-block p { font-size: 1em; }

.hero-area .button-group { text-align: center; }

.right-content-fader, .left-content-fader { background-color: #fff; opacity: 0.8; }

/* Hero Slider */
#hero-slider { /*height: 50vh;*/ }

.hero-static { padding: 50px 0; }
.slide-table {
}
.table-cell {
}
.hero-slide-content { /*margin-top: auto; position: absolute; display: block; bottom: 10%; left: 0;*/
}
.hero-slide-content h3 { font-size: 1em; font-weight: 400; }
.hero-slide-content h2 { font-size: 1.5em; margin-bottom: 5px; }
.hero-slide-content h1 { font-size: 18px; }
.hero-slide-content p { display: none; }
.hero-slide-content .button-group { margin-top: 0; }
.hero-slide-content .btn + .btn { margin-left: 0; }
.nivo-directionNav, .nivo-controlNav, .find-course-form { display: none; }

.feature-grid-row .pull-right { float: none!important; }

.feature-block.short .single-feature.text-center { padding-left: 10px; padding-right: 10px; }

.modal-dialog { width: 600px; margin: 30px auto; }
.modal-body h3 {  }

/* Video */
.video-area { padding: 100px 0; }
.video-content h3 { font-size: 18px; }
/* Gallery */
.gallery-filter { margin-bottom: 34px; }
.gallery-filter button { margin-bottom: 10px; }
/* Testmonial */
.ts-arrows { display: none; }
.ti-slider::before { left: 0; margin-left: 0; }

/* Contact */
#contact-map { height: 400px; }
.contact-info { margin-bottom: 30px; }
.form .input-2 .input, .form .input-3 .input, .form .input-4 .input { width: 100%; }
/* Call To Action */
.call-to-action h3 { font-size: 20px; line-height: 24px; }
.call-to-action a { float: none; margin-top: 15px auto 0 auto; }
/* Blog Details */
.blog-meta p { display: block; float: none; }
.blog-description blockquote { margin-left: 0; }
.blog-share { float: left; margin-top: 10px; }
.comments-list li ul { margin-left: 0; }
.sidebar { margin-top: 50px; }
/* Footer */
.copyright, .footer-3-social { text-align: center; }
 
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container, .header-full-width .container { width:450px }
.header-full-width { padding: 0; }
/* Button */
.btn { font-size: 13px; height: 32px; line-height: 30px; padding: 0 18px; }
/* Hero Slider */
.hero-static { padding: 80px 0; }
.nivo-caption { padding-top: 35px; }
.hero-slide-content h3 { font-size: 20px; }
.hero-slide-content h1 { font-size: 28px; }
.hero-slide-content .button-group { margin-top: 20px; }
/* Funfact */
.single-facts { width: 50%; }
}

@media only screen and (max-width: 480px) {
	.modal-dialog { width: 94%; }
	.container { width: 98%; }
	.masthead h1 img { max-width: 300px; }
	.burger-menu { top: 5px; }
	.burger-menu i { font-size: 2em; }
}