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) {
    
.hero p {
 font-size:1.4em;
 }

.hero {
padding-top:50px; 
width:300px;
}
    
.hero h1 {
 font-size: 2.5em;     
 }
 
#logo {
top: 3px;
font-size: 1.4em;
font-weight: 700;
}
    
#logo img {
max-width: 285px;
max-height: 70px;
}
    
.vid { 
    display:none; 
}
 
.service_box {
    position: initial;
}
    
#contact {
    text-align: center;
    padding-bottom: 28%;
}
    
.contact_box h1 {
    font-size: 26px;
    font-weight: 400;
    color:#333;
    padding-top: 45px;
}
    
.contact_box p {
    color: #333;
    padding: 15px;
    margin-top: 3px;
}
    
.contact_us h1 {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
    
.phone a {
    font-size: 15px;
    color: #333;
}
    
.email a {
    font-size: 15px;
    color: #333;
}
    
.contact_us .block .icon {
    height: 42px;
    width: 42px;
    background-color: #ccc;
    font-size: 22px;
    padding-top: 8px;
    float: initial;
    margin-left: auto;
    margin-right: auto;
}
    
.light-sep {
    border: 2px solid #333;
}
    
.block {
   margin-bottom: 30px;
    }
    
.banner {
    padding-top: 90px;
}
    
h1.title {
    font-size: 15px;
}
    
.fleet-pic-car {
    width: 70%;
}
        

}

@media only screen and (min-width: 350px) and (max-width: 767px) {
    
.hero p {
 font-size:1em;
 height: 130px;
 font-size: 1.2em;
 }

.hero {
padding-top:50px; 
width:300px;
}
    
.hero h1 {
 font-size: 2.5em;     
 }
    
#logo {
font-size: 1.2em;
font-weight: 700;
}
    
#logo img {
max-width: 285px;
max-height: 70px;
}
    
    
h5 {
    font-size: 1.3em;
}
    
.book {
padding:0px; 
border-radius: initial;
}
    
#book .container {
padding:0px;  
border-radius: initial;
}
    
#book .container .col-md-12 {
padding:0px;  
border-radius: initial;
}

#owl-hero h1 {
    font-size: 35px;
}
    

#owl-hero .item .caption p {
height: 80px;
text-overflow: ellipsis;
width: 300px;
white-space: nowrap;
overflow: hidden;
}
    
#owl-hero .item .caption {
  top: 43%;
}
    
#owl-hero .btn {
    margin-top: 10px;
}
    
.vid { 
    display:none; 
}
 
.service_box {
    position: initial;
}
    
#contact {
    text-align: center;
    padding-bottom: 28%;
}
    
.contact_box h1 {
    font-size: 26px;
    font-weight: 400;
    color:#333;
    padding-top: 45px;
}
    
.contact_box p {
    color: #333;
    padding: 15px;
    margin-top: 3px;
}
    
.contact_us h1 {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
    
.phone a {
    font-size: 15px;
    color: #333;
}
    
.email a {
    font-size: 15px;
    color: #333;
}
    
.contact_us .block .icon {
    height: 42px;
    width: 42px;
    background-color: #ccc;
    font-size: 22px;
    padding-top: 8px;
    float: initial;
    margin-left: auto;
    margin-right: auto;
}
    
.light-sep {
    border: 2px solid #333;
}
    
.block {
   margin-bottom: 30px;
    }
    
.banner {
    padding-top: 90px;
}

h1.title {
    font-size: 15px;
}
    
.fleet-img.col-xs-6 {
     width:100%;   
}

.fleet-info.col-xs-6 {
    width:100%;  
 }
    
.fleet-pic-car {
    width: 100%;
    text-align: center;
}
    
.thumbnail-cars .col-xs-3 {
  padding-right: 7px;
  padding-left: 7px;
}
    
  
}


@media only screen and (min-width: 320px) and (max-width: 349px) {
    
.hero p {
   font-size:1em;     
 }

.hero {
padding-top:80px; 
width:300px;
}
    
.hero h1 {
 font-size: 1.5em;     
 }
    
#logo {
font-size: 1em;
top: 7px;
font-weight: 700;
}
    
#logo img {
max-width: 240px;
max-height: 70px;
}

.book {
padding:0px; 
border-radius: initial;
}
    
#book .container {
padding:0px;  
border-radius: initial;
}
    
#book .container .col-md-12 {
padding:0px;  
border-radius: initial;
}
    
.phone-num a {
    font-size: 15px;
}
    
#owl-hero .item .caption h5 {
    font-size: 1.2em;  
}
    
#owl-hero h1 {
    font-size: 32px;
}

#owl-hero .item .caption p {
height: 80px;
text-overflow: ellipsis;
width: 300px;
white-space: nowrap;
overflow: hidden;
}
    
#owl-hero .item .caption {
  top: 43%;
}
    
#owl-hero .btn {
    margin-top: 10px;
}

.vid { 
    display:none; 
}
 
.service_box {
    position: initial;
}
    
#contact {
    text-align: center;
    padding-bottom: 28%;
}
    
.contact_us {
    margin-top: 30px;
}
    
.contact_box h1 {
    font-size: 26px;
    font-weight: 400;
    color:#333;
    padding-top: 45px;
}
    
.contact_box p {
    color: #333;
    padding: 15px;
    margin-top: 3px;
}
    
.contact_us h1 {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
    
.phone a {
    font-size: 15px;
    color: #333;
}
    
.email a {
    font-size: 15px;
    color: #333;
}
    
.contact_us .block .icon {
    height: 42px;
    width: 42px;
    background-color: #ccc;
    font-size: 22px;
    padding-top: 8px;
    float: initial;
    margin-left: auto;
    margin-right: auto;
}
    
.light-sep {
    border: 2px solid #333;
}

.block {
   margin-bottom: 30px;
    }
    
.banner {
    padding-top: 90px;
}
    
h1.title {
    font-size: 15px;
}
    
.fleet-img.col-xs-6 {
     width:100%;   
}
    
.fleet-info.col-xs-6 {
    width:100%;  
 }
    
.fleet-pic-car {
    width: 100%;
    text-align: center;
}
    
.thumbnail-cars .col-xs-3 {
  padding-right: 5px;
  padding-left: 5px;
}
  
        
}