@media only screen and (max-width: 600px) {
    .p-mo{
        padding: 0px 0px;
    }
    section{
        padding: 40px 0px;
    }
    html,body{
        overflow-x: hidden;
        width: 100%;
    }

   
}
@media only screen and (max-width: 600px) {
    .navbar-brand img {
        width: 119px;
        height: 26px;
        flex-shrink: 0;
        aspect-ratio: 51 / 44;
    }
    .logo-mo-div{
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid var(--base-04, #E9E9E9);
        background: var(--base-white, #FFF);
        padding: 16px 24px;
        height: unset;
        height: 72px;
        align-items: center;
    }
    .header-is-active .logo-mo-div{
       border-bottom: 0px solid var(--base-04, #E9E9E9);
    }
    .divider{
        display: none;
    }
    .service-mo .btn{
        border-radius: 999px;
        background: var(--brand-red, #D92F24);
        display: flex;
        padding: 16px 28px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #FCFDFD);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .mo-cart-toggle{
        display: flex;
        gap: 16px;
        align-items: center;
    }
    .navbar {
        border-bottom: 1px solid var(--base-04, #E9E9E9);
        background: var(--brand-stone, #F7F8F8);
        padding: 0px 0px;
        height: unset;
    }
     .navbar .container{
        padding: 0px 0px;
    }
    .header-is-active .navbar{
        background: var(--brand-graphite, #1F2325);
    }
    .header-is-active .logo-mo-div{
        background: var(--brand-graphite, #1F2325);
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: url(../img/Menu.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 22px;
        height: 22px;

    }
    .header-is-active .navbar-toggler-icon {
        background-image: url(../img/Close.svg);
        width: 16px;
        background-size: 16px;
    }
    .navbar-toggler {
        border: 0px;
    }
     .navbar-toggler:focus{
        border: 0px;
        outline: 0px;
        box-shadow: none;
     }
    .nav-link{
        color: var(--brand-on-dark, #F2F4F4);
        font-family: "Butler";
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 132%;
        display: flex;
        padding: 24px 0;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        width: 100%;
    }
    .navbar-nav .border-top{
       border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    }
    .navbar-nav {
        gap: 0px;
        padding: 24px 24px 0px;
    }
    .d-right-mo {
        align-items: baseline;
        margin-left: 0px;
        gap: 16px;
        flex-direction: column-reverse;
        padding: 0px 24px;
        padding-top: 32px;
    }
    .d-currency-mo{
        width: 100%;
    }
    .dropdown-menu-cart{
        position: relative;
        width: 100%;
    }
    .dropdown-toggle-cart {
        border: 1px solid rgba(34, 60, 80, 0.50);
        width: 96px;
        height: 40px;
        padding: 0px 18px;
    }
    .btn-login {
        width: 100%;
    }
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #fff;
    }
     .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        height: 600px;
        overflow: scroll;
    }
    .d-right-mo .dropdown-toggle-cur a{
        color: var(--brand-stone, #F7F8F8);
        font-family: "Work Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        width: fit-content;
        margin: auto;
        padding: 8px 0px;
    }
    .d-right-mo .dropdown-toggle-cart{
        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        color: var(--brand-on-dark, #F2F4F4);
        text-align: center;
        font-family: "Work Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        border-radius: 999px;
        border: 1px solid #F2F4F4;
        width: 327px;
        height: 53px;
    }
    .dropdown-toggle-cur .dropdown-menu {
        position: absolute;
        top: 73px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: fit-content;
    }
    .dropdown-toggle-cur .dropdown-menu {
        padding: 0px 0px;
        border-radius: 0px;
        border: 1px solid #000;
    }
    .dropdown-item{
        padding: 15px 9px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #D92F24) !important;
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .dropdown-item.active{
        border-radius: 0px;
        background: var(--brand-red, #D92F24);
        display: flex;
        padding: 15px 9px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #FCFDFD) !important;
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .dropdown-item{
        padding: 0px 10px 0px 10px;
        color: var(--brand-graphite, #1F2325) !important;
        font-family: "Work Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        background: transparent;
    }
    .dropdown-menu li::after {
        content: "";
        background: #000;
        width: 1px;
        height: 18px;
        position: absolute;
        right: -5px;
        top: 0px;
        bottom: 0px;
    }
    .dropdown-item.active{
        opacity: 0.2;
        padding: 0px 10px 0px 10px;
        color: var(--brand-graphite, #1F2325) !important;
        font-family: "Work Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        background: transparent;
    }
    .navbar-nav .nav-link:hover::after {
        content: "";
        background: #D92F24;
        position: absolute;
        right: -1px;
        bottom: 36px;
        width: 4px;
        height: 4px;
        border-radius: 66%;
        display: block;
    }
    .header-is-active .mo-cart-toggle .dropdown-toggle-cart{
        display: none;
    }
    .navbar-toggler {
        text-decoration: none;
        padding: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .legal-section::after {
        display: none;
    }
    .legal-bg {
        display: flex;
        padding: 40px 0 32px 0;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        background: var(--brand-slate-900, #000511);
        text-align: center;
        margin-top: 72px;
    }
    .leagal-content h1 {
        color: var(--base-white, #FFF);
        font-family: Satoshi;
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 16px;
    }
    .leagal-content {
        text-align: left;
        padding: 0px 24px;
    }
    .legal-section {
        padding: 24px 12px 8px;
        margin-top: 75px;
    }
    .tc-main h2 {
        color: var(--brand-graphite, #1F2325);
        font-family: "Butler Bold";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 124%;
        margin-bottom: 0px;
    }
    .tc-main {
        display: flex;
        gap: 8px;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .leagal-content p {
        color: var(--base-white, #FFF);
        font-family: Satoshi;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 180%;
        margin-bottom: 0px;
    }
    .tc-contain p {
        color: var(--brand-cool-grey, #6B7275);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 168%;
        margin-bottom: 32px;
    }
    .tc-contain h2 {
        color: var(--brand-graphite, #1F2325);
        font-family: "Butler Medium";
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 132%;
        margin-bottom: 8px;
    }
    .error-section {
        display: flex;
        padding: 72px 24px;
        flex-direction: column;
        align-items: center;
        gap: 24px;
        align-self: stretch;
        text-align: center;
        margin-top: 72px;
        height: 541px;
    }
    .erron-content h1 {
        color: var(--base-white, #FFF);
        font-family: Satoshi;
        font-size: 96px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        margin-bottom: 16px;
    }
    .erron-content h3 {
        color: var(--brand-on-dark, #F2F4F4);
        font-family: "Butler Bold";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 124%;
        width: 327px;
        text-align: left;
        align-items: end;
        margin-bottom: 0px;
        margin-top: 16px;
    }
    .erron-content h3 svg{
        transform: translate(0px, -9px);
    }
    .erron-content p {
        color: var(--brand-on-dark-muted, #9BA3A6);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        text-align: left;
        margin-top: 16px;
        margin-bottom: 40px;
    }
    .border-button {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .erron-content h6 {
        color: var(--brand-on-dark, #F2F4F4);
        font-family: "Work Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-bottom: 16px;
    }
    .footer-right {
        display: flex;
        gap: 32px;
        float: none;
    }
    .footer-menu-mo{
        flex-direction: column;
    }
    footer {
        background: var(--brand-graphite, #1F2325);
        padding: 48px 24px 0px;
    }
    .footer-right{
        margin-bottom: 24px;
    }
    .footer-logo {
        margin-bottom: 0px;
    }
    .footer-left img {
        margin-bottom: 24px;
    }
    .footer-bottom ul{
        display: none;
    }
    .footer-bottom {
        margin-top: 0px;
        stroke-width: 1px;
        stroke: var(--base-02, #727272);
        opacity: 1;
        padding: 24px 0px 32px;
        border-top: 1px solid #727272b3;
        text-align: center;
    }
    .footer-bottom p {
        color: var(--brand-on-dark-muted, #9BA3A6);
        text-align: center;
        font-family: "Work Sans";
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 170%; /* 18.7px */
        letter-spacing: 1.1px;
        margin-bottom: 24px;
    }
    .footer-menu h5 {
        color: var(--brand-slate-200, #7EA8C8);
        font-family: 'Satoshi Bold';
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 1.68px;
        margin-bottom: 8px;
    }
    .footer-menu ul {
        padding-left: 0px;
        list-style: none;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
    .footer-logo img{
        width: 237px;
        height: 52px;
        max-width: 100%;
    }
    .footer-menu a {
        color: var(--brand-on-dark, #F2F4F4);
        text-align: center;
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%; /* 25.5px */
    }
}