/*     TABLET      */
@media all and (max-width:1024px){

  body{
    text-align:center;
    font-size:14px;
  }
  UL,OL{
    margin-bottom:10px;
    margin-left:15px;
  }
  .pageInner{
    width:100%;
    padding-left:10px;
    padding-right:10px;
  }
  .menuOuter .pageInner{padding:0px;}
/* --------------------- Home -------------------- */

/* --------------------- /Home -------------------- */

/* --------------------- Content -------------------- */
  .sectionCell{
    width:48%;
  }
/* --------------------- /Content -------------------- */


/* --------------------- Footer -------------------- */

/* --------------------- /Footer -------------------- */


}
/*     TABLET      */
@media all and (max-width:768px){
/*
  .logo{display:none;}
*/
  h1{font-size:40px;}
  h2{font-size:30px;}
  h3{font-size:25px;}

  .headerOuter .logo{

    width:auto;
    height:10vw;
    min-height:90px;
    margin-top:10px;
  }
  .headerOuter .logo img{
    width:auto;
    height:100%;
  }
  .outerBannerHome{
    height:30vw;
    min-height:300px;
    max-height:450px;
  }
/*   .headerOuter .pageInner{padding-left:0px;padding:right:0px;} */
  .outerBannerHome img {width:100%;height:auto;}

 .headerContent{


 }
  .headerContent h2{
    font-size:5vw;
  }
  .menuOuter{
    margin-top:0px;
    padding:0px !important;
  }
  .page30Left img,
  .page20Left img{
    width:100%;
    height:auto;
  }
  .pageHalfLeft,
  .pageHalfRight,
  .page50Left,
  .page50Right,
  .page30Left,
  .page70Right{
    float:none;
    width: 100%;
    margin-left:0px;
  }
  .pageHalfLeft,
  .page50Left{
    padding: 0px 0px 20px 0px;
  }

  /* ------------- Home ------------- */
  .outerBannerHome{

  }

  .outerBannerHome h1,.outerBannerContent h1 {font-size:40px;}
  .outerBannerHome h2,.outerBannerContent h2 {font-size:30px;}
  .outerBannerHome .pageInner,.outerBannerContent .pageInner{font-size:20px;}
  /* ------------- /Home ------------- */


  /* ----------- Gallery ---------------- */
  .thumb_class{
    margin-left:2%;
    width:48%;
  }
  /* ---------- /Gallery --------------- */

  /* ------------- Form ------------- */
  .formHalf{
    width:100%;
  }

  form input[name="contact_name"]{
    border-right:0px;
  }
  /* ------------- /Form ------------- */

  /* ------------- Footer ------------- */

    .footerLeft,
    .footerRight{
      float:none;
      width:100%;
      text-align:left;
      margin-bottom:15px;
    }
    .footerRight ul {
      float: left;
      margin:0px;
    }
  /* ------------- /Footer ------------- */



}



/*     MOBILE      */
@media all and (max-width:500px){

  /* ------------- Header ------------- */
  .headerOuter .logo,
 .headerContent{
    text-align:center;
    width:100%;

 }
  /* ------------- /Header ------------- */


  /* ------------- Home ------------- */
 .headerContent{


 }
  /* ------------- /Home ------------- */

  /* ------------- Content ------------- */
  .pageHalfLeft,
  .pageHalfRight,
  .page70Left,
  .page30Right,
  .page20Left,
  .page80Right{
    float:none;
    width: 100%;
  }
  .page70Left{
    padding-bottom:20px;
    padding-right:0px;
  }

  /* ------------- /Content ------------- */

  /* ----------- Gallery ---------------- */
  .thumb_class{
    margin-left:0%;
    width:100%;
  }
  /* ---------- /Gallery --------------- */

  .sectionCell{
    width:98%;
  }

  /* ------------- Footer ------------- */
    .footerLeft,
    .footerMid,
    .footerRight
    {
      padding-top:15px;
      width:100%;
      float:none;
    }

  /* ------------- /Footer ------------- */




}