/* CSS Document */





@media only screen and (min-width : 1250px) {


    .bannerDual .img1{
      width:50.4%;
    }

    .bannerDual .img1-wide{
      width:74%;
    }

      .bannerDual .img3{
        display:inline;
    }

    .smallWidth{
    width:25.7%
    }


    .rightVideo{
    width:49.9% !important;
    }


    .homeLeft{
      width:19.7%;
      float:left;
      display:inline;
    }


.homeMain{
    margin-left: 0.4%;

    width: 53%;
}
.homeSmall{
  margin-left: 0.3%;
    width: 26.6%;
}

}


 @media only screen and (min-width : 1650px) {


    .bannerDual .img1{
      width:40%;
    }

    .bannerDual .smallWidth{
       width: 20.4%;
    }

        .bannerDual .img1-wide{
      width:69.9%;
    }

       .bannerDual .img4{
        display:inline;

    }


    .rightVideo{

    width:39.9% !important;
    }

}


@media only screen and (max-width : 1410px) {

 .max1200 {
   width:93%;
 }

}



@media only screen and (max-width : 1100px) {
 .dropdown{
   display:none;
 }

}

@media only screen and (max-width : 1050px) {


#nav li a {
      padding-top:5px;
}

.imageTestimonial p {

    padding: 30px 10px 18px;
    }

#logo{
  width:60% !important;
}

    .centCont{
      width:95%;
      margin:auto;
    }



}

 @media only screen and (max-width : 920px) {


.benefitBox{
 width:46%;
}

.leftPadder{
 margin:1%;
}


.imageTestimonial p {
font-size:14px;
line-height:1.2;
    padding: 10px 10px 18px;


}

}


    @media only screen and (max-width : 800px) {



.snap-drawers{
  display:block;
  
}

  .tri3{
    display:none !important;
  }

.tri1 {
 width: 60.3%;
}

.tri2 {
    width:36.2%
}

#logo{
  width:100% !important;
  padding-bottom:20px;
}

#headerCall{
  display:none;
}

#nav{
  display:none;
}

   #courseCallback{
     display:none;
   }

    .smallWidth{
      display:none;
    }

     .img1{
        width:100% !important;
      }



  }

  @media only screen and (max-width : 650px) {


#logo img {
 width:20%;
  max-width: 130px;
}

#logo{
   text-align: center;
}

#courseDetailsLeft .price{
  text-align:center;
  float:none;
}

  #bookerButton{
    width:90% !important;
  }

 .left60,.left40,.right40,.right60 {
   width:100%;
   float:none;
   text-align:center;

 }

 .normalList{
 list-style-type:none;
 padding-bottom:20px;
 }

.courseMore{
  display:none;
}

.buttonOver{
  width:100%;
}

#innerFooter{
  text-align:center;
}

#footCredit{
  display:none;
}

#footSocial{
  display:none;
}

.homeSmall{
  display:none;
}
.courseDetailsLeft .banner{
  width:95% !important;
}

#courseDetailsBanner{
text-align:center;
}

#courseDetailsBanner .button{
 width:40%;
}

.price{
  float:none;
  display:block;
  text-align:center;
}

  }

  @media only screen and (max-width : 600px) {

  .imagePadder {
    width:100%;
    float:none;
  }

  .hideMobile{
    display:none;
  }

.modBlock{
  display:none;
}

.benefitBox{
  width:96%;
}

.right30,.left70{
   float: none;
   width:100%;
}

.left70 .blue{
  display:block;
  margin-top:20px;
  margin-bottom:20px;
}

.wrap{
  padding:0;
}

.normalList {
    margin:0;
  }


.normalList > li {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.mobilemenu {

display:block;
}

#navouter {
 margin-top:5px;
}
.split2 li {
  width:100%;
  float:none;
}

.largeOpen {
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    letter-spacing: 0;
}

  #footLogo{
    width:100%;
  }

  #footLogo img{
    width:60%;
  }

.courseDetails{
  width:100% !important;
  padding-top:20px;
}

  h3{
    font-size:18px;
  }

  h2{
    font-size:40px;
  }

.courseList li .courseImage {
 width:100%;

}


.homeMain{
  width:100%;

}

.imageTestimonial {
  position:relative;
  width:100%;
}

     .col50{
        float:none;
        width:100%;
      }



  }


    @media only screen and (max-width : 500px) {


.leftAlign p {
  width:100%;
  }

#blueFoot{
  font-size: 14px;
}

     .button{
       width:89%!important;
     }

    }