@media (min-width: 768px) {

    /* start common css */
    .w-md-25 {
        width: 50% !important;
    }

    /* end common css */

    /* start header css */
    header .logo-container .logo {
        max-width: 100px;
    }
    /* end header css */

    /* start available-closet */

    .available-closet .location-list .location {
        width: 47%;
    }

    /* end available-closet */

    /* start ads section */

    .ads .ads-box .play-icon {
        width: 90px;
        position: absolute;
        top: -70px;
        bottom: 0;
        left: -30px;
        right: 0;
        margin: auto;
    }

    /* end ads section */

    /* start features section */
    .features .closet-list .card {
        width: 48%;
    }

    /* end features section */

    /* start location page */
    .location-detail-list .location-detail-container .closet-list .closet-list .closet-box .closet-content img {
        height: 150px;
        width: 200px;
        object-fit: fill;
    }

    /* .description-banner .service-tab .service-icon {
        width: 140px;
        font-size: 17px;
    } */

    .detail-description .detail-form-container .detail-form-content {
        width: 45%;
    }

    .detail-description .detail-form-container .detail-form {
        width: 48%;
        max-width: 500px;
    }

    .detail-description .detail-form-content .dimensions .dimension-box p {
        font-size: 18px;
    }

    .detail-description .detail-form-content .dimensions .dimension-box h5 {
        font-size: 18px !important;
    }

    .breadcrumbs li {
        font-size: 16px;
    }

    .location-detail-list .location-detail-container .closet-list .closet-list .closet-box .closet-content {
        width: fit-content;
        margin-bottom: 0;
    }

    .location-detail-list .location-detail-container .closet-list.closet-list .closet-box button {
        font-size: 21px;
    }

    .location-detail-list .location-detail-container .closet-list .closet-list .closet-box .closet-content img {
        margin-right: 1.5rem;
    }

    .location-detail-list .location-detail-container .location-list h5 {
        font-size: 22px;
    }

    .inventroy-list .closet-list .closet-box {
        width: 47%;
    }

    .location-detail-list .location-detail-container .near-closet .closet-list .closet-box .hotel-btn {
    top: 19px;
    right: 21px;
    padding: 5px 10px;
}

    .location-detail-list .location-detail-container .service-box {
        /* width: 60%; */
        margin: auto;
    }

    .location-detail-list .location-detail-container .service-box .service-nav {
        padding: 5px 26px;
    }

    /* end location page */

    /* start billing page */

    .billing .billing-box {
        padding: 2rem;
    }

    .billing .billing-details ul li {
        width: 230px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .billing .payment-form .input-group {
        width: 50%;
    }

    .billing .payment-form .input-group label {
        font-size: 20px;
    }


    /* end billing page */

    /* start main-wrapper css */

    .main-wrapper .main-inventory-list form .box {
        width: 48%;
    }

    .main-wrapper .main-dashboard-list .dash-box-list .dash-box {
        width: 75%;
    }

    .main-wrapper .main-ser-invent-list form .box {
        width: 47%;
    }

    /* .main-wrapper .history-closet .closet-details .dimension .info, */
    /* .main-wrapper .history-closet .closet-details .booking-info .info { */
        /* width: 50%; */
    /* } */
    .payment-boxx .boxx .pay-line {
        width: 35%;
    }
    .payment-boxx .boxx .card-scroll {
        height: 400px;
        overflow: auto;
    }
    /* end main-wrapper css */

    .payment-boxx .card-boxx .card-check {
        position: absolute;
        top: 13px;
        right: 13px;
    }
    .payment-boxx .card-boxx .expire-date {
        position: absolute;
        bottom: 0px;
        right: 13px;
    }
    .main-wrapper .main-ser-invent-list form .box-service {
        width: 70%;
    }
    /* .checkout-item-list { */
        /* height: 350px; */
        /* overflow: scroll; */
    /* } */

}

@media (min-width: 1024px) {

    /* start header css */
    header .logo-container {
        padding: 1.5rem 0;
    }

    /* end header css */

    /* start login section */
    .login-bg {
        height: 350px;
    }

    /* end login section */

    /* start banner section */
    .banner .banner-content form {
        width: 75%;
        margin: auto;
    }

    /* end banner section */

    /* start available-closet */

    .available-closet .location-list .location {
        width: 32%;
    }

    /* end available-closet */

    /* start features section */
   .features .closet-list {
    gap: 20px 10px;
    margin-top: 15px;
}

    .features .closet-list .card {
        width: 24%;
    }

    /* end features section */

    /* start search-location section */
    .search-location {
        padding: 0;
        transform: translateY(-70px);
    }

    /* end search-location section */

    /* start service section  */

    .service .card p {
        width: 80%;
    }

    /* end service section */

    /* start location section */

    .location-detail-list .location-detail-container .available-location h2 {
        width: fit-content;
    }

    .location-detail-list .location-detail-container .sticky {
        position: sticky;
        top: 0;
    }

    .location-detail-list .location-detail-container .location-list h5 {
        font-size: 28px;
    }

    .location-detail-list .location-detail-container .near-closet .avail-name {
        font-size: 22px;
    }

    .location-detail-list .location-detail-container .service-box .service-nav {
    padding: 5px 8px;
    font-size: 16px;
    margin-top: 13px;
    white-space: nowrap;
}

    .location-detail-list .location-detail-container .service-box h5 {
        font-size: 23px;
    }

    /* .location-detail-list .location-detail-container .location-detail {
        width: 42%;
    } */

    /* .location-detail-list .location-detail-container .location-list {
        width: 52%;
    } */

    /* end location section */

    /* start detail-description section */

    .detail-description .closet-name h5,
    .detail-description .closet-name h6 {
        font-size: 25px;
    }

    .detail-description .detail-form-container .detail-form-content .dimension-box h5 {
        font-size: 25px;
    }

    .detail-description .detail-form-container .detail-form-content .dimension-box p {
        font-size: 19px;
    }


    /* end detail-description section */

    /* start billing section */
    .billing .btn-lg {
        display: flex;
        margin-top: 15px ;
        justify-content: center;
    }

    .billing .billing-details ul li {
        width: 270px;
    }

    .billing .billing-details ul li p {
        font-size: 20px;
    }

    .billing .billing-details ul li h4 {
        font-size: 22px;
    }

    /* .billing .price h5 {
        font-size: 25px;
    } */

    .billing .payment-box {
        padding: 1rem 2rem;
    }

    .billing .payment-form .input-group label {
        font-size: 25px;
    }

    /* end billing section */

    /* start main-wrapper css */


    .main-wrapper .main-inventory-list form .box {
        width: 30%;
    }

    .main-wrapper .main-dashboard-list .dash-box-list .dash-box {
        width: 32%;
    }

    /* .main-wrapper .history-closet .closet-details .left { */
        /* width: 47%; */
    /* } */

    .main-wrapper .history-closet .closet-details .booking-info {
        width: 100%;
    }

    .main-wrapper .history-closet .closet-details .inventory-info .content {
        width: 48%;
    }

    .main-wrapper .history-closet .closet-details .inventory-info .dimension {
        width: 45%;
    }

    .main-wrapper .history-closet .closet-details .inventory-info-list .inventory {
        width: 45%;
        border-bottom: 0;
    }
    .payment-boxx .boxx .pay-line {
        width: 38%;
    }
    .main-wrapper .main-ser-invent-list form .box-service {
        width: 48%;
    }
    /* end main-wrapper css */


    /* start header css */
    header .logo-container .right-header {
        width: 67%;
    }

    /* end header css */
}

@media (min-width: 1200px) {

    /* start common css */
    /* .heading h2 { */
        /* font-size: 35px; */
    /* } */

    .heading p {
        font-size: 15px;
        margin-bottom: 0;
    }

    section {
        padding: var(--lgPadding);
    }

    /* end common css */

    /* start login section */

    .login-form form {
        padding: 1.5rem 2rem;
    }

    /* end login section */

    /* start banner section */

    header .logo-container .logo {
        max-width: 120px;
    }

    .banner {
        padding: 2rem 0;
    }

    .banner .banner-content form {
        padding: 10px 15px;
        /* width: 60% */
    }

    .banner .banner-content form i,
    .banner .banner-content form input {
        font-size: 15px;
    }

    /* end banner section */

    /* start available-closet */

    .available-closet .location-list .location {
        width: 32%;
    }

    /* end available-closet */

    /* start choose-us section */
    .choose-us .card {
        width: 85%;
    }

    /* end choose-us section */

    /* start location page  */

    .detail-description .detail-form-container .detail-form-content .content p {
        font-size: 18px;
    }

    .detail-description .detail-form-container .detail-form button {
        min-width: 250px;
    }

    .location-detail-list .location-detail-container .closet-list .closet-list .closet-box button {
        font-size: 18px;
        min-width: 150px;
    }

    /* .location-detail-list .location-detail-container .service-box { */
        /* width: 50%; */
    /* } */

    .location-detail-list .location-detail-container .service {
        width: fit-content;
        margin: auto;
    }

    /* end location page */

    /* start inventroy-list page */
    .inventroy-list .closet-list {
        row-gap: 21px;
    }

    .inventroy-list .closet-list .closet-box {
        width: 32%;
        margin-bottom: 0 !important;
    }

    /* end inventroy-list page */

    /* start billing page */
    .billing .billing-details ul li {
        width: 23%;
    }

    /* end billing page */
    .location-detail-list .invent-list {
        height: 600px;
    }
}

@media (min-width: 1600px) {}

@media (min-width: 1367px) and (max-width: 1920px) {}

@media (min-width: 1920px) {}