/****************************************
                Desktop
****************************************/
@media screen and (min-width: 1024px) {

    .productLanding-box .btnText a span,
    .controlProductListContainer .btnText a span{
        white-space:nowrap;
    }

    .catsAndFilters-box {
        display:none !important;
    }

    .site-actions-box > div.lang-box {
        border-left-color: transparent !important
    }

    .controlBaseSearchContainer,
    .controlLogoContainer {
        display:block !important;
    }

    /*.controlProductListContainer .gviCntNotAvailableAndOrderButton{
        width:20% !important;
    }*/

}


/****************************************
                Tablet
****************************************/
@media screen and (min-width: 640px) and (max-width: 1023px){
    #productPage .form .salesPriceContainer {
        padding-top: 6px;
    }

    .formProductDetail .salesPriceContainer {
        margin-bottom: 16px;
    }

    ul.AspNet-Menu > li.AspNet-Menu-WithChildren > .secondMenu-box {
        padding:15px 37px 15px 20px;
    }

    #Checkout .gviCnt.gviCntTotal .text{
        padding-left:15px;
    }

    .controlProductDetailsImgContainer {
        width:306px;
    }
    .controlProductDetailsContainer {
        margin-left:326px;
    }
    .controlProductDetailsContainer .controlProductDetailsFormCntContainer{
        max-width:410px;
        margin-top: 20px;
    }
    .productSanaTextCnt,
    .cpcCnt #productAttributes {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .cpcCnt #productAttributes > div {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

    }

    .cpcCnt #productAttributes > div:first-child {
        padding: 0;
        width: 100%;
    }

    #productAttributes,
    .cpcCnt,
    .controlProductDetailsFormContainer {
        width:100%;
        float:none;
    }
    .productSanaTextCnt {
        -webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
    }
    .stBlock {
        width:50%;
    }
    #productAttributes {
        margin:0;
    }

    .catsAndFilters-holder {
        min-width:320px;
    }

    .lastViewedPanel-box .controlTabContainer .cnt {
        overflow:inherit;
    }
    .shops-nav a {
        padding: 12px 10px 11px 10px;
    }
    .controlLogoContainer {
        width: 17.5%;
    }
    .sticky-header .controlBaseSearchContainer,
    .controlBaseSearchContainer {
        display:none;
    }
    .site-actions-box > div.search-toggler-box a,
    .site-actions-box > div.search-toggler-box {
        display:block;
    }
    .sticky-search,
    .controlBaseSearchContainer {
        width:52.5%;
        margin-left: auto;
    }
    .sticky-search {
        width:62.5%;
    }
    .controlBaseSearchCntContainer {
        padding-left:20px;
    }
    .siteHeaderContainer #siteHeaderContainerCnt {
        padding: 10px 0 10px 15px !important;
    }
    .controlBaseSearchContainer,
    .site-actions-box {
        padding:0 0 0 0;

	    -webkit-align-self: top;
        -ms-flex-item-align: top;
        align-self: top;
    }

    .opt--search-opened .site-actions-box {
        padding-top:4px;
    }
    .opt--search-opened .sticky-header .site-actions-box {
        padding-top: 0;
    }

    .sticky-flex-box {
        padding-left:20px;
        width:100%;
    }
    .stickyDest {
        padding-left:15px;
    }

    .menuTitle {
        font-size: 20px;
        line-height: 20px;
        margin-bottom:15px;
    }
    .sticky-header.shown {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div.header-categories-btn {
        background: #000;
        padding: 14px 32px 14px 14px;

        font-size:12px;
    }

    div.header-categories-btn:before {
        right: 14px;
    }
    div.header-categories-btn:after {
        right: 16px;
    }

    .sticky-header div.header-categories-btn.expanded {
        border-radius:8px;
        padding:15px 32px 13px 14px;
        margin:0;
    }
    .sticky-menu .AspNet-Menu-Horizontal {
        margin:6px 0 0 0;
    }

    .controlBaseSearchCntContainer .formSearch {
        padding-bottom: 20px;
    }

}



@media screen and (min-width: 640px) and (max-width: 820px) {
    .opt--search-opened .sticky-logo,
    .opt--search-opened .sticky-logo{
        display: none;
    }
    .sticky-search,
    .controlBaseSearchContainer {
        width:100%;
    }

    #resultsPanel{
        left: 0;
        right: auto;

        width: 100vw;
    }

    .controlBaseSearchCntContainer {
        padding:0;
    }

    .opt--search-opened .controlLogoContainer{
        display:none;
    }
    
}




/****************************************
                Mobile
****************************************/
@media screen and (max-width: 639px) {
    .product-stores-list th,
    .product-stores-list td{
        font-size: 12px;
        padding: 5px;
    }

    .headInfLine {
        display:none !important;
    }

    #orderOverviewPage .controlShippingAdressContainer,
    #orderOverviewPage .controlBillingAdressContainer {
        width:50%;
    }

    .blurbs-area-2 {
        display: block;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .controlProductAttributesContainer .tblProductAttributes .tblRight,
    .controlProductAttributesContainer .tblProductAttributes .tblRight span,
    .controlProductAttributesContainer .tblProductAttributes .tblLeft,
    .controlProductAttributesContainer .tblProductAttributes .tblLeft .lblProductAttributeName {
        line-height: 14px;
    }
        .controlProductAttributesContainer .tblProductAttributes .tblRight span,
        .controlProductAttributesContainer .tblProductAttributes .tblLeft .lblProductAttributeName {
            white-space: normal;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }
    .controlProductAttributesContainer .tblProductAttributes .tblLeft,
    .controlProductAttributesContainer .tblProductAttributes .tblRight {
        padding-top:5px;
        padding-bottom:5px;

    }


    .AspNet-Menu ul li.AspNet-Menu-WithChildren > .AspNet-Menu-Template {
        border-bottom-width:0;
    }
    .headerBlackLine {
        display:none;
    }

    .addToBasketUpdatePanel-box {
        float: none;
        width: 100%;
    }
    .formLineLocator {
        padding-left:10px;
        padding-right:10px;
    }
    .tbxZipCodeWrapper {
        width:100%;
        float:none;
        padding-bottom:5px;
    }
    .tbxZipCode {
        width:auto;
        float:none;
        margin:0;
    }
    .btnSearchLocation {
        padding:0;
    }

    .controlWizardContainerCnt {
        border-bottom-width:0;
    }
    .mp3-table td a {
        text-decoration:underline;
    }
    .serieProductsCnt h2 {
        padding-top:30px;
    }

    .gvi .btnPrint {
        margin:0;
    }

    .checkoutOffers-box .ajax__tab_header {
        height:40px;
        margin-bottom:0;
    }

    .controlTabContainerCnt.lastViewedProducts table td,
    #productListPage .controlTabContainerCnt.lastViewedProducts table td {
        width:50%;
    }

    .controlProductAttributesContainer .tblProductAttributes .tblRight {
        width: 60%!important;
    }

    .gviBasketOverview .gviCntAddToBasketDelete,
    .btnRemoveButton .btnMiddle {
        width:auto;
    }
    #wishListPage .controlWishlistBasketBtnContainer .btnRemoveButton,
    .gviCntAddToBasketDelete .btn.btnRemoveButton {
        margin-left:-7px !important;
    }
    .btnRemoveButton .btnMiddle .ico {
        position:absolute;
        left:0;
    }
    .btnRemoveButton .btnMiddle a {
        padding-left:22px !important;
        margin:0;
        float:none;
    }
    .btnRemoveButton .btnCnt {
        overflow:inherit;
    }
    
    .controlB2cLoginContainer .formLeft .lblForgotPassword,
    .controlB2cLoginContainer .formLeft .lblRememberMe {
        float:left;
    }
    .controlRememberMeForgotPasswordcontainer {
        width:auto;
    }
    .formLine .lbl {
        min-height:0;
    }
    .gviShippingMethods .gviCntShippingMethodCostValue,
    .gviPaymentMethods .gviCntPaymentMethodCostValue {
        text-align:left;
    }
    .ui-mobile .controlWizardContainerCnt .wizardStep:nth-child(3) > div{
        border-left-width:0 !important;
    }

    #basketPage .controlFooterContainer > div > .btn {
        margin-bottom:10px;
    }
    .mobile-box {
        display:block;
        float:none;
        clear:both;
        padding:0 0 20px 0;
        text-align:center;
    }
    .btnClear .btnMiddle a {
        border-width:0;
    }

    .formLine > .lbl.lblMembership {
        width: auto;
        margin: 5px 0 0 0;
    }

    .controlWizardContainerCnt .wizardStep {
        width: 50% !important;
    }
    .lang-box .flagClone,
    #productContents .pdp-headTitle {
        display: none;
    }

    .flpTitle,
    .descriptionContainer,
    .serieProductsCnt h2,
    .HeaderPanel > h1,
    .controlProductDetailsContainer .controlItemNumberContainer,
    .controlProductDetailsContainer h1 {
        text-align: center;
    }

    #productPage .form .salesPriceContainer {
        overflow: inherit;
        display: block;
        clear: none;
        width: auto;
        margin: 0;
        padding: 8px 0 15px;
    }

    .formProductDetail .lblDeliveryInfo {
        padding: 0;
    }
    .lastViewedPanel-box.controlTabContainer .ajax__tab_body {
        margin:0;
    }
    .lastViewedPanel-box.controlTabContainer .ajax__tab_body,
    .lastViewedPanel-box.controlTabContainer .ajax__tab_header > span,
    .pdp-errMsg-box .errormessage {
        float: none;
    }

    .pdp-errMsg-box,
    #productPage .form .salesPriceContainer span {
        display: block;
        padding: 0;
        text-align: right;
        float: none !important;
    }

    .controlProductDetailsFormCntContainer .tbx.tbxQuantity,
    .formProductDetail .formLine .lbl {
        display: inline-block !important;
        height: auto !important;
        padding: 0;
        margin: 0;
    }

    .controlProductDetailsFormCntContainer .tbx.tbxQuantity {
        margin-right: 14px;
    }

    .controlProductDetailsFormCntContainer .form .formLeft {
        padding-right: 15px;
        text-align: right;
    }

    .controlProductDetailsFormCntContainer .form .formRight {
        padding-left: 15px;
    }

    #productAttributes.controlTabContainer .ajax__tab_header .ajax__tab_tab {
        padding-bottom: 10px !important;
    }

    .controlProductDetailsFormCntContainer {
        width: auto;
        max-width: none;
        margin-left: -15px;
        margin-right: -15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0;
    }

    .formLine-flex {
        height: 42px;
    }
    .controlProductAttributesContainer .tblProductAttributes {
        table-layout:fixed;
    }
    .lblProductAttributeValue {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .formProductDetail .iTunesLinkBtn,
    .ddlbLanguageSelection .langListContainer > div:first-child,
    .controlBaseSearchCntContainer .controlSimpleProductListContainer .table-box {
        display: block;
    }
    .formProductDetail .iTunesLinkBtn {
        text-align:left;
    }

    .controlBaseSearchCntContainer #resultsPanel.ajaxSearchPanel .js-productListTable td {
        padding: 4px;
    }

    .controlBaseSearchCntContainer #resultsPanel.ajaxSearchPanel .js-productListTable td:first-child {
        padding-left: 10px;
    }

    .controlBaseSearchCntContainer #resultsPanel.ajaxSearchPanel .js-productListTable td {
        white-space: normal;
    }

    #resultsPanel {
        width: 100%;
        float: none;
        clear: both;
        position: relative;
        z-index: 1;
        display: block;
        top: -1px;
        left: 0;
    }

    #resultsPanel .btn.btnAddToBasket {
        margin-left: 0;
    }

    #resultsPanel .btnAddToBasket .btnMiddle .btnText a {
        width: auto !important;
    }

    #resultsPanel .btnCalltoAction .btnMiddle a span,
    #resultsPanel .btnAddToBasket .btnMiddle a span,
    #resultsPanel .btnCalltoAction .btnMiddle a,
    #resultsPanel .btnAddToBasket .btnMiddle a,
    #resultsPanel .btnCalltoAction .btnMiddle,
    #resultsPanel .btnAddToBasket .btnMiddle {
        line-height: 12px;
    }

    .controlImageCarouselContainer {
        float: none;
        margin: 0 auto 0;
    }

    .controlProductDetailsImgContainerCnt {
        text-align: center;
    }

    .controlProductDetailsImgContainerCnt .productSanaTextCnt {
        margin-top: 0;
        padding: 10px 15px;
        display: inline-block;
        float: none;
        width: auto;
    }
    .formLine .ddlbContactCountry,
    .controlProductDetailsImgContainer,
    .controlProductDetailsContainer,
    .controlProductDetailsFormContainer,
    .controlTabContainer,
    #productAttributes,
    .cpcCnt {
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
        clear: both;
        display: block;
    }

    .fancybox-slide > * {
        padding-left: 10px;
        padding-right: 10px;
    }

    .form .errormessage {
        margin-left: 0 !important;
    }

    .productLanding-box .controlProductFlowContainer table,
    .productLanding-box .controlProductFlowContainer tbody,
    .productLanding-box .controlProductFlowContainer tr,
    .productLanding-box .controlProductFlowContainer td {
        display: block;
    }
    .productLanding-box .controlProductFlowContainer table {
        padding:0;
    }

    .productLanding-box .controlProductFlowContainer td.fourcolumn {
        width: 50%;
        float: left;
    }

    #orderHistoryDetailPage .controlBillingAdressContainer,
    #orderHistoryDetailPage .controlShippingAdressContainer,
    #pendingOrderDetailPage .controlBillingAdressContainer,
    #pendingOrderDetailPage .controlShippingAdressContainer {
        width: 50%;
    }

    .formPendingOrders .lblFromDate,
    .formPendingOrders .lblCalendarTo {
        padding-bottom: 0;
        width: auto;
        display: block;
        float: none;
        height: auto;
        margin: 0;
    }

    .controlPagerContainer .lblResults {
        margin: 0;
    }

    #wishListPage .gviWishListOverview .gviHdrAddToBasketDelete,
    #wishListPage .gviWishListOverview .gviCntAddToBasketDelete,
    #wishListPage .gviWishListOverview .gviHdrPrice,
    #wishListPage .gviWishListOverview .gviCntPrice {
        width: auto;
        text-align: left;
    }
    .pseudoTable .formLine > .lbl,
    #orderHistoryDetailPage .tbl,
    #pendingOrderDetailPage .tbl {
        width: 100% !important;
        margin: 0 0 0 0;
    }

    .controlTabContainer .ajax__tab_header .ajax__tab_tab {
        height: auto;
    }

    .controlTabContainer .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
    .controlTabContainer .ajax__tab_header .ajax__tab_outer {
        margin-top: 0;
    }

    .gviHdrQuantity,
    .gviCntQuantity,
    .gviHdrShippedQuantity,
    .gviCntShippedQuantity,
    .gviHdrInvoicedQuantity,
    .gviCntInvoicedQuantity,
    .gviHdrOutstandingQuantity,
    .gviCntOutstandingQuantity,
    .gviHdrSize,
    .gviCntSize,
    .gviHdrAmount,
    .gviCntAmount,
    .gviHdrPrice,
    .gviCntPrice,
    .gviHdrTotal,
    .gviCntTotal,
    .gviHdrDiscount,
    .gviCntDiscount,
    .gviHdrUom,
    .gviCntUom,
    .gviHdrOutstandingTotal,
    .gviCntOutstandingTotal,
    #wishListPage .controlWishlistBasketBtnContainer .AddToBasketBtnContainer .btnAddToBasket,
    #wishListPage .controlWishlistBasketBtnContainer .AddToBasketBtnContainer {
        float: none;
        text-align: left;
    }

    .contentBody > h1 {
        text-align: center;
    }

    body .siteContentContainerMiddle .listSortWrapper .controlPagerContainer {
        margin-right: 0;
        margin-left: 0;
    }

    .siteContentContainerMiddle .listSortWrapper .controlPagerContainer .lblResultsAmount,
    .listSortWrapper .listModeswitcher .listModeText,
    .controlProductResultsContainer .sorting label {
        text-align: center !important;
    }

    .listSortWrapper .listModeswitcher a {
        padding: 13px 15px 13px 15px;
        width: 13px;
        font-size: 0;
        line-height: 0;
    }

    .listSortWrapper .listModeswitcher a:before {
        left: 50%;
        margin-left: -8px;
    }

    .controlLastViewedProductLinksContainer {
        display: inline-block;
    }

    .lastViewedProductsHdr,
    .controlLastViewedProductLinksContainer,
    .controlTabContainer .ajax__tab_header .ajax__tab_outer .ajax__tab_tab,
    .controlTabContainer .ajax__tab_header .ajax__tab_outer {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        box-sizing: border-box;
    }

    .controlTabContainer .ajax__tab_header .ajax__tab_tab {
        padding-bottom: 5px !important;
    }

    .facetList .facet .facetCnt .hdr {
        padding-bottom: 0;
    }

    .gviProductList .gviCntTitle a,
    .gviProductList .gviCntTitle a:link {
        font-size: 15px;
    }

    .productBlock {
        width: 33.33333% !important;
    }

    #tooltip,
    .toggleTooltipWrapper {
        display: none !important;
        visibility: hidden;
    }

    .controlCategoryContainer .AspNet-TreeView .AspNet-TreeView-Root {
        width: 100% !important;
    }

    .controlProductSearchStringContainer,
    .controlLastViewedProductsLinkTabContainer,
    .siteContentContainerMiddle .controlContentContainer > h1,
    .controlProductResultsContainer .searchResults,
    .controlTabContainer .ajax__tab_header .lastViewedProductsHdr {
        width: 100%;
        text-align: center;
        display: block;
        border: none;
        padding-left: 5px;
        padding-right: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .controlLastViewedProductsLinkTabContainer a {
        display: inline-block;
        padding: 3px 5px;
        line-height: 16px;
    }

    .controlProductResultsContainer .searchResults {
        padding: 0 0 15px;
    }

    #productListPage .controlProductResultsContainer .searchResults {
        padding: 0 5px;
    }

    #productListPage .searchResults span {
        font-size: 15px;
        line-height: 17px;
    }

    .toggleTooltipWrapper {
        margin: 10px 0;
        position: static;
        float: none;
        width: auto;
        text-align: center;
    }

    .orderButtonPanelBottom {
        margin-top: 10px;
    }

    .controlProductListContainer .controlPagerContainer,
    .siteContentContainerMiddle .controlPagerContainer {
        padding-top: 5px;
    }

    .gviCnt {
        white-space: normal;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

    .gvi .salesPriceContainer > span {
        float: none !important;
    }

    #productListPage .gviHdrPrice,
    #productListPage .gviCntPrice,
    #searchPage .gviHdrPrice,
    #searchPage .gviCntPrice {
        width: auto;
        padding-right: 0 !important;
    }

    .gviProductList .gviCntNotAvailableAndOrderButton .notAvailableContainer,
    .gviProductList .gviCntNotAvailableAndOrderButton .productListButtonContainer,
    .gvi .salesPriceContainer {
        float: none;
        text-align: left;
        padding-right: 0;
        padding-left: 0;
    }

    .gviHdrBackground,
    .controlProductListContainer .gviHdrBackground,
    .responsive-table .gviHdr,
    .responsive-table th {
        display: none !important;
    }

    .gvi .controlVariantsSelectionContainer,
    .responsive-table,
    .responsive-table tbody,
    .responsive-table tfoot,
    .responsive-table td,
    .responsive-table tr {
        display: block;
    }

    body .responsive-table tbody td.gviCnt,
    body .responsive-table tbody td {
        border-width: 0;
        padding: 3px 0 3px 35% !important;
        position: relative;
        min-height: 18px;
        min-width: 0 !important;
    }

    body .responsive-table tbody td.gviCntDownload .gviCntDownload,
    body .responsive-table tbody td.gviCntDownload {
        display: inline-block;
        vertical-align: middle;
    }

    body .responsive-table tbody td.gviCntDownload + .gviCntDownload {
        margin-left: 15px;
        padding: 0 !important;
    }


    .mp3-table.responsive-table .groupRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;

        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align:center;
        margin:20px 0 5px 0;
    }

    .mp3-table.responsive-table .mp3cat-groupTitle {
        font-size:25px;
        line-height:25px;

        -webkit-box-ordinal-group: 1;  
        -moz-box-ordinal-group: 1;     
        -ms-flex-order: 1;     
        -webkit-order: 1;  
        order: 1;
    }
    .mp3-table.responsive-table .mp3cat-all {
        -webkit-box-ordinal-group: 2;  
        -moz-box-ordinal-group: 2;     
        -ms-flex-order: 2;     
        -webkit-order: 2;  
        order: 2;
    }

    .mp3-table.responsive-table td{
        min-height:0;
        padding:2px 0!important;
        text-align:left;
        line-height:18px;
    }
    .mp3-table.responsive-table .groupRow td{
        flex:0 0 auto;
        text-align:center;
    }
    .mp3-table.responsive-table .mp3cat-links {
        display:none;
    }


    #Checkout .gviCnt.gviPaymentMethods {
        padding-top: 0 !important;
    }
    #Checkout .gviPaymentMethods .gviCnt {
        padding-top:10px !important;
    }
    #Checkout .gviCnt.gviCntTitle {
        line-height:16px;
    }
    #Checkout .gviCnt.gviCntTotal .text{
        font-weight:bold;
    }

    .gviQuickOrderOverview .gviCntProductQuantity .tbxProductQuantity,
    .gviBasketOverview .gviCntQuantity .tbxQuantity {
        margin-left: 0;
    }

    .responsive-table .imgThumbnail img {
        display: block;
        margin-left: 0;
    }

    .responsive-table .imgThumbnail a {
        width: auto;
    }

    .responsive-table tr {
        padding: 7px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .responsive-table tr.gviPager td {
        padding-left: 0 !important;
    }

    .responsive-table tr.gviPager td:before {
        display: none;
    }

    .responsive-table thead {
        display: none;
    }

    .responsive-table td:before {
        position: absolute;
        left: 0;
        font-weight: normal;
        max-width: 35%;

        -ms-word-break: break-word;
        word-break: break-word;
    }

    .responsive-table td.gviCntNotAvailableAndOrderButton:before {
        top:14px;
    }


    .responsive-table .listAltRow,
    .responsive-table .gviAltRow .gviCnt {
        background: none !important;
    }

    .controlTotalsContainer {
        padding: 10px 0;
    }

    .controlTotalsContainer table,
    .controlTotalsContainer tbody,
    .controlTotalsContainer tr,
    .controlTotalsContainer td {
        display: block;
        width: 100% !important;
        border: none;
        padding:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .controlTotalsContainer td {
        padding: 5px 0 !important;
    }

    .controlTotalsContainer tr.subTotalRow,
    .controlTotalsContainer tr.totalsTotalRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .controlTotalsContainer tr.subTotalRow td,
    .controlTotalsContainer tr.totalsTotalRow td{
        width:50% !important;
        border-width:0;
        text-align: left;
    }

    .controlTotalsContainer .totalsMiddleRow table{
        display:table;
        width:100% !important;
    }
    .controlTotalsContainer .totalsMiddleRow tbody {
        display:table-row-group;
        width:auto !important;
    }
    .controlTotalsContainer .totalsMiddleRow tr{
        display:table-row;
        width:auto !important;
    }
    .controlTotalsContainer .totalsMiddleRow td{
        display:table-cell;
        padding:0px !important;
        width:0 !important;
    }
    .controlTotalsContainer .totalsMiddleRow table td {
        width: 50% !important
    }
    .controlTotalsContainer .totalsMiddleRow table td:first-child {
        display:none;
        width:0 !important;
    }
    .controlTotalsContainer .totalsMiddleRow td.promotionCode{
        width:50% !important;
        padding:0 !important;
    }
    .controlTotalsContainer .totalsMiddleRow td.promotionCodeValue {
        width:50% !important;
        padding:5px !important;
    }

    .tbxPromotionCode {
        display:inline-block;
        margin:0 10px 0 0;
    }
    .controlTotalsContainer .btnSubmit {
        margin:0;
    }

    .siteFooterInfo-item.paymentBlock {
        padding-top:10px;
    }
    body .catNav-item,
    body .facetList,
    body .facetList .facet {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
    }

    .AspNet-DataList table,
    .AspNet-DataList table tbody,
    .AspNet-DataList table tfoot,
    .AspNet-DataList table tr,
    .AspNet-DataList table td {
        display:block;
    }
    .productLanding-box .controlProductFlowContainer tr,
    .AspNet-DataList table tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;


        -webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
    }
    .productLanding-box .controlProductFlowContainer tr:not([class*="row"]) {
        display:none;
    }

    .AspNet-DataList table td a{
        display:inline-block;
        padding: 2px 0;
        margin:0 0 3px 0;
    }

    .AspNet-DataList table td {
        width:50% !important;
    }
    .controlDatesContainer .btnCalendar {
        margin-right:-2px;
    }
    
    .form .tbx.tbxIdFilter,
    .form .tbx.tbxOrderNumberText,
    .form .tbx.tbxInvoiceNumber,
    .controlDatesContainer,
    .homepage .htmlArea table,
    .homepage .htmlArea table tbody,
    .homepage .htmlArea table tfoot,
    .homepage .htmlArea table tr,
    .homepage .htmlArea table td{
        display:block;
        width:100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .homepage .htmlArea table td {
        margin-bottom:15px;
    }
    .homepage .cbHomeSlider .slick-prev {
        left:10px;
    }
    .homepage .cbHomeSlider .slick-next {
        right:10px;
    }

    .form .feedbackMessage {
        margin-left:0;
    }
    .formEditProfile .btnSave,
    #createAccountPage .btnSave {
        margin-right:0;
    }

    #editProfilePage .ddlbCountry,
    #createAccountPage .ddlbCountry,
    #clubregistration .ddlbCountry,
    .form,
    .form .tbx,
    .formLine > .lbl {
        display:block;
        float:none;
        width:100%;
        max-width:100%;
        margin-left: 0 !important;
    }
    .AspNet-Login .pseudoTable {
        width:100%;
    }
    .formLine > .lbl {
        height:auto;
        margin:10px 0 5px 0;
    }
    .homepage .cbHomeSlider .slick-arrow {
        display:block !important;
    }
    .controlSitemapContainer .AspNet-Menu > li {
        width:50% !important;
    }
    .siteFooterContainer .controlFooterContainer {
        display: block;
    }
    .siteFooterContainer .controlFooterContainer .copyright {
        float:none;
        display:block;
        text-align:center;
        padding-left:0;
        padding-right:0;
    }
    .siteFooterContainer .controlFooterContainer li {
        padding: 0 11px 0 11px;
    }
    .siteFooterContainer .controlFooterContainer ul {
        text-align:center;
        margin-top:5px;
    }

    .homeContainer-box  > h2{
        text-align:center;
        margin:20px 0 10px 0;
    }
    .controlMainMenuContainer-box .header-categories-box {
        display:none;
    }

    .secondMenu-box a.closeMenu,
    .menuTitle,
    .sticky-header {
        display: none !important;
    }

    .shops-nav a {
        padding-top: 11px;
        padding-bottom: 9px;
    }

    .shops-nav,
    .shop-advatages-list {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .shop-advatages-list {
        padding: 10px 0;
        display:none;
    }

    .shops-nav {
        margin: 0 -15px;
        border-bottom: 1px solid #5d5d5d;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .headerBlackLine .siteHeaderContainerCnt {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .shops-nav a:first-child {
        padding-left: 14px;
    }

    .shop-advatages-list > a,
    .shop-advatages-list > span {
        font-size: 11px;
        padding: 3px 0;
    }

    .controlBaseSearchContainer {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 0 15px 0;
        padding-top:5px;
    }
    
    .siteHeaderContainerCnt {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .site-actions-box {
        padding-top: 0;
        min-width:0;
        width:auto;
    }

    .controlMainMenuCntContainer {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .siteHeaderContainer #siteHeaderContainerCnt {
        padding-right: 0 !important;
        padding-left: 0 !important;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .site-actions-box > div {
        border-color: transparent !important;
    }

    #siteHeaderContainerCnt .lang-box,
    #siteHeaderContainerCnt .user-box,
    #siteHeaderContainerCnt .controlBaseSearchContainer,
    #basketModalPopup,
    .popup-back,
    .expanded.popup-back {
        display: none !important;
    }

    .ddlbLanguageSelection .langListContainer > div:first-child .imgFlag,
    .ddlbLanguageSelection .langListContainer > div:first-child,
    .lang-box #languagesList .langListContainer {
        position: static;
        margin: 0 !important;
        width: auto;
        height: auto;
        background-color: transparent !important;
    }

    .ddlbLanguageSelection .langListContainer > div:first-child .imgFlag{
        position:relative;
        margin:0 1px 0 0 !important;
        left:-2px;
        top:-1px;
    }

    .ddlbLanguageSelection .langListContainer > div:first-child {
        min-height: 43px;
        line-height: 43px;
        padding: 0 15px;
    }

    .alterlanguage,
    .lang-box .ddlb-overflow-cutter,
    .lang-box #languagesList {
        display: block !important;
        position: static;
        z-index:1;
    }

    .controlLanguageSelectionContainer,
    .langAsList .ddlb.ddlbLanguageSelection,
    #languagesList .langListContainer {
        height: auto;
        overflow: inherit;
    }

    #languagesList .langListContainer {
        width: 100%;
        padding: 0 !important;
    }

    .langColumn {
        margin: 0;
        width: 50%;
        display: block;
        float: left;
        padding-bottom:8px;
        padding-left:15px;
        margin-left:0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .ddlbLanguageSelection .lang {
        white-space: normal;
    }

    .alterlanguage {
        padding: 1px 5px 1px 0;
    }

    #languagesList a {
        display: inline-block;
        line-height: 13px;
        font-size:13px;
        vertical-align: middle;
        padding: 5px 0;
    }

    #languagesList .langListContainer {
        margin: 0;
        white-space: normal !important;
    }

    #languagesList .langListContainer #currentLang {
        display: inline-block;
        font-weight:bold;
    }

    #languagesList {
        background: transparent !important;
    }

    .ddlbLanguageSelection:hover,
    .ddlbLanguageSelection {
        /*background-position: 100% 19px !important;*/
        background: none !important;
        min-height:43px;
        height:auto;
    }

    .header-categories-box {
        margin: 0;
        padding: 0;
        min-height:42px;
    }

    div.header-categories-btn {
        width: 100%;
        /*background: #fff;*/
        border-radius:0;
        /*color: inherit !important;*/
        padding-left: 15px;
        padding-right: 15px;
        padding: 15px 25px 14px 15px;
    }

    #languagesList {
        position: relative !important;
        top: 0;
    }

    div.header-categories-btn:after,
    .ui-mobile .formLanguageSelection .select-styled:after,
    .mobile-acc-title:after,
    #languagesList .langListContainer:after {
        right:10px;
    }

    .ui-mobile .formLanguageSelection .select-styled:after,
    .mobile-acc-title:after,
    #languagesList .langListContainer:after {
        border-top-color: #fff !important;
    }
    
    div.header-categories-btn:before,
    .ui-mobile .formLanguageSelection .select-styled:before,
    .mobile-acc-title:before,
    #languagesList .langListContainer:before {
        right:8px;
    }

    .ui-mobile .formLanguageSelection .select-styled:before,
    .mobile-acc-title:before,
    #languagesList .langListContainer:before {
        border-top-color: #000 !important;
    }

    .ui-mobile .formLanguageSelection .select-styled.active:before,
    .expanded .mobile-acc-title:before,
    #languagesList .langListContainer.expanded:before,
    .expanded div.header-categories-btn:before{
        margin-top: -3px;
    }

    .ui-mobile .formLanguageSelection .select-styled.active:after,
    .expanded .mobile-acc-title:after,
    #languagesList .langListContainer.expanded:after,
    .expanded div.header-categories-btn:after{
        margin-top: 0px;
    }

    .AspNet-Menu-Horizontal ul.AspNet-Menu li li,
    .header-categories-box .AspNet-Menu li {
        display: block;
        float: none !important;
        height: auto !important;
    }
    body ul.AspNet-Menu > li.hovered {
        border-color: transparent !important;
    }

    .lang-box {
        position: relative;
        z-index: 0;
        padding:0;
    }

    .header-categories-box ul.AspNet-Menu li a {
        padding: 0px 5px 0px 15px;
        margin-bottom: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header-categories-box ul.AspNet-Menu li a span{
        padding:7px 5px 7px 0; 
    }

    .header-categories-box ul.AspNet-Menu > li > .AspNet-Menu-Template a,
    .header-categories-box ul.AspNet-Menu > li > .AspNet-Menu-Template span {
        font-weight: bold;
    }
    .header-categories-box ul.AspNet-Menu > li > .AspNet-Menu-Template span {
        display:inline-block;
        width:auto;
    }

    .header-categories-box ul.AspNet-Menu li li a {
        padding: 0 5px 0 25px;
        font-size:13px;
    }

    .header-categories-box ul.AspNet-Menu li li li a {
        padding: 0 5px 0 35px;
        font-size:12px;
    }
    .header-categories-box ul.AspNet-Menu li li li a:before {
        content:'› ';
        color:#b2b2b2;
    }

    ul.AspNet-Menu ul {
        display: block !important;
        visibility: visible !important;
    }

    ul.AspNet-Menu > li.AspNet-Menu-WithChildren > .secondMenu-box {
        position: static !important;
        display: none;
        width: 100%;
        padding: 0 0 0 10px;
    }
    ul.AspNet-Menu > li.AspNet-Menu-WithChildren.expanded > .secondMenu-box {
        display: block;
    }

    ul.AspNet-Menu > li.AspNet-Menu-WithChildren > .secondMenu-box ul li {
        width: 100% !important;
        padding: 0;
    }

    .user-box {
        position: static; /* not use relative or any positioning, brokes popup layout*/
        background:none !important;
    }
    .user-box:before {
        display:none;
    }
    .user-box > .controlLoginViewContainer,
    .user-box > div .controlLoginViewContainer{
        position: static;
        display: block;
        float: none;
        width: 100%;
        padding: 0;
        max-width: 100%;
        min-width: 0;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index:1;
    }

    .controlLoginViewContainer .userName,
    .controlLoginViewContainer .welcome {
        padding: 10px 0 8px 0;
        margin: 0 15px 1px 15px;
    }
    .user-box > div.mobile-acc-title{
        padding: 15px 15px 14px 42px;
        margin: 0;
        font-weight:bold;
    }

    .controlLoginViewContainer .welcome {
        display:none;
    }

    .mobileBtm-box .lang-box,
    .mobileBtm-box .lang-box,
    .mobileBtm-box .header-categories-box {
        border-top: 1px solid #d9d9d9 !important;
        border-bottom: 1px solid #d9d9d9 !important;
        border-radius: 0;
    }

    .controlLoginViewContainer .controlLoginViewLinkPositioningContainer,
    .controlLoginViewContainer .controlLoginViewLinkPositioningContainer div,
    .controlLoginViewContainer {
        display: block;
        float: none;
        margin: 0 !important;
        padding: 0;
    }

    .controlLoginViewLinkPositioningContainer > div a {
        padding: 9px 10px 9px 15px;
        display: block;
        margin: 0 0 0 0;
    }

    .user-box ins {
        left:14px;
        top:10px;
        right:auto;
        bottom: auto;
    }
    /*HALS-79566 - Christmas My Account Icon (B2C)
    .user-box ins {
        top: 3px;
    }
    */
    .siteHeaderContainer .AspNet-Menu > .AspNet-Menu-WithChildren > .AspNet-Menu-Template a{
        background: url('../files/images/select_arrow_b.png') no-repeat 100% center/18px 5px #fff !important;
    }
    .siteHeaderContainer .AspNet-Menu > .AspNet-Menu-WithChildren.expanded > .AspNet-Menu-Template a{
        background-image: url('../files/images/select_arrow_b-up.png') !important;
    }
    /*.siteHeaderContainer .controlLoginViewContainer > div,*/
    .siteHeaderContainer .AspNet-Menu-Vertical,
    .siteHeaderContainer .AspNet-Menu-Horizontal,
    .siteHeaderContainer .langListContainer .langColumn,
    .siteHeaderContainer .controlLoginViewContainer {
        display:none;
    }
    .siteHeaderContainer .AspNet-Menu-Vertical,
    .siteHeaderContainer .AspNet-Menu-Horizontal {
        padding:10px 0;
    }
    .topUserMenu > div:not(.mobile-acc-title) {
        display:none;
    }
    .topUserMenu > div.mobile-acc-title,
    .siteHeaderContainer .langListContainer.expanded .langColumn,
    .siteHeaderContainer .expanded .controlLoginViewContainer,
    .siteHeaderContainer .expanded.topUserMenu > div {
        display:block;
    }
    
    .quickSearchList .headQuickSearchPreview:not(:empty) {
        padding: 5px 3px;
    }

    .quickSearch-item {
        padding: 2px 0;
        width: 50%;
        text-align:center;
    }

    .quickSearch-item:after {
        display:none;
    }

    .formLanguageSelection {
        width:100%;
        padding:0;
        float:none;
        min-height:43px;
        height:auto;
    }

    .formLanguageSelection .select {
        display:block;
        min-height:42px;
        height:auto;
    }

    .formLanguageSelection .select-styled {
        border:none;
        padding-top:15px;
        padding-bottom:15px;
        background:transparent !important;
        padding-left:42px;

        position:relative;
    }

    .formLanguageSelection .select-options {
        position:static;
    }

    .formLanguageSelection  .select-title {
        font-weight:bold;
    }
    
    .formLanguageSelection .formLine {
        float:none;
        /*width:100%;*/
        width:auto;
        height:auto;
        display:block;
    }
    .formLine .ddlbLanguageSelection .ddlb-overflow-cutter {
        position:relative;
        top:0;
        left:0;
        width:100%;
        background:transparent;
    }
    .formLanguageSelection .imgFlag {
        left: 13px;
        top:15px;
        margin: 0;
    }
    .formLanguageSelection .ddlb:before,
    .formLanguageSelection .ddlb:after {
        display:none;
    }
    .formLanguageSelection .select-options li {
        padding-left:15px;
        font-size:13px;
    }
    .formLanguageSelection .select-options {
        border:none;
    }
    .siteHeaderContainer ul.AspNet-Menu > li > .AspNet-Menu-Template a,
    .siteHeaderContainer ul.AspNet-Menu > li > .AspNet-Menu-Template span {
        font-size:15px;
        line-height:17px;
    }
    .controlLoginViewContainer * {
        font-size:13px;
    }
    .headInfLine {
        display:block;
        float:none;
        padding:0 15px 5px;
        width:100%;
        margin:0 -15px;
    }

}
/*          END mobile views          */






/****************************************
                Mixed
****************************************/
/*          START desktop and tablet views          */
@media screen and (min-width: 640px) {
    .controlFooterContainer .btnUpdate,
    .controlFooterContainer .btnClear {
        margin-top: 12px;
    }

    .controlBaseSearchCntContainer .formSearch .formLine-flex > div {
        flex: 0 0 auto;
    }
    .controlBaseSearchCntContainer .formSearch .formLine-flex > div.tbxSearch {
        flex: 1 1 auto;
    }

    ul.AspNet-Menu > li.hovered .AspNet-Menu-Template {
        position:relative;
    }
    ul.AspNet-Menu > li.hovered .AspNet-Menu-Template:after {
        content: "";
        position: absolute;
        width: 2px;
        margin-left: 0;
        left: 100%;
        height: 100%;
        top: 0;
        background: inherit;
    }

    .sticky-mob-basket {
        display:none !important;
        visibility:hidden !important;
    }
    .btnRemoveButton .btnNormalSmall .btnMiddle a {
        font-size:0;
    }
    .btnRemoveButton .btnText .btn-lbl{
        display:none;
    }
    .btnRemoveButton .btnText a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    /*ul.AspNet-Menu > li.hovered > .secondMenu-box ul,*/
    ul.AspNet-Menu > li.hovered > .secondMenu-box {
        display:block !important;
    }
    #productPage > .pdp-headTitle{
        display:none !important;
    }

    #productAttributes.controlTabContainer .cnt {
        width:100%;
    }

    .facetList {
        float:none;
    }
    .controlProductListContainer .gviNoProductImg .gviCnt{
        padding: 5px !important;
        height: 60px;
    }

    .controlProductListContainer .gviCnt
    {
        vertical-align: top;
        padding-top: 20px !important;
    }
    .controlProductListContainer .gviCntProductImg {
        padding-top: 5px !important;
    }
    .controlProductListContainer .gviCntNotAvailableAndOrderButton {
        padding-top: 10px !important;
        width: 20%;
    }

    .controlProductListContainer .btnText a span {
        min-width:60px;
    }

    .responsive-table td:before{
        display: none;
    }

    .select-options li:hover {
      color: #e61515;
      background: #fff;
      -webkit-tap-highlight-color:rgba(0,0,0,0.25);
    }

    .user-box.hovered,
    .basket-box:not(.empty):hover,
    .basket-box.focused:not(.empty),
    .lang-box.hovered .langAsList,
    .lang-box.hovered .formLanguageSelection {
        z-index:10001;
    }

    .ddlbLanguageSelection .select-styled{
        position:static;
        display:none;
    }

    .ddlbLanguageSelection .select-options {
        display:block !important;
        position:static;
        font-size:15px;
        padding: 10px 0;
        border:none;
        margin:0;
    }

    .ddlbLanguageSelection .select {
        height:auto;
        width:100%;
    }
    .ddlbLanguageSelection .select-options li{
        border-top-color: transparent;
        padding: 6px 20px;
    }

    .mobile-acc-title{
        display:none !important;
    }
    .expanded div.header-categories-btn:before,
    .expanded div.header-categories-btn:after {
        border-color: #000 transparent transparent transparent;
    }
    .mobileMenu-toggler-box,
    .mobileBtm-box {
        display:none !important;
        visibility:hidden;
    }
    .mobileLangTitle {
        display:none;
    }
    #languagesList .langListContainer:before,
    #languagesList .langListContainer:after,
    .mobile-acc-title:before,
    .mobile-acc-title:after,
    #languagesList:before,
    #languagesList:after {
        display:none !important;
    }
    div.header-categories-btn.expanded {
        background:#fff;
        border-radius:8px;
        color:#000 !important;


        padding-top: 21px;
        margin-top: -3px;
        z-index:10001;
    }

    .site-actions-box > div.hovered:not(.empty),
    .user-box.hovered,
    .basket-box.hovered:not(.empty),
    /*.basket-box.focused:not(.empty),*/
    .cart-box.hovered:not(.empty),
    /*.cart-box.focused:not(.empty),*/
    .lang-box.hovered,
    .lang-box.hovered .langAsList,
    .lang-box.hovered .ddlbLanguageSelection,
    .basket-box.hovered:not(.empty) .controlBasketContainer
    .cart-box.hovered:not(.empty) .controlBasketContainer {
        border-radius:7px 7px 0 0;
        border-color:#fff !important;
        background-color:#fff !important;
    }
    .user-box.hovered > .controlLoginViewContainer,
    .user-box.hovered > div .controlLoginViewContainer {
        display:block;
    }

    .lang-box.hovered .ddlbLanguageSelection:before,
    .lang-box.hovered .ddlbLanguageSelection:after {
        display:none;
    }
    .lang-box.hovered .ddlb-overflow-cutter,
    .lang-box.hovered #languagesList {
        display:block;
    }
    .user-box.hovered,
    .hovered .ddlbLanguageSelection {
        background-image: url('../files/images/select_arrow_b-up.png') !important;
    }
    /*.controlMegaTopMenu.leftMenu.hidden {
        visibility:hidden;
    }*/
}
/*          END desktop and tablet views          */



/*          START mobile and tablet views          */
@media screen and (max-width: 1023px) {
    .controlLogoContainer {
        padding-bottom:0;
    }

    .catNav-box {
        margin: 0 auto;
    }

    .controlBasketOverviewContainer .gviHdrTotal,
    .gviQuickOrderOverview .gviHdrProductQuantity,
    .gviQuickOrderOverview .gviCntProductQuantity,
    .gviBasketOverview .gviHdrQuantity,
    .gviBasketOverview .gviCntQuantity,
    .gviOrderDetails .gviHdrQuantity,
    .gviOrderDetails .gviCntQuantity {
        width: auto;
    }

    .siteSitemapContainerCnt {
        display:block;
    }
    .paragraph,
    .form,
    .siteContentContainerMiddle .controlContentContainer,
    .siteContentContainerMiddle .controlFooterContainer,
    .createAccountPopup .controlFooterContainer,
    .createAccountFailedPopup .controlFooterContainer,
    #productPage .controlPopupContainer .controlFooterContainer,
    #loginPage .controlCheckoutFooterContainer {
        float:none;
    }
    .controlProductDetailsFormCntContainer {
        padding:10px 15px 0px;
        overflow:inherit;
    }

    .formProductDetail .stockIndication {
        margin-bottom:0;
    }

    .controlProductDetailsFormCntContainer .form .formLeft,
    .controlProductDetailsFormCntContainer .form .formRight {
        width:50%;
        margin:0;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .hr {
        padding-top:10px;
        margin-bottom:10px;
    }
    .controlBaseSearchCntContainer .ajaxSearchPanel .js-productListTable td.gviCntTitle a,
    .controlBaseSearchCntContainer #resultsPanel.ajaxSearchPanel .js-productListTable td {
        white-space:normal;
        line-height:14px;


        -ms-word-wrap:break-word;
        word-wrap:break-word;
    }
    .sticky-header .formSearch .formLine, .controlBaseSearchCntContainer .formSearch .formLine,
    .sticky-search {
        position:static;
    }
    .sticky-header #resultsPanel {
        top:46px;
        left: 20px;
    }

    .controlBigImageContainer .imgProductBig img {
        max-width: 100%;
    }

    .changedRepeater-box,
    .HeaderPanel,
    .HeaderPanel table {
        max-width:100%;
        width:100%;
    }
    .HeaderPanel table {
        table-layout:fixed;
    }
    .HeaderPanel table tr,
    .HeaderPanel table td {
        width:auto !important;
    }
    .js-to.facetSearchInput,
    .js-from.facetSearchInput,
    .facetList .facet .facetCnt .cnt input {
        width: 100% !important;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .catNav-item .ddlb,
    .searchPanel-box .durationBox > div,
    .searchPanel-box .facet.facetCustom .ddlb {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .sorting .ddlb {
        max-width:100%;
    }
    .controlTabContainer .ajax__tab_header {
        position:static;
    }



    .controlTabContainer .controlTabContainerCnt,
    .controlTabContainer .tblOrderDetailsLeftRight {
        margin-top:0;
    }

    .catsAndFilters-box + .siteContentContainerLeft {
        display:none;
    }

    .controlWizardContainerCnt,
    div.AspNet-TreeView ul,
    .facetList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;


        -webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
    }
    .controlWizardContainerCnt .wizardStep {
        width:25%;
        margin:0;
    }
    #Checkout .controlWizardContainerCnt .wizardStep h2{
        line-height:16px;
        display: inline-block;
        vertical-align: middle;
    }

    .controlCategoryContainer .AspNet-TreeView .AspNet-TreeView-Root {
        width:20%;
    }

    /*.withFacets.withOutNav {
        display:none;
    }*/
    .withNav.withFacets .controlCategoryContainer {
        width: 160px;
        padding-right: 10px;
        float:left;
    }
    .withNav.withFacets .facetList {
        margin-left:170px;
        width:auto;
    }
    .withNav.withOutFacets .controlCategoryContainer .AspNet-TreeView .AspNet-TreeView-Root,
    .withNav.withFacets .controlCategoryContainer .AspNet-TreeView li{
        width:100%;
    }

    .controlCategoryContainer .AspNet-TreeView li {
        width:100%;
    }
    .inputsRepeater-box,
    .facetList .facet .facetCnt .cnt {
        display:block;
        clear:both;
    }
    .hypClearSelection-box,
    .facetList .lblHdr {
        width:100%;
    }
        .facetList .facet {
        width: 25%;
        padding-right: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        .withNav.withFacets .facetList .facet,
    .searchPanel-box .facet.facetCustom {
        width: 33.33333%;
    }
    .searchPanel-box .facet.facetCustom .hdr {
        float:none;
        width:auto;
    }

    .facetList .facet .facetCnt .cnt.durationBox {
        padding:0 10px;
    }

    .siteSitemapContainerCnt {
        border-radius:0;
        border-left-width:0 !important;
        border-right-width:0 !important;
        max-width:100%;
        width:100%;
    }

    #Checkout #contentMiddle,
    #Checkout .contentMiddle,
    #Checkout #contentRight,
    #Checkout .contentRight,
    #contentLeft,
    .contentLeft,
    #contentMiddle,
    .contentMiddle {
        width:100%;
        padding-left:0;
        padding-right:0;
        float:none;
        margin-left:0;
        margin-right:0;
    }
    #Checkout .siteContentContainerRight {
        margin:0 auto;
        padding:40px 0 0 0;
        width:100%;
        max-width:560px;
    }

    .homepage .rightColumn {
        padding:40px 0 0;
    }
    .tabsWithSliders-box {
        margin:40px 0 0;
    }

    .homeContainer-box {
        width:100%;
        max-width:100%;
        float: none;
        padding-left:0;
        padding-right:0;
    }

    
    .ajax__tab_body .slick-prev {
        left: -16px;
        padding:5px;
    }
    .ajax__tab_body .slick-next {
        right: -16px;
        padding:5px;
    }

    .lastViewedPanel-box .ajax__tab_body .slick-next,
    .lastViewedPanel-box .ajax__tab_body .slick-prev {
        top:110px;
    }

    .homeContainer-box.twoColumnsLayout .ajax__tab_xp.ajax__tab_container,
    .searchLandinPage .ajax__tab_xp.ajax__tab_container {
        margin:0;
    }

    .serieProductsCnt-box .serieProductsCnt,
    .checkoutOffers {
        margin:0 15px 0 15px;
    }
    .lastViewedProducts .controlProductFlowContainer {
        margin:0;
        padding:0 15px 0 15px;
    }
    #productListPage .lastViewedProducts .controlProductFlowContainer {
        padding:0 0 0 0;
    }
    .ajax__tab_body .sliderBox {
        margin: 0 16px;
    }

    .lastViewedProducts .controlProductFlowContainer table {
        padding:0;
    }

    .controlBreadCrumbContainer.empty {
        display:none;
    }
    #contactUsPage {
        max-width:621px;
        width:100%;
        margin:0 auto;
    }
    .form.formContactUs {
        width:100%;
        float:none;
    }

    .controlProductFlowContainer .cntMiddle {
        margin:0 auto;
        float:none;
    }

    .productBlock .pbLink {
        text-align:left;
    }
}
/*          END mobile and tablet views          */
@media screen and (max-width: 900px) {
    .mp3-table {
        width:auto;
    }

    .siteContentContainerMiddle .listSortWrapper .controlPagerContainer .lblResultsAmount,
    .listSortWrapper .listModeswitcher .listModeText,
    .controlProductResultsContainer .sorting label {
        float:none;
        display:block;
        width:100%;
        padding:0;
        text-align:left;
        margin:0;
    }
    .controlPagerContainer .resultsPerPage .ddlbResultAmount,
    .listSortWrapper .listModeswitcher a:first-of-type {
        margin-left:0;
    }

    .controlProductResultsContainer .sorting,
    .listModeswitcher {
        margin-left:0;
        margin-right:0;
        text-align:left;
        float:none;
    }

    .controlProductResultsContainer .sorting {
        margin-right:auto;
        max-width: 100%;
    }
    .listModeswitcher {
        margin-left:auto;
    }
    .siteContentContainerMiddle .listSortWrapper .controlPagerContainer {
        margin-right:auto;
        margin-left:auto;
    }

    .listSortWrapper {
        float:none;

        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;


        -webkit-flex-wrap: wrap;
	        -ms-flex-wrap: wrap;
		        flex-wrap: wrap;


        -webkit-justify-content: space-between;
	              -ms-flex-pack: justify;
		        justify-content: space-between;
    }

}
@media screen and (max-width: 767px) {
    ul.AspNet-Menu > li.AspNet-Menu-WithChildren > .secondMenu-box ul li {
        width:50%;
    }

    .pickupLocationLocatorPopup,
    .dealerLocatorPage {
        padding:10px;
    }

    .lang-box.hovered #languagesList .langListContainer {
        padding:12px 8px;
    }
    .langColumn {
        margin-left:6px;
    }

    .mapCanvasContent {
        padding:0;
    }
    .mapCanvasLocator {
        width:100%;
        height:240px;
        margin:0;
        float:none;
    }
    .locatorListWrapper {
        height:auto;
        margin:0;
        padding: 10px 5px 0;
    }
    .locatorListContainer {
        max-height: 360px;
        min-height:40px;
        height:auto;
    }

    .btnNewCustomer,
    .btnGuestAccount {
        float:none;
        text-align:right;
    }

    .btnNewCustomer .btnCnt {
        display:inline-block;
        text-align:center;
    }

    .formProductDetail .errormessage,
    .formProductDetail .ddlbVariantColor,
    .formProductDetail .ddlbVariantSize,
    .formProductDetail .errormessage {
        margin-left: 0 !important;
    }

    .controlProductDetailsFormCntContainer .tbx.tbxQuantity,
    .formProductDetail .formLine .lbl {
        display:block;
        height:auto;
    }
    .controlProductDetailsFormCntContainer .tbx.tbxQuantity input {
        float:none;
        position:static;
    }

    .form {
        width:100%;
    }

   .productLanding-box .controlProductFlowContainer .cntMiddle {
        width:148px;
    }

    .productBlock,
    .controlCategoryContainer .AspNet-TreeView .AspNet-TreeView-Root {
        width:25%;
    }

    .siteFooterInfo-item h3 {
        padding-bottom:15px;
    }

    .siteFooterInfo-item.paymentBlock {
        width:100%;
        padding-top:30px;
    }

    .controlNewsletterContainerCnt {
        margin-left:0;
    }
    .siteFooterInfo-item {
        width:60%;
    }
    .siteFooterInfo-item.socialsMedia {
        padding-right:0;
        width:40%;
    }
    
    .facetList .facet {
        width:33.33333%;
    }
    
    .withNav.withFacets .facetList .facet,
    .searchPanel-box .facet.facetCustom {
        width: 50%;
    }
    .controlSitemapContainer .mainLevel > li .AspNet-Menu-Template a,
    .controlSitemapContainer .AspNet-Menu ul li {
        margin-left: 12px;
    }

    .controlSitemapContainer .mainLevel > li .AspNet-Menu-Template:before {
        left: 4px;
    }
    .controlSitemapContainerCnt {
        padding:0;
    }
    .controlSitemapContainer .AspNet-Menu > li {
        width:33.33333%;
    }

    .controlMegaTopMenu.leftMenu {
        display:none;
    }
    .homepage .leftMenu + .rightColumn {
        width:100%;
        max-width:100%;
        padding:10px 0 0;
    }
    .ajax__tab_body .slick-dotted.slick-slider {
        margin-bottom:25px;
    }

    .siteBreadCrumbContainerCnt {
        padding:5px 0;
    }
    .form .formLeft,
    .form .formRight {
        width:100%;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }

    .form .formLeft {
        margin-bottom:35px;
    }

    .form .formRightCnt {
        padding-left:0;
        padding-right:0;
    }
    .controlB2cLoginContainer .formLeftCnt {
        border:none;
    }

    #loginPage .AspNet-Login > .controlContentContainer{
        width:100%;
        max-width:500px;
        padding:0;
        margin:0 auto;
        float:none;
    }
}

@media screen and (max-width: 500px) {
    .productBlock {
        width:50% !important;
    }
}


@media screen and (max-width: 439px) {
    .searchLandinPage .ajax__tab_body .ajax__tab_panel, .homepage .ajax__tab_body .ajax__tab_panel {
        max-width: 300px;
        width: 100%;
        margin-left:auto;
        margin-right:auto;
    }

    .checkoutOffers-box .ajax__tab_header {
        margin-bottom: 30px;
    }
    .lastViewedProducts .controlProductFlowContainer {
        padding-top:20px !important;
    }

    body .checkoutOffers .controlProductFlowContainer .cntMiddle,
    body .serieProductsCnt .controlProductFlowContainer .cntMiddle {
        margin: 0 auto;
        float: none;
    }

    .controlProductFlowContainer .btnQuickOrder {
        padding:5px 0 0;
        max-width:100%;
        text-align:center;
    }

    .cntMiddle .blockHoverLink {
        max-width: 195px;
    }

    .productLanding-box .controlProductFlowContainer td.fourcolumn,
    .productLanding-box .controlProductFlowContainer table,
    .productLanding-box .controlProductFlowContainer tbody,
    .productLanding-box .controlProductFlowContainer tr,
    .productLanding-box .controlProductFlowContainer td {
        width: 100%;
    }
    .productLanding-box .controlProductFlowContainer td {
        margin-bottom:20px !important;
    }
    .productLanding-box h2 {
        text-align:center;
    }

    #basketPage .btnSaveAsTemplate {
        clear:both;
    }

    .controlWizardContainerCnt .wizardStep {
        width:100% !important;
    }
    .controlWizardContainerCnt .wizardStep > div {
        border-left-width:0;
    }

    .slick-slider .productDetailsContainer,
    .slick-slider .productDetailsContainer > div {
        text-align:center;
    }
    .cntMiddle .productDetailsContainer .btnAttract {
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
    }

    .pbDescr {
        max-width:100%;
    }
    .controlProductFlowContainer .cntMiddle {
        width:100% !important;
        max-width:200px;
        min-height:0;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-top:0px;
        float:none;
        padding:0 8px 15px 8px;

        border: 1px solid rgb(227, 227, 227);
        border-radius:9px;
        text-align:center;


        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .controlProductFlowContainer .lbl.lblHiddenListPrice,
    .controlProductFlowContainer .lbl.lblPrice {
        float:none !important;
        margin:0;
    }

    .controlProductFlowContainer .btnQuickOrder {
        float:none;
        margin-left:0;
        margin-right:0;
    }

    .lblCalendarTo + .tbxOrderDateInput .ajax__calendar{
        left:auto !important;
        right:0;
    }
    .pbImgWrapper {
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    .siteFooterInfo-item h3 {
        padding-bottom:10px;
    }

    .siteFooterInfo-item,
    .siteFooterInfo-item.socialsMedia {
        padding-right:0;
        padding-bottom:30px;
        width:100%;
    }

    .searchPanel-box .durationBox > div,
    .searchPanel-box .facet.facetCustom .ddlb {
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    .facetList .facetSearchInput,
    body .facetList .facet {
        width:100% !important;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body .facetList .facet {
        padding:0 0 15px 0;
    }

    .ajax__tab_body .slick-prev {
        left: -21px;
    }
    .ajax__tab_body .slick-next {
        right: -21px;
    }

    .cntMiddle .seeMoreLbl-box,
    .cntMiddle .blockHoverLink {
        visibility: visible !important;
    }

    .shops-nav a:nth-child(3n),
    .shops-nav a:nth-child(4n),
    .shops-nav a:nth-child(5n) {
        width:100%;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        border-top:1px solid #5d5d5d;
        border-left:none;
    }

    .mobileBtm-box .shops-nav,
    .headerBlackLine .shops-nav {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mobileBtm-box .controlBaseSearchCntContainer .btnSearch .btnMiddle .btnText a {
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        right:0;
        font-size:0;
    }
    .mobileBtm-box .controlBaseSearchCntContainer .btnSearch .btnMiddle .btnText .btn-lbl {
        display:none !important;
    }
    .mobileBtm-box .controlBaseSearchCntContainer .btnMiddle .ico {
        display:block;

        background: url(../files/images/sprite.png) no-repeat scroll -19px -27px transparent;
        background-size: 70px 60px;
        height: 20px;
        width: 20px;
        line-height: 20px;
        float: none;
        margin: 10px 10px 0 11px;
    }

    .cntMiddle .blockHoverLin,
    .cntMiddle .productDetailsContainer {
        max-width:195px;
        padding:0;
    }
    .productBlock .productListButtonContainer,
    .controlProductListContainer .lblPrice,
    .lblHiddenListPrice {
        float:none !important;
    }
}

@media screen and (max-width: 369px) {
    .formProductDetail .iTunesLinkBtn,
    .productBlock .pbLink {
        text-align:center;
    }
    .pdp-errMsg-box {
        text-align:left;
    }

    .controlProductDetailsFormCntContainer .form .formLeft,
    .controlProductDetailsFormCntContainer .form .formRight {
        width: auto;
        padding: 0;
        display: block;
        float: none;
        text-align:center;
    }
    .addToWishListSingleProductCnt + div,
    .addToWishListSingleProductCnt,
    .formProductDetail .hypAddToWishList,
    .formProductDetail .hypTellaFriend,
    .formProductDetail .hypPrint,
    .hypMoreInfo,
    .hypLessInfo {
        float:none;
        margin-top:0;
        margin-right:7px;
        display:inline-block;
        vertical-align:middle;
    }
    .hypLessInfo {
        display:none;
    }

    .productBlock .productListButtonContainer,
    .productBlock-wrp {
        max-width:230px;
        text-align:center;
    }

    .lastViewedProducts .cntMiddle {
        margin-left:auto;
        margin-right:auto;
        float:none;
    }

    .productBlock {
        width:100% !important;
        max-width:210px;
        margin-left:auto !important;
        margin-right:auto !important;
        margin-top:20px;
        float:none;
        padding:20px 8px 15px 8px;

        border: 1px solid rgb(227, 227, 227);
        border-radius:9px;
    }

    .controlCategoryContainer .AspNet-TreeView .AspNet-TreeView-Root {
        width: 100% !important;
    }
}