/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {



}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* Extra large devices (large desktops, 1300px and up) */
@media (min-width: 1300px) {

}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    #topbar-area .navbar .navbar-nav .nav-item .nav-link {
        border-bottom: 1px solid #6a6b6e52;
        font-size: 14px;
        margin-right: 0;
        padding: 9px;
    }
    #topbar-area .navbar .main-content {
        margin-top: 15px;
    }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    #banner-area .car-info .car-part{
        top: 5%;
    }
    .packages-area .packages-card .package-area .package-info{
        margin-top: 20px;
    }
    .footer-area .footer-inner-content{
        padding-left: 0;
    }
    .login-modal .modal-body .login-details .btn-area .btn{
        padding: 13px;
    }
    #contact-sec .contact-main {
        max-width: 90%;
    }
    #contact-sec .contact-main .contact-form .form-group textarea{
        width: 100%;
    }
        .order-area .main-part ul li.left-part ul.inner p{
        font-size: 13px;
    }
        .order-area .main-part ul li.left-part::after{
        display: none;
    }

}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {
    header {
        padding: 18px 3px;
    }
    header .header-area{

    }
    header .header-area .language-part ul{
        margin-top: 5px;
    }
    #topbar-area .navbar .main-content ul li .btn{
        width: auto;
    }
    #banner-area .car-info .car-part{
        width: 93%;
    }
    .copyright-area .copyright-info {
        flex-direction: column;
        align-items: center;
    }
    .copyright-area .copyright-info .main-area p {
        margin-bottom: 8px;
    }
    .copyright-area .copyright-info .media-icon ul {
        margin-bottom: 10px;
    }
    .copyright-area .copyright-info .main-area p {
        margin-bottom: 8px;
    }
    .footer-area .footer-inner-content {
        margin-bottom: 20px;
    }
    .footer-area .footer-inner-content ul li {
        margin-bottom: 8px;
    }
    .deals-area .bg-pic{
        height: auto;
    }
    .deals-area .deals-main{
        margin-bottom: 20px;
    }
    .deals-area .button-area{
        display: none;
    }
    .footer-area .footer-inner-content ul li a{
        font-size: 14px;
    }
    .footer-area .footer-inner-content h2{
        font-size: 18px;
    }
    #inner-banner .inner-content .main-header h2{
        font-size: 23px;
        line-height: 34px;
    }
    .car-bboking .fleet-service .inner-content{
        /*height: 239px;*/
    }
    .car-bboking .fleet-service .inner-content .details-area ul{
        /*flex-direction: column;*/
    }

    .car-bboking .car-filter .filter-info ul{
        flex-direction: column;
    }
    .car-bboking .car-filter .filter-info ul li.type {
        margin-bottom: 15px;
    }
    .car-bboking .car-filter .filter-info ul li.filter-in{
        margin-bottom: 12px;
    }
    #topbar-area .navbar .main-content ul li .dropdown-menu {
        left: 0;
    }
    .services-inner .inner-text .inner-point ul li{
        margin-bottom: 5px;
    }
    .services-inner .inner-text .inner-point{
        margin-top: 10px;
    }
    .booking-area .booking-slot .book-inner ul{
        flex-direction: column;
    }
    .booking-area .booking-slot .book-inner ul li span.one{
        padding-right: 0;
    }
    .booking-area .booking-slot .book-inner ul li{
        margin-bottom: 10px;
    }
    .pickup-area .inner-content{
        flex-direction: column;
    }
    .pickup-area .inner-content .pickup-info{
        margin-bottom: 23px;
    }
    .pickup-area .car-filter .filter-info ul{
        flex-direction: column;
    }
    .pickup-area .car-filter .filter-info ul li.filter-in{
        margin: 10px 0 10px 0;
    }
    .pickup-area .car-filter .filter-info ul li.type {
        margin-bottom: 15px;
    }
    .pickup-area .card-area ul{
        flex-direction: column;
    }
    .pickup-area .card-area ul li.main .second-part .car-info ul li.details{
        margin-right: 0;
    }
    /*.pickup-area .card-area ul li.main.part-two{*/
    /*    left: 0;*/
    /*}*/
    .pickup-area .card-area ul li.main .second-part .car-info{
        width: auto;
    }
    .pickup-area .card-area ul li.main .second-part{
        margin-top: 15px;
    }
    .pickup-area .card-area ul li.main .second-part h2{
        font-size: 20px;
    }
    .pickup-area .card-area ul li.main .second-part h3{
        font-size: 20px;
        margin-left: 0;
    }
    .pickup-area{
        padding-bottom: 60px;
    }
    #main-tab .shopping-menu {
        margin-bottom: 28px;
    }
    #main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box{
        flex-direction: column;
    }
    #main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item{
        flex-direction: column;
    }
    #main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item .order-pic{
        margin-bottom: 15px;
    }
    #main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul{
        margin-bottom: 12px;
    }
    #main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status{
        margin-top: 7px;
    }
    .order-area .main-part ul{
        flex-direction: column;
    }
    .order-area .main-part ul li.left-part{
        flex-direction: column;
        border-right: none;
        height: 202px;
    }
    .order-area .main-part ul li.left-part ul.inner li{
        margin-right: 0;
    }
    .order-area .main-part ul li.left-part ul.inner {
        margin-bottom: 19px;
        padding-right: 0;
    }
    .order-area .main-part ul li.left-part ul.inner:not(:last-child)::after{
        display: none;
    }
    .order-area .main-part .car-item{

    }
    .order-area .main-part ul li.right-area{
        margin-top: 236px;
        border-left: none;
    }
    .order-area .main-part .car-item{
        top: 33%;
    }
    .order-area .main-part .car-item ul{
        position: absolute;
        left: 31%;
        top: 100%;
    }
    .order-area .main-part .car-item ul li h3{
        position: relative;
        left: 0;
    }
    .order-area .main-part .car-item ul li p{
        margin-bottom: 6px;
    }
    .order-area .main-part .car-item.second{
        top: 34%;
    }
    .order-area .main-part ul li.left-part{
        flex-direction: initial;
        height: auto;
    }
    .order-area .main-part .car-item ul li img{
        position: absolute;
        left: 143%;
        top: -298%;
    }
    .add-part .add-box{
        flex-direction: column;
    }
    .add-part .add-box .add-item{
        flex-direction: column;
        margin-bottom: 14px;
    }
    .add-part .add-box .price-list ul{

    }
    .add-part .add-box .add-item ul li{
        font-size: 15px;
        margin-top: 6px;
    }
    .add-part .add-box .price-list ul li h2{
        font-size: 20px;
    }
    .payment-area .payment-main{
        margin-top: 21px;
    }
    .payment-area .payment-main .card-area .button-area .btn{
        padding: 11px;
    }
    .order-area .top-header{
        flex-direction: column;
    }
    .order-area .top-header h2{
        margin-bottom: 17px;
    }
    .order-area .main-part{
        padding-bottom: 70px;
    }
 #contact-sec .contact-area {
     top: 135px !important;
    width: 100% !important;
    left: 0 !important;
    position: relative !important;
}


    #contact-sec .contact-main {
        padding: 15px;
        background: #ffffff;
        display: flex;
        flex-direction: column;
        margin: auto;
        position: static;
        box-shadow: 0 8px 27px -3px rgba(11, 3, 78, 0.16);
    }
    #contact-sec .contact-area h3{
        font-size: 21px;
    }
    .order-area .main-part ul li.right-area.part-one .add-box{
        flex-direction: column;
    }
    .order-area .main-part ul li.right-area.part-one{
        padding-left: 0 !important;
        border-left: none;
        margin-top: 194px;
        border-left: none !important;
    }
    .order-area .main-part ul li.right-area.part-one .add-box .add-item{
        flex-direction: column;
    }
    .order-area .main-part .car-item.second-inner ul{
        left: 0;
    }
    .order-area .main-part .car-item.second-inner .order-pic{
        margin-bottom: 12px;
    }
    .login-modal .modal-body .login-details .main-form .input-info .form-control.one{
        width: 22%;
        margin-right: 7px;
    }
    .car-bboking .fleet-service .inner-content {
        padding: 0px 38px 4px 5px !important;
    }
    #inner-banner{
        height: 138px;
        object-fit: cover;
    }
    .car-bboking .car-filter .filter-info ul li.type h2{
        padding: 0 !important;
        margin: 0 0 6px 0 !important;
    }
    .car-bboking .car-filter .filter-info ul li.type .btn{
        margin: 10px 0 0 0 !important;
    }
    .car-bboking .car-filter .filter-info ul li.filter-in{
        margin-top: 0 !important;
    }
    .car-bboking .car-filter .filter-info ul li.filter-in:nth-last-child(2){
        margin: 0;
    }
    .car-bboking .car-filter .filter-info ul li.type:nth-last-child(3){
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #contact-sec .contact-area ul li {
    font-size: 13px;
    }
    #contact-sec .contact-area h5 {
    font-size: 19px;
    }
    #banner-area .pic-area img {
    object-fit: cover;
    height: 570px;
    width: 100%;
    
}

.pickup-area .car-filter .filter-info ul li.type{
    width: 100% !important;
        display: flex;
    justify-content: center;
    flex-direction: column;
}
.select2-container {
    width: 100% !important;
}
.pickup-area .car-filter .filter-info ul li.type .select2-container--default .select2-selection--single{
    width: 100% !important;
}
}
.pickup-area .car-filter .filter-info ul li.type .btn{
    margin: 12px 0 0 0 !important;
    margin-left: 0;
}
.pickup-area .car-filter .filter-info ul li.type h2{
        padding: 6px 2px;
}
}
}



}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
.pickup-area .car-filter .filter-info ul li.type .btn{
    width: 100% !important;
}
}
@media(max-width: 320px) {

}


@media (max-width: 991px) and (min-width: 320px){
    #topbar-area .navbar .navbar-nav {
        margin-top: 14px;
    }
}

/*@media (max-width: 1292px) and (min-width: 320px) {*/
/*    .fleet-area .fleet-service-2 .fleet-info-2 .details-area ul li{*/
/*        margin-bottom: 13px;*/
/*    }*/
/*}*/

@media (max-width: 1334px) {
    .car-bboking .fleet-service .inner-content{
        padding: 15px;
    }
    .car-bboking .fleet-service .inner-content .details-area ul li{
        font-size: 12px;
    }
    .car-bboking .fleet-service .inner-content .details-area ul li{
        width: initial !important;
        margin-left: 8px !important;
    }
    .car-bboking .fleet-service .inner-content .details-area ul li.auto{
        width: unset;
        margin-left: 0;
    }
}

@media (max-width: 1200px) {
    .container-tab{
        padding: 0 15px;
    }
    .fleet-area .fleet-service-2 .fleet-info-2 .details-area ul li{
        font-size: 12px;
    }

}

@media (max-width: 1200px) and (min-width: 800px){
    .fleet-area .fleet-service-2 .fleet-info-2 .details-area ul li{
        font-size: 11px;
    }
}
@media (max-width: 1300px) and (min-width: 1200px){
    .car-bboking .car-filter .filter-info ul li.type .btn{
        margin-left: 0 !important;
    }
}
@media (max-width: 1350px) and (min-width: 1200px){
    .car-bboking .fleet-service .inner-content{
        padding: 0px 51px 10px 48px !important;
    }
    .fleet-area .fleet-service-2 .fleet-info-2{
        padding: 8px;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .order-area .main-part ul li.left-part::after{
        right: 80%;
    }
}