/*  Desktop */
@media all and (min-width: 1601px) and (max-width: 1920px)
{
    
}
@media (max-width: 1601px){
    /*---Dashboard [ START ]---*/
    .vendor_title h3{font-size: 22px;}
    .vendor_title a{font-size: 16px;}
    .vendor_txt h4{font-size: 16px;}
    .vendor_txt span{font-size: 13px;}
    .allevent-wrap h2{font-size: 16px;}
    /*---Dashboard [ END ]---*/
    .new-tender-form .auth-form{padding: 20px;}
    

}

@media (max-width: 1440px){
    /* navbar */
    .admin-lft h1{font-size: 26px;}
    .admin-nav{padding: 12px 15px;}
    .admin-rgt{width: 60%;}
    .admin-rgt .form-group .form-control{padding: 12px 14px 12px 53px;}
    .filtr-btn{margin: 15px;}
    /* notification sidebar */
    .notify-icon, .notify-btn{width: 50px; height: 50px; min-width: 50px;}
    .notify-icon svg{width: 28px; height: 28px;}
    /* dashboard */
    .kd_tender_bx{padding: 15px;}
    .tender_icon{width: 55px; min-width: 55px; height: 55px;}
    .tender_icon svg{width: 28px; height: 28px;}
    .kd_tender_bx{margin-bottom: 24px;}
    .vendor-title h2{font-size: 22px;}
    .vendor-title a{font-size: 15px;}
    .white-box{padding: 20px;}
    .srvc-listing li{padding: 4px 6px;}
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px)
{
    #sidebar-wrapper {transform: translateX(-350px);transition: transform 0.3s ease-in-out; height: 100vh;}
    .sidenav-toggled #sidebar-wrapper {transform: translateX(0);margin: 0;box-shadow: 0px 0px 14px 0px #ff990063; transition: transform 0.3s ease-in-out;}
    #page-content-wrapper{margin-left: 0;}
    body.sidenav-toggled, #wrapper.sidenav-toggled, .sidenav-toggled #page-content-wrapper{overflow: hidden;}
    #wrapper{padding: 15px 15px 30px;}
    .side-arrow-btn, .mob-logout-btn, .close-arrow-btn{display: flex;}
    .sidebar-wrapper-body{background: linear-gradient(294.42deg, #1E3680 0%, #060B1A 48.86%, #142055 93.27%); padding: 15px;}
    .sidenav-toggled #sidebar-wrapper, .sidebar-wrapper-body{border-radius: 0 20px 20px 0; height: 100dvh;}
    .sidebar-menu{padding: 20px 0 0;}
    .sidebar-menu ul{height: 100%; overflow-y: auto; margin-bottom: 230px;}
    .sidebar-menu ul li, .sidebar-title, .venders-bx{margin-bottom: 15px;}
    .sidebar-menu ul li a{font-size: 14px;}
    .menu-icon{width: 36px; min-width: 36px; height: 36px; border-radius: 10px;}
    .menu-icon svg{width: 20px; height: 20px;}
    .logout-btn{font-size: 16px; margin: 50px 15px 20px;}
    .user-dtls h4{font-size: 16px;}
    /* admin header */
    .admin-nav{padding: 15px; gap: 15px;}
    .admin-rgt{grid-gap: 10px;}
    .admin-rgt .form-group .form-control{padding: 12px 12px 12px 40px;}
    .admin-rgt .form-group span{margin: 12px 12px;}
    .comn-btn, .black-btn, .cancel-btn{font-size: 15px;}
    .notify-btn{width: 50px; min-width: 50px; height: 50px;}
    .notify-btn svg{width: 28px; height: 28px;}
    /* notification sidebar */
    .notify-title span{font-size: 14px;}
    .notify-bx{gap: 12px; margin-bottom: 12px; padding-bottom: 12px;} 
    .notification-sidebar{width: 500px; transform: translateX(500px);}
    /* dashboard */
    .tender_txt span{font-size: 26px;}
    /* tender sidebar */
    .tender-sidebar-dtls h4, .new-tender-form h4{font-size: 20px; margin-bottom: 15px;}
    .tender-srvc li{margin-bottom: 12px; padding-bottom: 12px;}
    .tender-srvc li p, .tender-descript p{font-size: 13px;}
    .tender-sidebar-dtls .tendr-adrs address, .tender-sidebar-dtls .tender-dtls > div span{font-size: 12px;}
    .rcv-quote-items h6{margin-bottom: 8px;}
    /* new tender */
    .form-wizard-header li span{width: 52px; min-width: 52px; height: 52px; font-size: 24px;}
    .form-wizard-header ul:before{margin: 27px auto 0;}
    .radio-option label{padding: 13px 15px; height: 48px;}
    .tender-form-title h2{font-size: 30px;}
    .select2-container .select2-search--inline .select2-search__field, .tender-form-title p{font-size: 15px;}
    .new-tender-form .auth-form{padding: 20px 15px;}
    .wizard_btngrp{margin: 30px auto 0;}
    /* profile */
    .profl-right-bx h2{font-size: 24px; margin-bottom: 20px;padding-bottom: 25px;}

}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
    /* header */
    .admin-rgt{width: unset;}
    /* notification */
    .sidebar-title h3{font-size: 24px;}
    .notify-title span{font-size: 12px;}
    /* privacy policy */
    .policy-blog, .subscription-blog, .white-box{padding: 15px;}
    .policy-blog p{font-size: 14px; margin-bottom: 10px;}
    /* subscription */
    .profile-plan-bx{padding: 15px;}
    .subscript-body, .subscript-footr{padding: 12px;}
    .subscript-body ul li span{font-size: 14px;}
    /* dashboard */
    .vendor-title h2, .tender_txt span, .filter-modal .modal-title{font-size: 22px;}
    /* filter modal */
    .filter-modal .modal-header{padding: 15px 20px;}
    .filter-modal .close{margin: 18px 20px;}
    .filter-modal .modal-body{padding: 0 20px 20px;}
    .filter-modal .close svg{width: 25px; height: 25px; min-width: 25px;}
    /* new tender */
    .tender-form-title h2{font-size: 26px;}
    /* profile */
    .profile-dtls-bx{margin-bottom: 15px; padding: 15px}
    .profile-right .nav-link{padding: 10px 18px; font-size: 14px;}
    .profl-right-bx{padding: 15px;}
    .profl-right-bx h2{font-size: 22px; padding-bottom: 12px; margin-bottom: 12px;}
    .profl-icon{width: 40px; min-width: 40px; height: 40px;}
    .profl-info-flx{margin-bottom: 15px;}
    /* new tender   */
    .srvc-listing span, .quote-crgry-lft span{font-size: 12px; padding: 4px 8px;}
    /*  tender sidebar  */
    .tender-srvc li {margin-bottom: 10px; padding-bottom: 10px;}
    .quote-call, .quote-msg, .quote-price{width: 32px; min-width: 32px; height: 32px;}
    .quote-crgry-lft{margin-bottom: 8px;}
    /* delete ,logout modal , Quote details  */
    .profile-modal .modal-body, .detail-modal .modal-content .modal-body{padding: 20px;}
    .modal-btn-grp button{font-size: 15px; padding: 10px;}
    .profile-pic img, .successful-bx span{width: 100px; min-width: 100px; height: 100px;}
    .detail-modal .modal-content .modal-body p{font-size: 16px;}
    /* profile   */
    .profl-top-flex{padding-bottom: 10px; margin-bottom: 10px;}
    .profl-plan-status p, .radio-option label{font-size: 14px;}
    /* ----------- vendor side ----------- */
    .sidebar-form .form-control{font-size: 14px; padding: 12px 15px; border-radius: 15px;}
    /*  */
    .successful-bx{padding: 30px 15px; height: 80dvh;}
    .successful-bx span svg{width: 60px; height: 60px;}
    .successful-bx h2{font-size: 24px;}
    .successful-bx p{font-size: 15px; margin-bottom: 15px;}
    /* Home  */
    *{line-height: 1.6!important;}
    .banner{padding: 100px 0 30px;}
    .bnr_txt h1{font-size: 28px;line-height: 45px;margin-bottom: 10px;}
    .bnr_txt p{font-size: 15px;margin-bottom: 20px;}
    br{display: none;}
    .look_btn, .prov_btn{min-width: auto;padding: 12px 20px;font-size: 14px;}
    .bnr_txt h6{font-size: 16px;}
    .banner{background-size: contain;}
    .work_bx{height: auto;margin-bottom:40px;padding: 20px 30px 30px;}
    .no_icon{min-width: 50px;width: 50px;height: 50px;font-size: 22px;margin: -18px auto 0;}
    .work_blog, .better_blog, .connection_blog{padding: 25px 0;}
    .work_blog h3{font-size: 28px;}
    .better_bx h3{font-size: 25px;text-align: center;}
    .work_bx h4{margin: 25px auto 10px;font-size: 18px;}
    .work_bx p{font-size: 15px;}
    .start_btn{margin: 0 auto;padding: 12px 30px;}
    .better_bx p{font-size: 15px;margin-bottom: 8px;text-align: center;}
    .better_bx{margin-bottom: 30px;}
    .con_bx{padding: 30px;}
    .con_bx h3{font-size: 25px;}
    .con_bx p{font-size: 15px;margin-bottom: 20px;}
    .bnr_btns{margin-bottom: 20px;}
    .better_blog .start_btn{text-align: center;display: block;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{   
    /* admin header */
    .admin-lft h1{font-size: 24px;}
    .admin-nav{margin-bottom: 20px;}
    .notify-btn{width: 42px; min-width: 42px; height: 42px;}
    .notify-btn svg{width: 24px; height: 24px;}
    .admin-rgt form{width: unset;}
    /* mob-search */
    .desk-search{display: none;}
    .mob-search-btn{display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;min-width: 42px; background: #071116B2; border: 1px solid #FFFFFF1A; border-radius: 50%;}
    .mob-search-btn svg{width: 17px; height: 17px; min-width: 17px;}
    .mob-search-area {position: absolute;top: 70px;left: 0;right: 0; background: #1d2127;z-index:99;width: 100%;padding: 20px;margin: 0 auto;border-radius: 20px;}
    .mob-search-area form {margin: 0 auto;text-align: center;}
    .mob-search-area .form-group {margin-bottom: 12px;width: 100%;}
    .mob-search-area .form-control {background: #F5F5F5; color: #071116; border: 1px solid transparent; border-radius: 15px;font-size: 14px;font-weight: 400; vertical-align: middle;width: 100%; padding: 11px 15px;}
    .mob-search-area .form-control::placeholder{color: rgba(7, 17, 22, 0.4);}
    .mob-search-area .form-control:focus{border-color: #325FEB; box-shadow: none;}
    .srch-btn {display: inline-block; font-size: 15px;border-radius: 6px; padding: 7px 12px !important;}
    .comn-btn, .black-btn, .btn-grp button{padding: 10px 12px;}
    /* mobile filter */
    .mob-filter{position: relative; display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;min-width: 42px; background: #071116B2; border: 1px solid #FFFFFF1A; border-radius: 50%; margin: 0;}
    /* notification sidebar */
    .sidebar-title h3 {font-size: 22px;}
    .sidebar-close svg{width: 25px; height: 25px;}
    .notification-sidebar, .tender-sidebar, .tender-tab-sidebar, .explore-sidebar, .explore-tab-sidebar, .project-sidebar, .project-tab-sidebar{padding: 15px;}
    .notify-dtls p{font-size: 13px;}
    .notification-sidebar, .tender-sidebar, .tender-tab-sidebar, .explore-sidebar, .explore-tab-sidebar, .project-sidebar, .project-tab-sidebar{width: 420px;transform: translateX(420px);}
    .notify-icon {width: 40px; height: 40px; min-width: 40px;}
    .notify-icon svg {width: 24px; height: 24px;}
    .notify-title h5{font-size: 16px;}
    /* subscription */
    .get-start-btn{padding: 10px 12px;}
    .profl-right-bx h2{font-size: 20px;}
    /* Home */
    .bnr_txt h1{font-size: 25px;}
    .con_bx h3, .better_bx h3{font-size: 22px;}
    .work_blog h3{margin-bottom: 40px;font-size: 25px;}
    .con_bx span{font-size: 14px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
    .admin-nav{padding: 12px;}
    .admin-lft h1{font-size: 22px;}
    .new-tender-btn, .notify-btn, .mob-search-btn, .mob-filter{width: 35px; min-width: 35px; height: 35px; border-radius: 50%;}
    .new-tender-btn svg, .notify-btn svg, .mob-filter svg{width: 20px; height: 20px; min-width: 20px;}
    .new-tender-btn span{display: none;}
    .admin-rgt{grid-gap: 5px;}
    /* dashboard   */
    .kd_tender_bx, .tender-bx{margin-bottom: 15px;}
    /* new tender */
    .form-wizard .form-wizard-header{width: 100%;}
    .comn-btn, .black-btn {padding: 8px 15px;}
    /* Home */
    .bnr_txt h1, .con_bx h3, .better_bx h3{font-size: 20px;}
    .con_bx h3, .better_bx h3{font-size: 20px;}
    .work_blog h3{margin-bottom: 40px;font-size: 25px;}
    .bnr_btns{grid-gap: 10px;}
    .con_bx {border-radius: 20px;padding: 20px;}
    
    
}
@media (max-width: 500px)
{
    .btn-grp{flex-flow: column; gap: 10px;}
}
@media (max-width: 450px){
    /* notification sidebar */
    .sidebar-title h3 {font-size: 22px;}
    .notification-sidebar, .tender-sidebar, .tender-tab-sidebar, .explore-sidebar, .explore-tab-sidebar, .project-sidebar, .project-tab-sidebar{width: 320px;transform: translateX(320px);}
    .notify-title h5{font-size: 15px;}
    /* tender sidebar   */
    .rcv-quote-items{flex-flow: column; align-items: flex-start;}
    .rcv-quote-items{gap: 5px}
    .tender-tab-sidebar .rcv-quote-items{flex-flow: row; align-items: center;}
    /* delete logout modal   */
    .profile-modal .modal-body h5{font-size: 18px;}
}
@media (max-width: 375px){
    .bnr_btns{    flex-direction: column;}
    .look_btn, .prov_btn{width: 100%;}
}

@media (max-width: 400px){
    .admin-lft h1 {font-size: 18px;font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 11ch;}
}



@media (max-height: 780px)
{
    .sidebar-menu ul{height: 100%; overflow-y: auto; margin-bottom: 230px;}
}

@media (max-height: 600px)
{

    
}