@media(max-width:1400px){
    .common-side-modal{width: 85%;}
    .status-box li{padding: 10px 14px;}
}
@media(max-width:1200px){
    .scrolling-table{overflow: hidden;;overflow-x: scroll;}
    div#DataTables_Table_0_wrapper{width: 1100px;}
    .notification-lisitng li h5{font-size: 16px;}
    #guest-information .crm-form {padding: 25px 0;}
    .common-side-modal .form-group label{font-size: 14px;}
    .common-side-modal{width: 90%;}
    .crm-form .form-group .form-control{font-size: 13px;}
    .crm-form .form-flex .form-group {width: 24%;margin: 0 .5%;}
    #more-option .primary-btn {
        margin: 0;
        padding: 7px 23px;
        font-size: 15px;
        width: auto;
        margin-top: 22px;
    }

    .filter-close{margin-top: 0;}
    .status-box li {padding: 10px 13px;}
    .view-modal-setting .filter-modal-body .common-box .form-control{font-size: 15px;}
    header .status-box ul,  header .status-boxli{padding: 0;}
    header .status-box ul{display: flex;text-align: center;padding-top: 70px; flex-wrap: wrap; padding: 50px;justify-content: space-between; margin: auto;}   
    header .status-box.sidebar-opn{width: 90%;visibility: visible;display: flex;}
    /* header .status-box.sidebar-opn  */
    header .status-box ul li{padding: 15px; width: 32%;justify-content: center;border: 0;margin-bottom: 15px;background: #ffffff12 !important;}
    header .status-box {position: fixed;left: 0;transition: 0.5s ease;top: 0;width: 0px;visibility: hidden;height: 100vh; width: 0;background: #239b92;}
    .mobiletabs-nav {display: block;position: absolute;stroke-dasharray: 15px;width: 20px;right: 15px;top: 21px;}
    .mobiletabs { position: absolute;top: 40px;z-index: 999;right: 49px;display: block;background: #ffffff29;width: 40px;height: 40px;border-radius: 50%;text-align: center;padding-top: 7px;}
    header .status-box ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius: 10px;}
    header .status-box ul::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
    header .status-box ul::-webkit-scrollbar-thumb{background-color: #b4863a;border-radius: 10px;}
    .filter-close{margin-top: 0;}.reset-btn{padding: 6px 25px;}
    .mobiletabs {top: 15px;right: 15px;width: auto;height: auto;border-radius: 40px;padding: 3px 17px;color: #fff;}
    .view-modal .crm-form .form-flex .form-group{margin-bottom: 15px;}
    .select2-container--open .select2-dropdown, .select2-container {
        width: 43% !important;
    }
    .crm-form .form-flex .form-group{margin-top: 10px;}
}
@media(max-width:991px){
    .common-section-pad {padding: 15px;}
     .follow-up-block .date-dropdown{width: 100%;}
     .crm-form .form-group{width: 100%!important;margin-bottom: 10px;}
     .notification-lisitng li h5 {font-size: 15px; margin: auto 10px;}
     .status-box li{padding: 0 15px;}
    .notification-sec .nav-tabs .nav-link, .view-modal .nav-tabs .nav-link{font-size: 17px;}
    section.listing-details {padding-bottom: 125px;margin-top: -40px;}
    .table-pagination{bottom: -125px;}
    .filtering-section ul li button ,.filtering-section ul li a{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: relative;
        background: #ffffff2e;
        padding: 12px 10px;
        line-height: 32px;
        display: block;
        text-align: center;}
    .filtering-section li a img, .filtering-section li button img{height: 17px;}
    .filtering-section li a span,  .filtering-section li button span{display: none;}
    .filtering-section li a img, .filtering-section li button img{display: block;margin: auto;}
    .filtering-section li a .count {display: inline-block !important;}
    .filter-flex-left, .filter-flex-right{width: 50%;}.filter-flex-left {justify-content: end;display: flex;}
   .mobiletabs {top: 15px;right: 15px;color: #fff;width: auto;display: block;height: auto;border-radius: 50px;padding: 5px 20px;margin: 0;}
   .notification-btn{margin: auto 0;}.filter-flex-left img{width: 35px;}
    .filter-flex-right .filtering-section  ul{display: flex;justify-content: start;padding-left: 10px;margin: 0;}
    .fixed-filters h5 span{display: none;}
    .notification-btn {width: 40px;height: 40px; padding: 0 12px;}
    .status-box h6 span{font-size: 18px;}.status-box h6{font-size: 11px;}
    .filtering-section ul{justify-content: center;margin-top: 12px;padding: 0;}.fixed-filters{text-align: center;}
    .follow-up-block .d-flex{display: block!important;}.time-date-box{margin-top: 8px;}
    .filter-flex-right{width: 170px;margin-left: 0!important;}
    .filter-flex-left { justify-content: end;display: flex; width: 100px;margin-left: auto;}
    .logo-mobile{display: block;}
    .login-left{display: none;}
    .logo-mobile{text-align: center;}
    body{padding-top: 110px!important;}
    #searchmodalfilter .modal-dialog{max-width: 100%;}
    .logo { width: 125px;}
    .table{margin: 0;}
    .status-tab-edit,#guest-information .crm-form{padding: 25px 0;}
    .common-side-modal{width: 100%;}
    .notification-lisitng li button{padding: 37px 15px;}
    .notification-lisitng li button span{margin: auto 0;}
    .listing-details td {font-size: 14px;padding: 15px 10px;}
    div#DataTables_Table_0_wrapper{margin-bottom: 25px;}.table-pagination{bottom: -70px;}
    .fixed-filters{display: none;}
    .fixed-filters.fixed-footer-mobile{display: block;}
    .fixed-filters.fixed-footer-mobile .logout-modal{padding: 0;}
    .fixed-filters.fixed-footer-mobile .logout-modal img{height: auto;}
    .crm-form .form-group label{margin-top: 10px;}
    .notification-lisitng{margin-bottom: 75px;}
    .login-page,.right-login-flex{background: #30D5C8;color: #fff;}
    .logo-mobile {display: block;margin-bottom: 32px;}
    .logo-mobile img{width: 220px;margin-bottom: 25px;}
    .login-page .form-control{ padding: 10px;border-radius: 100px;background: #ffffff59;border: 0;color: #fff;}
    .login-page .primary-btn {background: #00a194;margin-top: 35px;}
    .login-right h4{display: none;}
    .common-side-modal .form-group{margin-bottom: 10px;}
    .select2-container--open .select2-dropdown, .select2-container {
        width: 90% !important;
    }
}
@media(max-width:768px){
  
    .login-right h4{font-size: 25px;}
    .notification-lisitng li button {width: 29%;border-radius: 0;}
    .service-interest-box .form-group{width: 100%;}
    .notification-lisitng li{border-radius: 10px;}
    .history-data{padding-left: 10px;}
    .view-modal .nav-tabs .nav-link.active,.view-modal .nav-tabs .nav-link,.common-tab .nav-tabs .nav-link {padding: 3px 0;font-size: 15px;}
    .listing-details td{font-size: 14px;}
    .representative-box{padding: 0;}
    #createusersModal .modal-dialog{max-width: 100%;}
}
@media(max-width:575px){
    .common-side-modal .form-group{width: 100%;}
    .common-section-pad,.follow-up-block {padding: 15px 10px;}
    .primary-btn{padding: 8px 15px;}
    .add-more{top: 14px;}
    .notification-data{display: block;padding-left: 15px;}.date-time{display: inline-flex;padding: 5px 10px;margin-top: 5px;}
    .date-time span{font-size: 11px;}
    .notification-lisitng li p,.notification-lisitng li h5{margin: 0;min-width: auto;}.notification-lisitng li p{font-size: 13px;}
    .notification-lisitng li span{font-size: 12px;}
    .filter-flex-left, .filter-flex-right{justify-content: center;}
    .table-pagination {bottom: -80px;}
    .login-right{width: 100%;padding: 15px;}
    .date-from-to{display: block;width: 100%;}
    #history-tab .date-time{padding: 0;}
    .history-data .follow-up-date {margin-bottom: 10px;display: inline-block;}
    .history-data{padding: 25px 10px;}
    .view-modal .nav-tabs .nav-link.active, .view-modal .nav-tabs .nav-link{font-size: 14px;width: 28%;}
    .common-side-modal .filter-modal-body {padding: 20px 10px;padding-bottom: 70px;}
   .view-modal .nav-tabs .nav-link:last-child{width: 40%;}
   #searchmodalfilter .modal-content{padding: 25px 15px;}
   header .searchmodal-btn{padding: 6px;line-height: 12px;width: 25px;height: 25px;margin: 6px;margin-right: 11px;}
    #guest-information .date-dropdown .form-group {width: 100%;}
    .time-date-box .form-control{width: 75px;font-size: 12px;} .time-date-box .form-control.country-box{width: auto;}
    .toast-box-single{width: 100%;}
    .toast-box-single p{font-size: 14px;}
    .notification-sec .nav-tabs .nav-link, .view-modal .nav-tabs .nav-link {font-size: 14px;padding: 10px 4px;}
    .history-data{width: 80%;}
    .accordion-body{padding: 15px 8px;}
    .common-section-pad{padding: 15px 0;}
    .crm-form{margin-bottom: 100px;}
    span.notification-count {width: 17px;height: 17px;font-size: 10px;line-height: 19px;position: absolute;top: -8px;margin: auto;right: 0;}
    .nav-tabs .nav-link{position: relative;}
    .reset-btn {padding: 6px 18px;font-size: 15px;}
    .scrolling-table .reset-btn {position: static;margin-top: 15px !important;padding: 6px 17px;font-size: 15px;}
    div.dt-container div.dt-length label{font-size: 14px;}
    div.dt-container div.dt-length select{padding-right: 22px;}
    .notification-data{width: 82%;}.notification-lisitng li img{width: 40px;height: 40px;}
    .add-wrap{display: block;}
    .notification-lisitng li button{width: 26%;}
    .notification-wrap{width: 82%;}
    header .status-box ul{padding: 25px 15px;}
    .status-box li .imgstatus{margin: auto;}header .status-box ul li{display: block!important;padding: 10px;}
    .status-box h6{margin-top: 5px;}.mobiletabs{top: 15px;right: 15px;}
    .view-modal .notification-lisitng li span{margin: auto 0;}
    #createusersModal .form-flex .form-group{width: 100%;}
    .status-box li:nth-child(5) .imgstatus {background: #58b99deb;}
    #createusersModal .modal-body,.view-modal-setting .filter-modal-body .common-box, #addRolesModal .modal-body{padding: 35px 15px;}
    .mobiletabs{margin: 0;}
    .filtering-section ul li {margin: auto 5px;}
}

@media(max-width:414px){
    .time-date-box .form-control{min-width: 60px;font-size: 10px;}
    .time-date-box .form-control.country-box{width: auto;}
}