html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{	height: auto; width: 100%; /* ie8 */}





@media only screen and (min-width: 768px) and (max-width: 1024px) {
 
.travel-site .logo {
 margin-top: 60px;
}
    
.intro .slogan h2 {
 margin-top: initial;
}
  
.fleet-img.col-xs-6 {
   width:100%; 
 }
  
.fleet-info.col-xs-6 {
    width:100%;
  }
  
.thumbnail-cars .col-xs-3 {
    padding-left:10px;
    padding-right:10px;
  }
  
  .limo-site .main-nav button a {
    font-size:1em;
  }
  
  .more-details {
    font-size:0.8em;
  }
  
  .btn-details i {
   display:none;
  }
    

}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    
.limo-site .main-nav li {
 font-size: initial;
}
 
.travel-site .logo {
  margin-top: 28px;
}
    
.intro .slogan h2 {
 font-size: 30px;
 line-height: 30px;
 margin-top: 70px;
}
    
.intro .slogan h4 {
 font-size: 15px;
 line-height: 25px;
}
    
.col-item .photo {
 max-width: 100%;
 height: initial;
}
  
.fleet-img.col-xs-6 {
   width:100%; 
 }
  
.fleet-info.col-xs-6 {
    width:100%;
  }
  
 .thumbnail-cars .col-xs-3 {
    padding-left:3px;
    padding-right:3px;
  }
  
  .fleet-pic-car {
    width: 80%;
}
  
  .limo-site .main-nav button a {
    font-size:0.9em;
  }
  
  .contactButton button {
    padding: 8px;
  }
  
  .inner {
    padding: 0 5px 0px 5px;
}
  
  .btn-details i {
   display:none;
  }
  
  .limo-site .main-nav a, .limo-site .main-nav button {
    font-size: 0.9em;
}
  
  .limo-site .contactButton {
    padding: 8px;
}
 
}


@media only screen and (min-width: 320px) and (max-width: 480px) {
    
.slogan {
top: 130px;
}
    
.limo-site .main-nav li {
 font-size: initial;
}
    
.limo-site .logo {
top: 120px;
}
    
.travel-site .logo {
 margin-top: 20px;
}
    
.intro .slogan h2 {
 font-size: 30px;
 line-height: 30px;
 margin-top: 70px;
}
    
.intro .slogan h4 {
 font-size: 15px;
 line-height: 25px;
}
    
#intro.intro {
 background-position: 50% 0px !important;
}
    
.col-item .photo {
 max-width: 100%;
 height: initial;
}
  
 .fleet-img.col-xs-6 {
   width:100%; 
 }
  
 .fleet-info.col-xs-6 {
    width:100%;
  }
  
  .thumbnail-cars .col-xs-3 {
    padding-left:3px;
    padding-right:3px;
  }
  
 .fleet-pic-car {
    width: 100%;
}
   
  .contactButton button {
    padding: 8px;
  }
  
  .limo-site .logo {
    top: 100px !important;
}
  .slogan {
    top: 120px;
}
  .inner {
    padding: 0 5px 0px 5px;
}
  
  .btn-details i {
   display:none;
  }
  
  .limo-site .main-nav a, .limo-site .main-nav button {
    font-size: 0.9em;
}
  
  .limo-site .contactButton {
    padding: 8px;
}
    
        
}