/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    header .small-info h1{font-size:18px;}
    header .call-us{font-size:16px;}
    
    h2.sub-title{font-size:18px; line-height:24px;}
    .side-photo{width:48%;}
    .side-photo.floatR {margin-left: 4%;}
    .side-photo.floatL {margin-right: 4%;}
    
    .map{width:48%; padding-bottom:27%; margin-left:4%;}

    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
     header{text-align:center;}
     .main-logo{float:none; margin-bottom:10px;}
     header .small-info{position:relative; right:0; top:0; text-align:center;}
     header .call-us{float:none; display:inline-block; font-size:14px;}
     header .small-info h1{font-size:16px;}
     
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}

     
     h2.sub-title{font-size:16px; line-height:22px;}
     
     .side-photo{float:none!important; margin:0 0 10px 0!important; width:auto; max-width:100%; display:block;}
     .map{float:none!important; margin:0 0 10px 0!important; width:auto; max-width:100%; display:block; padding-bottom:56.25%;}    
     
     footer{text-align:center;}
     footer .social-media{position:relative; right:0; top:0; display:inline-block; margin:10px 0 0; }
     footer .social-media li{float:none; display:inline-block}
     
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
      
}