/* SINGLE MEDIA FOR MOBILE */

@media ( max-width : 360px) {
  	.catalog__detail .catalog{
		margin-top: 30px;
	}

	.catalog__brand{
		text-align: center;
	}

	.catalog__brand img{
		width: 60%;
	}

}


/* samsung galaxy s5 start */
@media (max-width: 639px){

    .main-support-box-container{
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .box-element-container{
        padding-top: 20px;
    }

    .page-homepage .glyphicon-remove-custom:before{
        font-size: 20px;
        left: 5px;
    }

    .padding-top-1-xs{
        padding-top: 1em;
    }

    .place-order-form{
        padding: 0;
    }
    .pageCheckoutDistributors{
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

	.modal.open .content-wrapper.promotion-banner img{
		width: 300px;
    	height: 200px;
	}

	.modal .content-wrapper.content-note{
        width: 80%;
        height: 40%;
	}

    .cart__actions, .left-part{
        padding-top: 20px;
    }

    .item__list .item__list--item div {
        overflow: initial;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-infoColor {
        width: 195px;
        height: 155px;
    }

    .talk-bubble {
        width: inherit;
    }

    .col-sticky-size {
            width: 100%;
    }

    #ticketCheckoutButton {
        font-size: 12px;
    }

    .page-support .button-section{
         padding: 0;
     }

     .page-support .main__inner-wrapper{
        margin-right: 0px;
     }

    .page-support .account-section-form{
        text-align: left;
        padding-left: 0px;
    }

    .item__image img {
        height: 75px;
    }

    .checkout-flow-recap.sticky-custom {
        left: 0%;
        top: 0px;
        z-index: 1;
        position: inherit;
    }

    .back-link{
        text-align: left;
    }

    .continue-return{
        font-size: 13px;
    }

    .discontinued-badge{
         bottom: 80px;
     }

    .item__list .item__quantity__total .qty label{
        padding-left: 10px;
    }

    .item__price{
        width: auto;
        padding-right: 0px !important;
    }

    .item__list--item .item__note{
        overflow: hidden !important;
    }

    .border-top {
        border-top: 1px solid #cccccc;
    }


    .add-spare-parts-to-cart{
        padding-left: 0px;
    }

    .no-wrap-mobile{
        white-space: nowrap;
    }

    .js-execute-entry-action-button{
        position: relative;
        margin-top: 0px;
        margin-bottom: 10px;
        line-height: 10px;
        padding-top: 0px;
    }

    .checkout-steps .addressEntry {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    .product-item:hover .counter-variant, .product-item:hover .badge-area{
        display: block !important;
    }

    .product-item:hover .preview-carousel-variant{
        display: none !important;
    }

    #secondRow .banner__component img{
        margin-left: -20px !important;
    }
    #secondRow .simple-banner{
        padding-left: 0px;
    }
    .mobile-menu-header,.mobile-menu-search {
        text-align: center;
        font-size: 30px;
        top: 10px;
    }

    .search-menu-icon{
        width: 35px;
    }

     .ui-widget.ui-widget-content{
        display: none !important;
     }

    .mobile-title-footer{
        font-size: 18px;
    }

    #searchMobile {
        top: 70px;
        display: none;
        background-color: transparent;
    }

    #search_form .mobile-full{
        width: 95%;
    }

    .navigation--middle .nav-cart .mini-cart-link .mini-cart-count{
        top: 25px;
        left: 40%;
     }

    #searchMobile .sticky_style{
        padding: 0 0 0 0;
    }

    #mobileMenuOverlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1001;
        top: 0;
        right: 0;
        background-color: rgba(74, 72, 72, 0.3);
        overflow-x: hidden;
        transition: 0.1s;
        padding-top: 60px;
    }

    #mobileMenuOverlay #mobileMenu{
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        background-color: black;
        overflow-x: hidden;
        transition: 0.5s;
    }

    #mobileFilterOverlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1001;
        top: 75px;
        left: 0;
        background-color: rgba(74, 72, 72, 0.3);
        overflow-x: hidden;
        transition: 0.1s;
        padding-top: 60px;
    }

    #mobileFilterOverlay #collapsefilterMobile{
        height: 100%;
        width: 0;
        padding:0;
        position: fixed;
        z-index: 100;
        top: 75px;
        left: 0;
        background-color: white;
        overflow-x: hidden;
        transition: 0.5s;
    }

    #collapsefilterMobile .close-filter {
        font-size: 30px;
        padding-top: 15px;
    }

    #collapsefilterMobile .title-top {
        font-size: 25px;
        padding-top: 15px;
    }

    #collapsefilterMobile .remove-filter {
        padding-top: 23px;
    }

    #collapsefilterMobile.product__facet .facet:last-child {
    	margin-bottom: 25px;
    }

    #collapsefilterMobile.product__facet .facet:first-child {
        padding-top: 0px;
    }

    #collapsefilterMobile.product__facet .filter .facet {
        padding:0;
    }

    #collapsefilterMobile .product__facet.sub-menu {
        padding-right: 0px;
    }

    #collapsefilterMobile.product__facet .title {
        font-size: 20px;
        text-align: left;
        margin-botton: 0px;
    }

    #collapsefilterMobile.product__facet .facet .facet__name{
        border-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    #collapsefilterMobile.product__facet input[type="checkbox"]:checked {
        background-color: black;
    }

    #collapsefilterMobile.product__facet input[type="checkbox"]:after {
        border-width: 0;
    }

    #collapsefilterMobile.product__facet .facet .facet__list {
      margin: 0;
    }

    .filter-menu-icon {
        width: 25px;
        padding-top: 2px;
    }

    .sticky-mobile-filter {
        position: sticky;
        background-color: white;
        opacity: 1;
        top: 0;
        z-index: 10;
    }

    .toggle-mobile-filter{
            margin:15px;
       }

    .sticky-filter-footer {
        position: fixed;
        bottom: 10px;
        z-index: 10;
        width: 0%;
        left: 25%;
        text-align: center;
        transition: 0.3s;
        overflow-x: hidden;
        padding: 0px;
    }

    .btn-viewAllProducts.dior {
        color: white;
        background-color: black;
    }

    .dior-plp .nice-select {
        padding-top: 7px;
    }

    .btn-viewAllProducts.dior:hover {
        color: black;
        background-color: white;
    }

    .filter-selected-view {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 5px;
        color: #a6a6a6
    }


    .paginationBar-filter.nopadding .mobile-filter-view.nopadding, .paginationBar-filter.nopadding {
        padding-left: 0px;
        width: 85px;
    }

    .paginationBar-filter.nopadding .mobile-filter-view {
        font-weight: 700;
        border: 1px solid black;
        padding-top: 2px;
        padding-bottom: 7px;
    }

    .header-link-menu{
        height: auto;
    }
    .mobile-menu-profile{
        filter: invert(1);
        text-align: center;
    }

    .mobile-menu-profile .profile-link a{
        text-transform: uppercase;
    }

    .menuLink{
        padding-top: 20px;
    }

    .sticky_style_minicart{
        top: 10px;
        width: auto;
    }

    .header-active{
            border-bottom: 2px solid white;
        }

    .row {
        margin-right: 0;
    }

    .paginationBar-order form{
        float: left !important;
    }

    .add-to-cart-section .input-group .input-group-btn, .add-to-cart-section .input-group input {
    	float:left;
    }

    .add-to-cart-section .add-to-cart-spare-parts .input-group-btn, .add-to-cart-section .add-to-cart-spare-parts input {
        float:none;
    }

    .addtocart-component .qty-selector .input-group-btn, .addtocart-component .qty-selector .btn, .addtocart-component .qty-selector .form-control{
        width: 48px;
    }

    .add-to-cart-section{
        padding-bottom: 0 !important;
    }

    .addtocart-component .actions {
        padding: 10px 0 0 0;
    }

    .minus-plus{
        padding-left: 0 !important;
    }

    .add-to-cart-section{
        padding: 0px;
    }

    .spare-parts-pdp .text-description{
        float: left;
        padding-bottom:5px;
    }

    .page-login .login-section {
        position: inherit;
        width: auto;
        font-size: inherit;
        font-weight: 100;
        left: auto;
    }

    .page-login #theliosHeaderAccount{
        display: none;
    }
    .page-login .countrySelect {
        position: inherit;
    }

    .page-login .main__inner-wrapper,page-cookieAndPrivacyPolicyPage .main__inner-wrapper, .page-add-support-ticket .main__inner-wrapper, .page-cookieAndPrivacyPolicyPage .main__inner-wrapper {
        margin-top: 50px;
    }

    .main__inner-wrapper {
        margin-top: 75px;
    }

    .page-login #hide-password{
        left: 85%;
    }

    .login-left-content-slot{
        margin-left: 15px;
        margin-right: 15px;
    }

    .page-login #firstRow {
        display: inherit !important;
    }

    .page-login #firstRow .banner__component img{
       width: 65%;
    }

    .navigation #theliosHeaderAccount,#thirdRow{
        display: none !important;
    }

    #secondRow {
        background-color: black;
    }

    #secondRow{
        top: auto;
    }

    .landscape-pdp-space {
        padding-top: 30px;
    }


    #firstRow .banner__component img{
    	width: 50%;
    }

     .modal .content-wrapper.content-note{
        position: absolute;
        top: 10em;
    }

    .ticket-details .item-label, .ticket-details .item-value{
        width: auto;
    }

    .ticket-details .item-value {
        text-overflow: inherit;
        overflow: inherit;
    }

    .ticket-details {
        text-align: left;
    }

    .ticket-title-messages{
        padding-left: 0px;
    }

    #supportTicketForm .nice-select .list .option{
        min-height: 15px !important;
        line-height: 10px;
    }

    .space-support-footer{
        height: 50px;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-information{
        margin-left: -210px;
        width: 240px;
    }

    .tooltip-return .tooltiptext-return::after{
        left: 90%;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-infoColor::after {
        left: 72%;
    }

    .upload-img .tooltip-return .tooltiptext-return {
        width: 180px;
        bottom: 30px;
        margin-left: 0px;
        padding: 10px 10px;
        left: -150%;
    }

    .upload-img .tooltip-return .tooltiptext-return::after {
        left: 22%;
        transform: rotate(0deg);
        top: 125px;
    }

    .page-support .product-category-placeholder{
        top: 14px;
    }

    #supportTicketForm #charatersCounter-ticket, .return-flow #charatersCounter-return, .return-flow #charatersCounter-noteReturn {
        left : 82%;
    }

    .page-support .return-flow .upload-img{
        left: -7%;
    }

     .modal.modal-reset .padding-top-20 > div:only-child input{
        width: 135%;
        margin-left: -17%;
    }

    .show-video{
        margin-top: 34px;
        padding: 0px 18px 0px 18px;
    }

    .product__listing{
        padding-left: 10px;
    }

    .product__listing__header{
        padding-left: 10px;
    }

    .product__listing.product__grid .details .name{
        font-size: 15px;
    }
    section.new_arrivals_text{
         display: contents;
    }

    .searchbox-containter-container{
        margin-left: 40%;
    }

    .paddingMyAccount {
      padding-left: 2em;
    }

    .label-container{
        display: inline-block;
        margin-right: 0em;
        height: 4em;
        width: 18em;
        margin-top: 5em;
        right: 12em;
    }

    .label-container.close-label{
        right: 12em;
    }

    .label-container div{
        height: 4em;
        cursor: pointer;
    }

    .tag-header{
        width: 31em;
    }

    .tag-body{
        background: white;
        border: 1px solid var(--palmeseGray);
        width: 31em;
    }

    .rotateLabelTag{
        transform: none;
        display: inline-block;
    }

    .yCmsComponent.tagSection-component{
        display: block;
    }

    .close-label > .label-content.tag-body{
        display: none;
    }

    .label-container > .tag-body{
        height: 6em;
        cursor: auto;
    }

    #buttonBack{
        width: 9em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn.btn-download {
      width: 9em;
    }

    .textBoxCheckout{
        width: 100%;
    }

    .paginationBar-filter{
        padding-top: 4em;
    }

    .section-contactus{
        margin-top: 2em;
    }

    .col-push-account{
        left: 0%;
    }

    .account-section-left-title{
        margin-top: 2em;
    }

    .table-responsive.mobile {
      border: 0;
    }

    .orderDashboard-padding-mobile{
        padding: 0 0 2% 0;
    }


    .form-control.nice-select{
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .account-orderhistory{
        margin-top: 6em;
    }

    .row .orderhistory-list-table tr td{
        text-align: center;
        vertical-align: middle;
        padding: 0 10px 0 10px;
    }

    .padding-orderHistory-mobile{
        padding-top: 8em;
    }

    .padding-orderHistory-mobile.no-results{
        padding-top: 7.9em;
    }

    .no-padding-right-mobile{
        padding-right: 0;
    }

    .no-padding-mobile{
        padding: 0;
    }

    .no-float-right-mobile{
        float: initial;
    }

    .btn.export-btn{
        top: 2em;
    }

    .btn.export-all-btn{
        top: 2em;
    }

    #filterForm .padding-top.filter-by-container {
      padding-top: 2.7em;
    }

    .main__inner-wrapper {
      margin-left: 0;
      margin-right: 0;
    }

    .popupChangePeriod{
        margin-top: 50%;
    }

    .popupChangePeriod.invoice{
        margin-top: 17%;
        margin-left: 4%;
    }
    .constant-margin-left{
        margin-left: 0;
    }

    .margin-bottom-form{
        margin-bottom: 5em;
    }

    #filterForm .padding-top.filter-by-container.mobile{
        padding-top: 11.8em;
    }

    .pageType-CategoryPage #footer__instagram .container{
        width: 100%;
    }

    .modal .popupErrorUpload.content-note{
        width: 80%;
    }

    .modal .infoBoxQuickCart.content-note {
      width: 80%;
      height: 75%;
    }

    .modal .popupCartTemplate.content-note {
      width: 75%;
      height: 40%;
    }

    .modal .popupSuccessfulUpload.content-note {
      width: 80%;
      height: 30%;
    }

    .mobile-padding{
        padding-left: 0px;
        padding-right: 0px;
    }

    .section-padding-mobile{
        padding-bottom: 2em;
    }
}
/* samsung galaxy s5 end */

@media ( min-width: 640px){
     footer .footer__middle .footer:first-child  {
        z-index: 1;
     }

}

@media ( max-width: 768px){

    #secondRow #theliosHeaderSticky .banner__component img{
        width: auto;
    }

    .page-login .login-section{
        position: unset;
        width: 100%;
    }

    .marginclass .menu-box-child {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    }

    .account-section-form {
    text-align: center;
    }
}

@media ( min-width : 1024px) {
    .checkout-order-summary .total-quantity-label {
        padding-left: 0px;
    }

    .landscape-pdp-space{
        padding-top: 30px;
    }

    .sticky_style_minicart {
        width: 35px !important;
    }
}

@media ( max-width : 1024px) {
  .marginclass .menu-box-child{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
  }
  .only-visible-sticky{
      top: 4em;
  }
}

@media ( max-width: 1023px){

    .account-orderdetail.consignment-details .productItemListHolder .item__list--item>div{
        padding-right: 0px;
    }

    .item__list--item .container-shipped .header-table-shipped {
        font-size: 10px;
    }

    .page-add-support-ticket .container-lg .account-section-form{
        float: none !important;
        width: auto !important;
        padding-right: 15px !important;
    }

    .page-add-support-ticket .container-lg.contact-us{
        padding-top: 20px;
        padding-left: 20px !important;
    }

    .page-add-support-ticket .order-number-section .col-md-6 {
        padding: 0 0 0 0;
    }

    .float-left{
        float: left;
    }

    .mobile-filter-view{
        width: 124px;
    }
}

@media ( min-width : 1025px) {
	#componentBox{
		padding-right: 2em;
	}
}

@media (min-width: 1400px){
    .pagination-ticket{
        text-align: center;
    }
}


/* MULTIPLE MEDIA FOR MOBILE  + ORIENTATION */

@media (max-width: 1023px){
    .page-cartPage .item__note{
        top: -10px;
        right: 0px;
        left: 20px;
        text-align: left;
    }

    .text-area-note.cart {
        width: 100%;
    }

    .div-note {
        height: 65px;
    }

    .product__listing.product__grid .thumb img{
        width: 100%;
    }

    .cart__id--label .saveNotesForm.new{
        position: relative;
        width: 100%;
    }
}


/* iphone x start */
@media (min-width: 640px) and (max-width: 1400px){
    .header-link-menu-space{
        width: 8.33333333%;
    }

    .row {
        margin-right: 0;
    }

    .paginationBar-order form{
        float: left !important;
    }

    .add-to-cart-section{
        padding-bottom: 0 !important;
    }

    .minus-plus{
        padding-left: 0 !important;
    }

    .add-to-cart-section{
        padding: 0px;
    }

    .spare-parts-pdp .text-description{
        float: left;
        padding-bottom:5px;
        margin-top: 15px;
    }

    #firstRow .banner__component img{
        width: 20%;
    }

    .myAccountLinksHeader img{
        float: left;
    }

    .myAccountLinksHeader img.arrow-menu{
        width: 12px;
        padding-top: 15px;
    }

    .slick-arrow.glyphicon-menu-right{

        right: -20px;
    }


    .slick-arrow.glyphicon-menu-left{
        left: -30px;
    }

     .tooltip-return .tooltiptext-return::after{
        left: 92%;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-infoColor::after{
        left: 50%;
    }

   .tooltip-return .tooltiptext-return.tooltiptext-information{
       margin-left: -220px;
       width: 245px;
   }


}


/* iphone x end */

@media (device-width:1024px) and (orientation:landscape){

   .page-login .main__inner-wrapper .login-section {
        position: relative;
   }
}

@media (device-width:768px) and (device-height:635px) and (orientation:landscape){
    .page-login .login-section {
        position: unset;
        width: 100% !important;
   }
}

/* samsung galaxy s5 landscape start */
@media (min-width: 640px) and (max-width: 1060px) and (orientation:landscape){

	.modal.open .content-wrapper.promotion-banner img{
		width: 300px;
    	height: 200px;
	}

   .header-link-menu-space{
       width: 0%;
   }

   .checkout-flow-recap.sticky-custom {
           left: auto;
           top: auto;
           z-index: 1;
           position: relative;
       }

   .col-sticky-size{
    width:100%;
   }

   .tooltip-return .tooltiptext-return.tooltiptext-infoColor{
        margin-left: -60px;
        width: 130px;
        height: 165px;
   }

   .js-update-entry-quantity-input {
       width: 36px;
   }

   .discontinued-badge{
       bottom: 80px;
   }

   footer .middle .row-title{
       padding-left: 0;
   }

   .header-link-menu.catalog{
       padding-left: 0px;
   }
   #secondRow .simple-banner{
       padding-left: 20px;
   }
   #accNavComponentDesktopOne, #accNavComponentDesktopTwo{
        top: 48.5%;
        left: 69%;
        width: 20%;
   }
   footer .footer-contacts .row-footer .row-image{
       padding-left: 0px;
   }

   .checkout-steps .step-head.secondSection .title{
        text-align: left;
        padding-left: 50px;
   }

   .space-counter{
        float:left;
   }

   .product-details {
        height: auto;
   }

   #supportTicketForm .nice-select .list .option{
       min-height: 15px !important;
       line-height: 10px;
   }

   .instruction{
        height: 55px;
   }

   .tooltip-return .tooltiptext-return::after{
        left: 92%;
   }

   .tooltip-return .tooltiptext-return.tooltiptext-information{
       margin-left: -165px;
       width: 185px;
   }

   .page-support .product-category-placeholder{
        position: absolute;
        top: 15%;
        font-size: 13px;
        width: 23px;
        padding-right: 0px;
   }

   .upload-img .tooltip-return .tooltiptext-return {
        width: 120px;
        bottom: 125%;
        margin-left: -55px;
   }

   .upload-img .tooltip-return .tooltiptext-return::after {
        left: 55%;
        top: 100%;
        transform: rotate(0deg);
   }

}

@media (min-width: 768px) and (max-width: 991px){

    footer .middle .row-image{
        padding-left: 0;
    }

    footer .middle .row-title{
        padding-left: 0;
    }

    .header-link-menu-space{
        width: 16.66666667%;
    }

    .sticky_style_minicart{
        width: 100%;
    }

    .nav__links--support{
        padding-left: 0px;
        padding-top: 17px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation:landscape){
     .mini-cart-count {
         left: -1px !important;
         top: 0px !important;
     }

     .gallery-responsive .slick-arrow.glyphicon-menu-right{
        right: -5px !important;
     }

     .gallery-responsive .slick-arrow.glyphicon-menu-left{
        left: -10px !important;
     }
     .ui-widget.ui-widget-content{
         display: none !important;
      }
 }

@media (max-width: 768px) and (max-width: 1024px){
    .product-sku #color,.product-sku #calibro {
        width: 100%;
        margin-right: 0;
    }
    #ticketAdded{
        width:100% !important;
        left: 10px !important;
        top: 10% !important;
        right: 5px !important;
    }
    .cookie-alert--top{
        position: initial;
    }
     .account-section-content{
        text-align: center;
     }

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

	.modal.open .content-wrapper.promotion-banner img{
		width: 800px;
    	height: 600px;
	}

    .product-sku #color,.product-sku #calibro {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .mobile-padding{
        padding-left: 0px;
        padding-right: 0px;
    }

    #ticketAdded{
        width:100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .cookie-alert--top{
        position: initial;
    }

    #accNavComponentDesktopOne, #accNavComponentDesktopTwo{
        top: 53.2%;
    }

}

@media (max-device-height: 480px) and (orientation: landscape) {

    .page-login .login-section {
        position: inherit;
        width: auto;
        font-size: inherit;
        font-weight: 100;
        left: auto;
    }

    .page-login #theliosHeaderAccount{
        display: none;
    }
    .page-login .countrySelect {
        position: inherit;
    }

    .main__inner-wrapper {
        margin-top: auto;
    }

    .page-login #firstRow {
        display: inherit !important;
    }

    .page-login #firstRow .banner__component img{
       width: 15%;
    }
}


/* MULTIPLE MEDIA FOR MOBILE  + ORIENTATION (ONLY SCREEN) */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {

    .product__facet{
        padding-right: 0px !important;
    }

    .js-facet{
        padding: 0 !important;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

     .sticky_style_minicart{
         top: 10px !important;
     }
     .discontinued-badge{
         bottom: 80px;
     }
 }

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {

    .product__facet{
        padding-right: 0px !important;
    }

    .js-facet{
        padding: 0 !important;
    }
 }

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

    .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
        border: 0px;
    }

    #secondRow .banner__component img{
        margin-left: 8px !important;
    }

    .add-spareparts{
        padding: 0px;
    }

    .space-counter{
        float:left;
        width: 0px;
    }

    .checkout-steps .step-head:before{
        left: -10px;
        top: -10px;
    }

    .checkout-steps .step-head.active.secondSection{
        float: left;
        left: -5px;
        background: #f2f2f2;
        color: black;
        border-color: #f2f2f2;
    }

    .spare-parts-pdp .col-md-12 #addToCartForm #addToCartButton{
        padding-left: 5px;
    }

    .checkout-steps .step-head.secondSection .title{
        padding-left: 35px;
        text-align: left;
    }

    .checkout-order-summary .total-quantity-label{
        padding-left: 20px;
    }

    .row {
        margin-right: 0;
    }

    .paginationBar-order form{
        float: left !important;
    }
    .landscape-pdp-space{
        padding-top: 30px;
    }
    .pdp-badge-container{
        margin-top: 20px;
    }
    .add-to-cart-section .input-group .input-group-btn, .add-to-cart-section .input-group input {
    	float:left;
    }

     .quantity-totals{
        padding-left: 0px;
     }

     .cart-totals{
        padding-right: 0px;
     }

    .add-to-cart-section .add-to-cart-spare-parts .input-group-btn, .add-to-cart-section .add-to-cart-spare-parts input {
        float:none;
    }

    .addtocart-component .qty-selector .input-group-btn, .addtocart-component .qty-selector .btn, .addtocart-component .qty-selector .form-control{
        width: 48px;
    }

    .addtocart-component .actions {
        padding: 10px 0 0 0;
    }

    .add-to-cart-section{
        padding-bottom: 0 !important;
    }

    .minus-plus{
        padding-left: 0 !important;
    }

    .add-to-cart-section{
        padding: 0px;
    }

    .spare-parts-pdp .text-description{
        float: left;
        padding-bottom:5px;
        margin-top: 15px;
    }
}

/* iphone x start */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
     .page-add-support-ticket .container-lg .account-section-form{
         width: auto;
         text-align:center;
     }


 }
 /* iphone x end */

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation:portrait) {

    .col-sticky-size{
        width: auto;
    }
}

/* ipad start */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

    .pageCheckoutDistributors {
        margin-left: 0;
    }

    .page-invoices #filterForm {
      padding-top: 5rem;
    }

    .page-login #hide-password{
        top: -45px;
    }

    .page-login .login-section{
        left: 20%;
    }
    .popupChangePeriod.invoice{
        margin-top: 50%;
    }

    #filterForm .padding-top.filter-by-container.mobile{
        padding-top: 14.3em;
    }

    .constant-margin-left{
        margin-left: 0;
    }

    .padding-orderHistory-mobile{
        padding-top: 4.9em;
    }

    .padding-orderHistory-mobile.no-results{
        padding-top: 5.3em;
    }

    .orderDashboard-padding-mobile{
        padding: 0 0 2% 0;
    }

    .main__inner-wrapper {
      margin-left: 2em;
      margin-right: 2em;
    }

    .account-orderhistory{
        margin-top: 6em;
    }

    .label-container{
        display: inline-block;
        margin-right: 0em;
        height: 4em;
        width: 18em;
        margin-top: -5.5em;
        right: 38em;
    }

    .label-container.close-label{
        right: 38em;
    }

    .label-container div{
        height: 4em;
        cursor: pointer;
    }

    .tag-header{
        width: 58em;
    }

    .tag-body{
        background: white;
        border: 1px solid var(--palmeseGray);
        width: 58em;
    }

    .rotateLabelTag{
        transform: none;
        display: inline-block;
    }

    .yCmsComponent.tagSection-component{
        display: block;
    }

    .close-label > .label-content.tag-body{
        display: none;
    }

    .label-container > .tag-body{
        height: 6em;
        cursor: auto;
    }

	.modal.open .content-wrapper.promotion-banner img{
		width: 650px;
   		height: 450px;
	}
    .product-details-price{
        font-size: 20px;
    }

    .page-add-support-ticket .container-lg .account-section-form{
          width: auto;
   }

   .recap-finish {
    text-align: left;
   }

    #supportTicketForm .nice-select .list .option{
       min-height: 15px !important;
       line-height: 10px;
   }

    .page-support .button-section{
        padding: 0px;
    }

    .header-link-menu a{
        font-size: 14px;
    }

    .space-counter {
        float: left;
    }

    #accNavComponentDesktopOne, #accNavComponentDesktopTwo{
        width: auto;
        left: 69%;
    }

    .checkout-steps .step-head.secondSection .title{
        text-align: left;
        padding-left: 50px;
    }

    .add-to-cart-spare-parts .input-group-btn:first-child{
        padding-left: 40px;
    }
    .add-to-cart-section .input-group[class*="col-"]{
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .addtocart-component{
        border-bottom: 0px;
    }
    .product-details {
            height: auto;
    }


    .instruction {
        height: 25px;
    }

    .return-form, .return-form .control-label, .return-form .description-return, .return-form .form-control, .return-form .selectize-input  {
        font-size: 8px;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-information {
        margin-left: -100px;
        width: 115px;
    }

    .page-support .product-category-placeholder{
        position: absolute;
        top: 1px;
        font-size: 9px;
        width: 30px;
        padding-right: 12px;
        left: 6px;
    }

    .upload-img .tooltip-return .tooltiptext-return {
        width: 125px;
        bottom: 25px;
        margin-left: -45px;
        padding: 10px 10px;
        left: -10px;
    }

    .upload-img .tooltip-return .tooltiptext-return::after {
        top: 85px;
        left: 55%;
        transform: rotate(0deg);
    }

    .maison-form .custom-radio {
        text-align: left;
    }

    .sticky_style_minicart {
        width: 40px;
    }

    .page-support .account-section-content .return-part-1-recap{
        padding-top: 27px;
        padding-bottom: 0px;
    }

    .return-flow .text-area-note.return-textarea{
        width: 90%;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-infoColor {
        margin-left: -115px;
        width: 140px;
        height: 125px;
    }

    .tooltip-return .tooltiptext-return.tooltiptext-infoColor::after{
        left: 86%;
    }


}
/* ipad end */


@media only screen and (min-device-width: 768px) and (max-device-width : 1024px) and (orientation: landscape) {

	.modal.open .content-wrapper.promotion-banner img {
	width: 900px;
    height: 500px;
	}
    .page-add-support-ticket .container-lg .account-section-form{
        width: auto;
    }

    .space-counter {
        float: auto;
    }

    .col-sticky-size{
            width: 33%;
        }

    .checkout-steps .step-head.secondSection .title{
        text-align: right;
        padding-left: 0px;
    }

}


/* ipad pro portait start*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)  {
    footer{
        width: 100%;
        bottom: 0;
    }

    .modal.open .content-wrapper.promotion-banner img {
	width: 800px;
    height:600px;
	}

    .page-support .product-category-placeholder {
        position: absolute;
        top: 5%;
        font-size: 9px;
        width: 30px;
        padding-right: 0px;
    }

    .col-sticky-size {
        width: 29%;
    }

    #supportTicketForm .nice-select .list .option{
       min-height: 15px !important;
       line-height: 10px;
   }

    .header-link-menu-space{
        width: 15%;
    }
    .page-login .login-section{
        width: 100%;
        left: 50%;
    }
    .page-add-support-ticket .container-lg .account-section-form{
        width: auto;
    }

    .space-counter {
        float: auto;
    }

    .checkout-steps .step-head.secondSection .title{
        text-align: right;
        padding-left: 0px;
    }

    .checkout-steps .step-head .address{
        width: auto;
    }

    .add-to-cart-section .input-group[class*="col-"]{
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .addtocart-component{
        border-bottom: 0px;
    }

    .spare-parts-pdp .text-description {
        margin-top: 0px;
    }
}
/* ipad pro portait end*/

@media only screen and (min-device-width: 812px) and (max-device-width: 823px) and (orientation: landscape) {
	 .modal.open .content-wrapper.promotion-banner img{
		width: 700px;
    	height:300px;
	}
}
/* ipad pro landscape start*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .page-invoices #filterForm {
      padding-top: 5rem;
    }

    .popupChangePeriod.invoice{
        margin-top: 65%;
    }

    #filterForm .padding-top.filter-by-container.mobile{
        padding-top: 14.3em;
    }

    .constant-margin-left{
        margin-left: 0;
    }

    .padding-orderHistory-mobile{
        padding-top: 0;
    }

    .orderDashboard-padding-mobile{
        padding: 0 0 2% 0;
    }

    .main__inner-wrapper {
      margin-left: 2em;
      margin-right: 2em;
    }

    .account-orderhistory{
        margin-top: 6em;
    }

    .label-container{
        display: inline-block;
        margin-right: 0em;
        height: 4em;
        width: 18em;
        margin-top: -5em;
        right: 58em;
    }

    .label-container.close-label{
        right: 58em;
    }

    .label-container div{
        height: 4em;
        cursor: pointer;
    }

    .tag-header{
        width: 78em;
    }

    .tag-body{
        background: white;
        border: 1px solid var(--palmeseGray);
        width: 78em;
    }

    .rotateLabelTag{
        transform: none;
        display: inline-block;
    }

    .yCmsComponent.tagSection-component{
        display: block;
    }

    .close-label > .label-content.tag-body{
        display: none;
    }

    .label-container > .tag-body{
        height: 6em;
        cursor: auto;
    }

	  #firstRow .banner__component img{
        width: 20%;
    }

    .page-support .product-category-placeholder {
        position: absolute;
        top: 5%;
        font-size: 9px;
        width: 30px;
        padding-right: 0px;
    }

    #supportTicketForm .nice-select .list .option{
       min-height: 15px !important;
       line-height: 10px;
   }

    .buy-spare-parts .input-group-btn{
        width: auto;
    }

    .header-link-menu a{
        font-size: 16px;
    }

    .add-to-cart-section .input-group[class*="col-"]{
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .addtocart-component{
        border-bottom: 0px;
    }

    .add-to-cart-spare-parts {
    	float:left;
    }

    .spare-parts-pdp .text-description {
        margin-top: 0px;
    }
}
/* ipad pro landscape end*/

@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {

    footer .middle .row-image {
        padding-left: 15%;
    }

    footer .row .col-md-10 {
        padding-left: 15px;
    }
}


/* MULTIPLE MEDIA FOR MOBILE  + ORIENTATION (SCREEN) */

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
     .sticky_style_minicart {
        width: auto;
     }
 }

@media screen and (max-width: 1023px ) and (orientation:landscape){
    .gallery .categoryBannerImg{
        width: 160px !important;
    }

    .item__list .item__info.product-info{
        width: auto;
    }

    .item__list .item__list--item div {
        overflow: initial;
    }

    .sticky_style_minicart{
        width: 30px;
    }

    .col-sticky-size {
        width: 100%;
    }

    .nav__links--support{
        padding-left: 0px !important;
        font-size: 11px !important;
    }

    #accNavComponentDesktopOne ul.nav__links li a, #accNavComponentDesktopTwo ul.nav__links li a{
        color: black !important;
    }

    footer .middle .row-image .col-md-10{
        padding-left: 0px !important
    }
    .navigation--middle .nav__left .site-search ul.ui-autocomplete{
        display: none !important;
     }

     .item__price{
        width: auto;
     }
 }

 @media screen and (max-device-width: 1023px) and (orientation: landscape) {
    .item__list .item__list--item div{
        overflow: auto;
    }
 }


/* DEVICE ASPECT RATION */

@media screen and (device-aspect-ratio: 3/4) {
    .cookie-alert--top{
        position:fixed;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .page-login #hide-password{
        left: 85% !important;
    }
}

@media screen and (device-aspect-ratio: 375/667) {
    .sticky_style_minicart {
        top: 11px !important;
    }

    .navigation--middle .nav-cart .mini-cart-link .mini-cart-count{
        top: 30px;
    }
}


/* MULTIPLE MEDIA FOR MOBILE  + ORIENTATION (ALL) */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 .page-login .login-left-content-component .login-section {
      position: unset !important;
  }
  .item__list .item__list--item div {
          overflow: initial;
      }

  .header-link-menu a{
        font-size: 10px;
  }

   .product__facet {
          padding: 0px;
      }

}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

    .page-login .login-left-content-component .login-section {
        position:absolute !important;
        left: 70% !important;
    }

    .cookie-alert--top{
        position:fixed !important;
    }

   .header-link-menu a{
        font-size: 12px;
    }

     .add-to-cart-spare-parts .input-group-btn:first-child{
        padding-left: 0px;
    }

}

@media all and (max-width: 1060px) and (min-width: 640px) and (orientation:portrait) {
    /*.page-login .login-left-content-component .login-section {
        position: absolute !important;
    }*/
    .navigation--middle .nav__left .site-search ul.ui-autocomplete {
        left: -100px !important;
        width: 500px !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    footer .footer__middle .footer {
     padding-left: 25px;
    }

    footer .footer__middle .footer.text-right {
        padding-left: 0px;
        padding-right: 25px;
    }
}

@media (orientation:landscape) {
    .product__listing__header {
        padding-top: 10px;
     }
}

/* all mobile devices */
@media (pointer:coarse) and (min-width: 640px) and (max-width: 1400px){

   .product-item:hover .counter-variant{
        display: block !important;
    }
        .row-image .text-style {
        font-size: 12px;
    }
	.product-item:hover .preview-carousel-variant{
        display: none;
    }

    .mobile-padding{
        padding-left: 0px;
        padding-right: 0px;
    }
    footer .footer-contacts .row-footer .row-title{
        padding-left: 0px;
    }

     .return-form, .return-form .control-label, .return-form .description-return, .return-form .form-control, .return-form .selectize-input{
        font-size: 9px;
    }

   .return-form .nice-select, .return-form .form-control, .return-form .selectize-control, .return-form .selectize-input {
        padding: 0;
        height: 20px;
   }
   .return-form .continue-return, .return-form .checkout-return{
        padding: 0;
        font-size: 12px;
    }

    .return-form{
        text-align: left;
    }

    .page-support .preview-upload{
        height: 35px;
    }

    .page-support .button-section{
        font-size: 10px;
        height: 45px;
    }

    .page-support .return-form .form-control,.product-sku #color, .product-sku #calibro {
        margin-bottom: 5px;
    }

    .form-group {
        margin-bottom: 5px;
    }

    .navigation--middle .nav__left .site-search ul.ui-autocomplete{
        width: 590px !important;
    }

    .modal .content-wrapper.content-note{
        position: absolute;
        top: 0px;
    }

    .add-spare-parts-to-cart{
        padding-left: 0px;
    }

    .marginclass .addressEntry.address{
        word-break: break-all;
    }

    .checkout-steps .addressEntry{
        height: 160px;
    }

}

@media (device-width: 768px){
    .item__list--item>div {
        padding: 0px;
    }
}

.logout-mobile{
    text-transform: uppercase;
}

.logout-mobile .js-logout-form,
.logout-mobile form {
    margin: 0;
    display: inline;
}

.logout-mobile .logout-link.btn-link {
    color: inherit;
    text-decoration: none;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
}

.link-menu-mobile{
    padding-top: 15px;
    text-align: center;
}

@media (min-width: 1024px){
    .title-size{
        padding-left: 20px;
    }
}


@media (min-width: 639px) and (max-width: 1024px){
    #secondRow .show-under-1024, #mobileMenu .show-under-1024, #mobileMenuOverlay.show-under-1024, #mobileMenu.show-under-1024{
        display: block !important;
    }

    #secondRow .hide-under-1024, #mobileMenu .hide-under-1024, #theliosHeaderAccount .nav__links--support.hide-under-1024,
    #thirdRow.hide-under-1024, #searchMobile.show-under-1024.open-mobile .input-group-btn.hide-under-1024,
    #searchMobile .ui-autocomplete{
        display: none !important;
    }

    #mobileMenuOverlay.show-under-1024 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1001;
        top: 0;
        right: 0;
        background-color: rgba(74, 72, 72, 0.3);
        overflow-x: hidden;
        transition: 0.1s;
        padding-top: 60px;
    }

    #searchMobile.show-under-1024.open-mobile {
        top: 65px;
        display: block !important;
    }

    #mobileMenuOverlay #mobileMenu.show-under-1024 {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 100;
        top: 0;
        right: 0;
        background-color: black;
        overflow-x: hidden;
        transition: 0.5s;
    }

    #mobileMenu.show-under-1024 .header-link-menu{
        height: auto;
    }

    #mobileMenu.show-under-1024 .mobile-menu-profile {
        filter: invert(1);
        text-align: center;
    }

    .search-menu-icon.show-under-1024 {
        width: 24px;
        margin-top: 18px;
    }

    .show-under-1024.cart-div {
        width: 33.33333333% !important;
    }

    .page-support .button-section {
        padding-left: 0px;
        padding-right: 0px;
    }

    .tooltip-ticket .tooltiptext-ticket{
        left: 0%;
        margin-left: -100px;
    }

    #supportTicketForm #charatersCounter-ticket, .return-flow #charatersCounter-return, .return-flow #charatersCounter-noteReturn{
        top: 90%;
        left: 75%;
    }

    .return-flow {
        padding-top: 20px;
    }

    .preview-upload{
        background: url(../../common/images/upload-image35x35.png);
        background-repeat: no-repeat;
        background-position: center;
        width: auto;
    }


}

@media only screen and (max-device-width: 1024px) and (min-device-width: 639px) and (orientation: landscape) {

	 #supportTicketForm #charatersCounter-ticket, .return-flow #charatersCounter-return, .return-flow #charatersCounter-noteReturn{
        top: 84%;
        left: 78%;
        position: absolute;
    }

}

@media (max-width: 639px){
    .page-support .product-sku.nopadding.ticketForm .product-category-placeholder {
        left: 0px;
    }
}

@media (max-width: 1150px) {
  .content-note-cart .btn.btn-note-popup {
        width: 100%;
   }


  .gallery-carousel.owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 78% !important;
   }

}


@media (max-width: 1400px) {
   .gallery-carousel.owl-carousel .owl-controls .owl-buttons .owl-next {
    top: 78% !important;
   }
}

@media (max-width: 1024px) {
    .js-gallery-carousel {
        display: none !important;
    }
}


/* S5 */
@media (min-width: 360px) and (min-height: 640px) and (max-height: 360px) and (max-width: 1366px) and (orientation:portrait){

}

@media (min-width: 640px) and (max-width: 700px) and (max-width: 1366px) and (min-height: 360px) and (orientation:landscape){

}


/* iphone 6/7/8 */

@media (max-width: 763px) and (min-width: 645px) and (orientation: landscape){


    .show-video{
        margin-top: 42px;
    }


}



/* iphone X */

@media (min-width: 810px) and (max-width: 1366px) and (min-height: 370px) and (max-height: 400px) and (orientation:landscape){


    .show-video{

        margin-top: 48px;
    }

}


/* Ipad */

@media (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){


    .show-video{

        margin-top: 45px;
        padding: 0px 0px 0px 0px;

    }
}

@media (min-width: 1024px) and (min-height: 768px) and (max-height: 768px) and (max-width: 1366px) and (orientation:landscape){



    .show-video{

        margin-top: 45px;
    }
}


/* Ipad Pro */

@media (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait){


    .show-video{

        margin-top: 45px;
    }
}

@media (min-width: 1366px) and (min-height: 768px) and (max-height: 1024px) and (max-width: 1366px) and (orientation:landscape){


    .show-video{

        margin-top: 45px;
    }
}

/* S5 */
@media screen and (device-width: 640px) and (device-height: 360px)  and (orientation:landscape){


    .show-video{
        margin-top: 34px;
    }

}

@media screen and (min-width: 360px) and (max-width: 400px) and (max-height: 840px) and (min-height: 740px)  and (orientation:portrait){

    .page-cartPage .cart__id--label-us .saveNotesForm input.btn-save.btn.btn-text-center.btn-primary.btn-note-popup.note-cart{
        width: 30% ;
    }

    .page-cartPage .item__note .content-note-cart .btn.btn-note-popup{
        margin-left: 36%;
        width: 50%;

    }

    .page-cartPage .cart-header-standard .cart__id--label-us .saveNotesForm input.btn-save.btn.btn-text-center.btn-primary.btn-note-popup.note-cart{
        width: auto;
    }
}

@media (min-width: 640px){
    .page-productGrid .form-inline .form-group {
        margin-left: -34%;
    }
}


@media (min-width: 769px){
    .page-productGrid .form-inline .form-group {
        margin-left: -17%;
    }
}

@media (min-width: 800px){
    .page-productGrid .form-inline .form-group {
        margin-left: -4%;
    }
}

@media (min-width: 1360px){
    .page-productGrid .form-inline .form-group {
        margin-left: 3%;
    }
}

@media (min-width: 1400px){
    .page-productGrid .form-inline .form-group {
        margin-left: 10%;
    }
}
@media (min-width: 1600px){
    .page-productGrid .form-inline .form-group {
        margin-left: 11%;
    }
}

@media (min-width: 1700px){
    .page-productGrid .form-inline .form-group {
        margin-left: 14%;
    }
}

@media (max-width: 912px){
	.product-details.col-md-12.col-sm-12.col-xs-12.col-lg-12{
		display: inline;
}
}

@media (max-width: 430px){
    .btn-cart{
        height: 6em;
        width: 7em;
    }

    .font-size-btn{
        font-size: 10px
    }
}
@media (max-width: 800px){
	.page-invoices #sortForm2{
		padding-bottom: 5em;
		padding-top: 1em;
}

@media (max-width: 800px){
	.page-invoices #filterForm{
		padding-top: 3em;
    }
    .page-invoices .margin-auto{
    		margin: auto;
    }
}

@media (max-width: 639px){
    .details-panel.panel .margin-left-15 {
        margin-left: 19%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .must-have-button{
        margin-left: 38px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px){
    .page-productGrid .dior-plp .goto-container.accountButtons {
        margin-left: 0px;
    }
}

@media (max-width: 1400px){
    .add-to-cart-size {
        padding-top: 15px;
        padding-left: 0px;
    }
    .add-spareparts {
        padding-top: 15px;
        padding-left: 0px;
    }
}