@media screen and (max-width:1365px){
    .rental-head-sec .page-head{font-size:32px;}
    .quotation-popup .modal-content{padding:40px 40px 30px;}
    .login-page h1{font-size: 46px !important;}
}
@media screen and (max-width:1199px){
    .rental-banner h1{font-size:35px;}
    .rental-equipments h2,.rental-list h2,.rental-head-sec .page-head{font-size:34px;margin:0 0 20px;}
    .rental-img{margin:0 auto 20px;}
    .rental-inn-detail h2{font-size:18px!important;margin:0 0 15px;}
    .what-we-do h4{font-size:34px;}
    .feature-wrap{justify-content:center;gap:20px 0;}
    .feature-wrap .col-12:nth-child(2){border-right:0;}
    .cost-charge ul li::after{right:-25%;}
    .rental-equip-info{padding-left:0;}
    .btn-close{height:50px !important;width:50px !important;top:-10px;right:-10px;}
    .quotation-popup.modal-dialog,.large-popup .modal-content{border-radius:25px;padding:30px 40px 30px;width:100%;max-width:calc(100% - 20px);margin:0 auto;}
    .reserveModel-popup .modal-header{padding-bottom:10px;margin-bottom:16px;}
    .reserveModel-popup .modal-body p,.reserveModel-popup label,.reserveModel-popup span,.delivery-price-detail-head,.delivery-price-detail-row{font-size:16px;}
    .reserveModel-popup .modal-footer{gap:10px;}
    .total-mrp{font-size:20px;}
    .delivery-price-details{margin:10px 0 15px;}
    .model-header-left h3{font-size:20px;}
    .form-filter .submit-btn{display:block;max-width:320px;width:100%;margin:20px auto 0;}
    .form-filter .row .row .col-12:last-child{border-right:0;}
    .rental-equip-info{margin-top:20px;}
    .rental-equip-info span{margin:0 0 20px;}
    .rental-equip-detail-sec{padding:50px 0;}
    .quotation-popup h2{font-size:22px;}
    .quotation-popup .cost-charge{margin:15px 0 10px;font-size:16px;}
    .quotation-popup .cost-charge ul li::after{right:0px;}
    .quotation-popup .cost-charge ul li{padding:6px 17px;}
    .login-form-outer{padding:70px 45px 30px 45px;}
    .login-cont-left{padding-right:15px;}
    .reserveModel-popup .submit-btn,.quotation-popup .submit-btn{font-size:20px;max-width:250px;}
    .search-field{font-size:45px;}
    .srch-frm .btn-close{top:9px;}
    .login-page h1{font-size: 42px !important;}
}
@media screen and (max-width:991px){
    /* header css */
    #search-btn::before, .login-btn:before{display:none;}
    .login-btn{margin-right: 15px;}
    #top nav .desktop-menu{display:none;}
    .mobile-menu-icon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:30px;height:30px;gap:5px;margin-left:20px;}
    .mobile-menu-icon > span{display:block;width:100%;height:2px;background-color:#000;transition:all 0.3s ease-in-out;}
    .mobile-menu-icon:hover > span{background-color:#DA252C;}

    /* mobile menu css */
    .sidebar-mobile-menu{position:fixed;display:flex;height:100dvh;width:360px;background-color:#DA252C;right:0;top:0;bottom:0;transform:translateX(100%);z-index:99;transition:transform .8s cubic-bezier(.15,.2,.1,1);padding-top:70px;}
    .sidebar-mobile-menu.show{transform:translateX(0);}
    body.slide-left{overflow:hidden;}
    .main-wrapper{-webkit-transition:transform .8s cubic-bezier(.15,.2,.1,1);transition:transform .8s cubic-bezier(.15,.2,.1,1);-webkit-transform:scale(1) translateX(0) translateZ(0);transform:scale(1) translateX(0) translateZ(0);}
    body.slide-left .main-wrapper{-webkit-transform:scale(.835) translateX(-466px) translateZ(0);transform:scale(.835) translateX(-466px) translateZ(0);height:100vh;overflow:hidden;}
    .sidebar-mobile-menu nav{height:100%;overflow:auto;padding:0 50px;width:100%;}
    .sidebar-mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;align-items:start;justify-content:center;height:100%;flex-direction:column;}
    .sidebar-mobile-menu ul li{margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;position:relative;}
    .sidebar-mobile-menu ul li a{display:inline-block;font-size:20px;line-height:30px;font-weight:700;color:#fff;position:relative;}
    .sidebar-mobile-menu ul li a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:all 0.3s ease-in-out;}
    .sidebar-mobile-menu ul li a:hover::after{width:100%;}
    .sidebar-mobile-menu ul li ul{display:none;padding-left:20px;}
    .sidebar-mobile-menu ul li ul li{margin:10px 0;}
    .sidebar-mobile-menu ul li ul li a{font-size:16px}
    .close-sidebar{display:inline-flex;align-items:center;justify-content:center;background-color:#a40000;height:46px;width:46px;border-radius:50%;position:absolute;right:20px;top:20px;}
    .close-sidebar svg{height:20px;width:20px;}
    .dropdown-icon{display:block;height:100%;width:38px;cursor:pointer;position:absolute;right:0;top:0;}
    .dropdown-icon:after{content:'';position:absolute;height:12px;width:12px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg);top:5px;right:12px;transition:all 0.3s ease-in-out;}
    .dropdown-icon.active:after{transform:rotate(135deg);}
    .sidebar-mobile-menu ul li ul{position:relative;width:100%;height:auto;}
    .rental-banner h1{font-size:32px;}
    .rental-equipments h2,.rental-list h2,.rental-head-sec .page-head{font-size:30px;}
    .rental-equip-info h2{font-size:25px;}
    .filter-top-inner h2 span{font-size:25px;}
    .feature-wrap .col-12{border-right:0;}
    .rating-sec{padding-top:15px;margin-top:15px;}
    .filter-top-inner{max-width:450px;margin-inline:auto;}
    .form-filter .col-12{border-right:0;}
    .form-filter label{margin:0 0 8px;}
    .form-filter .row .row{gap:20px 0;}
    .rental-equip-detail-sec{padding:30px 0;}
    .rental-equip-detail-sec h3{font-size:18px;line-height:22px;margin:0 0 15px;}
    .rental-equip-info .info-wrap span{margin:0 0 8px;}
    .quotation-popup label{font-size:16px;line-height:28px;}
    .quotation-popup .row .col-lg-6:first-child{padding-right:0;border-right:0;}
    .quotation-popup .row .col-lg-6:nth-child(2){padding-left:0;}
    .quotation-popup .row .col-lg-6.border-none{margin-top:15px;padding-top:20px;border-top:1px solid #CCCCCC;}
    .thankYou-popup{font-size:18px;line-height:28px;}
    .chk-icon{width:62px;height:62px;margin:0 auto 20px;}
    .thankYou-popup h4{font-size:20px;margin:0 0 15px;}
    .filter-box{margin:0 auto 30px;max-width:400px;}
    .partners-logo li{max-width:calc(33.33% - 38px);}
    .search-field{font-size:40px;}
    .srch-frm .btn-close{top:8px;}
    .login-page h1{font-size:38px !important;}
    body.modal-open .main-wrapper{-webkit-transform:none !important; transform: none !important; }
}
@media screen and (max-width:767px){
    .login-page h1{font-size:40px !important;line-height:1.2;}
    .partners-logo li{max-width:calc(25% - 38px);}
    .reserve-invoice-sec{margin-top:30px;}
    .login-cont-left{padding-right:20px;}
    .login-form-outer{padding:50px 60px 40px 60px;border-radius:30px;}
    .signup-txt{margin:60px 0 0;}
    .login-page{padding:60px 0;}
    .login-form h2{font-size:30px;line-height:38px;}
    .login-form{max-width: 100%;}
    
}
@media screen and (max-width:639px){
    .rental-banner h1{font-size:30px;}
    .filter-top-inner h2 span,.rental-equip-info h2{font-size:22px;}
    .large-popup .modal-content{border-radius:20px;padding:20px 15px 15px;}
    .quotation-popup.modal-dialog,.large-popup.modal-dialog{padding:25px 0 15px;}
    .reserveModel-popup .modal-footer{padding-top:10px;}
    .reserveModel-popup .submit-btn,.quotation-popup .submit-btn{font-size:18px;max-width:200px;padding-block:12px;}
    .delivery-price-detail-row .subTotal,.delivery-price-detail-row.discount,.total-mrp{max-width:inherit;}
    .delivery-price-detail-row .subTotal{padding:0;}
    .model-header-left h3{font-size:18px;}
    .rental-equipments h2,.rental-list h2{font-size:25px;line-height:normal;}
    .what-we-do h4{font-size:30px;line-height:1.4;}
    .feature-inn h3{font-size:18px;line-height:24px;}
    .pagination-outer, .pagination-wrap{flex-wrap:wrap;justify-content:center;}
    .quotation-popup .row .col-lg-6:first-child .form-group{flex-wrap:wrap;padding:10px 0;}
    .quotation-popup .row .col-lg-6.border-none{padding-top:10px;}
    .quotation-popup .row .col-lg-6:first-child label{width:100%;}
    .quotation-popup select,.quotation-popup input[type="date"]{width:100%;margin-left:0;max-width:inherit;}
    .form-group{margin-bottom:15px;}
    .quotation-popup .equip-detail-inn{padding:0 0 15px;}
    .quotation-popup .modal-content{padding:40px 20px 30px;}
    .quotation-popup .cost-charge ul li{padding:6px 12px;}
    .quotation-popup .cost-charge .cost-num strong{font-size:20px;}
    .btn-close{height:40px !important;width:40px !important;top:-1px ;right:-1px;}
    .thankYou-logo{margin:0 0 15px;}
    .thankYou-popup .modal-content{padding:25px 20px 30px;}
    .partners-logo li{max-width:calc(50% - 38px);}
    .login-cont-left{padding-right:0;}
    .login-form-outer{padding:40px 30px 40px 30px;}
    .login-form p{margin:0 0 20px;}
    .signup-txt{margin:30px 0 0;}
    .search-field{font-size:38px;}
    .srch-frm .btn-close{top:5px;}
    .login-page h1{font-size:30px !important;line-height:1.2;}
}
@media screen and (max-width:575px){
    .rental-wrap .col-6{width:100%;}
    .quotation-popup .form-sec{grid-template-columns:1fr;padding:20px 0 0;}
    .quotation-popup .form-sec hr{grid-column:1/2;}
    .reserveModel-popup .submit-btn,.quotation-popup .submit-btn{max-width:180px;padding:10px 12px;}
    .search-field{font-size:35px;}
    .srch-frm .btn-close{top:4px;}
}
@media screen and (max-width:480px){
    body.slide-left .main-wrapper{-webkit-transform:scale(.7) translateX(-93vw) translateZ(0);transform:scale(.7) translateX(-93vw) translateZ(0);}
    .sidebar-mobile-menu{width:78vw;}
    .search-field{font-size:32px;}
    .srch-frm .btn-close{top:3px;}
    .login-page h1{font-size:26px !important;line-height:1.2;}
     body.modal-open .main-wrapper{-webkit-transform:none !important; transform: none !important; }
}
@media (orientation:landscape){
    .sidebar-mobile-menu > ul{justify-content:start!important;}
}
@media(max-height: 600px){
    .modal-dialog-scrollable{min-height: inherit !important; height: auto !important;}
}