/* Mobile Portrait View */

@media screen and (max-width: 29.938em) {

h3 { padding:0;}
h2 { font-size:36px;}
header{ width:100%; position:relative; background:#fcb01c; padding-bottom:30px;}
.header-top .contact-info li a { padding-right:10px;}
.header-top .social-icons { float:none;}
header .logo { float:none; margin:20px 0 0 0;}
.container { padding:0 15px;}
.caption { width:90%; top:50%;}
.caption h1 { font-size:26px;}
.caption p { font-size:16px;}
.caption .read-more { margin-top:16px; padding:10px 25px;}
.container { width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15 { width:100%; padding:0 20px;}
.header-top { line-height:24px; padding-top:10px;}
.header-top .contact-info li a { line-height:20px;}
.header-top .social-icons a i { line-height:30px;}
.header-top .contact-info { text-align:center; float:none; display:block;}
.header-top .contact-info li { display:block;}
.inner-banner .caption h1 { font-size:24px;}
.our-training .col-3 { width:85%; margin-bottom:70px;}
.course .col-4 { width:69%;}
.feedback-border { border:none; width:100%; right:0;}
.feedback { right:0; padding: 40px 30px 20px;}
.trainer { padding-right:0;}
.trainer-pic .thumb { margin-top:70px;}
.degree .thumb { margin-right:20px;}
.degree h3 { font-size:18px;}
.welcome-box { margin:15px 0;}
.welcome .col-14 { margin-bottom:40px;}
#welcone { padding-bottom:90px;}
.online-classes { padding:0;}
.course .col-4 { margin-bottom:40px;}
.content p { padding:0;}
.mobile { margin-bottom:50px;}
.mobile img { border-radius:50px;}
.inner-banner { height:auto;}
.our-team .col-15 { margin-bottom:20px;}
.course .view-all {padding: 18px 14px; font-size: 14px;}
.books { margin-bottom: 30px;}
footer .contact-info .box {border-bottom:2px solid #1f1f1f; border-right:none;}
footer .box { padding:40px 20px 40px;}
footer .col-4, footer .col-2 { width:100%;}
.copyright .copyright-txt, .copyright .design-by { float:none; text-align:center;}
.copyright .social-icons { margin:20px auto;}

}

/* Mobile Landscape View */

@media screen and (max-width:47.938em) and (min-width:30.000em) { 

h3 { padding:0;}
h2 { font-size:22px;}
header{ width:100%;}
header .logo { float:none; margin:15px 0;}
.fixed-header { position:relative !important;}
.container { width:450px; padding:0 15px;}
.banner h1 { font-size:24px; padding-top:15px;}
.container { width:100%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15 { width:100%; padding:0 20px;}
.featured-boxes .box { border-right:none; border-bottom:#30a0fd solid 1px;}
.featured-boxes .col-3:nth-child(4).box { border-bottom:none;}
.gallery .col-3, .desk .col-4, .blog-layout .col-3, .styles .col-6, .partner .col-2 { width:50%;}
.blog-layout .box .thumb { width:100%; height:auto;}
.content p { padding:0;}
.team .profile { height:auto; padding-left:0;}
.blog-layout .box { margin-bottom:30px;}
.styles { margin:50px -15px 0; width:auto;}
.styles .box .thumb { width:100%;}
.partner .client-logo { margin-bottom:20px;}
.bright-news .box .thumb { width:100%; height:auto; margin:0 0 20px 0;}
.testimonials #owl-demo .item { width:90%;}
.mobile { margin-bottom:50px;}
.mobile img { border-radius:50px; margin:auto; display:table;}
.bright-news .box .read-more { position:relative; bottom:0; margin-top:20px; display:block;}
.feature-list { width:80%;}
.services-box .content, .services-box .thumb { width:100%;}
.events .thumb { width:100%; height:auto; margin-bottom:20px;}
.events .book-now { margin:50px auto 0; display:table; float:none;}
.events ul.tabs li { padding:0 7px;}
footer .contact-info .box {border-bottom:2px solid #1f1f1f; border-right:none;}
footer .box { padding:40px 20px 40px;}
.copyright .copyright-txt, .copyright .design-by { float:none; text-align:center;}
.copyright .social-icons { margin:20px auto;}

}

@media screen and (max-width:61.188em) and (min-width:20.000em) { 

nav { width:100%;}
.menu-mobile { display: block; font-size:0; padding:0;}
.menu-mobile::after { top:30px; right:20px; color:#fff;} 
.menu-dropdown-icon:before {display: block; padding:0; line-height:35px;}
.menu > ul { display: none;  padding-top:30px;}
.menu > ul > li { width: 100%; float: none; display: block; border-bottom:#fcc965 solid 1px;} 
.menu > ul > li a, .fixed-header .menu > ul > li a { padding:0; width:100%; display: block; line-height:35px;}
.menu > ul > li > ul {position: relative;}
.menu > ul > li > ul.normal-sub {width: 100%;}
.menu > ul > li > ul > li { float: none; width: 100%; margin-top:0;}
.menu > ul > li > ul > li:first-child {margin: 0;}
.menu > ul > li > ul > li > ul { position: relative;}
.menu > ul > li > ul > li > ul > li { float: none;}
.menu .show-on-mobile { display: block;}
.menu > ul > li a:hover, .menu > ul > li a.current { color:#000;}
.fixed-header .menu > ul > li a.current { color:#fcb01c;}
.fixed-header .menu-dropdown-icon::before { line-height:34px;}
.fixed-header .menu > ul > li {border-bottom: #3f3f3f solid 1px;}
.menu > ul > li:last-child, .fixed-header .menu > ul > li:last-child { border:none;}

}

/* Tablet View */

@media screen and (max-width:63.938em) and (min-width:48.000em) {

.fixed-header { position:relative !important;}
header { width:100%;}
header .logo { margin:15px 0;}
.banner h1 { font-size:32px; padding-top:50px;}
.container { width:100%;}
.featured-boxes .col-3 { width:50%;}
.gallery .col-3 { width:33.333%;}
.blocks .col-3 { width:33.333%;}
.team .profile { height:350px;}
.desk .col-4 { width:50%;}
.compatibility .box h3 { font-size:14px;}
.styles .box .thumb, .blog-layout .box .thumb { width:100%; height:auto;}
.partner .col-2 { width:25%;}
.partner .client-logo { margin-bottom:20px;}
.bright-news .box { display:block; min-height:520px;}
.bright-news .box .thumb { width:100%; margin-left:0; float:none; height:auto; margin-bottom:20px;}
.events .thumb { height:auto;}
.events .event-list:hover { background:#fff; padding:50px 20px;}
.services .col-6 { width:100%;}
footer .contact-info .box { padding-left:0;}
.copyright .copyright-txt, .copyright .design-by { padding:0 20px;}
.menu-mobile::after { top:40px;}

}

@media screen and (max-width:73.063em) and (min-width:64.000em) {
	
.container { width:auto; padding:0 15px;}
.header, .banner { width:100%; padding:0 15px;}
.banner h1 { padding-top:65px;}
.nav li a { padding:0 8px;}
.table-cell h3 { font-size:12px;}
.copyright .copyright-txt, .copyright .design-by { padding:0 20px;}
.events .thumb { height:auto;}
#video { min-height:inherit;}

}