/*--------------------------------------------------------------
    laptop
---------------------------------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .container {
        max-width: 960px;
    }
    .main-menu-area ul li a {
        padding: 10px 2px;
        font-size: 18px;
    }
}


/*--------------------------------------------------------------
    tablet
---------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px){
    .container {
        max-width: 720px;
    }
    .mean-container .mean-bar {
        position: absolute;
        background: transparent;
        top: 90px;
        right: 35px;
        z-index:1;
    }
    .header-course-search {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .header-contact-info {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        padding-right: 0;
    }
    .main-menu-area {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .site-logo {
        -ms-flex-preferred-size: 20%;
        flex-basis: 25%;
    }
    .header-cart {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        text-align: right!important;
        padding-right: 100px
    }
    .header-log-reg {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
        padding-right: 100px
    }
    .header-course-search input {
        font-size: 14px;
    }
    .header-course-search span {
        top: 12px;
        right: 14px;
    }
    .footer-widget.logo,
    .footer-widget.footer-cat{
        margin-bottom: 50px;
    }
}

/*--------------------------------------------------------------
    mobile
----------------------------------------------------------------*/
@media only screen and (max-width: 767px){
    .container{
        max-width: 540px;
    }
    .header-top-wrap,
    .main-menu-wrap{
        display: block;
    }
    .header-contact-info {
        text-align: center!important;
        padding: 12px 0 5px;
    }
    .header-contact-info li {
        padding: 5px 15px;
    }
    .header-top-social {
        text-align: center!important;
    }
    .header-log-reg {
        display: none;
    }
    .header-btm-area {
        padding: 16px 0;
        overflow: hidden
    }
    .site-logo {
        float: left;
        position: relative;
        /*z-index: 999999;*/
        width: 50%
    }
    .mean-container .mean-bar {
        position: absolute;
        background: transparent;
       top:204px;
        z-index:1;
    }
    .mean-container a.meanmenu-reveal {
        width: 20px;
        height: 20px;
        padding: 10px 12px;
        margin-right: 10px
    }
    .mean-container .mean-nav ul li a {
        font-weight: 600;
    }
    .main-menu-area {
        display: none;
    }
    .header-cart {
        width: 50%;
        float: left;
        padding-top: 10px;
        padding-right: 20px;
    }
    .caption-content p {
        color:#000000;
        padding: 0px!important;
    }
    
    .about-cont{
        margin-left:0px!important;
        padding-top: 286px;
}
.about-area.four .sec-heading{
    margin:0px!important;
}
.discount-cont{
    margin-left:-16%;
    padding: 10px!important;
    width: 130%!important;
}
.text
{
    margin: 20px 20px;
}
.text-w
{
    margin: -203px 20px;
}

    }
    .footer-widget.logo,
    .footer-widget.footer-cat{
        margin-bottom: 30px;
    }
    .footer-widget.recent-post {
        margin-bottom: 55px;
    }
    

@media only screen and (max-width: 767px){
    .youtube{
    margin-top:-85px;
       width: 101%;
    }
}
@media only screen and (max-width: 767px){
    .why{
     margin-top: -38%;
    }
}
@media only screen and (max-width: 767px){
    .exam{
     width: 94%;
    margin-left: 2%;
    }
}
@media only screen and (max-width: 767px){
    .what{
    margin-left: 8%;
    width: 85%;
    }
}
/*@media only screen and (max-width: 767px){*/
/*    .ielts{*/
/*   margin-left: -36%;*/
   
/*    }*/
/*}*/
/*@media only screen and (max-width: 767px){*/
/*    .those{*/
/*   width: 180%;*/
/*    margin-top: -100px;*/
/*    margin-left: -40%;*/
/*    }*/
/*}*/
@media only screen and (max-width: 767px){
    .fluid{
      margin-left: -44px;
      width: 136%;
    }
  
}
@media only screen and (max-width: 767px){
   .coaching{
    width: 97%;
    margin-left: 3%;
    }
}
@media only screen and (max-width: 767px){
   .oet{
    margin-left: 5%;
    width: 86%;
    }
}


@media only screen and (max-width): 767px){
    .be-short{
        width: 100%;
    }
}
/* writen by lakshmi*/

@media only screen and (max-width: 767px){
    .one-m{
     margin-bottom:120px;
   }
}

@media only screen and (max-width: 767px){
    .two-m{
     margin-bottom:20px;
   }
}
@media only screen and (max-width: 767px){
    .space{
     margin-top:-160px;
   }
}


@media only screen and (max-width: 767px){
    .mb-view{
    margin-top: -73px;
    width: 343px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-p{
    margin-top: 60px;

   }
}
@media only screen and (max-width: 767px){
    .mb-view-w{
     margin-top: -104px;

   }
}
@media only screen and (max-width: 767px){
    .mb-view-h{
    width:117%;
    margin-left:-25px;
    font-size:30px;
    font-weight:300;
    line-height:40px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-i{
    margin-left: -25px;
    width: 119%;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-vc{
    margin-top: -87px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-c{
       margin-top: 85px;
    margin-left: 7px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-w{
    margin-top: -111px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-blg{
    margin-top: -111px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-hd{
    margin-left: -26px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-heading{
    width: 90%;
    margin-left: 18px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-why{
    margin-top: -219px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-img{
        width:141%;
     margin-left: -50px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-rev{
        padding-top: 2px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-video{
    margin-top: -97px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-video{
    margin-top: -97px;
   }
}
@media only screen and (max-width: 767px){
    .first-hd{
     margin-left: 16px;
    margin-top: -88px;
   }
}
@media only screen and (max-width: 767px){
    .mb-veiw-oet{
    margin-top: -135px;
   }
}
@media only screen and (max-width: 767px){
    .mb-v-box{
    margin-top: -135px;
   }
}
@media only screen and (max-width: 767px){
    .mb-view-first{
   position: absolute;
    top: -166px;
    right: 3px;
    width: 341px;
}
}
@media only screen and (max-width: 767px){
    .mb-view-two{
   margin-top:83px;
    width: 341px;
}
}
@media only screen and (max-width: 767px){
    .mb-view-third{
    position: absolute;
    top: 444px;
    right: 0px;
    width: 341px;
}
}
@media only screen and (max-width: 767px){
    .mb-view-oet{
    
    width: 341px;
}
}
@media only screen and (max-width: 767px){
    .mobile-view{
    
   padding-left:12px;
}
}
@media only screen and (max-width: 767px){
    .for-mb-view{
    
   padding-left:9px;
}
}




@media only screen and (max-width: 767px){
    .mb-view-bimg{
        margin-top: -306px;
    height:121%;
  background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
}
@media only screen and (max-width: 767px){
    .mb-view-cimg{
    margin-top: -306px;
    height:121%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
}
@media only screen and (max-width: 767px){
    .mb-view-capt{
       font-size: 23px !important;
    line-height: 24px !important;
    color: black !important;
    font-weight: 700 !important;
}
}
@media only screen and (max-width: 767px){
    .mb-view-content{
padding-right: 20%;
    padding-left: 0;
    padding-top: 170px;

}
}
@media only screen and (max-width: 767px){
    .mb-view-about{
         margin-top:-252px;
         
}
}
@media only screen and (max-width: 767px){
    .mb-view-ielts{
    padding-left: -16px !important;
         
}
}
@media only screen and (max-width: 767px){
    .mb-view-discount{
            margin-left: -3px;
        padding: 10px !important;
        text-align: justify;
    
}
}
@media only screen and (max-width: 767px){
    .oet-para{
           width:76%;
           
    
}
}
@media only screen and (max-width: 767px){
    .mb-view-revvideo{
   margin-top: -159px;
         
}
}
@media only screen and (max-width: 767px){
    .mb-heading{
  margin-left: 7px;
         
}
}
@media only screen and (max-width: 767px){
    .mb-view-email-a{
  margin-left:100px;
         
}
} 

@media only screen and (max-width: 767px){
.mobile-view-h1{
padding-top: 10px;
width:100%;
}
}
@media only screen and (max-width: 767px){
.mobile-view-h1 h1{
  
font-size: 34px;
    line-height: 34px;
    margin-bottom: 3px;
    color: #fff;
    font-weight: 700;
}
}
@media only screen and (max-width: 767px){
    .mb-view-button{
  margin-left:88px;
         
}
}
@media only screen and (max-width: 767px){
    .mb-view-branch{
     padding-top: 17px;
         
}
}
@media only screen and (max-width: 767px){
    #ielts-video{
    width:90%;
         
}
}
@media only screen and (max-width: 767px){
    #mb-view-ielts-chennai-pic{
    margin-top:-94px;
         
}
}