/*  1350px  */
@media all and (max-width: 1479px) {

.fullsize-banner {margin-top:0px;}

.banner-caption {padding-top:22%;  }

.free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:675px;}

.banner-text {width:400px;}

.inside-banner {height:450px;}

.feature-box {margin-right:18px;}

iframe {float:left;}
    
}




/*  1240px  */
@media all and (max-width: 1339px) {

#mixedSlider3 .MS-content, .grid-1280 {width:1170px;  }

.enquire-form {margin: 110px 30px;}   

.companies img {    width: 153px;} 

.free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:650px;}

}





/*  980px  */
@media all and (max-width: 1239px) {

#mixedSlider3 .MS-content, .grid-1280  {width:920px; }

.placed-students .grid-1280 div { width: 20%;}

.companies img {    width: 139px;}

.logo strong {    font-size: 24px;}

.logo em {    font-size: 12px;}

h1 {font-size:30px;}

.welcome .grid-1280 div {    width: 65%;}

.course-box {    width: 60%;}

.course-box h2 br {display:none;}

.toppers .grid-1280 div {width:20%;}

.placed-students .grid-1280 div img {width:100px;}

.course-box {    width: 31.3%;    margin: 1%;}

.video {    height: 400px; background-size:auto 100%; padding-top:10%;}

.select-items div, .select-selected {text-align:left;}

h1 {   font-size: 24px;}

h2 {   font-size: 26px;}
    
.feature-box {    width: 48%; margin: 8px;}    
    
.fullsize-banner, .free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:450px;}  
    
.top-navigation {background-color: #fff; display: block; float: none; margin: 0px; padding: 10px 20px; margin-top: -10px; border-top:1px solid #ccc; }    

.last-button {      margin-right: 0 !important;    margin-left: 45px;}    
    
header.darker .top-navigation {    margin-top: -8px;}   
    
.fullsize-banner {    margin-top: 130px;}    
    
.banner-caption {    padding-top: 3%; }    
    
.banner-text {    width: 300px;}   
    
.welcome img {    margin-bottom: 50px;}

.advertisement-banner {    margin-bottom: 30px;}

.inside-banner {    height: 350px; margin-top: 130px;}    
    

    

}






/*  768px  */
@media all and (max-width: 979px) {

#mixedSlider3 .MS-content, .grid-1280 {width:720px; }

.email {display:none;}

.companies img {    width: 166px;}

.welcome .grid-1280 div {    width: 55%;}

.enquire-form {margin-top:-600px;}

.courses {margin-top:-30px;}

.course-box {width:100%;}

.banner {height:350px; background-size:cover;}

.enquire-form {    margin-top: -550px;}

.toppers .grid-1280 div img {    width: 100px;}

.placed-students {    padding: 30px 0px 30px 0px;}

.companies {padding: 30px 0px 50px 0px;}

.welcome {    padding: 30px 0px;}

.toppers {    padding: 30px 0px 50px 0px;}


header { background-color: #fff; box-shadow: 0px 0px 2px 2px #ccc;}

.logo img  {height:50px;  }

.logo {margin: 10px 10px 5px 20px;}

.logo strong {font-size:24px; line-height:24px;  margin-top:3px;}

.logo em {font-size:12px; display:block; font-style:normal; margin-top:-5px;}

.phone { margin: 20px 20px 15px 20px;}

.email { margin: 20px;}

.banner {    margin-top: 65px;	}

.course-box {    width: 31.3%;}

.videopopupjs__content {height: 389px;}

.enquire {position:relative; text-align:center; padding:50px 0px 20px 0px; background-color:#ffd800;}

.enquire-form {margin:auto; display:block; float:none; box-shadow:0px 0px 20px 0px #666; }

.course-box {    width: 48%;}

.video {    height: 300px; background-size:auto 100%; padding-top:10%;}

.fullsize-banner {margin-top: 55px;}    

.free-simple-slider .slider-dots {bottom:10px;}
    
body {font-size: 13px; line-height: 24px;}    
    
footer  {font-size: 12px;}    
    
.feature-box {    width: 48%;    margin: 7px;}    
    
.welcome img {    width: 80%;   margin: 10%;}    
    
.welcome h1 {font-size: 28px;}    
    
.features {padding: 50px 0px 30px 0px}    
    
.top-navigation  {display: none; border: 0px; border-bottom: 1px solid #ccc;}
    
    
.responsive-menu-icon {display: block; background-color:#be0f34; z-index:100000; top:0px; right:0px; width: 55px; height: 55px; padding: 16px;}    
    
header.darker .logo img, .logo img {   height: 40px; }    
    
.top-navigation .active {border:0px;}    

.top-navigation a {width: 100%; display: block; border-bottom: 1px solid #ccc!important;}        
    
.dropdown {width: 100%; border-bottom: 1px solid #ccc;}
    
.last-button {margin:10px 0px; width: 100%; text-align: center; padding: 5px; font-size: 14px;}    
    
.dropdown-content, .dropdown-content2 {position: relative; width: 100%; box-shadow: none; }    
    
.dropbtn, .dropbtn2 {width: 100%; text-align: left; background-position: 98% center;}   
    
.dropdown-content a:last-child, .dropdown-content2 a:last-child  { border-bottom: 0px!important;}     
    
header, header.darker {height: 55px; box-shadow: none; border-bottom: 1px solid #ccc; background-color: #fff; border-top:0px; }    
    
header.darker .logo, .logo {    margin: 7px 10px;}    
    
.top-navigation {margin-top: -7px}   
    
.float-right {    width: 360px;}    
    
.inside-banner {margin-top: 55px;}    
    
.inside-banner {    height: 250px;    }
    
.inside-content {    padding: 20px 0px;    }
    
.contact-form   {width: 100%;} 
    
.contact-map    {width: 100%;}
    
    
}




/*  640px  */
@media all and (max-width: 767px) {

#mixedSlider3 .MS-content, .grid-1280 {width:600px; }

.social-media, .copyright {display:block; text-align:center; width:100%; font-size:11px; letter-spacing:2px; }

.social-media a {margin:2px;}

.placed-students .grid-1280 div {    width: 25%;}

.companies img {   width: 96px;    margin: 2px;    border: 1px solid #ddd;}

.companies {   padding: 10px 0px 50px 0px;}

.toppers .grid-1280 div {   width: 25%;}

header.darker .logo strong, .logo strong {   font-size: 20px;    margin: 0;}

.phone {margin:20px;}

.phone a {   font-size: 18px; line-height:20px;    font-weight: 400;}

.phone a img, .email a img {width:25px; margin-top: 4px;}

.welcome .grid-1280 div {   width: 45%;}

h1 {   font-size: 26px;}

#mixedSlider2 .MS-controls .MS-right {   right: 0px;}

#mixedSlider2 .MS-controls .MS-left {   left: 0px;}

h2 {font-size:24px;}

.departments .grid-1280 div {width:48%;}

.video {    height: 300px; background-size:auto 100%; padding-top:10%;}

.videopopupjs__content {height: 325px;}

.course-box {    width: 48%;}

.departments {    padding: 30px 0px 20px 0px;}

.banner-text h1 {font-size: 18px;}
    
.banner-text h2 {font-size: 12px; padding: 10px;}

.fullsize-banner, .free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:250px;}    
    
.banner-text {   width: 200px;    padding: 10px;}    
    
.top-navigation {    margin-top: -10px;}    
    
.welcome {text-align: center;}
    
.welcome h1 {   font-size: 22px;}    
    
.welcome img {   width: 80%;    margin: 5% 10%;}    
    
.feature-box {   width: 48%;    margin: 6px;}    
    
.features {   padding: 20px 0px 20px 0px;}    
    
.phone {    font-size: 20px;    }
    
.footer-links {width: 350px;}    
    
.inside-banner {    height: 200px;}        
    
.inside-content h2 {font-size: 22px;}    
    
.download.half-half {width: 100%; padding: 0px;} 
    
.border-area { padding: 15px 15px;}    
    
.half-half {width: 100%;  padding:0px;  }
    
    
}




/*  480px  */
@media all and (max-width: 639px) {

#mixedSlider3 .MS-content, .grid-1280 {width:440px; }	

.placed-students .grid-1280 div {   width: 33.3%;}

.companies img {    width: 106px; border:0px;}

.toppers .grid-1280 div {   width: 33.3%;}

.phone a {font-size:0px;}

.phone a img, .email a img {   width: 35px;   margin:0px;}

.enquire-form {  margin: 0px auto 40px auto; float:none; }

.enquire.grid-1280 {width:100%;}


.welcome .grid-1280 div {   width: 100%;    text-align: center;}

h1 {   font-size: 22px;}

.departments .grid-1280 div {    width: 100%; margin:10px 0px;}

.departments {padding: 20px 0px 20px 0px;}

.video {padding-top: 15%;}

.phone {    margin: 15px 20px!important;}

.video {    height: 150px; background-size:auto 100%; padding-top:16%;}

.videopopupjs__content {height: 184px;}

.free-simple-slider .slider-box {    height: 250px; margin-top:60px;}

.feature-box {   width: 100%;    margin: 10px 0px;}    
    
.feature-box p {height: auto;} 
    
.fullsize-banner {    margin-top: -5px;}
    
.float-right {    width: 100%; margin-bottom: 20px;}    
    
.inside-banner {    height: 150px;}    
    
}





/*  360px  */
@media all and (max-width: 479px) {

#mixedSlider3 .MS-content, .grid-1280 {width:320px; }

.placed-students .grid-1280 div {   width: 50%;}

.companies img {   width: 102px;    border: 0px;}

.toppers .grid-1280 div {   width: 50%;}

h2 {   font-size: 18px;    font-weight: 400;}

h1 {   font-size: 30px;}

header.darker .logo strong, .logo strong {   font-size: 16px; line-height:20px;    margin: 0;}

.logo em {   font-size: 10px!important; line-height:15px; margin-top:-5px;}

.logo img {    margin-right: 10px;}

.phone {margin-left:0px!important; margin-right:10px!important;}

.course-box {    width: 100%; padding:30px 0px;}

.course-box strong {font-size:20px;}

.video {    height: 150px; background-size:auto 100%; padding-top:16%;}

.videopopupjs__content {height: 184px;}

.banner {   height: 400px;}

header.darker .logo strong, .logo strong {    font-size: 22px;    line-height: 32px;    margin: 0;}

.logo em {    font-size: 11px !important;    line-height: 17px;    margin-top: -5px;}

.select-items div, .select-selected {text-align:left;}

h1, h2 {    font-size: 20px;}

.departments .grid-1280 div {font-size: 14px; padding: 40px 0px;}

.departments .grid-1280 div {    font-size: 14px;    padding: 30px 0px;    line-height: 20px;    height: 110px;}
 
.footer-links {    width: 320px;}    
    
.footer-links a {font-size: 12px;}   
    
.fullsize-banner, .free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:580px;}        
    
.banner-text {   width: 100%;    padding: 10px;}    
    
.banner-caption {   padding-top: 110%; display: none;}    
    
.banner-text h2 {width: 100%; margin-top: 10px;}    
    
.banner-text h1 {   font-size: 16px;}    

    
.dropbtn, .dropbtn2, .top-navigation a {line-height: 40px;}    
    
.dropdown-content a, .dropdown-content2 a  {line-height: 30px; font-size: 13px;}  

header.darker .top-navigation {   margin-top: -7px;}    

.school-name {font-size: 20px!important; font-weight: 700;}    
    
.school-details p {text-align: left}    
    
.school-details p img {margin-bottom: 10px; float: left;}    
    


}











/*  320px  */
@media all and (max-width: 359px) {

#mixedSlider3 .MS-content, .grid-1280 {width:280px; }

.companies img {    width: 89px;    border: 0px;}

.copyright {   font-size: 10px;    letter-spacing: 1px;}

.logo img {   height: 40px!important;    margin-left: -10px!important;  margin-top:0px!important; }

.logo {margin-right:0px!important; }

.phone {margin-top:14px;}

header.darker .logo strong, .logo strong {    font-size: 20px;    line-height: 28px;    margin: 0;}

.logo em {    font-size: 10px !important;    line-height: 17px;    margin-top: -5px;}

.footer-links {    width: 100%;}
    
.fullsize-banner, .free-simple-slider .slider-box, .free-simple-slider, .free-simple-slider li {height:430px;} 
    
.school-details {padding: 7px;}    
    
.school-name {font-size: 18px!important; font-weight: 700;}        

}