/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 9, 2021, 12:43:14 PM
    Author     : Admin
*/

/* X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

XX-Large devices (larger desktops)
No media query since the xxl breakpoint has no upper bound on its width */

.slider .card, .features .card{margin: .75rem;}
.slider .card-body{text-align: center; height:350px;}
.follow .card{height: 420px;}
    .subbtn input.btn.btn-primary.btn-block{width: 90% !important;}
@media only screen and (max-width: 1399.98px){
    .conent-banner--caption{margin: 16rem 20rem 2rem;}
    .slider .row{padding: 0 2rem 2rem;}
    .slider .card{height: 450px !important;}
    .subbtn input.btn.btn-primary.btn-block{width: 98% !important;}
}

@media only screen and (max-width: 1199.98px){
    .conent-banner--caption{margin: 14rem 14rem 2rem;}
    .conent-banner--caption h2{font-size: 24px;}
    .slider .card{height: 500px !important;}
    .follow .card{height: 460px;}
    .subbtn input.btn.btn-primary.btn-block{width: 90% !important;}
}

@media only screen and (max-width: 991.98px){
    .footer img{max-width: 55% !important;}
    .navbar-nav .nav-item{text-align: center; margin: 2px 0;}
    .navbar-toggler-icon:hover{color: #000;}
    .navbar-toggler:focus{box-shadow: none;}
    form.form-inline.my-2.my-lg-0.text-center{display: flex; justify-content: center;}
    .form-item h3{margin: 1.5rem 0;}
    .contact-row--item{margin: 1rem 0;}
    .driver-data .col-lg-4, .career-content .col-lg-4, .trust .col-lg-4, .choose .col-lg-4, .services .col-lg-4{text-align: center;}
    .enquire .php-email-form select{width: 290px;}
    .content-banner--content img{height: auto; max-width: 100%; width: auto;}
    .header-inner{position: static !important;}
    iframe{width: 350px;}
    .conent-banner--caption{margin: 14rem 11rem 2rem; top: -40%}
    .services-img{box-shadow: none;}
    .slider-caption{padding: 5rem 0 2rem;}
    .slider .card{height: 475px !important;}
    .follow .card{height: 440px;}
    .follow {padding: 1rem}
    .accordion{width: 93% !important;}
    .form-set{margin: 0;}
}    

@media only screen and (max-width: 767.98px){
    iframe{width: 250px !important;}
    .navbar{padding: .5rem 0;}
    .enquire .php-email-form select{width: 210px;}
    .conent-banner--caption{margin: 12rem 4rem 2rem; top: -30%}
    .conent-banner--caption h2{padding: 1rem 0; font-size: 22px;}
    .follow .card{height: 400px;}
    .features .row, .slider .row{padding: 0 0 2rem;}
    .slider .card{height: 540px !important;}
    .follow{padding: 4rem 0rem;}
    .content-banner--content h1{font-size: 40px;}
    .bcs{font-size: 26px;}
    .slider-caption .btn{font-size: 16px;}
    .subbtn input.btn.btn-primary.btn-block{width: 70% !important;}
    .service { padding: 1rem; }
}

@media only screen and (max-width: 575.98px){
    .navbar-brand img{width: 180px !important; height: 90px !important;}
    .driver-button button, .retail-button button{margin: .5rem 0;}
    .retailer-content--item{padding: 2rem 1rem;}
    .conent-banner--caption{display: none;}
    .follow .card{height: 500px;}
    .slider-caption{display: none;}
    .service-content h2{font-size: 24px;}
    .subbtn input.btn.btn-primary.btn-block{width: 36% !important;}
    .service { padding: 1rem; }
}