/*
*
* MOBILE style (used for common areas for mobile view)
*
*/
@media (min-width: 769px) and (max-width: 1024px) {
    .header-right-menu .menu-item-43 { /*hide phone number on tablet to make elements fit*/
        display: none;
    }

    .pop-up-menu * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .pop-up-menu .outside {
        width: 1%;
    }

    .pop-up-menu .inside {
        width: 99%;
    }

    .pop-up-menu .menu-links {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .pop-up-menu .menu-links .menu-link {
        min-height: 75px;
    }

    .pop-up-menu .menu-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pop-up-menu .menu-footer .menu-footer-right {
        flex-grow: 0;
        margin-right: 0;
        margin-top: 0;
        margin-left: 5%;
    }

    #footer h4 {
        min-height: 20px;
        margin-top: 10px;
    }

    #footer .footer_area_four {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    #masthead * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .header-menu {
        display: none;
    }

    .custom-logo {
        text-align: left;
        height: 60px;
    }

    .site-branding {
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .site-branding {
        padding: 20px 10px 20px 10px;
    }

    /*.site-branding .header-serch, .site-branding .header-burger-menu {*/
    /*    position: relative;*/
    /*    top: auto;*/
    /*    right: auto;*/
    /*    width: auto;*/
    /*    height: auto;*/
    /*    padding: 0 20px;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/

    .header-burger-menu img {
        margin-bottom: 0;
    }

    .branding-right {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        padding: 0;
        gap: 15px;
    }

    .branding-right #lang_choice_1 {
        background-color: #fff;
        color: var(--cargus-black);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        border: none;
        outline: none;
        cursor: pointer;
        display: block;
    }

    .header-phone-mobile {
        padding: 0 5px;
        align-items: center;
        display: flex;
        cursor: pointer;
    }

    .header-email-mobile {
        padding: 0 5px;
        align-items: center;
        display: flex;
        cursor: pointer;
    }

    .header-serch-mobile {
        align-items: center;
        display: flex;
        cursor: pointer;
    }

    .pop-up-menu * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .pop-up-menu {
        height: auto;
        /*position: relative;*/
        position: absolute;
    }

    .pop-up-menu .outside {
        display: none;
    }

    .pop-up-menu .inside {
        width: 100%;
    }

    .pop-up-menu .menu-links {
        margin: 0;
        padding: 20px 1.5rem;
        display: flex;
        flex-wrap: wrap;
    }

    .pop-up-menu .menu-links .menu-link {
        width: auto;
        padding: 18px 10px;
        flex-grow: 1;
    }

    .pop-up-menu .menu-links .menu-link .details {
        display: none;
    }

    .header-submenu {
        display: none;
    }

    ul#main-menu li.row ul {
        width: 100%;
    }

    ul#main-menu li.row ul li a {
        font-weight: 500;
    }

    ul#main-menu > li > a {
        margin-bottom: 20px;
    }

    .pop-up-menu .menu-footer {
        position: relative;
    }

    .pop-up-menu .menu-footer .menu-footer-right .my_cargus_login {
        position: absolute;
        top: -208px;
        left: 25px;
    }

    .pop-up-menu .menu-footer .menu-footer-right .web_express_login {
        position: absolute;
        top: -280px;
        left: 25px;
    }

    .popup-abonamente-antroprenori span {
        font-size: 13px;
        font-weight: 500;
    }

    ul#main-menu li.bottom ul {
        margin-top: 70px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    ul#main-menu li.bottom ul li {
        flex-grow: 1;
        display: flex;
        margin-bottom: 10px;
    }

    ul#main-menu li.bottom ul li.popup-shop-antroprenori {
        margin-bottom: 30px;
    }

    ul#main-menu li.bottom li a {
        width: 280px;
        padding: 18px 10px;
    }

    .pop-up-menu .menu-footer {
        margin-top: 20px;
        bottom: auto;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        margin-right: 6%;
        padding-bottom: 20px;
    }

    .pop-up-menu .menu-footer .menu-footer-right {
        flex-grow: 1;
        margin: 0;
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }

    .pop-up-menu .menu-footer .menu-footer-right .social .instagram img {
        margin-left: 0;
    }

    .pop-up-menu .menu-footer .menu-footer-left {
        width: 100%;
    }

    #footer .footer-inside {
        display: flex;
        flex-wrap: wrap;
        padding-top: 100px;
    }

    #footer .footer-links-area {
        width: 100%;
        grid-area: unset;
    }

    #footer .footer_area_five {
        width: 100%;
        position: relative;
    }

 /*   #footer .footer_area {
        width: 46%;
    }*/

    #footer .footer_area_four {
        margin-top: 30px;
    }

    #footer .footer_area_three {
        width: 100%;
    }

    .footer_four_apps, .footer_four_anpc {
        display: flex;
        justify-content: center;
        gap: 5px;
    }

    .footer_four_apps div, .footer_four_anpc div {
        width: auto;
    }

    #footer .footer_area_three {
        width: 100%;
    }

    #footer .ecovadis {
        text-align: right;
    }

    #footer .best {
        text-align: left;
    }

    #footer .most {
        text-align: center;
    }


/*
    #footer .footer_four_box {
        /*display: none;
        position: absolute;
        top: -660px;
        background-color: #EAECF0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 10px;
        border-radius: 8px;
        margin-top: 0;
    }
    */

    #footer .footer_four_text {
        font-weight: 600;
        text-align: center;
    }

    #footer .footer_four_box::after {
        display: none;
    }

    .footer_call {
        width: auto;
    }

    .footer_social {
        width: auto;
        margin-top: 0;
    }
    .footer_social a {
        margin-left: 5px;
    }
}


@media screen and (max-width: 1000px) {

    body.woocommerce-account form.login p {
        width: 98%;
        margin-left: 0;
    }
    body.woocommerce-account form.login .nsl-container {
        position: relative;
        top: unset;
        right: unset;
    }
    body.woocommerce-account form.login > div {
        margin-left: 6%;
    }
    body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
        width: 100%;
    }
    body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation ul {
        margin: 0;
        padding: 0;
    }
    body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
        width: 100%;
    }
    body.woocommerce-account.logged-in .woocommerce-order-details, 
    body.woocommerce-account.logged-in .woocommerce-customer-details {
        width: 100%;
    }
    body.woocommerce-account.logged-in form.woocommerce-EditAccountForm.edit-account {
        width: 100%;
        padding-right: 0;
    }
    body.woocommerce-account.logged-in .nsl-container {
        position: relative;
        margin-bottom: 30px;
        margin-left: 8%;
    }
    body.woocommerce-account.logged-in form.woocommerce-EditAccountForm.edit-account h3 {
        position: relative;
        right: 0;
        text-align: center;
        margin-top: 30px;
    }
    body.woocommerce-account.logged-in .woocommerce-info a {
        float: left;
        margin-top: 20px;
        margin-bottom: 10px;
    }


}