/* CSS Document */

@media (max-width : 1200px) {
    
}
@media (max-width: 992px){
  
  .container {
    width: 100%;
      max-width: 100%;
  }    
  #header{
/*      background-color:#253849;*/
padding:8px 0;
  }
 /* .brand{background-image:url("../images/logo-vac-rev.png");*/
    #content{margin-top:85px;}
    #header .phone{padding:12px 0 8px 30px; height:42px;}
    .nav_main > li.last{margin-top:10px;}
       .portal{display:block;}
}
@media (max-width: 768px){
h1{}
h2 { font-size: 24px; line-height: 30px;  }
h3 { font-size: 22px; line-height: 25px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 15px; line-height: 20px;}
h5.alternate{color:#253849; }
h6{ font-size: 14px; line-height: 20px;}
 p.emphasize{font-size:20px; line-height:28px;}    
 #programs p{font-size:20px; line-height:28px;}  
#main{padding:30px 0;}

.intro{width:100%;}
.intro p{font-size:18px; line-height:24px;}   


/** HOME PAGE  **/

  .hero{
        height:520px;
        background-size:100% ;
    }
     #hero-floorplans .hero-content,  #hero-value .hero-content, #hero-vehicles .hero-content {
        padding:30px 30px; 
    }
    #hero-floorplans{
        background-position:0 bottom;
        
    }
    
    #hero-floorplans .hero-content h2{font-size:36px; line-height:36px;}
    
    #hero-floorplans .hero-content{
            width:100%;
            padding:30px 30px 45px 30px;
            
    }
    #hero-floorplans .hero-content h3{margin-bottom:30px;}
    
    #hero-value{
        background-position:0 bottom;
    }
    #hero-value .hero-content{
          width:100%;

    }
    
    
    #hero-vehicles {
        background-size:100%;
        background-position:0 bottom;
    }
    
    #hero-vehicles .hero-content{
        width:100%;
        
    }
    .hero-header-footer{
        
    }
    
    #hero-programs{background-position: center 120px;}
.one-half{width:100%; text-align:center; padding:0 15px;}
.one-half.left{float:none; text-align:center; padding-left:0;}
.one-half.right{float:none;}
    #hero-programs a.btn-outline{width:70% !important;}

    
    #page-action{padding:25px 0 30px 0;}
    #page-action .text-left{text-align:center !important; margin:0 0 30px 0;}
    
    .promo{
        border-top: 1px solid #253849;
    }



/** LANDING PAGE **/

 .LandingPage .intro img{margin:0 auto;}
 .LandingPage #programs{padding:30px 0 15px 0;}
 .LandingPage #programs p{font-size:17px; line-height:23px;}
 .program img{margin:0 auto;float:none;}
 
 .program {width:85%; border-bottom:1px solid #ccc; padding:15px 0 30px 0; margin:0 auto 15px auto; text-align:center;}

 .program p{margin:0;}
 .program h2 span.increase-type{font-size:36px;}
 .program h2{font-size:26px;}
 
 .particulars{border-top:none; margin:0px; padding:15px 0;}
 
 /**  ABOUT PAGE **/
 
 .bio{width:93%;display:inline-block;}
 .bio-photo{width:100%;float:none; display:inline-block;}
 .bio-profile{width:100%;float:none; display:inline-block; padding:30px 30px 45px 30px;}
 
 
 /** CONTACT PAGE **/
 
 #branches{

    margin:0 15px 0px 15px;

        -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
            column-gap:15px;
}
 #branches li{font-size:12px;}

  .block-header{padding:10px 10px 10px 10px;}
 .block-header h3{text-align:center;}
 /*#branches li{margin-bottom:10px; border-bottom: 1px dashed #cccccc; padding:0 0 8px 0; text-align:center;}*/
  
 .branch-details{margin:0 0 30px 0}

 .branch-details h3{margin:0; text-align:center; padding:15px 15px 15px 15px;position:relative;}
  .branch-details h3 .phone{width:90%; float:none; /*position:absolute; bottom:10px;left:0; text-align:left;*/display:inline-block;margin:15px auto 0;padding:0 0 10px 30px; }
 .branch-footer{padding:10px 15px;}
 .branch-address{width:100%;padding:15px 15px;}
 .branch-contact{width:100%;padding:15px 15px;}
 .branch-contact .btn{width:100%;}
 .branch-manager-details{width:100%;}
 .branch-manager-details p{text-align:center; margin:0 0 10px 0}
 .branch-manager-contact{width:100%;}
 
 
 
    #footer .col{text-align:center;}
  /*  .promo::before{
        display:block; content:"";
        width:100%; height:2px;
        background-image: linear-gradient(to right, rgba(37,56,73,0), rgba(37,56,73,1), rgba(255,0,0,0));
    }
*/


    #programs h2, #programs h3{width:90%; margin-left:-45%; font-size:24px;}
    #directory{height:160px; padding-top:105px;}
    #directory .phone{ right:initial; margin:0 auto 0 auto; width:208px;left:50%;margin-left:-104px;  }
    .social{float:none; margin:15px auto; left:50%; width:166px; position:relative; margin-left:-83px;}
    /*#directory .nav-directory{margin:0px auto 0 auto; display:flex;}    */
    /*#directory .nav-directory div{display:table; margin:0 auto; }*/
    #directory .nav-directory{display:inherit;}
    #directory .nav-directory ul{/*left:50%;*/ /*position:relative; margin:0 auto;*/  
        display: flex;
 /* flex-direction: row;
  flex-wrap: wrap;*/
  justify-content: center;
  align-items: center;
    }
/*    #directory .nav-directory li{float: left;  position: relative;right: 50%;}*/
    
    nav.secondary{display:none;}
   /* #content > header h1{font-size:32px;}
    .typography h1, h1{font-size:32px; line-height:32px;}*/
    #content > header h1{width:100%; text-align:center;}

#page-split h2{text-align:center;}

#nav-action{position:relative; top:inherit;width:93%;}
#nav-action ul li{float:none;margin:0 auto 15px auto}

}


@media (max-width: 576px){

   
}

/***  iPAD Specific ***/
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}