/**
 *   Copyright Ne.W.S. - New Web Solutions S.r.l. - All rights reserved.
**/

/* ============================================ *
 * RESPONSIVE
 * ============================================ */

/* Medium screens
min-width 768px, medium screens */
@media (min-width: 48em) {

    /** Layout **/ 
    .page-wrapper .header.content,
    .page-wrapper .page-header .header.panel,
    .page-wrapper .navigation, 
    .page-wrapper .breadcrumbs .items,
    .page-wrapper .block.category.event, 
    .page-wrapper .top-container, 
    .page-wrapper .container,
    .page-wrapper > .widget, 
    .page-wrapper > .page-bottom, 
    .page-wrapper .block.category.event, 
    .page-wrapper .page-main,
    .catalog-category-view .page-wrapper .category-view {
        max-width: 1320px;
        width: 100%;
        margin-left:auto;
        margin-right:auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-wrapper .footer.content {
        max-width: 100%;
        margin-left:auto;
        margin-right:auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-wrapper .abs-margin-for-blocks-and-widgets-desktop, 
    .page-wrapper .page-main .block,
    .page-wrapper .customer-review .product-details {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    /** Head **/
    .customer-welcome .action.switch:after {
        line-height: 32px !important;
    }

    /** Header **/
    .header.panel > .header.links > li.welcome {
        line-height: inherit !important;
        padding-right: 1rem !important;
    }

    /** Menu **/
    .page-wrapper .navigation ul {
        padding:0;
    }

    /** Search **/
    .page-wrapper .block-search input {
        left: inherit !important;
    }

    /** Home **/
    .cms-home.page-layout-1column .block.widget .products-grid .product-item {
        width: calc((100% - 8%) / 4);
    }

    /** Special Offers Section **/
    .filterproducts-tab .data.items>.item.title {
        float: left;
        width: auto;
        margin: 0;
        padding: 0;
        background-color: #fff;
    }
    .filterproducts-tab .data.items>.item.content {
        margin-top: 30px;
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        width: 100%;
    }
    .filterproducts-tab .data.items > .item.title.active > a.data.switch {
        border-bottom: 3px solid #000;
    }
    .filterproducts-tab .data.items > .item.title {
        background: none;
    }
    .filterproducts-tab .data.items > .item.title > a.data.switch {
        text-decoration: none;
        border: 0;
        padding: 0 22px 19px;
        text-transform: none;
        font-weight: 600;
        display: block;
        border-bottom: 3px solid transparent;
    }
    .filterproducts-tab .data.items > .item.content {
        margin-top: 42px;
        border-top: 1px solid rgba(0,0,0,0.08);
        padding-top: 17px;
    }
    .filterproducts-tab .data.items {
        background: none;
    }

    /** Contatti **/
    .contact-index-index .page-main .form.contact,
    .contact-index-index .page-main .widget.block {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
    .contact-index-index .page-main .widget.block {
        padding-left: 14%;
    }
    .contact-index-index .form.contact .fieldset > .field > .label {
        width:26.5%;
    }
    .contact-index-index .form.contact .fieldset .field.note,
    .contact-index-index .form.contact .fieldset .legend {
        display:block;
        margin-left:26.5%;
        border-bottom:none;
    }

    /** Product **/
    .catalog-product-view .sidebar.sidebar-main,
    .catalog-product-view .sidebar.sidebar-additional {
        padding-left: 2rem !important;
        border-left: 1px solid #e5e5e5 !important;
    }
    .catalog-product-view .sidebar.sidebar-additional .block-reorder,
    .catalog-product-view .sidebar.sidebar-additional .block-wishlist {
        display:none;
    }
    .catalog-product-view .product-info-main {
        padding-right: 3rem;
    }
    .page-wrapper .product-item-name,
    .page-wrapper .abs-product-link > a:hover, 
    .product-item-name > a:hover,
    .page-wrapper .product.name a > a:hover {
        font-size: 1.6rem;
        line-height: 2.2rem;
        text-decoration: none;
    }

    /** Registrazione & Login **/
    .form-create-account .fieldset.create.info .field.choice {
        display:none;
    }
    .form-create-account .fieldset.create.info .field.choice.newsletter {
        display:block;
    }
    .form-create-account.account .legend {
        border-bottom:none;
    }
    .form-create-account .fieldset.create.info {
        margin-bottom:20px;
    }
    .form .fieldset > .field {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
    }
    .form .fieldset > .field > .control {
        width:74.2%;
    }
    .form .fieldset > .field > .label {
        padding:6px 15px 0 0;
        text-align:right;
        width:25.8%;
    }
    .form .fieldset .legend,
    .form .fieldset > .field.choice.newsletter,
    .form .fieldset > .field.choice.persistent,
    .form .fieldset > .field.choice.gdpr,
    .form .field-recaptcha,
    .form .actions-toolbar,
    .login-container .fieldset.login:after {
        display:block;
        margin-left:25.8%;
    }
    .form.form-newsletter-manage .fieldset .legend,
    .form.form-newsletter-manage .actions-toolbar  {
        margin-left:0%;
    }
    .form .fieldset .legend {
        font-weight:normal;
        font-size:2rem;
    }
    .form-create-account .fieldset.create.account:after {
        margin-left:25.8% !important;
    }
    .form .actions-toolbar > .secondary .action.back {
        display:block;
    }
    .form .actions-toolbar > .secondary .action span {
        color:#333;
    }
    .form .actions-toolbar .secondary {
        float:right;
    }
    .form .actions-toolbar > .secondary .action {
        background-color:#fff !important;
    }

    /** Form Send to Friend **/
    .sendfriend-product-send .form.send.friend .fieldset > .field {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        align-items:center;
        width:100%;
        margin-left:25.8%;
    }
    .form.send.friend .fieldset .legend {
        text-align:center;
        margin-left:0px;
        border-bottom:none;
    }
    .sendfriend-product-send .form.send.friend .fieldset .field .control,
    .sendfriend-product-send .form.send.friend .fieldset .field.text {
        width:100%;
    }
    .sendfriend-product-send .form.send.friend .fieldset .field:nth-last-child(1),
    .sendfriend-product-send .form.send.friend .fieldset .field:nth-last-child(2) {
        margin-bottom:29px;
    }
    .sendfriend-product-send .form.send.friend .fieldset .additional .action.remove {
        margin-left:130%;
        top:6px;
    }
    .form.send.friend .actions-toolbar {
        margin-left:46.5%;
    }



}

/* Tablet Large screens 1200px */
@media only screen and (max-width: 75em) {
    /** Special Offers Section **/
    .filterproducts-tab .data.items > .item.title > a.data.switch {
        padding-left: 8px;
        padding-right: 8px;
    }

}

/* Tablet Medium screens 1024px*/
@media only screen and (max-width: 64em) {

    /** Catalog **/
    .catalog-category-view .page-wrapper .category-view .category-description {
        padding:2rem 2rem;
    }

}

/* Mobile Small screen 992px */
@media only screen and (max-width: 62em) {
    .page-wrapper .page-header .nav-toggle {
        top: calc(18%);
    }
}

/* max-width: 1200px and min-width 768px, use when QAing large screen-only issues */
@media only screen and (max-width: 75em) and (min-width: 48em) {
    /** Fix per visualizzazione carrello e footer schermi 13'' **/

    .page-wrapper .header.content,
    .page-wrapper .page-header .panel.wrapper {
        padding-left:1.5rem;
        padding-right:1.5rem;
    }
    .page-wrapper .header.content {
        padding-right: 2rem;
    }
    .page-wrapper .newsletter-container,
    .page-wrapper .newsletter-container .newsletter-section .col-md-6.col-lg-4,
    .page-wrapper .footer-container,
    .page-wrapper .copyright-container {
        padding:3rem;
    }

    /** Home **/
    .page-wrapper .product-items.widget-product-carousel .slick-slide  {
        padding:0px 1rem;
    }

}

/* Mobile Small screen 768px */
@media only screen and (max-width: 48em) { 

    /** Layout **/ 
    .page-wrapper .navigation, 
    .page-wrapper .page-header .header.panel, 
    .page-wrapper .header.content, 
    .page-wrapper .page-header .panel.wrapper,
    .page-wrapper .footer.content, 
    .page-wrapper .page-wrapper > .widget, 
    .page-wrapper .page-wrapper > .page-bottom, 
    .page-wrapper .block.category.event, 
    .page-wrapper .top-container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .page-wrapper .header.content {
        padding-bottom:0rem;
    }

    .page-wrapper h1 {
        margin-top: 2rem;
    }
    .nav-open .nav-toggle:after {
        background: rgba(255, 255, 255, 0.7)!important;
    }

    /** Head Selling Point **/
    .page-wrapper .top-sellingpoint {
        font-size: 0.80em;
    }
    .page-wrapper .arrow_link {
        display:block;
    }
    .page-wrapper .top-sellingpoint-center {
        display:none;
    }
    .page-wrapper .top-sellingpoint-right {
        display:none;
    }
    .page-wrapper .top-sellingpoint.mobile-text-center {
        text-align:center !important;
    }

    /** Header **/
    .page-wrapper .sticky {
        display: none !important;
    }
    .page-wrapper .page-header {
        margin-bottom: 0px;
    }
    .page-wrapper .logo {
        margin-left:60px;
        max-width: 42%;
    }
    .page-wrapper .logo img {
        width: auto !important;
    }

    /** Header Order **/
    .page-wrapper .header.content .nav-toggle  {
        -ms-flex-order: 1;
        -webkit-order: 1 ;
        order: 1;
    }
    .page-wrapper .header.content .logo  {
        -ms-flex-order: 2;
        -webkit-order: 2 ;
        order: 2;
        flex: 100%;
    }
    .page-wrapper .header.content .header-icon {
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }
    .page-wrapper .header.content .minicart-wrapper  {
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }
    .page-wrapper .header.content .block.block-search {
        -ms-flex-order: 5;
        -webkit-order: 5;
        order: 5;
        flex: 5 0 100%;
    }

    /** Cart - Minicart **/
    .page-wrapper .header.content li {
        margin-left: 0rem;
        margin-bottom: 0rem;
    }

    /** Breadcrumbs **/
    .page-wrapper .breadcrumbs {
        display: block;
    }

    /** Menu Mobile **/
    .nav-sections .header.links #maplist_navmenu,
    .nav-sections .header.links .greet.welcome {
        display:none !important;
    }
    .page-wrapper .navigation .level0 {
        margin: 0px 0px;
    }

    /** Footer **/

    /** Newsletter **/
    .page-wrapper .block.newsletter .field.newsletter .control > input {
        width:100%;
    }
    .page-wrapper .block.newsletter .action.subscribe {
        margin-left:-4rem;
    }
    .page-wrapper .block.newsletter {
        margin: 1.60rem 0px;
    }

    /** Search **/
    .page-wrapper .header.content .block.block-search .block.block-content {
        position: relative;
    }
    .page-wrapper .header.content .block.block-search .block.block-content .field.search {
        height: 80px;
    }
    .page-wrapper .header.content .block.block-search .block.block-content .form.minisearch {
        width: 90%;
        margin: 0 auto;
    }
    .page-wrapper .header.content .block.block-search .block.block-content .field.search .label {
        position: absolute;
        border-bottom: 1px solid #000;
        top: 0px;
        left: 20px;
        margin: 18px auto;
        width: 90%;
    }
    .page-wrapper .header.content .block.block-search .block.block-content .field.search .label:before {
        color: #000;
        font-size: 25px;
        padding: 9px 0px;
        padding-right: 3px;
        float: right;
    }

    /** Home **/
    .cms-home.page-layout-1column .block.widget .products-grid .product-item {
        width: calc((100% - 8%) / 2);
    }
    .page-wrapper .product-items.widget-product-carousel .slick-slide  {
        padding:0px 1rem;
    }

    /** Chi siamo*/
    .column-order-1 {
        order:1;
    } 
    .column-order-2 {
        order:2;
    }

    /** Contatti*/
    .contact-index-index .page-main .form.contact {
        padding-bottom:3rem;
    }

    /** Catalog **/
    .catalog-category-view .page-wrapper .category-view .category-image {
        display:none; /**Feature Image che non deve essere visibile da mobile perchè inserita nel blocco**/
    }
    .catalog-category-view .page-wrapper .category-view .category-description {
        padding: 0rem 2rem 3rem;
    }
    .catalog-category-view .page-wrapper .category-view .pagebuilder-mobile-only {
        width:100%;
        padding-bottom:2rem;
    }

    /** Product **/
    .page-wrapper .product-item .price-box p {
        text-align: center !important;
    }
    .catalog-product-view .box-tocart .fieldset .actions {
        width: 100%;
    }
    .catalog-product-view .product-info-main {
        border-left: 0px solid #dcdcdc;
    }
    .catalog-product-view .fotorama__stage__frame .fotorama__img {
        padding-bottom: 0rem;
    }
    .catalog-product-view .page-title-wrapper.product, 
    .catalog-product-view .product-info-main .block-static-block.widget, 
    .block-cms-link.widget, 
    .catalog-product-view .product-info-main .product-info-price > .priceBox {
        padding-top: 0rem;
    }
    .catalog-product-view .product.media .fotorama .fotorama__stage {
        height: 300px !important;
    }
    .catalog-product-view .page-title-wrapper .page-title {
        font-size: 2.5rem;
    }
    .catalog-product-view .additional-attributes-wrapper.table-wrapper {
        padding: 1rem 2.5rem;
    }
    .catalog-product-view .product-info-main .product-add-form {
        padding-top: 0px;
    }
    .catalog-product-view .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child {
        padding-bottom: 0px;
    }
    /** Grouped **/
    .catalog-product-view .table.grouped .thead-width > tr > th,
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th {
        display: block;
    }
    .catalog-product-view .table.grouped .thead-width  th.col.item {
        margin-top:1rem;
        border-bottom-width: thin;
    }
    .catalog-product-view .table.grouped .tbody-height .col.item[data-th="Product Image"],
    .catalog-product-view .table.grouped .tbody-height .col.item[data-th="Nome prodotto"],
    .catalog-product-view .table.grouped .tbody-height td.col.qty {
        display:inline-block;
    }
    .catalog-product-view .table.grouped .tbody-height tr {
        border-bottom: 1px solid #cccccc;
    }
    

    /** Registrazione **/
    .form-create-account .fieldset > .field:last-child,
    .form-create-account .fieldset.create.account:after {
        display: none !important;
    }
    .actions-toolbar .secondary {
        float:none;
    }
    .actions-toolbar > .secondary .action.back {
        display:block !important;
    }
    .form .actions-toolbar > .secondary .action span {
        color:#333;
    }
    .form .actions-toolbar .secondary {
        float:none;
    }
    .form .actions-toolbar > .secondary .action {
        background-color:#fff !important;
    }
    .form .fieldset > .field > .control {
        width:100%;
    }

    /** Form Send to Friend **/
    .form.send.friend .actions-toolbar {
        margin-left:0px;
    }

}


/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2){
    
    /* Header Order */
    .page-wrapper .header.content .header-icon {
        padding-left: 0rem !important;
    }
    .page-wrapper .header.content .logo  {
        flex: inherit !important;
    }

}