@media (max-width:400px) {
     .headerToplevel .headerMenu {
          top: 10rem;
     }
     .headerToplevel .headerUser .header-links-wrapper .flyout-main-wrapper {
          right: 50px;
     }
     .greenLineList li a {
          font-size: 1.25rem !important;
     }
    #divServiziFaq {
        padding-top: 1rem;
        height: 23%;
    }
    .search-faqs .input-box {
        width: 80% !important;
    }

    .search-faqs .input-box .input-text {
        width: 100% !important;
    }
}
@media screen and (min-width:401px) and (max-width: 640px) {
     .headerToplevel .headerMenu {
          /*top: 11.5rem;*/
     }
     .headerToplevel .headerUser .header-links-wrapper .flyout-main-wrapper {
          /*right: 60px;*/
     }
     .greenLineList li a {
          font-size: 1.50rem !important;
     }
    #divServiziFaq {
        padding-top: 1rem;
        height: 23%;
    }
    .search-faqs .input-box {
        width: 80% !important;
    }

    .search-faqs .input-box .input-text {
        width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
     .detailButton.back-to-shop {
          width: 45%;
     }
    .search-faqs .input-box {
        width: 80% !important;
    }

    #CarrelloTitolo .Carrello {
        padding-left: 0 !important;
    }

    .carrelloHeaderDoc {
        margin-top: -1.5rem;
        height: auto !important;
    }

    .search-faqs .input-box .input-text {
        width: 100% !important;
    }
    #divServiziFaq {
        padding-top: 1rem;
        height: 23%;
    }
     .sidebar .box-shadow-wrapper .listbox {
          width: 95% !important;
     }
     .block.block-account-navigation.well.box-shadow-wrapper {
          margin-bottom: 50px;
     }
     .block-account-navigation .title.main-title {
          border: 0;
          box-shadow: none;
          background: none;
          margin: 0;
          padding-bottom: 0;
          padding-top: 0;
     }
     /***** PAGES *****/
     #vendorlogin-page .ui-dialog {
          width: 94% !important;
          left: 3% !important;
          right: 0 !important;
     }

          #vendorlogin-page .ui-dialog form .form-group {
               width: 90% !important;
          }

          #vendorlogin-page .ui-dialog .title-head h1 {
               padding: 0 !important;
               margin: 0 !important;
          }

     .order-progress {
          margin-top: 0 !important;
     }

     .html-password-recovery-page .master-wrapper-page .password-recovery-page {
          width: 90% !important;
          margin-top: 40px !important;
          margin: 0 auto;
     }
     /***** GENERAL *****/
     .liveChatContainer .liveChatButton {
          right: 8px !important;
          /*bottom: 65px !important;*/
          bottom: auto !important;
     }

     .slider-wrapper .panelBottomSlider {
          bottom: 60px !important;
          width: 95% !important;
          height: 60px !important;
     }

     .contact-page .contact-details .form-horizontal .privacyLabel {
          padding-left: 0px;
     }

     .master-column-wrapper .contact-page {
          width: 95% !important;
          margin-top: 25px !important;
     }

     #backTop {
          right: 20px !important;
          bottom: 20px !important;
     }

     .purchaseButtonService {
          width: auto !important;
          min-width: 15%;
     }


     .greenLineList {
          padding: 3% !important;
          margin-top: 0 !important;
          justify-content: space-between !important;
     }

     .item-box .thumbnail .picture a::before {
          padding-top: 85% !important;
     }
     .picture .btnPanelBottomBestSellers {
          right: -70%;
     }
     .productDetailPrice {
          text-align: left;
     }

     #CarrelloTitolo .Carrello_benessere {
          font-size: 3rem !important;
          left: 0 !important;
          top: 0 !important;
          width: 98% !important;
          margin: 0 auto;
     }

     .category-page .divServizi {
          margin-bottom: 2% !important;
     }

     .category-page .serviceTitle {
          font-size: 2rem;
          line-height: 2rem;
     }

     .category-page .descServiceText {
          font-size: 18px;
          line-height: 18px;
     }

     #CarrelloTitolo .titleLine {
          width: 100%;
     }

          #CarrelloTitolo .titleLine:before {
               width: 100% !important;
               left: 0 !important;
               bottom: 5px !important;
          }

     .headerToplevel .header-menu .navbar.navbar-inverse .nav.navbar-nav > li > a {
          font-size: 15px !important;
          color: black;
          margin: 0 !important;
          padding: 0px 10px !important;
     }

     .master-wrapper-content .panelBottomSlider .container .greenLineList {
          padding: 0 0% !important;
          margin-top: 10px !important;
          margin-left: 10px !important;
          margin-right: 10px !important;
     }

     .master-wrapper-content {
          margin-top: 15px !important;
          clear: both;
     }

     .logoHeader img {
          width: 100% !important;
     }

     .registration-page form > div {
          width: 100% !important;
     }

     .headerToplevel .header-menu {
          background: none !important;
          background-color: none !important;
          margin-bottom: 0px;
     }

     .white-font p {
          font-size: 1em !important;
     }

     .copyrightWidth {
          width: 100% !important;
     }

     .copyrightPadding {
          font-size: 1em !important;
          padding-left: 0 !important;
          width: 100% !important;
     }

     .button-div {
          margin-top: 0 !important;
     }

     .homepageImage {
          height: 60% !important;
          height: auto !important;
     }

     .greenLineList {
          padding-left: 2% !important;
     }

          .greenLineList li {
               margin-top: 5px !important;
               text-align: center;
               line-height: 5px;
          }

     .panelBottomSlider {
          bottom: 65px !important;
          height: 65px !important;
          border-radius: 35px 35px 0px 0px !important;
     }

     .divWelcome {
          height: 13rem !important;
          padding-top: 4rem !important;
     }

          .divWelcome h2,
          .BestSellersLabelTitle,
          .footer-upper h2 {
               font-size: 1.5rem !important;
               margin: 0;
          }

     .text-color-darkgray {
          font-size: 1.25rem !important;
          margin: 0;
     }

     .headingH4 {
          font-size: 1.8rem !important;
     }

     h3 {
          font-size: 2rem !important;
          line-height: 3rem !important;
     }

     .home-page .labelBox {
          padding: 5%;
     }

     .home-page .BestSellersLabelTitle, .home-page .labelBoxDesc, .home-page .labelBoxDesc2, .home-page .labelBoxDesc .BestSellersLabelDesc, .home-page .labelBoxDesc2 .BestSellersLabelDesc {
          padding: 0;
          text-align: center;
     }

     .bestsellersMargin {
          margin-top: 10px !important;
     }

     .bestsellers #HomepageBestSellersBox {
          width: auto !important;
     }

     .clearBorder {
          width: 80% !important;
          margin-left: 12% !important;
     }

     .titleProduct {
          margin-top: 4rem !important;
          padding-bottom: 1rem !important;
     }

          .titleProduct h1 {
               font-size: 3rem !important;
          }

     .product-item .caption .details {
          top: -4rem;
     }

     .area-vendor-button {
          font-size: 1em !important;
     }

     .dropdown .dropdown-menu.login {
          width: 35rem !important;
          min-width: 35rem !important;
          right: -7rem !important;
          left: auto !important;
     }

     .modal {
          z-index: 10000 !important;
     }

     .modal-content {
          background-color: #fff !important;
     }
     /*.purchaseButton {
          width: auto !important;
          min-width: 40%;
     }*/
     /***** PROFILE SECTION *****/
     .page .profileMan {
          width: 45px !important;
          height: 45px !important;
     }

     .page-title .justify-content-start h1 {
          font-size: 1em;
          padding: 0px 0 0 20px !important;
     }

     .sidebar .title .profileMan {
          /*background: url(../images/toggle-up-arrow.png) no-repeat #a7ffd8 right center !important;*/
          display: none;
     }

     .sidebar .title .mobileIconMyHealthy {
          display: block;
          position: absolute;
          right: 45px;
          top: 35px;
     }

     .customer-info-page, .change-password-page, .avatar-page, .gdpr-tools-page, .address-list-page, .my-product-reviews-list-page {
          width: 100% !important;
     }

     .order-list-page .order-list {
          margin: 0;
     }

     .order-list-page .orderItemFooter .orderItemFooterText {
          font-size: 1rem;
     }

     .order-list-page .order-item-detail .buttons .order-details-button {
          margin: 1rem;
     }

     .headerToplevel {
          /*padding-bottom: 15px;*/
     }

        .headerToplevel .headerLogo {
            /* 
              border-bottom: 1px solid #efefef;
               width: 100%;
               text-align: center;
               */
            margin: 2px 0px;
        }

          .headerToplevel .headerMenu, .headerToplevel .headerUser {
               margin-top: 1rem !important;
               z-index: 3;
               /*margin-left: 15%;*/
          }
               .headerToplevel .headerUser .header-links-wrapper .header-links {
                    padding-right: 40px;
               }
                    .headerToplevel .headerUser .header-links-wrapper .header-links .fa-user-o {
                         font-size: 2.25rem !important;
                         font-weight: bold !important;
                    }

          .headerToplevel .headerMenu {
              /*
               position: absolute;
               padding: 0;
               z-index: 3;
               right: 0px;
                  */
          }

               .headerToplevel .headerMenu .navbar-inverse .navbar-toggle {
                    border-color: transparent;
                    float: left;
                    margin-left: 5px;
               }

                    .headerToplevel .headerMenu .navbar-inverse .navbar-toggle .icon-bar {
                         background-color: #333 !important;
                    }

     .headerMenu .header-menu .main-menu #mobile-menu {
          background: white !important;
          color: black;
          margin-top: 5px;
          -webkit-box-shadow: 10px 11px 15px -9px rgba(181,181,181,1);
          -moz-box-shadow: 10px 11px 15px -9px rgba(181,181,181,1);
          box-shadow: 10px 11px 15px -9px rgba(181,181,181,1);
          padding-left: 0;
     }

          .headerMenu .header-menu .main-menu #mobile-menu li.dropdownUL.header-navigator:hover ul li:hover a {
               color: #FFF !important;
               width: 100% !important;
               padding: 5px !important;
          }

     .header-menu .navbar.navbar-inverse .nav.navbar-nav > li {
          padding-top: 10px;
     }

     .header-menu .navbar.navbar-inverse .nav.navbar-nav li a {
          width: 95% !important;
     }

     .headerMenu .header-menu .main-menu #mobile-menu li.dropdownUL.header-navigator:hover ul li a {
          padding: 7px 0 7px 0 !important;
     }

     .headerMenu .header-menu .main-menu #mobile-menu .nav .dropdownUL ul {
          margin: 5px !important;
          width: 50% !important;
          border-radius: 0px 10px 10px 25px !important;
     }

          .headerMenu .header-menu .main-menu #mobile-menu .nav .dropdownUL ul li {
               min-height: 25px !important;
          }

     .header-menu .navbar.navbar-inverse .nav.navbar-nav > li.active > a {
          border-bottom: none !important;
     }

     #mobile-menu li.header-navigator:hover a {
          border-bottom: none !important;
     }
     /***** HP - BANNER *****/
     .master-wrapper-page .footer {
          float: none !important;
          margin-top: 25px !important;
     }

          .master-wrapper-page .footer .footer-middle .row {
               margin-right: 1rem;
               margin-left: 1rem;
          }

               .master-wrapper-page .footer .footer-middle .row .area-vendor-button {
                    margin-top: 2rem !important;
               }

               .master-wrapper-page .footer .footer-middle .row .footerText li {
                    text-align: left !important;
               }

     .infoUpCust {
          padding-left: 0 !important;
     }

          .infoUpCust .text-color-gray {
               /*font-style: italic;
               background: RGB(0,0,0,0.75);
               padding: 10px;
               color: white !important;
               border-radius: 15px;*/
          }

     .footerUpCust {
          height: 45rem !important;
     }
     /***** FOOTER *****/
     .paddingFooterButton {
          padding: 0 !important;
          margin: 0 !important;
     }

     .footer-upper {
          padding: 0 !important;
          border: 0 !important;
     }

     .footer-middle .title {
          text-align: left !important;
     }

     .footer .footer-middle ul li a {
          font-size: 1em !important;
          margin-bottom: 5px !important;
     }

     .footer-middle .title {
          background: none !important;
     }

     .footer-middle .nav.nav-list {
          display: block !important;
     }
     /**** SHOPPING CART ****/
     #CarrelloTitolo {
          position: initial !important;
          top: 0 !important;
          padding-top: 0 !important;
          height: auto !important;
          width: 100% !important;
     }

    #CarrelloTitolo .Carrello {
        font-size: 3rem !important;
        left: 0 !important;
        top: -54px !important;
        padding-left: 0 !important;
        width: 98% !important;
        margin: 0 auto;
        margin-left: 0 !important;
        padding: 0;
    }

          #CarrelloTitolo .Linea_84 {
               width: 100% !important;
               left: 0 !important;
          }

     .shopping-cart-page .shoppingCartHeader {
          margin-top: 20px;
     }

     .shopping-cart-page .shoppingCartItems {
          width: 100% !important;
     }

     .shopping-cart-page .qty-input.form-control {
          margin: 0 !important;
          width: 100% !important;
     }

     .shopping-cart-page .continueShoppingColumn,
     .shopping-cart-page .checkoutColumn {
          text-align: center;
          padding-bottom: 1.5rem !important;
     }

     .shopping-cart-page .shop_prodotti {
          font-size: 22px !important;
          padding-top: 12px;
     }
}