﻿
@media only screen and (max-width: 480px) {
 .topper .topper-x,.topper .topper-xii { max-width:100%!important;    }
    .menuLogo img{ height:50px;  margin-top: 6px;  }
 
}
@media only screen and (max-width: 600px) 
{
    .footer .footerLeft h3 { font-size:14px;    }
    .whiteBox .flexslider .flex-direction-nav .flex-prev { left:0px; margin-left:0;    }
    .whiteBox .flexslider .flex-direction-nav .flex-next { right:0; margin-right:0    }
  
}

@media only screen and (max-width: 767px) {
 .noticeH:after,.noticeH br,.msgBoxIn:before,.msgText img,.footer .footerLeft:after,.footerBtm:after,.footerBtm:before,.gobottom { display:none        }
.logoname img { max-width:90%;    }

.noticeH { width:100%; height:auto; padding:5px;    }
.noticeBox { padding:0px 0px;    }
.noticeSlide {    max-width: 100%; padding:0 5px; margin:0;}
.newsNotice { height:auto;    }
.noticelink { width:100%; text-align:center; float:left; background: #5085f8;      margin: 0;   padding-bottom: 10px; }
.msgtextin .msgarrowBox { max-width:100%; padding-left:0; background:none    }
#homephotog_LBPhoto ul li { float:none; display:inline-block    }
.bigIcons ul li { margin:5px;    }
.bigIcons ul li a {width: 134px;   height: 134px;      }
.bigIcons ul li a span { margin-top:10px;            }
.foundedBy,.aboutus,.galleryBox,.studentSpeak,.whiteBox,.topperBox{ padding:0px 5px;    }
.whiteBox .flexslider,#stdspeak {    padding: 0px 25px; }
.achievement .flexslider .infrs_up_img { height:auto;    }
.whiteBox .facilities, .whiteBox .achievement {  float:none; margin:0px auto}
.topper { max-width:460px;    }
.topperBox {    background:#f5f5f5;}
.footer .footerLeft,.footer .footerRight { max-width:100%;   padding:0px 5px;  }
.footer { padding:30px 0px 0px 0px;    }
.footer .footerRight h3 { text-align:center        }
#panorma_slider_2,#marquee img { height:350px;    }
#slider1 ul li .caption { bottom:30px;  margin:0; font-size:15px; padding: 5px 10px; line-height:22px;   }
.mainScorller { margin-top:0;   }
#slider1 .flex-control-nav {bottom: 0px;}
.msgarrowBox p.msglink {  text-align:center   }
.foundedBy,.aboutus,.msgarrowBox p a.viewall8 { margin-top:30px;    }
.aboutus h3 { margin-bottom:10px;        }
.msgBoxIn { height:auto; padding:20px 0px;     }
.msgimg { float: none;margin: 0;text-align: center;height: 200px;width: 150px;overflow: hidden;margin: 0px auto;border: 3px solid #24a79c;background: #fff;   }
.msgimg img { display:inline-block;        }
.galleryBox h3, .QuickLinks h3 {    margin: 30px 0px 20px 0px;    }
.footerBtm { max-width:100%!important; height:auto; padding:0px 5px;    }
.topperBox { background:#fff!important; height:auto    }
.topper { max-width:100%!important;    }
.topper .topper-x,.topper .topper-xii { max-width:49%;    }
.studentSpeak { height:auto;  padding-bottom:20px!important;   }
.topperBox { margin-top:0; padding-bottom:20px; overflow:hidden    }
.whiteBox h3 { margin:30px 0px;    }
.studentSpeak h3 { margin:30px 0;    }
#gallerSec .slides li { height:auto;  overflow:hidden    }
#gallerSec .slides li a { display:block; max-height:300px; overflow:hidden    }
#homephotog_LBPhoto #gallerSec .flex-direction-nav { display:none    }      
.slide { width:100%; float:left    }
    .birdhday { max-width:100%;        }
    .innerImg { margin:0; float:none; display:block;text-align: center;    }
    ul.aboutul li { margin:10px;    }
    .aboutmain { background-size:cover    }
}

@media only screen and (max-width: 989px) 

{
    .menuLogo { margin-left:5px;    }
  
   

.newsNotice:before { display:none    }
.aboutus { text-align:center    }
.aboutus img { margin:0;float:none; display:inline-block;    }
ul.aboutul { width:100%; max-width:100%;   }

.foundedBy,.aboutus,.galleryBox,.studentSpeak,.whiteBox{ padding:0px 5px;    }
.footerBtm { max-width:430px;}
.logoname { top:0px; margin-top:50px; padding:0px 10px;    }
.gobottom { margin-top:0;    }

  
}

@media only screen
and (min-width : 768px)
and (max-width :989px)
{
.whiteBox .facilities,.whiteBox .achievement { max-width:49%;    }
.noticeH { width:150px;    }
.noticelink { margin-right:10px;    }
.noticeSlide {max-width:380px;    }
.msgtextin .msgarrowBox { max-width:465px;margin-top: 35px;    }
.msgarrowBox p a.viewall8 {  margin-top:25px;    }
#homephotog_LBPhoto ul li { width:25%; height:103px;    }
.bigIcons ul li { margin:5px;    }
.bigIcons ul li a {width: 134px;   height: 134px;      }
.bigIcons ul li a span { margin-top:10px;            }
.topper { max-width:475px;    }
 
.footer .footerLeft { max-width:55%;    }
.footer .footerRight { max-width:36%;    }
.footer .footerLeft:after { right:-40px;    }
.footer { padding:70px 5px 0px 5px;    }
.footer .footerLeft h3 { font-size:20px;        }

    .logoname { top:0px; margin-top:150px;    }
    .birdhday { max-width:280px;    }
    .innerImg{ max-width:60%;    }
        ul.aboutul li { margin:0px 50px;    }
}

@media only screen
and (min-width : 990px)
and (max-width :1024px)
{
  
 .menu ul li a {   padding: 13px 13px 14px 13px !important; }

    ul.aboutul li { margin:0px 50px;    }

}

@media only screen
and (min-width : 990px)
and (max-width :1200px)
{
.menu ul li a {  padding: 13px 5px 14px 5px;font-size: 15px;   }
.noticelink { margin-right:10px;    }
.noticeSlide { max-width:660px;    }
.noticeH { width:120px;    }
.noticeBox { padding:0px 5px;    }
.menubox { padding:0px 10px;    }
.newsNotice:before { width:47%;    }
.foundedBy,.aboutus,.galleryBox,.studentSpeak,.whiteBox{ padding:0px 10px;    }
.footer { padding:70px 10px 0px 10px;    }
 
 
#homephotog_LBPhoto ul li { width:100%; max-width:25%;  height:135px;    }
.bigIcons ul li { margin:10px;    }
.bigIcons ul li a { width:170px; height:170px;        }
.bigIcons ul li a span { margin-top:22px;            }
.footer .footerLeft { max-width:55%;    }
.footer .footerRight { max-width:36%;    }
.footer .footerLeft:after { right:-40px;    }
   
}


@media only screen and (max-width: 1024px) 
{
    
.whiteBox .flexslider .flex-direction-nav .flex-next{ cursor: pointer;background: url(/images/next10.png) center center no-repeat;float: left;opacity: 1;visibility: visible; right:0%; height:24px; width:24px;top:132px; margin-right:0px;}
.whiteBox .flexslider .flex-direction-nav .flex-prev { cursor: pointer;background: url(/images/prev10.png) center center no-repeat;float: left;opacity: 1;visibility: visible; left:0%; height:24px; width:24px; top:132px; margin-left:0px;}

 .menu { margin-top:-1px;    }
        .menu ul li a {  padding: 5px 20px 5px 20px;      }
          .fullBoxMob { float:right;     margin: 20px 10px 0px 0px;  }
#menu-mobile { display: inline-block;
    float: right;
    }
#menu { width:100%; display:none;float:left; background-image: -webkit-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%);
    background-image: -ms-linear-gradient( 176deg, rgb(34, 183, 144) 0%, rgb(47,93,212) 40%); }
.menu > ul > li { float:none; background:none;    }
.menu ul li a { text-align:center;  }
.menu ul li a{  border-top: 1px solid #dadada;   }
.dropmenu .active3 .activeAA{ display:block;  visibility: visible;    opacity: 1;  }
.dropmenu li > .submenu,.dropmenu li:hover > .submenu,.dropmenu ul.submenu li:hover > .submenulavel1 { display:none;    }
.dropmenu .active3 > .activeAA { display:block!important; }
.dropmenu ul.submenu .active3 > .activeAA { display:block;      width: 100%; left:auto; right:0; top: auto; }
.dropmenu ul.submenu {position: relative;top: 0;}
.menu ul li > .submenu { position:relative; border:0;    }
.menu > ul > li > .lastMenu > li a { background: none;  }

.menubox {    padding: 0px 0px!important;}
    a.menuLogo { margin-left:5px;    }
}

 