
/* Extra Large Devices (Large desktops, wide screens) */
@media (max-width: 1600px) {

}

/* Meidum Devices (Desktops, laptops) */
@media (max-width: 1440px) {

}

/* Large Devices (Desktops, laptops) */
@media (max-width: 1280px) {
    .width_60 {width:70%}
}

/* Medium Devices (Tablets, small laptops) */
@media (max-width: 1024px) {
    .mob_width_70 {width:70%!important;  max-width:70%!important; margin-left:auto; margin-right:auto;}
    .mob_width_80 {width:80%!important; max-width:80%!important; margin-left:auto; margin-right:auto;}
    .md\:grid-cols-10 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .page_abat .top-24:after {top:20px!important; background-size: 80%;
    width: 60%;right:-5%}
    .choose_option_box .text-gray-400, .choose_option_box .tracking-wide {margin-bottom:0.5rem}
    .choose_slider h3 {line-height:36px}
    .page_banner h1 {font-size:50px; line-height:65px}
    .pagesection_width {width:80%}
    #spec-body-list {width:85%}
    .spec-primary-img h1 {left:5%; font-size:2rem}
    #spec-body{width:85%}
    .spec_container {width:100%!important}
    .tap_register, .tap_login {display:block}
    .tap_register {margin-top:20px}
    #body-custom .logo img {left:0}
    #main.profile .inside {width:100%}
    #body-user-profile .box.third {width:100%; margin-top:2rem}
    .pad-btm-15 {padding-bottom:15px}
    .pad-btm-50 {padding-bottom:65px}
}
.stripe-btn .osp-btn-line-middle {top:5px; position:relative}
/* Tablets in portrait mode (typically widths between 577px and 992px) */
@media (min-width: 700px) and (max-width: 1024px) and (orientation: portrait) {
    .stats-box .text-3xl {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .help_box:after {top:-15px; background-size: 93%;}
    .md\:w-1\/2 {
        width: 100%
    }
        .prx_mob_left {text-align:left!important}
    .w-full-mob {width:100%; }
    .w-full-mob img {border-radius:12px}
    .act-table-bids .act-item {width:100%}
}

/* Tablets in landscape mode */
@media (min-width: 700px) and (max-width: 1024px) and (orientation: landscape) {
    .lg:w-2/3 {width:66.6%}
    .container {
        max-width: 100%;
    }
    .sm\:flex-row {
        flex-direction: column !important;
    }
    .prx_mob_left {text-align:left!important}
    .w-full-mob {width:100%; }
    
    .w-full-mob img {border-radius:12px}
}
/* Mobile devices in portrait mode */
@media (max-width: 576px) and (orientation: portrait) {
    #login, #register, #forgot {margin-top:10%!important}
    .md\:grid-cols-10 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .mob_width_80 {width:85%!important; max-width:85%!important; margin-left:auto; margin-right:auto;}
    .lucide-users, .lucide-car, .lucide-globe:not([#mob_side]), .lucide-calendar
    {
        width: 42px;
        height: 42px;
        stroke-width: 2px;
    }
     #get-started .mob_width_80 {max-width:95%!important; width:95%!important}
    #search-items .premiums-block .simple-prod {margin-left:2%!important}
    .help_inner {width:100%}
    .help_inner .flex{
        flex-direction: column;
        gap: 1rem;
    }
    .help_box.top-24 a {margin-left:0!important; width:80%;
    }
    .help_box a {margin-left:0!important; width:80%;
    }
        .page_abat .top-24:after {
        top: unset !important;
        background-size: 95%;
        width: 60%;
        right: -12%;
        bottom: 0;
        height: 39%;
    }
        .page_banner h1 {
        font-size: 35px;
        line-height: 42px;
    }
    .help_box:after {background-size: 91%;
    width: 49%;
    height: 123%;right: 0%;
    top: 46px;}
    .choose_slider #trusted_brands {margin-top:0; margin-bottom:0}
}

/* Mobile devices in landscape mode */
@media (max-width: 700px) and (orientation: landscape) {
    .md\:grid-cols-10 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
        .page_banner h1 {
        font-size: 35px;
        line-height: 42px;
    }
    

}
