/** Mobile and Tablet fix -- from 320px to 768px **/

@media only screen and (min-width: 320px) and (max-width: 768px){ 

    
}
span>.lockimg{
width:200px;
display:block;
margin: -20px auto;
}
@media only screen and (min-width:750px) and (max-width: 1000px){
img.eagle{
transition: all 0.1s ease-in-out; 
max-width:220px;

    
}
}
@media only screen and (min-width:320px) and (max-width: 751px){
img.eagle{
transition: all 0.5s ease-in-out;
visibility: hidden;
max-width:120px;
opacity:0.1;
}
}
@media only screen and (min-width:320px) and (max-width: 765px){
    .mainspan>h2{
font-size:45px !important;
    -webkit-font-smoothing: antialiased;
    text-shadow: 4px 2px 6px #444;
    }
}
@media only screen and (min-width:320px) and (max-width: 470px){
    .mainspantwo>h4{
font-size:28px !important;
    }
}
@media only screen and (min-width:320px) and (max-width: 470px){
    .mainspanthree>h4>img{
        max-width:200px !important;
    }
}
@media only screen and (min-width:320px) and (max-width: 520px){
.spec-panel>h1{
    font-size:25px !important;
    letter-spacing: 0.4em;
}
}
@media only screen and (min-width:320px) and (max-width: 520px){
    iframe.video{
        
        max-width:100% !important;
        max-height:100% !important;
        display:block !important;
    }
}
@media only screen and (min-width:320px) and (max-width: 765px){
    .serimg{
        max-width:500px;
        max-height:500px;
    }
}
@media only screen and (min-width:320px) and (max-width: 600px){
    .serimg{
        max-width:400px;
        max-height:400px;
    }
}
@media only screen and (min-width:320px) and (max-width: 530px){
    .serimg{
        max-width:300px;
        max-height:300px;
        margin-top:90px;
    }
}
@media only screen and (min-width:320px) and (max-width: 768px){
    .social{
        margin-top:20px;
    }
}
@media only screen and (min-width:320px) and (max-width: 768px){
    .jumbostart{
    background: url(../images/lockedcar.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin-top:30px;
    height:auto;
    box-shadow: 6px 0px 40px #555;
    }
}
@media only screen and (min-width:320px) and (max-width: 768px){
.mainimg{
    background: url(../images/blurredroad.jpeg) no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    height:auto;
}
}
/** Large Screens from 24" to 27" -- 1920px Full HD to 2560px WQHD **/

@media only screen and (min-width:1920px) and (max-width: 2560px){
    .aboutimg{
        display: flex;
        justify-content: center;
        
    }
    .vanimage>img.vanimg{
        width:700px;
    }
    .well-about>.aboutpar{
        font-size:22px;
        color:#fff;
        text-shadow: 4px 0px 6px #444;
        -webkit-font-smoothing: antialiased;
    }
    .well-about{
        background: #555;
        margin-top:20px;
        vertical-align: center;
        border-radius: 30px 30px 30px 30px;
        box-shadow: 6px 2px 40px rgba(0,0,0, .2);
    }
    .well-offer>p{
        font-size:22px;
    }
    .well-carkeys>p{
        font-size:22px;
    }
    .carlist{
        font-size:20px;
    }
    .spantext>h4{
        font-size:22px !important;
    }
    img.serimg{
        margin-top:-230px !important;
        min-width:900px;
        min-height:900px;
    }
    .common{
        font-size:22px;
    }
    .commonpar{
        font-size:20px;
    }
    
}
@media only screen and (min-width:1700px) and (max-width: 2560px){
    .navbar .pos {
        margin-left: 35% !important;
    }
    .navbar .pos>li>a {
        -webkit-font-smoothing: antialiased;
        font-size:20px !important;
    }
}