@media (max-width:1199px){
    /*Start nav bar css  */

    .navbar-expand-xl .nav-bar-collapse {
        position: fixed;
        height: 100%;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 550px;
        display: flex;
        flex-direction: column;
        background: black;
        left: -100%;
        transition: 0.5s;
    }

    .nav-bar-collapse .navbar-nav {
        padding: 12px 24px;
        gap: 22px;
        position: relative;
        z-index: -1;
        height: 100%;
        max-height: 615px;
        overflow-y: auto;
    }
    .navbar-expand-xl .dropdown-menu {
        box-shadow: none;
        border-radius: 0;
        position: relative;
        top: 0;
        display: block;
        background: transparent;
        padding: 0;
    }
    .navbar-expand-xl .dropdown-menu li .dropdown-item {
        color: white;
        padding: 8px 0;
        font-size: var(--gt-fs-sm);
        display: inline-block;
        width: auto;
    }
    .nav-bar-collapse .nav-item .nav-link {
        line-height: 32px;
        text-wrap: auto;
    }
    .nav-bar-collapse .nav-item .nav-link svg {
        display: none;
    }
    .dropdown-menu[data-bs-popper] {
        margin: 0 !important;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: transparent;
        color: #009688 !important;
        transition: 0.5s;
    }
    .navbar-expand-xl .navbar-toggler:focus{
        box-shadow: none;
    }
    /* header-3 */
     .navbar-expand-xl .dropdown-menu li .dropdown-item {
        color: white;
        padding: 8px 0;
        font-size: var(--gt-fs-sm);
        display: inline-block;
        width: auto;
    }
    .text-xl-black-white {
        color: white;
    }
    .nav-bar-user-details-section .user-item a {
        cursor: pointer;
        padding: 8px 0 !important;
        font-size: var(--gt-fs-sm);
        display: inline-flex;
        width: auto;
    }
    .nav-bar-user-details-section .user-item h5 {
        color: white;
    }
    .nav-bar-user-details-section .user-item a svg path {
        fill: #fff !important;
    }
    .nav-bar-user-details-section .user-item a:hover {
        background: transparent;
    }
    .nav-bar-user-details-section .user-item a:hover svg path {
        fill: #ff9100 !important;
        transition: fill 0.5s;
    }
    .nav-bar-user-details-section .user-item a:hover h5 {
        color: #ff9100 !important;
        background: none !important;
        transition: color 0.5s;
    }
    .gift-header .header-overplay {
        position: fixed;
        height: 100vh;
        width: 100%;
        background: rgba(33, 37, 41, 0.2);
        z-index: 99;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block !important;
    }
}
@media (max-width: 991px) {
    .change-fs-24px-20px{
        font-size: 22px;
    }

.h-min-100vh{
    min-height: auto;
}
.change-max-w-126px-54px{
    max-width: 88px;
}

/* Start Margin Padding  */
.change-px-32px-50px-20px{
    padding-left: 50px;
    padding-right: 50px;
}
.change-px-64px-20px{
    padding-left: 50px;
    padding-right: 50px;
}
.change-px-32px-24px{
    padding-left: 28px;
    padding-right: 28px;
}
.change-py-32px-20px{
    padding-top: 32px;
    padding-bottom: 32px;
}
.change-py-64px-24px{
    padding-top: 32px;
    padding-bottom: 32px;
}
/* End Margin Padding  */
}


@media (max-width: 516px) {
    .change-fs-24px-20px{
        font-size: 20px;
    }

    /* Start Margin Padding  */
    .change-px-32px-50px-20px{
        padding-left: 20px;
        padding-right: 20px;
    }
    .change-px-64px-20px{
        padding-left: 20px;
        padding-right: 20px;
    }
    .change-px-32px-24px{
        padding-left: 24px;
        padding-right: 24px;
    }
    .change-py-32px-20px{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .change-py-64px-24px{
        padding-top: 24px;
        padding-bottom: 24px;
    }
    /* End Margin Padding  */


    .max-w-auto-sm-100 {
        width: 100%;
    }
    .change-max-w-126px-54px{
        max-width: 54px;
    }
    }