@media (min-width: 1366px) and (max-width: 1599px) {
    html {
        font-size: 14px;
    }
}
@media (max-width: 1440px) {
    .radio-custom-btn {
        padding: 7px 23px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 1366px) {
    .list-card-header h4 {
        font-size: 18px;
    }

    .list-card-main p,
    .list-card-footer h5 {
        font-size: 16px;
    }

    .radio-custom-btn {
        padding: 7px 23px !important;
        font-size: 16px !important;
    }
}

@media (min-width: 1200px) {
    .nav-toggle-style,
    .my-account {
        display: none;
    }
}
@media (max-width: 1199px) {
    
    .my-account {
        display: block !important;
    }

    .nav-toggle-style:not(.collapsed) .toggle-line-style:first-child {
        opacity: 0;
    }
    .nav-toggle-style .toggle-line-style {
        transition: all ease-in-out 0.3s;
        transform-origin: center;
    }

    .nav-toggle-style:not(.collapsed) .toggle-line-style:nth-child(2) {
        transform: rotate(45deg);
    }
    .nav-toggle-style:not(.collapsed) .toggle-line-style:nth-child(3) {
        transform: rotate(-45deg) translate(9px, -9px);
    }
    .plan-li {
        margin-top: 20px;
    }

    .mobile-mt {
        margin-top: 20px;
    }
    .base_n_header .navbar-nav .nav-item:not(.nav-sign-up),
    .main-header .navbar-nav .nav-item:not(.plan-li){
        border-bottom: 1px solid var(--greyscale2);
    }

    .main-header .navbar-nav .nav-item:not(.plan-li) .nav-link{
        padding-top: 14px;
        padding-bottom: 14px;
    }

    /* base_n html */
    .base_n_header .navbar-nav .nav-item{
        padding: 0;
    }
    .base_n_header .navbar-nav .nav-item:not(.nav-sign-up) .nav-link{
        padding: 12px 0;
    }
    .base_n_header .navbar-nav .nav-item.nav-sign-up{
        margin-top: 16px;
    }
}

@media (max-width: 1200px) {
    

    .navbar-brand img {
        vertical-align: middle !important;
    }

    /* .nav-item-override {
        padding: 0;
    } */
    .nav-item-override a,
    span,
    li {
        justify-content: left !important;
    }

    /* .responsive-perk-padding {
        padding: 5px 12px !important;
    } */
}

@media (min-width: 941px) and (max-width: 1024px) {
    .flex-item-style .card-body {
        padding: 10px 0;
    }

    .flex-container-style {
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .container {
        width: 100%;
        max-width: 100%;
    }
}


@media (max-width: 991px) {
    /* .nav-toggle-style {
        background-color: transparent;
        border: 0px none;
        padding: 0;
        width: 45px;
        font-size: 0;
        line-height: normal;
    }

    .nav-toggle-style span.toggle-line-style {
        display: inline-block;
        background-color: var(--action_button_color);
        height: 3px;
        width: 100%;
        margin: 5px 0;
        border-radius: 115px;
        padding: 0;
    } */

    /* .nav-item */
    .nav-pl-2.nav-item
     {
        padding: 8px 0px;
    }

    .nav-sign-up a {
        display: inline-block;
    }

    .mobile-mt {
        margin-top: 20px;
    }
    /* .responsive-perk-padding {
        padding: 5px 12px !important;
    } */
    /* .custom-img-fluid {
        vertical-align: middle;
    } */

    /* .count-bell-notification {
        padding: 2px;   
        font-size: 6px;
        position: relative;
        top: -10px;
        bottom: 0px;
        left: -10px;
        right: 0px;
    } */
}

@media (max-width: 940px) {
    .flex-container-style {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-banner .flex-container {
        display: flex;
        min-height: 500px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        text-align: center;
    }

    .main-banner .flex-container .main-banner-image {
        position: relative;
        right: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .why-choose-perklist .content-img-box h4 {
        margin-top: 1rem;
    }

    h1 {
        font-size: var(--txt-big);
    }

    .prk-title-style h2 {
        font-size: var(--txt-big);
    }

    .why-choose-perklist .content-img-box > div {
        text-align: center !important;
    }

    .footer-flex-container {
        flex-wrap: wrap;
    }

    .main-banner .inner-content {
        width: 100%;
    }

    .footer-social-link {
        margin: 10px 0;
    }

    .footer-nav {
        padding: 0px;
    }

    .main-banner {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .style-pb-5 {
        padding-bottom: 2rem;
    }

    .style-pt-5 {
        padding-top: 3rem;
    }

    .why-choose-perklist .prk-title-style,
    .icon-list-section .prk-title-style {
        margin: 0;
    }

    .why-choose-perklist .content-img-box {
        padding-top: 2rem;
        padding-bottom: 0;
    }

    .icon-list-section .content-img-box {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .icon-list-section .inner-content-img-box {
        margin: 0 0 3rem;
    }

    .pricing-cards-style .card-body {
        padding: 0px;
    }

    .pricing-cards-style .card {
        padding: 16px 16px;
    }

    /*addperkilis css*/
    .perk-card .custum-pills {
        font-size: 14px;
        padding: 10px 12px;
    }

    .list-card-header h4 {
        font-size: 14px;
    }
}

/* log in page  */



/* feedback page  */
@media (max-width: 556px) {
    .no-flex {
        flex-direction: column;
    }
    .responsive-btn {
        margin: 15px;
    }
    /* .custom-btn */
    .btn:not(.card-perk-dropdown .btn):not(.btn-theme):not(.btn-toggle .btn)
     {
         /*updated*/
        /* padding: 10px 2px !important; 
        margin: 0px 6px !important; */
        font-size: 14px;
        margin-bottom: 10px;
    }

    .btn-addperk {
        padding: 6px !important;
    }

    .list-card-header h4 {
        font-size: 20px;
    }

    .radio-custom-btn {
        margin: 0 !important;
    }
    .btn.btn-outline-primary,
    .btn-check:checked + .btn-outline-primary,
    .btn.btn-outline-primary:active {
        padding: 5px 15px !important;
    }
    .perk-card .custum-pills {
        font-size: 14px;
        padding: 10px 16px;
    }

    
    .list-card-main p,
    .list-card-footer h5 {
        font-size: 17px;
    }

    .radio-custom-btn {
        padding: 7px 23px !important;
        font-size: 16px !important;
    }
}

/* nav header */
@media (max-width: 576px) {
    .auser-profile {
/*        padding: 4px 10px;*/
        border-radius: 100px;
        display: inline-block;
        vertical-align: middle;
    }
    .navbar-brand img {
        vertical-align: middle !important;
    }

    /*updated*/

    /* .navbar-collapse .navbar-nav li, */
    /* .responsive-navbar {
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 0;
    } */

    /*updated*/
    .nav-item-override a,
    span,
    li {
        justify-content: left !important;
    }

    .responsive-mt {
        margin-top: 15px;
    }

    .login-card-wrapper {
        padding: 15px;
    }
    /*updated*/
    /* .mobile-view{
        text-align: start !important;
        margin-top: 10px;
    } */

    /*updated*/
    /* .mobile-d-none{
        display: none;
    } */

    /*updated*/
}
@media (max-width: 425px) {
    .notification-icon-mbl .dropdown-menu {
        max-width: 240px;
        min-width: 240px !important;
    }
}

@media (max-width: 768px) {
    .auser-profile {
/*        padding: 4px 10px;*/
        border-radius: 100px;
        display: inline-block;
        vertical-align: middle;
    }
    .navbar-brand img {
        vertical-align: middle !important;
    }
    /* .responsive-navbar {
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 0;
    } */

    /*updated*/
    .nav-item-override a,
    span,
    li {
        justify-content: left !important;
    }

    .responsive-mt {
        margin-top: 15px;
    }
    /*updated*/
    /* .mobile-view{
        text-align: start !important;
        margin-top: 10px;
    } */
    .mobile-d-none {
        display: none;
    }

    .radio-custom-btn {
        padding: 7px 23px !important;
        font-size: 16px !important;
    }

    .mbl-vh-100{
        height: auto !important;
    }
}

@media (max-width: 991px) {
    .user-profile {
        /*padding: 4px 10px;*/
        width: 30px;
        height: 30px;
    }
    .navbar-brand img {
        vertical-align: middle !important;
    }
    /* .mobile-d-none{
        display: none;
    } */
    /* .responsive-navbar {
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 0;
    } */

    /* .nav-item-override {
        padding: 0;
    } */
    /* .nav-item-override span {
        margin: 0;
    }  
    .responsive-navbar{
        border-bottom: 1px solid #E4E4E4;
        padding: 5px 0;
    }

    /*updated*/
    .nav-item-override a,
    span,
    li {
        justify-content: left !important;
    }

    /*updated*/
    /* .mobile-view{
        text-align: start !important;
        margin-top: 10px;
    } */
}

@media (min-width: 1025px) {
    header .navbar .nav-sign-up a.nav-link.header-btn {
        padding: 6px 15px;
        white-space: nowrap;
    }
}

@media (max-width: 1199px) {
    .mobile-d-none {
        display: none;
    }
    /* .responsive-navbar {
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 0;
    } */
    .responsive-mt {
        margin-top: 15px;
    }

    .list-card-main p,
    .list-card-footer h5 {
        font-size: 15px;
    }

    .list-card-header h4 {
        font-size: 14px;
    }

    .perk-card .custum-pills {
        font-size: 11px;
        padding: 8px 13px;
    }
    .bell-icon .badge{
        margin-left: 0;
        top: 5px;
    }

    .notification-icon-mbl{
        margin-right: 30px;
    }
    /* header .navbar{
        padding-left: 16px;
        padding-right: 16px;
    } */
}
/*updated*/
/* @media (max-width:1240px)  {
   
    .nav-item-override{
    padding:0 5px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    }

} */
@media (max-width: 1024px) {
    .notify-marks {
        font-size: 14px;
    }
    .bell-notification {
        display: flex;
        justify-content: space-between;
        padding: 0px 0px 12px 0px;
    }

    .dropdown-item p {
        margin-bottom: 0 !important;
        /* font-size: 16px; */
    }
    .bell-notify-header {
        font-size: 16px;
    }

    .nav-item a {
        font-size: 14px;
        font-weight: 600;
    }
    .custom-dropdown-item p {
        font-size: 14px;
    }
    .user-dropdown-menu,
    .custum-dropdown-menu {
        margin-top: 17px !important;
    }

    .custum-dropdown-menu {
        min-width: 330px !important;
        padding: 14px;
        /* min-height: 290px; */
        border: 0;
        box-shadow: 0px 4px 9px var(--custom-alpha);
        border-radius: 16px;
    }

    .list-card-header h4 {
        font-size: 16px;
    }

    .perk-card .custum-pills {
        font-size: 12px;
        padding: 8px 10px;
    }
    .custom-card-body {
        margin: 16px 8px;
        padding: 18px 12px;
    }

    .list-card-main p,
    .list-card-footer h5 {
        font-size: 16px;
    }

    .list-card-main {
        margin: 18px 0;
        min-height: 45px;
    }

    .perkcard-foot-clock {
        margin-bottom: 10px;
    }

    .radio-custom-btn {
        padding: 7px 23px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 320px) {
    .list-card-header h4 {
        font-size: 14px;
    }

    .perk-card .custum-pills {
        font-size: 10px;
        padding: 8px 12px;
    }

    .list-card-main p,
    .list-card-footer h5 {
        font-size: 12px;
    }

    .perk-card-drop li {
        font-size: 14px;
    }
}
/* @media (max-width:1450px){
    .custum-dropdown-menu {
        min-width: 360px !important;
        padding: 20px; */
/* min-height: 290px; */
/* border: 0;
        box-shadow: 0px 4px 9px rgb(20 20 43 / 20%);
        border-radius: 16px;
    }
    .custum-dropdown-menu {
        margin-top: 22px ;
    }
    .dropdown-item p {
        font-size: 18px !important;
    } */


    @media (min-width:576px) and (max-width:767px){
        .w-sm-auto{
            width: auto !important;
        }
    }

    @media (min-width:768px) and (max-width:991px){
        .w-md-auto{
            width: auto !important;
        }
    }

    @media (min-width:992px) and (max-width:1199px){
        .w-lg-auto{
            width: auto !important;
        }
    }

    @media (min-width:1200px) and (max-width:1399px){
        .w-xl-auto{
            width: auto !important;
        }
    }

    @media (min-width:1400px){
        .w-xxl-auto{
            width: auto !important;
        }
    }
    /* New Responsive CSS for Feedback */
    @media (min-width:768px) and (max-width:1366px){
        .wl-servey-details-wrap.container {
            max-width: 90%;
        }
    }
    @media (max-width: 1024px) {
        .feedback-table{
            height: calc(100vh - 220px);
        }
        .feedback-table table tbody{
            height: calc(100vh - 370px);
        }
    }
    @media (max-width: 767px) {
        .wl-form-box .custom_checkbox.form-check-input, .custom_radio.form-check-input{
            width: 100% !important;
        }
        .wl_radio_inline_wrap{
            gap: 5px !important;
            margin-right: 20px !important;
            margin-top: 15px !important;
        }
        .wl-servey-details-wrap .tab-content>.tab-pane{
            padding: 15px 22px !important;
        }
    }