@media screen and (max-height: 650px) {
    .title-menu a{
        font-size: 17px!important;
        padding: 0 0 0 0!important;
    }
    #menu .sub li a{
        font-size: 11px;
        line-height: 1.4;
    }
    .leftMenu li a{
        font-size: 16px!important;
    }
}

@media screen and (min-width: 2000px) {
    .fullSlider.sub .slideImage img{
        height: auto!important;
        width: 100%;
    }
}
@media screen and (max-width: 1820px) {
    .innerColumn{
        width: 100%;
    }
    #menu li a{
        margin: 0 20px;
    }
    .expoMenu li {
        margin-right: 100px;
    }
    .expoMenu li:last-child .sub .sub {
        right: 300px;
        left: auto;
    }
    .fiveColumnMenu, .fourColumnMenu {
        float: left;
        width: 25%!important;
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .overlay.alwaysVisable .paragraph{
        font-size: 18px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 1500px) {
    .rightColumn.fullRight {
        position: relative;
        width: calc(100% - 300px);
    }
    .rightColumn.fullRight .blogArticle{
        width: 100%;
    }
    .menuItem{
        font-size: 13px;
    }
    .overlay.alwaysVisable .paragraph{
        font-size: 15px;
        line-height: 1.4;
    }
}
@media screen and (max-width: 1420px) {

    #menu li {
        margin-right:0px;
    }
    #menu li a {
        padding:10px 0px 6px;
    }
    .centerColumnInner{
        width: 1240px;
    }
    .background-video {
        display: none;
    }
    .windowHeight{
        height: auto!important;
    }
    .wrapper.big{
        width: 100%;
    }
    .wrapper.medium{
        width: 100%;
    }
    .textInfo .title-1{
        font-size: 50px;
        line-height: 50px;
    }
    .sortFilterCol {
        margin-right: 38px;
    }
    .textWidth{
        width: 97%;
        margin-left: 1.5%;
    }
    .centerColumn{
        width: 1200px;
    }
    .wrapper{
        width: 1200px;
    }
    .bottomFooterMenu a {
        font-size: 12px;
        line-height: 1.8;
    }
    .footerBottomMenu {
        float: left!important;
        width: 100%;
        border-top: 1px solid #d9d9d9;
    }
    .bottomFooterMenu {
        float: none;
        margin: auto;
        width: auto;
        display: table;
        padding: 12px 0;
    }
    .overlay .title-overlay {
        font-size: 40px;
        line-height: 40px;
    }
    .bottom-footerCenter{
        margin-left: 0;
    }
}
@media screen and (max-width: 1250px) {
    .fiveColumnMenu, .fourColumnMenu {
        width: 33.33%!important;
    }
    #blogSlider .owl-buttons .owl-prev {
        left: -24px;
        width: 35px;
        height: 50px;
        font-size: 30px!important;
        margin-top: -25px;
    }
    #blogSlider .owl-buttons .owl-next {
        right: -24px;
        width: 35px;
        height: 50px;
        font-size: 30px!important;
        margin-top: -25px;
    }
    #blogSlider .updateImage img, #blogSlidernoSlider .updateImage img{
        min-height: inherit;
    }
    #blogSlider .overlayUpdate, #blogSlidernoSlider .overlayUpdate{
        padding: 4%;
    }
    #blogSlider .updateImage, #blogSlidernoSlider .updateImage{
        height: auto;
    }

    .wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .contentText {
        padding: 60px 20px 80px;
    }
    .wrapper.small {
        width: 80%;
        margin: 0 10%;
    }
    .wrapper.small.full{
        width: 100%;
        margin: 0;
    }
    #footer {
        padding: 50px 20px 50px 20px;
    }
    h1,
    .blockText {
        font-size: 32px;
        line-height: 40px;
    }
    /*SLIDE*/
    .slider.full {
        height: auto;
    }
    #slides-full {
        height: auto;
    }
    #slides-full .slider {
        margin-top: 95px;
    }
    #slides-full .slider,
    #slides-full .slidesjs-container {
        min-width: 100%;
        height: auto;
        overflow: hidden;
    }
    #slides-full .slidesjs-container {
        height: auto!important;
    }
    #slides-full .slide {
        overflow: hidden;
    }
    #scrollToDiv{
        margin-top: 400px;
    }
    #slides-full .slidesjs-container,
    #slides-full .slidesjs-control,
    #slides-full .slide {
        height: auto!important;
    }
    #slides-full .slideText {
        top: 40px;
    }
    #slides-full .slideInfo {
        width: 90%;
        padding: 0;
    }
    #slides-full .slidesjs-next,
    #slides-full .slidesjs-previous {
        display: none;
    }

    .fullSliderHalf {
        height: 200px;
    }
    .slider.fullHalf {
        height: 200px;
    }
    #slides-fullHalf img {
        width: auto;
    }
    #slides-fullHalf .slideImage {
        height: 200px;
    }
    #slides-fullHalf .slideImage img {
        min-height: 200px;
        height: 500px;
    }
    .textInfo.right {
        right: 0;
    }
    .productColumn {
        width: 48%;
        height: auto;
    }
    .button.footerSocial {
        margin-bottom: 5px!important;
    }
    .world-map {
        width: 990px;
    }
    .north-america {
        height: 226px;
        width: 340px;
        left: 20px;
        top: 10px;
    }
    .south-america {
        height: 231px;
        width: 203px;
        left: 157px;
        top: 253px;
    }
    .europe {
        height: 151px;
        width: 209px;
        left: 377px;
        top: 10px;
    }
    .africa {
        height: 253px;
        width: 218px;
        left: 377px;
        top: 156px;
    }
    .europe {
        height: 139px;
        width: 179px;
        left: 377px;
        top: 10px;
    }
    .australia {
        height: 145px;
        width: 206px;
        left: 732px;
        top: 295px;
    }
    .asia-and-mid-east {
        height: 182px;
        width: 265px;
        left: 610px;
        top: 68px;
    }
    .mapSearch {
        padding: 0 20px;
    }
    #menu li a{
        font-size: 21px;
    }
    #menu li:hover .sub {
        top: 85px;
    }
    .sub.open{
        top: 125px!important;
    }

    .blogArticle{
        width: 900px;
        padding: 50px;
        display: table;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .centerColumn{
        width: 100%;
        padding: 0 20px;
        display: block;
        float: left;
    }
    .completGear{
        width: 100%;
    }
    .alternativeProduct{
        width: 100%;
    }
    .productVideos{
        width: 100%;
        padding-left:0;
    }
    .actionShots{
        width: 100%;
    }
    .contentPage {
        margin-top: 195px;
    }
    .contentStorelocator{
        margin-top: 151px;
    }
    .blogImage{
        width: 900px;
    }
    .sub-wrapper {
        width: 1000px;
    }

    .sub-wrapper-sub{
        width: 1000px;
    }
    .centerColumnInner{
        width: 1050px;
    }
    #dealerinfo {
        margin: auto;
        width: 1000px;
    }
    .mainMenu{
        min-height: inherit;
    }
    .slideImage img{
        min-height: inherit!important;
    }
    .athletesContainer .column-3{
        width: 50%;
    }
    .background-video {
        display: none;
    }
    .sortFilterCol {
        margin-right: -11px;
    }

    #spareparts_search{
        width: 100%;
        padding: 19px;
        font-size: 14px;
    }
    #spareparts_container{
        width: 100%;
    }
    .overlay .paragraph {
        font-size: 13px;
        line-height: 24px;
    }
    .leftMegaMenu{
        min-height: 500px;
    }
    .menuItem{
        padding: 14px 10px;
    }
}

@media screen and (max-width: 1100px) {
    .sizeItemContainer{
        height: 125px;
    }
    .centerColumnInner{
        width: 100%;
    }
    .background-video {
        display: none;
    }
    .cartCol{
        width: 100%;
    }
    .cartDetails{
        width: 50%;
        padding-left: 0;
    }
    #menu li a{
        margin: 0 12px;
    }
    .sortText{
        display: none;
    }
    .rightMenuCol{
        width: 87%;
    }
    .leftMenuCol{
        width: 18%;
    }
    .rightMenuCol{
        width: 78%;
    }
    .subTitle.regularFont{
        font-size: 30px!important;
    }
    .mainTitle.regularFont{
        font-size: 21px!important;
    }
    .linkBtn .regularFont{
        font-size: 20px!important;
    }
    .alignRight, .alignLeft{
        width: 50%;
    }
    .overlay.alwaysVisable .paragraph {
        font-size: 14px;
        line-height: 1.6;
    }
    #menu .sub li a{
        font-size: 14px;
        line-height: 1.8;
    }
    .title-menu a {
        font-size: 18px!important;
    }
    .leftMenu li a {
        font-size: 19px!important;
    }
    .expoMenu li {
        margin-right: 40px;
    }
    .expoMenu li:first-child {
        margin-left: 0px;
    }
    .fiveColumnMenu, .fourColumnMenu {
        float: left;
        width: 50%!important;
    }
    .kioskLeft {
        width: 100%;
        margin-right: 0px;
    }
    .kioskRight {
        width: 50%;
        margin-left: 0px;
    }
    .completeGearSlider .owl-buttons .owl-next {
        right: -30px;
    }
    .megaMenuOuter {
        float: none;
        width: 100%;
        display: table;
    }
}
@media screen and (max-width: 805px) {
    .sizeItemContainer {
        height: 200px;
    }
    .blogArticle{
        width: 100%;
        padding: 50px 20px;
    }
    .background-video {
        display: none;
    }

}
@media screen and (max-width: 990px) {
    .rightColumn.fullRight{
        width: 100%;
    }
    .currentLanguage{
        margin: 6px;
    }
    .col-mobile{padding: 0 15px;}
    .col-none{
        padding: 0 15px;
    }
    .column-1,
    .column-2,
    .column-2-5,
    .column-3,
    .column-4,
    .column-5,
    .column-6,
    .column-7,
    .column-8,
    .column-9,
    .column-10,
    .column-11,
    .column-12 {
        width: 100%;
    }
    table{
        width: 100%;
    }

    .col-12-g{
        width: 100%;
    }


    .logo {
        width: 120px;
        margin: 13px;
    }
    .t-hide{
        display: none;
    }
    .singleColumn {
        height: auto;
        position: relative;
    }
    .doubleColumn {
        height: auto;
    }
    .equalHeight {
        height: auto!important;
    }
    .equalHeight-1 {
        height: auto!important;
    }
    .equalHeight-1-25{
        height: auto!important;
    }
    .singleColumn .equalHeight-1:nth-child(2){
        margin-top: 10px;
    }
    .rightColumn {
        width: 100%;
    }
    .leftColumn {
        width: 100%;
    }
    .productColumnLeft {
        width: 50%;
    }
    .productColumnRight {
        width: 50%;
    }
    .filter {
        width: 100%;
        min-height: 10px;
    }

    #menu li {
        margin-right: 10px;
    }
    #menu li a {
        font-size: 18px;
        margin: 0 5px;
    }
    .searchBox {
        width: 175px;
    }
    .world-map {
        padding: 0 15px;
        width: 100%;
    }
    .world-map img {
        display: none;
    }
    .world-map a {
        width: 50%;
        position: static;
        display: block;
        padding: 0 10px;
    }
    .north-america,
    .south-america,
    .asia-and-mid-east,
    .europe,
    .africa,
    .asia,
    .australia {
        display: block;
        height: 40px;
        width: auto;
        line-height: 40px;
        margin: 0 0 5px 0;
    }
    .mapSearch {
        display: none;
    }

    .subFilter {
        display: none;
        padding: 20px;
        margin-top: 10px;
    }
    .filterForm{
        padding: 20px;
    }
    .filter {
        padding: 20px;
        cursor: pointer;
    }
    .paddingTitle{
        padding: 15px 20px 0!important;
    }
    .navFilter:before, .navFilter-2:before, .navFilter-3:before {
        position: absolute;
        font-family: "FontAwesome";
        content: '\f107';
        font-size: 14px;
        right: 10px;
    }
    .navFilter, .navFilter-2, .navFilter-3 {
        font-size: 15px!important;
        width: 50%;
        position: absolute;
        top: 0;
        padding: 10px 10px 5px 10px!important;
        border-bottom: 1px solid #eee;
    }
    .navFilter, .navFilter-3{
        display: block;
        left: 0;
        border-right: 1px solid #eee;
    }
    .navFilter-2{
        right: 0;
    }
    .navFilter-3 {
        width:100%;
    }
    .filter{
        padding: 46px 0 0 0;
        position: relative;
        border: none;
    }
    .filterForm, .sortFilter{
        display: none;
    }
    .saveContainer {
        border-left: none;
    }
    #actionshots-athletes img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        min-height: 300px;
        left: -100%;
        right: 100%;
        display: block;
        width: auto;
    }
    .profilePic {
        margin-bottom: 30px;
    }

    #productButtonsContainer{
        position: relative!important;
        width: 100%;
        float: left;
        top: 0!important;
    }
    .show-mobile{
        display: none;
    }
    .sub-wrapper {
        width: 700px;
    }
    .sub-wrapper ul {
        min-height:270px;
    }
    #menu li:hover .sub {
        top: 100px;
    }
    .sub-wrapper-sub{
        width: 700px;
    }
    .title-menu a{
        font-size: 18px!important;
    }
    #dealerinfo {
        margin: auto;
        width: 760px;
    }
    .background-video {
        display: none;
    }
    .leftMenu li a {
        font-size: 17px!important;
    }
    .expo .overlay{
        margin-top: 20px;
    }
    .expo .overlay .title-overlay {
        font-size: 30px;
        line-height: 30px;
    }
    .expo .overlay .paragraph {
        font-size: 12px;
        line-height: 20px;
    }
    .expo .innerBlock .title-overlay{
        text-align: left;
    }
    .expo .innerBlock .centerText{
        text-align: left;
    }
    .expo .m-leftText{
        text-align: left!important;
    }
    .expo .button.overlayBtn{
        margin: 0;
    }
    #blogSlidernoSlider .item{
        float: none;
    }
    .m-centerText{
        text-align: center!important;
    }
    #menu li a {
        font-size: 15px;
        margin: 4px 5px;
    }
    .bottomFooterText{
        position: relative;
        text-align: left;
        width: 100%;
        left: 0;
        margin-left: 0;
        float:left;
    }
    .bottomFooterMenu {
        float: none;
        margin: auto;
        width: auto;
        display: table;
    }
    .bottomFooterMenu li{
        margin-left: 0;
        margin-right: 0px;
        width: 100%;
    }
    .bottomFooterText {
        width: 100%;
        padding-bottom: 15px;
        text-align: center;
    }
    .bottomFooterLanguage {
        float: none;
        display: table;
        margin: auto;
        padding: 5px;
        margin-top: 20px;
        background-color: white;
        border-radius: 5px;
    }
    .flagText{
        font-size: 12px;
        line-height: 13px;
    }
    .flagIcon{
        padding: 6px;
    }
    .flagIcon img {
        float: left;
        max-width: 23px;
    }
    .expoHeader {
        padding: 0;
    }
    .expoLogo {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .languageCol {
        margin: 4px 0 0 0!important;
    }
    .expoLogo img {
        float: none;
        width: 100px;
        margin: auto;
        display: table;
    }
    .expoMenuCol {
        width: 100%;
        margin-top: 10px;
    }
    .expoMenu li {
        margin-right: 10px;
    }
    .expoMenu li a {
        font-size: 16px;
        letter-spacing: 1px;
        border-bottom: 1px solid transparent;
    }

    .expoMenu li a:hover {
        border-bottom: 1px solid white;
    }
    .expoHeader .languageCol .currentLanguage {
        padding: 5px 30px 5px 5px;
        width: auto;
        margin-top: 10px;
        position: absolute;
        top: -50px;
        right: 0;
    }
    .expoHeader .currentLanguage img {
        float: left;
        width: 25px;
    }
    .expoMenu .sub {
        top: 36px;
        border-top: 11px solid #181818;
    }
    .expoMenu .sub .sub{
        position: relative;
        right: 0;
        left: 0;
        top: 0;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        display: none;
    }
    .expoMenu .sub .sub li{
        background-color: #2a2a2a;
    }
    .contentPage.expo {
        margin-top: 98px;
    }
    .breadCrumbs{
        display: none;
    }
}
@media screen and (max-width: 920px) {
    #storelocator{min-width: 100%;}
    .storeLocatorMaps{width: 100%; height: 300px;}
    #storeLocatorIframe{height: 300px;}
    .storeLocatorList{width: 100%; max-height: inherit; overflow: scroll;}
}
@media screen and (max-width: 768px) {
    .touch .column-1 .overlay .title-overlay, .touch .column-2 .overlay .title-overlay, .touch .column-2-5 .overlay .title-overlay, .touch .column-3 .overlay .title-overlay, .touch .column-4 .overlay .title-overlay, .touch .column-5 .overlay .title-overlay, .touch .column-6 .overlay .title-overlay, .touch .column-7 .overlay .title-overlay, .touch .column-8 .overlay .title-overlay, .touch .column-9 .overlay .title-overlay, .touch .column-10 .overlay .title-overlay, .touch .column-11 .overlay .title-overlay, .touch .column-12 .overlay .title-overlay {
        text-shadow: none!important;
    }
    .iconList{
        flex-direction: column;
        font-size: 13px;
        width: 100%;
    }
    .iconList li{
        float: left;
        width: 100%;
        align-items: center;
        justify-content: center;
        display: inline-flex;
    }
    .iconList li a{
        width: auto;
    }
    .cookiePolicy.default{
        font-size: 11px;
        top: auto;
        bottom: 10px;
        transform: none;
        left: 10px;
        border: 1px solid black;
        width: calc(100% - 20px);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    }
    .cookiePolicy.more{
        font-size: 11px;
        width: 95%;
    }
    .cookiePolicy .button{
        margin-top: 5px;
        margin-bottom: 10px;
        width: 100%;
        padding: 3px!important;
    }
    .cookiePolicyTitle{
        padding: 10px 10px 5px 10px;
        font-size: 14px;
    }
    .cookiePolicyText {
        width: 100%;
        float: left;
        padding: 10px;
    }
    .cookiePolicyText p{
        font-size: 11px!important;
        line-height: 21px!important;
    }
    .cookieList input[type="checkbox"].custom:not(:checked) + label, .cookieList input[type="checkbox"].custom:checked + label{
        line-height: 20px;
    }
    .cookiePolicyBottom{
        display: none;
    }
    .cookiePolicy.more .cookiePolicyBottom{
        display: block;
        font-size: 11px;
        line-height: 19px;
    }
    .m-pb0{
        padding-bottom: 0!important;
    }
    .m-p10{
        padding: 10px!important;
    }
    .m-pt0{
        padding-top: 0!important;
    }
    .p30-0-0{
        padding: 15px 0 0 0;
    }
    .career .megaMenuOuter .menuItem{
        color: black;
    }
    #dealer .button.d-link{
        position: relative;
        margin-top: 10px;
        color: white;
    }
    #dealer .button.d-link:hover{
        color: black;
    }
    .expoLink{
        display: none!important;
    }
    .textInfo {
        width: 100%;
        transform: translateY(0%);
    }
    .button.small {
        font-size: 16px;
        line-height: 30px;
        padding: 7px;
    }
    .slideImage{
        background-position: center;
    }
    #dealerinfo {
        margin: auto;
        width: 100%;
    }
    .header{
        position: relative;
    }
    .contentPage {
        margin-top: 0px;
    }
    .productColumnRight{
        padding: 0px!important;
    }
    .s-show {
        display: block;
    }
    .m-leftText{
        text-align: left!important;
    }
    .button.overlayBtn{
        float:left;
    }
    .overlay.s-show{
        display: block !important;
    }
    .bottomImage.textOverImage{
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
    }
    .textBottomMobile{
        position: relative;
        float:left;
        width: 100%;
    }
    .textBottomMobile .overlay.s-show{
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        top: auto !important;
        width: 100%;
        height: auto;
    }
    .textBottomMobile.whiteTextMobile .title-overlay, .textBottomMobile.whiteTextMobile .paragraph, .textBottomMobile.textColorMobileLight .title-overlay, .textBottomMobile.textColorMobileLight .paragraph{
        color: white!important;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
    }
    .textBottomMobile.blackTextMobile .title-overlay, .textBottomMobile.blackTextMobile .paragraph, .textBottomMobile.textColorMobileDark .title-overlay, .textBottomMobile.blackTextMobile .paragraph{
        color: black!important;
    }
    .p40 .overlay, .p20 .overlay {
        position: relative;
        top: 0px!important;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .grid{
        display: block;
    }
    .grid a{
        float:left;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }
    .row-span-1, .row-span-2, .row-span-3 {
        grid-row: initial;
    }
    .col-span-1, .col-span-2 .col-span-3 {
        grid-column: inherit;
    }
    .min100 img{
        opacity: 1;
    }
    .overlay{
        position: relative;
        float: left;
        top: inherit;
        width: 100%;
        background-color: transparent;
        opacity: 1;
        padding: 10px 20px 20px 20px;
    }
    .button.overlayBtn{
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .sub-wrapper{
        width: 100%;
    }
    .sub-wrapper ul {
        min-height:10px;
    }
    .centerNav {
        float: left;
        display: block;
        margin: auto;
    }
    .navMenu li {
        float: left;
        width: 100%;
    }
    .navMenu li a{
        float: left;
        text-align: center;
        width: 100%;
        font-size: 18px;
        padding: 15px;
        border-bottom: 1px solid #eee;
    }
    .mainMenu{
        padding-bottom: 70px;
    }
    .h350{
        height: auto;
    }

    html{
        height: 100%;
    }
    .col-padding-left-big{
        padding-left: 20px;
    }
    .col-padding-right-big{
        padding-right: 20px;
    }
    .account{
        margin: 10px 0;
    }
    .fullSlider{
        height: auto !important;
    }
    .contentPage{
        display: block;
        position: relative;
    }
    .contentText {
        padding: 30px 20px 40px;
    }
    .s-hide {
        display: none!important;
    }
    .m-p0{
        padding: 0;
    }
    .faqItem {
        width: 100%;
        padding: 15px;
    }
    .faqTitle{
        display: block;
    }
    .faqImage {
        width: 100%;
    }
    .faqDetail{
        padding-left: 0;
    }
    .faqImage img{
        max-width: 100px;
        margin: auto;
        float: none;
        display: table;
    }
    .faqMainTitle{
        display: block;
        margin-top: 20px;
        float: left;
        padding-left: 0!important;
        width: calc(100% - 25px);
    }
    .faqIcon{
        position: relative;
        width: 14px;
        height: 14px;
        float: right;
        margin-top: 20px;
    }
    .m-grid-2{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .singleColumn .noBackground {
        display: block;
    }
    .p40 .overlay, .p20 .overlay{
        position: relative;
    }
    .wrapper {
        width: 100%;
    }
    .singleColumn {
        height: auto !important;
        min-height: inherit;
        display: block;
    }

    .doubleColumn {
        height: auto !important;
        min-height: 100%;
        display: table;
    }
    .singleColumn.product {
        height: auto !important;
        min-height: 100%;
        display: table;
    }
    .doubleColumn.product {
        height: auto !important;
        min-height: 100%;
        display: table;
    }
    .productColumnLeft {
        width: 100%;
        margin-top: 0px;
    }
    .logo{
        width: 120px;
        margin: 20px 5%;
    }
    .productColumnRight {
        width: 100%;
    }
    .productColumnRight .paragraph,
    .productColumnRight .detail {
        width: 100%;
    }
    .logoBrand {
        width: 280px;
    }
    .hide-mobile {
        display: none;
    }
    .equalHeight {
        height: auto!important;
    }
    .plusPackage{
        display: none;
    }
    .column-1,
    .column-2,
    .column-2-5,
    .column-3,
    .column-4,
    .column-5,
    .column-6,
    .column-7,
    .column-8,
    .column-9,
    .column-10,
    .column-11,
    .column-12 {
        width: 100%;
    }
    .col-1,
    .col-2,
    .col-2-5,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        width: 100%;
    }
    .col-inner {
        width: 90%;
        margin: 0 5%;
    }
    .usps .inner {
        width: 280px;
    }
    .slideText-usp {
        font-size: 14px;
        line-height: 2.0;
    }
    .searchBox {
        width: 90%;
        margin: 0 5%;
        float: left;
        margin-bottom: 30px;
        position: absolute;
        top: 74px;
        z-index: 100;
    }
    .searchBoxinput {
        width: 100%;
    }
    .paragraph iframe {
        width: 100%;
    }
    h1,
    .blockText {
        font-size: 23px;
        line-height: 30px;
    }
    h3 {
        font-size: 40px;
        line-height: 45px;
    }
    /*TOGGLE*/
    #toggle, #toggleExpo{
        position: absolute;
        right: 20px;
        top: 16px;
        display: block;
        width: 28px;
        height: 30px;
        padding: 18px 0!important;
    }
    #toggleExpo{
        left: 20px;
        top: 10px;
        right: auto;
    }

    #toggle span:after, #toggleExpo span:after,
    #toggle span:before, #toggleExpo span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after, #toggleExpo span:after {
        top: 9px;
    }
    #toggle span, #toggleExpo span {
        position: relative;
        display: block;
    }
    #toggle span, #toggleExpo span,
    #toggle span:after, #toggleExpo span:after,
    #toggle span:before, #toggleExpo span:before {
        width: 100%;
        height: 3px;
        background-color: #e30613;
        transition: all .3s;
        backface-visibility: hidden;
        border-radius: 2px;
    }
    #toggleExpo span,
    #toggleExpo span:after,
    #toggleExpo span:before{
        background-color: white;
    }
    #toggle.on span, #toggleExpo.on span {
        background-color: transparent;
    }
    #toggle.on span:before, #toggleExpo.on span:before {
        transform: rotate(45deg) translate(5px, 5px);
        -moz-transform: rotate(45deg) translate(5px, 5px);
        -webkit-transform: rotate(45deg) translate(5px, 5px);
        -o-transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after, #toggleExpo.on span:after {
        transform: rotate(-45deg) translate(7px, -8px);
        -moz-transform: rotate(-45deg) translate(7px, -8px);
        -webkit-transform: rotate(-45deg) translate(7px, -8px);
        -o-transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + #menu, #toggleExpo.on + .expoMenu, #toggle.on + .megaMenuOuter {
        display: block;
    }
    #menu{
        display: none;
        position: relative;
        width: 100%;
        background-color: #F7FBFC;
        top: 0px;
        z-index: 125;
        height: auto;
        left: auto;
        right: 0;
        margin: 0;
        padding: 0;
    }
    .megaMenu.extra {
        position: relative;
        width: 100%;
        top: 10px;
        left: -10px;
    }
    .megaMenu.extra .leftMegaMenu li a{
        font-size: 13px;
    }
    .expoMenu{
        display: none;
        position: absolute;
        top: 60px;
        width: 300px;
        height: calc(100vh - 60px);
        background-color: #252525;
        z-index: 125;
        left: 0;
        margin: 0;
        padding: 0;
        overflow-y: auto;
    }
    .expoMenu li{
        float:left;
        width: 100%;
    }
    .expoMenu li a{
        float: left;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid #181818;
    }
    .expoMenu li a:hover{
        border-bottom: 1px solid #181818;
        background-color: #181818;
    }
    .expoMenu li .sub{
        display: none;
        position: relative;
        float: left;
        width: 100%;
        top: 0;
        left: 0;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        border-top: 0;
    }
    .expoMenu .sub .sub{
        -webkit-transform: scaleY(1)!important;
        -ms-transform: scaleY(1)!important;
        transform: scaleY(1)!important;
    }
    .expoMenu li:last-child .sub .sub{
        right: auto;
        left: auto;
    }
    .iconArrow.subArrow.active .fa-plus:before{
        content: "\f068";
    }
    .header.scroll #menu {
        top: 0px;
    }
    #menu ul {
        margin: 0;
        width: 100%;
    }
    #menu li {
        margin-right: 0px;
        width: 100%;
        border-bottom: 1px solid #DDD;
        height: auto;
        position: relative;
    }
    #menu li a {
        width: 100%;
    }
    #menu li a:hover {
        background-color: #EEE;
    }
    #menu li a:after {
        display: none;
    }

    #menu .sub {
        top: 0!important;
        display: none;
        position: relative;
        width: 100%;
        float:left;
        height: auto;
        padding: 20px;
    }
    #menu li.withsub.selected .sub{
        display: block;
    }
    #menu .sub li{
        border: none;
    }
    #menu:hover li .sub{
        padding: 20px;
    }
    #menu li a {
        padding: 10px;
    }
    /*SLIDE*/
    .slider.full {
        height: auto;
    }
    #slides-full,
    #slides-half {
        height: auto;
    }
    #slides-full .slider {
        margin-top: 95px;
    }
    #slides-full .slider,
    #slides-full .slidesjs-container {
        min-width: 100%;
        height: auto;
        overflow: hidden;
    }
    #slides-full .slidesjs-container {
        height: auto!important;
    }
    #slides-full .slide {
        overflow: hidden;
    }

    #slides-full .slidesjs-container,
    #slides-full .slidesjs-control,
    #slides-full .slide {
        height: auto!important;
    }
    #slides-full .slideText {
        top: 40px;
    }
    #slides-full .slideInfo {
        width: 90%;
        padding: 0;
    }
    #slides-full .slidesjs-next,
    #slides-full .slidesjs-previous {
        display: none;
    }
    .slideImage {
        height: auto!important;
    }
    .contentBlockPicIMG{
        position: relative!important;
        left: 0!important;
        right: 0!important;
    }
    .textInfo {
        width: 90%;
        margin: 0 5%;
        top: 15%;
    }
    .textInfo.right {
        right: 0;
    }
    .productColumn {
        width: 48%;
    }
    .productColumn .productLabel {
        font-size:16px;
    }
    .textInfo.left {
        left: 0;
    }
    .fullSliderHalf {
        height: 200px;
    }
    .slider.fullHalf {
        height: 200px;
    }
    #slides-fullHalf img {
        width: auto;
    }
    #slides-fullHalf .slideImage {
        height: 200px;
    }
    #slides-fullHalf .slideImage img {
        min-height: 200px;
        height: 500px;
    }
    /*FILTER*/
    .leftColumn.filter {
        min-height: 50px;
        padding: 50px 20px 0 20px;
    }
    .leftColumn .paddingTitle {
        padding: 15px 0px 0!important;
    }
    .filter {
        min-height: 50px;
        padding: 0;
    }
    .filterForm {
        margin-top: 50px;
    }
    .specifications .icon {
        margin-bottom: 20px;
    }
    .alternative {
        width: 90%;
        margin: 5% 5% 0 5%;
        min-width: 200px;
    }
    .videoPlay {
        display: none;
    }
    .world-map {
        padding: 0 15px;
        width: 100%;
    }
    .world-map img {
        display: none;
    }
    .world-map a {
        width: 100%;
        position: static;
        display: block;
        padding: 0 10px;
    }
    .north-america,
    .south-america,
    .asia-and-mid-east,
    .europe,
    .africa,
    .asia,
    .australia {
        display: block;
        height: 40px;
        width: auto;
        line-height: 40px;
        margin: 0 0 5px 0;
    }
    .store-search {
        width: 280px;
    }
    .search-store {
        width: 100%;
    }
    .search-submit-store {
        margin-top: 20px;
        width: 100%;
    }
    .legend{
        left: -260px;
        width: 260px;
        top: 0;
        bottom: auto;
        background-color: white;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .legend.active{
        left: 0;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    .legend .title-2 {
        font-size: 18px!important;
    }
    #legend_info .title-2 {
        font-size: 18px!important;
        line-height: 1.2;
    }
    #dealerinfo{
        min-height: 300px;
        position: relative;
    }
    #dealer .button{
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -20px;
        border: 1px solid #e7e7e7;
        color: black;
    }
    #dealer .button:hover{
        background-color: black;
        color: white;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
    }
    #dealer{
        position: relative;
    }
    #dealer .col-7{
        width: calc(100% - 120px);
    }
    .dealerItem{
        min-height: inherit;
        padding: 15px 0px 20px 0px;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #e7e7e7;
    }
    .storeBanner.small {
        padding: 0;
    }
    #dealer .title-2 {
        font-size: 22px!important;
        line-height: 1.3;
    }
    #maps {
        height: 350px;
    }
    .mobileToggleLegend{
        cursor: pointer;
        position: absolute;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: white;
        background-color: #e30613;
        right: -53px;
        top: 60px;
        z-index: 99;
        font-size: 20px;
        display: block;
        padding: 8px;
        box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
    }
    .mobileToggleLegend:hover{
        background-color: #b7050f;
    }
    .mobileToggleLegend img{
        float: left;
        width: 100%;
    }
    .legend li {
        position: relative;
        height: auto;
        padding-left: 30px;
    }
    .contentStorelocator{
        margin-top: 68px!important;
    }
    .info-dealer {
        display: block;
        background: none;
        float: none;
        height: auto;
        width: auto;
        color: #fff;
    }
    .info-dealer span {
        display: block;
        position: static;
        width: auto;
    }
    .info-dealer span:after {
        display: none;
    }
    .store-list--title {
        display: none;
    }
    .store-list,
    .store-list--title {
        padding: 10px 0 10px 0;
        font-size: 16px;
        height: auto;
        line-height: 34px;
        font-family: 'gotham_condensedbook';
        float: left;
        width: 100%;
        border-bottom: 1px solid #E7E7E7;
    }
    .completeTitle{
        margin-top: 30px;
    }
    .slides-column .slide {
        padding: 0 20px;
    }
    .slides-column .image img{
        width: 100%;
    }
    .slides-column .image{
        width: 30%;
    }
    .slides-column .slideInfo{
        width: 70%;
        padding-left: 0px;
    }
    .finalProduct{
        position: relative;
        float: left;
        display: block;
        width: 100%;
        height: 200px;
    }
    .finalProduct img{
        max-height: 200px;
        width: auto!important;
    }
    .deliveryRight{
        padding-left: 0;
    }
    .specifications{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .profilePic {
        width: 100%;
    }

    #footer li{
        margin-bottom: 12px;
    }
    iframe{max-width: 100%;}
    #slides-video .slidesjs-next, #slides-video .slidesjs-previous{display: none;}
    .paragraph{
        font-size: 14px;
        line-height: 1.4;
    }
    .updateItem{
        margin: 5%;
        width: 90%;
    }
    .extraProduct {
        float: left;
        width: 30%;
        margin-right: 5%;
        padding: 15px;
        min-height: 400px;
    }
    .extraProduct .title {
        min-height: 50px;
    }
    .extraProduct:nth-child(3n){
        margin-right: 0px;
    }
    .extraProduct .priceOrder {
        font-size:14px;
    }

    .subAdditional {
        display: none;
        padding-top: 10px;
        margin-top: 10px;
        border-top: dotted 1px #E7E7E7;
    }

    .navAdditional{
        margin-bottom: 20px;
    }

    .navAdditional:before {
        position: absolute;
        font-family: "FontAwesome";
        content: '\f107';
        font-size: 20px;
        right: 0;
    }

    .sizeItemContainer{height: 200px;}
    .accountMenuCol{
        margin: 0px 0;
    }
    .languageCol{
        margin: 10px 0;
    }

    /* CSS Responsive table */
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr { display: block; }
    table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
    table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; float: left; width: 100%; }
    table.responsive td {border: none; float: left; width: 100%!important; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: left!important; }
    table.responsive td .inputbox{margin-top: 0;}
    table.responsive td a{margin-left: 0!important;}
    table.responsive td:before {	position: absolute;	top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word;  font-family: 'gotham_condensedbold_italic';}
    table.responsive td:before { content: attr(data-content); height: 50px; }
    table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
    table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
    table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
    .productImageCart{padding-left: 0!important;}
    .productImageCart:before{display: none;}
    .productImageCart img{
        max-width: 60%;
        float: none;
        height: auto;
        width: auto;
        margin: auto;
        display: block;
    }
    #cart-detail-totals td{
        padding: 10px 0;
    }
    #cart-detail .offsetLeft{
        margin-left: 0;
    }
    .hide-mobile{display: none;}
    .cartBtn i{margin-right: 0;}
    .redLine{display: none;}
    #menu li a{margin: 0;}
    .experiences{
        float:left;
        width: 100%;
    }
    .show-mobile{
        display: inline-block;
    }

    .languageMenu{
        width: 180px;
        right: auto;
    }
    #leftMenuContainer{
        position: relative;
        width: 100%;
        margin: 20px 0;
        float: left;
        top: 0!important;
    }
    .sub-wrapper {
        width: 100%;
    }

    .sub-wrapper-sub{
        width: 100%;
    }
    .searchStoreInput{
        width: 100%;
    }
    .searchSubmitStore{
        width: 100%;
    }
    .store-search{
        width: 100%;
    }
    .legenda-overzicht-holder{
        width: 100%;
    }
    .m-mt0{
        margin-top: 0px;
    }
    .m-mt30{
        margin-top: 30px;
    }
    .m-mb10{
        margin-bottom: 10px;
    }
    .dealerItem{
        width: 100%;
        margin: 0;
    }
    #menu div.col-1-7{
        min-height: inherit;
        width: 100%;
    }

    .accountName{
        color: #e30613;
        margin: 22px 10px 22px 5px;
    }
    .small-hide{
        display: none;
    }
    .small-show{
        display: block;
    }
    #toggle{
        position: relative;
        float: left;
        display: block;
        width: 28px;
        height: 30px;
        z-index: 200;
        left: 20px;
        right:auto;
        top: 15px;
    }
    .searchBox{
        display: none;
    }
    .searchBox.on{
        display: block;
    }
    .searchIcon {
        float: right;
        margin: 35px 15px 0px 5px;
        color: #e30613;
        font-size: 17px;
        cursor: pointer;
    }
    .cartBtn{
        padding: 0;
        margin: 32px 20px 0px 10px;
        background-color: transparent!important;
        color: #e30613;
        font-size: 17px;
    }
    .languageMenu{
        right: 0;
    }
    #toggle span, #toggle span:after, #toggle span:before{
        height: 2px;
    }
    .accountMenuCol .fa-caret-down, .accountMenuCol .fa-caret-up{
        display: none;
    }
    .languageCol .fa-caret-down, .languageCol .fa-caret-up{
        display: none;
    }
    #toggle.on + #menu {
        right: 0px;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        z-index: 20;
    }
    .header{
        position: fixed;
        min-width: 320px;
    }
    #menu{
        z-index: 20;
        width: 250px;
        right: -250px;
        margin-top: 0;
        position: absolute;
        z-index: 125;
        min-height: 100%;
        height: 100%;
        overflow: scroll;
        top: 0px;
        padding-top: 84px;
    }
    .topBar{
        z-index: 40;
    }
    #menu.on{
        right: 0;
    }
    .contentPage{
        margin-top: 113px!important;
        min-width: 320px;
    }
    .career .contentPage {
        margin-top: 62px!important;
    }
    .contentPage.expo {
        margin-top: 60px!important;
    }
    .career .header{
        height: 67px;
    }
    .logo{
        position: relative;
        z-index:200;
        margin: 22px 10px 24px 40px;
    }
    .iconArrow{
        width: 100%;
        text-align: right;
    }
    .iconArrow.subArrow{
        height: 36px;
        width: 36px;
        color: white;
        padding: 0;
        line-height: 36px;
        text-align: center;
        border-left: 1px solid #404040;
        background-color: #1d1d1d;
        display: block;
    }
    #menu li a:hover {
        background-color: transparent;
    }
    .background.doubleHeight, .backgroundNH.doubleHeight {
        height: 400px;
    }
    .doubleHeight {
        height: 400px;
    }
    .sortText{
        display: none;
    }
    .productImage{
        max-height: 250px;
        min-height:inherit;
    }

    .productColumnLeft{
        padding-right: 0;
    }

    #slides-usp .owl-buttons .owl-next{
        right: -10px;
    }
    #slides-usp .owl-buttons .owl-prev{
        left: -10px;
    }
    .productColumn.smaller{
        width: 100%;
    }

    h4{
        font-size: 26px;
    }

    #subscribe-newsletter {
        background-image:none !important;
        width:100%;
        height:300px;
    }
    #langselect {
        width:100%;
    }
    .newsletter-popup-inner {
        width:auto;
        padding:40px 10px 10px 10px;
        color:black !important;
    }
    .newsletter-popup-inner-text {
        color:black !important;
    }
    .mobileSort{
        position: absolute;
        top: 0;
        width: 50%;
        left: 0;
        z-index: 120;
    }
    .mobileSort .inputbox{
        height: 35px;
        border: 1px solid #eeeeee;
        background: #fdfdfd;
        font-size: 13px;
        margin-top: 5px;
        width: 100vw;
    }
    .sortFilter{
        width: 100%;
        min-width: 300px;
        position: relative;
        left: 0;
        top: 40px;
        background-color: white;
        z-index: 99;
        padding: 0px;
    }
    .login.registerform{
        width: 300px;
        margin-left: -150px;
        margin-top: 0px;
        height: auto;
        top: 30px;
    }
    .scroll-btn{
        top: auto;
        bottom: 30px;
    }
    .col-5-s{
        width: 41.666%;
    }
    .col-7-s{
        width: 58.333%;
    }
    .col-12-s{
        width: 100%;
    }
    .m-mt10{
        margin-top: 10px;
    }
    .m-mt20{
        margin-top: 20px;
    }
    .m-mt30{
        margin-top: 30px;
    }
    .breadCrumbsCart{
        border-bottom: 1px solid #eee;
    }
    .breadCrumbsCart li{
        padding: 8px;
        font-size: 14px;
        width: auto;
        border-bottom: none;
    }
    .breadCrumbsCart li:after{
        display: none;
    }
    .zoomContainer {
        display: none!important;
    }
    .centerNav{
        width:100%;
    }
    .m-p10{
        padding: 10px;
    }
    .athletesContainer .column-3{
        width: 100%;
    }
    .background-video {
        display: none;
    }
    .slideImage img{
        max-width: 100%!important;
    }
    #scrollToDiv{
        display: none;
        margin-top: 0;
    }
    #productinfo{
        padding-left: 0px;
        padding-right: 0px;
    }
    .detailInfo .wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    .p100-0{
        padding: 20px 0;
    }
    .p50-0{
        padding: 15px 0;
    }
    .downLink{
        bottom: 0;
    }
    .h800{
        height: 400px;
    }
    .cartBtn{
        margin: 8px 20px 0px 10px;
        height: 30px;
    }
    .accountName{
        color: #353535;
        margin: 2px 0px 6px 5px;
        font-size: 20px;
    }
    .searchIcon{
        margin: 6px 7px 0px 5px;
        font-size: 20px;
    }
    .topBar{
        background-color: transparent;
        border-bottom: 0;
        position: relative;
        right: 40px;
        width: auto;
        float: right;
        top: 12px;
        height: 68px;
    }
    .subMenuItem{
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0;
    }
    .rightMenuCol .mt20{
        margin-top: 0px;
    }
    .searchIcon{
        color: #353535;
        font-size: 20px;
    }
    .sub .wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    #toggle{
        top: 9px;
        position: absolute;
        right: 15px;
        left: auto;
    }
    #toggle span, #toggle span:after, #toggle span:before{
        background-color: #353535;
    }
    .logo {
        width: 150px;
        margin: 7px 5px 7px 19px;
    }
    .slogan {
        position: absolute;
        top: 43px;
        left: 18px;
        font-size: 10px;
        color: black;
        margin-left: 0;
        padding: 0;
    }
    .cartTopTitles{
        display: none;
    }
    .col-padding-left{
        padding-left: 0;
    }
    .col-padding-right-medium{
        padding-right: 0px;
    }
    .col-padding-left-medium{
        padding-left: 0px;
    }
    .cartItem{
        border-bottom: 1px solid #b5b5b5;
        padding-bottom: 10px;
    }
    .title-2{
        font-size: 30px!important;
    }
    .inSlide{
        position: absolute;
        background-color: transparent;
    }
    .textInfo.right, .textInfo.left{
        position: relative;
        float: left;
        width: 100%;
        height: auto;
        bottom: 0;
        top: auto !important;
        left: 0;
        right: auto;
        background-color: rgba(255, 255, 255, 0.40);
        z-index: 10;
        margin-left: 0;
        padding: 20px;
        text-align: center;
        color: black!important;
    }
    .textInfo.inSlide{
        position: absolute!important;
        bottom: 30px!important;
        background-color: transparent!important;
    }
    .textInfo.inSlide .whiteColor {
        color: white !important;
    }
    .textInfo .whiteColor {
        color: black!important;
    }
    .centerMobile{
        float: none;
        margin: auto;
        display: table;
    }
    .centerMobile .button{
        float: none;
        margin: 10px 0 0 0;
    }
    .leftMobile{
        float: left;
        width: 100%;
    }
    .paragraph.big {
        font-size: 18px;
        line-height: 1.5;
    }
    .leftMenuCol, .rightMenuCol{
        width: 100%;
        border-right: none;
    }
    #amountSmall{
        top: -11px;
        right: -8px;
    }
    .equalHeight-menuitem{
        min-height: inherit;
    }
    .equalHeight-menu{
        height: auto!important;
    }
    .overlay .title-overlay{
        font-size: 40px;
        line-height: 40px;
    }
    .textInfo .title-1{
        font-size: 30px;
        line-height: 30px;
    }
    .slideText-usp{
        font-size: 11px;
        line-height: 1.2;
        padding: 8px 10px 5px;
    }
    .parallax{
        display: none;
    }
    .completeGearSliderPopup .productColumn{
        border: none!important;
    }
    .productThumbSlide{
        display: none;
    }
    .productColumnLeft{
        border-right: 0;
    }
    .detailImage{
        width: 100%;
    }
    .textInfo{
        left: 0!important;
        right: 0!important;
    }
    .mainTitle.regularFont{
        font-size: 19px!important;
    }
    .subTitle.regularFont{
        font-size: 25px!important;
    }
    .linkBtn .regularFont{
        font-size: 19px!important;
    }
    .detailImage{
        display: none;
    }
    #slides-product{
        display: block!important;
    }
    .warranty{
        right: 0;
    }
    .warranty.small {
        width: 50px;
    }
    .p30-0-100 {
        padding: 0px 0 100px;
    }
    .threeColumn, .fourColumn{
        float: left;
        width: 100%;
        margin: 20px 0!important;
    }
    #add-cart-box{
        max-width: 100%;
    }
    .readreviews {
        margin-left: 5px;
        font-size: 10px;
        margin-top: 10px;
    }
    .productColumnRight .price, .productColumnRight .ranking, .productColumnRight .borderBottom{
        display: none;
    }
    .ui-autocomplete .autocompleteLeft {
        max-height: 60px!important;
        display: block!important;
        overflow-y: scroll;
        height: auto;
    }
    .ui-autocomplete{
        height: auto;
        max-width: 100%;
        min-width: inherit;
        width: 100% !important;
        margin: 0!important;
        min-height: inherit;
    }
    .autocompleteRightLi{
        height: 155px;
    }
    .autocompleteRight {
        height: 110px;
    }
    .autocompleteRightLastItem{
        position: sticky !important;
        position: -webkit-sticky!important;
    }
    .ui-menu {
        max-height: 249px;
    }
    .searchBoxinput{
        border-radius: 0!important;
        background-color: white;
    }
    .searchBox{
        width: 100%;
        margin: 0;
        top: 69px;
    }
    .searchBoxinput{
        height: 39px;
    }

    .searchBoxbutton{
        top: -2px;
    }
    .autocompleteLeftItem{
        font-size: 11px;
    }
    .autocompleteLeftItem a{
        padding: 7px!important;
    }
    .autocompleteRight{
        max-height: 326px;
    }
    .videoSlide{
        display: none;
    }
    .imageSliderVideo{
        position: relative;
    }
    .col-4-s{
        width: 40%;
    }
    .sizeTableButton{
        top: 0;
    }
    .sizeTableButton.noSizeSelection{
        position: relative;
        float: left;
        margin: 0;
        right: 0;
        top: 0;
    }
    #size_guide .fs30{
        font-size: 20px;
    }
    #size_guide table td, #size_guide table th{
        padding: 7px;
        font-size: 10px;
    }
    .usps{
        max-height: 40px;
    }
    #slides-usp .owl-buttons .owl-prev, #slides-usp .owl-buttons .owl-next{
        top: 0;
    }
    .slideText-usp{
        min-height: 40px;
    }
    .landingsOuter{
        max-width: 480px;
    }
    .landingMenu{
        white-space: nowrap;
    }
    .landingsOuter {
        height: auto;
        margin-top: 0;
    }
    .landingsOuter .left-pointer {
        display: block;
    }
    .landingsOuter .right-pointer {
        display: block;
    }
    .menuOuter.sub{
        margin-left: -20px;
    }
    .menuOuter.sub .landingsOuter {
        max-width: calc(100vw - 15px);
    }
    .m-p20-0{
        padding: 0 20px;
    }
    .m-p20{
        padding: 20px;
    }
    .title-menu a {
        font-size: 18px!important;
    }
    #menu .sub li a{
        font-size: 14px;
    }
    .leftMenu li a {
        font-size: 18px!important;
    }
    #menu li{
        padding: 3px 0;
    }
    .leftMenuCol{
        margin-top: 20px;
    }
    h4.update {
        position: relative;
        font-size: 21px;
        line-height: 1.3;
    }
    .leftMenuCol{
        border-left: none;
        padding-left: 0;
    }
    .blogArticle .button{
        padding: 7px 10px;
        font-size: 14px;
        line-height: 1.2;
        min-height: inherit;
        height: auto;
    }
    form .col-padding-small{
        padding: 0;
    }
    form .mt10{
        margin-top: 5px;
    }
    .cartdetailMobile .mt10{
        margin-top: 5px;
    }
    .cartdetailMobile .inputbox{
        margin-top: 0;
        margin-bottom: 0;
    }
    .cartdetailMobile .col-padding-small{
        padding: 0;
    }
    .productVariant{
        margin: 0;
    }

    .noPaddingMobile{
        padding: 0;
    }
    .labelMobileMenu {
        display: block;
        font-size: 10px;
        text-align: center;
        color: black;
        font-family: 'gotham_book';
        text-transform: none;
        position: relative;
        margin-top: 5px;
    }
    .centerMobile{
        text-align: center;
        display: table;
        width: auto;
        margin: auto;
    }
    .accountLabel{
        margin-top: 9px;
    }
    .cartLabel{
        margin-top: 23px;
    }
    .menuLabel{
        position: absolute;
        right: 10px;
        width: 40px;
        top: 39px;
    }
    .cartCol{
        margin-top: 0;
    }
    #cart-detail{
        float: left;
        width: 100%;
    }
    .cartItem{
        margin-bottom: 20px;
        margin-top: 0;
    }
    .maincart h1.title-3{
        margin-bottom: 0;
    }
    .innerCart .fs18{
        font-size: 14px;
    }
    .innerCart .borderBottomThick {
        border-bottom: 1px solid black;
    }
    .deleteTrashIcon{
        left: 32%;
    }
    .no-offsetMobile{
        margin: 0;
    }
    .cartScroll{
        display: none;
    }
    .cartScroll.active{
        display: block;
        width: 100%;
        min-width: 320px;
        z-index: 900;
        background-color: white;
        padding: 15px;
        position: fixed;
        bottom: 0;
        left: 0;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    }
    .cartScrollLeft{
        float:left;
        width: calc(100% - 200px);
    }
    .cartScrollLeft .button{
        font-size: 15px;
        padding: 7px;
        line-height: 1;
    }
    .productSubName{
        width: 100%;
    }
    .productStocks {
        width: 100%;
        text-align: left;
        margin-top: 5px;
    }
    .iframeMovie iframe{
        min-height: 200px;
    }
    .countryLink {
        float: none;
        width: 49%;
        display: inline-block;
        padding: 10px;
    }
    .noBackground{
        height: auto!important;
        min-height: inherit!important;
    }
    .noBackground .overlay{
        padding: 40px 20px 40px 20px;
    }
    .vimeoSlider {
        width: 100%;
        padding-top: 74.5%;
    }

    .autoColumn {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -moz-column-gap: 0px; -webkit-column-gap: 0px; column-gap: 0px;}


    .responsiveTables {
        border: 0;
    }

    .responsiveTables caption {
        font-size: 1.3em;
    }

    .responsiveTables thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .responsiveTables tr {
        border: 1px solid black;
        display: block;
        margin-bottom: .625em;
    }

    .responsiveTables td {
        border: none;
        display: block;
        font-size: .9em;
        text-align: right;
        padding: 0 5px;
    }

    .responsiveTables td::before {
        /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: black;
    }

    .responsiveTables td:last-child {
        border-bottom: 0;
    }

    .responsiveTablesHeader{
        display: none !important;
    }
    .tableBorder tr td{
        border-bottom: none;
        padding: 3px;
    }
    .fullTableMobile td{
        width: 100%!important;
        display: block;
    }
    .megaMenuOuter{
        position: absolute;
        top: 55px;
        background-color: #F7FBFC;
        width: 250px;
        right: 0;
        z-index: 199;
        height: calc(100vh - 55px);
        display: none;
        overflow-y: scroll;
    }
    .leftMegaMenu{
        min-height: inherit;
    }
    .menuItem{
        width: 100%;
        margin-right: 0;
        border-bottom: 1px solid #dddddd;
        position: relative;
    }
    .fourColumnMenu {
        float: left;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .fiveColumnMenu {
        float: left;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .fiveColumnMenu, .fourColumnMenu {
        float: left;
        width: 100%!important;
    }
    .underMenu {
        top: 10px;
        position: relative;
        float: left;
        margin-bottom: 0px;
        left: -10px;
        width: calc(100% + 20px);
    }
    .menuItem:hover {
        border-bottom: 1px solid #dddddd;
    }
    .menuItem:hover .underMenu{
        display: none;
    }
    .megaMenuOuter .menuItem:last-child{
        margin-bottom: 70px;
    }
    .megaMenuOuter .menuItem .fiveColumnMenu:last-child{
        margin-bottom: 0;
    }
    .iconArrow{
        padding: 10px;
    }
    .overlayMenu.open{
        display: none;
    }
    h2.grey {
        padding: 0!important;
    }
    .blogArticle table td{font-size: 9px;}
    .col-padding-mobile-0{
        padding: 0;
    }
    .newProductLine td:first-child {
        width: 30px;
        float:left;
    }
    .newProductLine td:nth-child(2){
        float: left;
        width: calc(100% - 30px);
    }
    .m-textLeft{
        text-align: left!important;
    }
    .w300{
        width: 300px!important;
    }
    .m-nobackImage{
        background-image: none!important;
    }
    .gridLeft{
        margin-top: 0px;
        width: 100%;
        height: auto!important;
    }
    .gridRight {
        float: left;
        width: 100%;
        height: auto!important;
    }
    .gridRightItem{
        margin-top: 30px;
        width: 100%;
        height: auto!important;
    }
    .gridRightItem:nth-child(2n) {
        margin-top: 30px;
    }
    .gridText.right {
        left: 30px;
        right: auto;
    }
    .gridText.top {
        bottom: 30px;
        top: auto;
    }
    .linkBtn .button.overlayBtn {
        top: 0px;
    }
    .bottomImage .whiteColor, .bottomImage .paragraph, .bottomImage .viewmore{
        color: black!important;
    }
    .bottomImage.textOverImage .whiteColor{
        color: white!important;
    }
    .bottomImage .viewmore{
        border-bottom: 1px solid black;
    }
    .fs40 {
        font-size: 30px;
    }
    .paragraph.medium {
        font-size: 16px;
    }
    .mb50{
        margin-bottom: 25px;
    }
    .p50-0{
        padding: 20px 0;
    }
    #blogSlidernoSlider .item {
        width: 100%;
    }
    .sizeColumn{
        font-size: 12px
    }
    .sizeList li{
        line-height: 1;
    }
    .sizeList .stock, .sizeColumnSelected .stock{
        font-size: 10px;
        line-height: 1;
    }
    .sizeColumnSelected .stock.soon, .sizeColumnSelected .stock.out{
        margin-top: 2px;
    }
    .sizeList .stock.soon:after, .sizeColumnSelected .stock.soon:after {
        top: 5px;
        width: 8px;
        height: 8px;
    }
    .sizeList .stock.out:after, .sizeColumnSelected .stock.out:after {
        top: 5px;
        width: 8px;
        height: 8px;
    }
    .sizeList .stock:after, .sizeColumnSelected .stock:after {
        top: 4px;
        left: -11px;
        font-size: 12px;
    }
    .noBackground {
        min-height: inherit!important;
    }
    .sizeTableBtn.noSizeSelection{
        position: relative;
        float: left;
        margin: 0;
        right: 0;
        top: 0;
    }
    .m-flexColumn{
        flex-direction: column;
    }
    .m-flexColumnRev {
        flex-direction: column-reverse;
    }
    .bottomFooterMenu a, .bottomFooterMenu span {
        text-align: center;
    }
    .bottom-footerCenter{
        margin-left: 0px;
    }
    .marketingTextPostion0, .marketingTextPostion1, .marketingTextPostion2, .marketingTextPostion3{
        position: relative;
        float: left;
        padding: 30px 0 40px 0!important;
    }
    .marketingTextPostion0 span, .marketingTextPostion1 span, .marketingTextPostion2 span, .marketingTextPostion3 span{
        color: black!important;
        width: 100%;
        text-align: center!important;
    }
    .s-hideI{
        display: none!important;
    }
    .s-showI{
        display: block!important;
    }
    .marketingSliderMobile .owl-pagination{
        bottom: -30px!important;
        top: auto;
    }
    .marketingSliderMobile .owl-controls .owl-page span {
        background-color: #d8d8d8;
    }
    .darkMode .overlay, .darkMode.touch .overlay{
        background-color: black;
    }
    .darkMode .mainTitle, .darkMode .paragraph{
        color: white!important;
    }
    .linkBtn.leftDiv, .linkBtn.rightDiv, .linkBtn.centerDiv{
        width: 100%;
    }
    .linkBtn.centerDiv a {
        margin-right: 5px;
        margin-top: 5px;
    }
    .linkBtn a{
        width: calc(33.33% - 10px);
        font-size: 18px!important;
        white-space: nowrap;
        padding: 10px 15px!important;
    }
    .gallery-main {
        width: 100%;
    }
    /*.overlayText {
        position: relative;
        bottom: auto;
        left: auto;
        padding: 0px;
        margin: 10px 0 20px 0;
    }*/
    .overlayText{
        padding: 10px 10px 5px 10px!important;
    }
    .swiper-button-next, .swiper-button-prev{
        display: flex;
    }
    .warningMessageMobile{
        display: block;
    }
    .warningMessage{
        display: none;
    }
    .gallery-thumbs{
        display: none!important;
    }
    .owl-productpage .owl-nav .owl-next{
        right: -10px;
    }
    .owl-productpage .owl-nav .owl-prev{
        left: -10px;
    }
}
@media screen and (max-width: 500px) {
    .productColumn {
        min-height: 470px;
        height: auto!important;
    }
    .topImage{
        display: none;
    }
    .centerNav{
        width: 100%;
    }
    .fullSlider.sub .textInfo{
        display: none;
    }
    .background-video {
        display: none;
    }
    .col-padding-right{
        padding-right: 0;
    }
    .col-padding-left{
        padding-left: 0;
    }
    .title-3{
        font-size: 22px!important;
    }
    .productColumnRight h1 {
        font-size: 22px;
    }
    .completeGearSlider .owl-buttons{
        display: none;
    }
    .withBasket.basketDU {
        font-size:20px;
    }
    .landingsOuter{
        max-width: 420px;
    }
    #add-cart-box .message-ok{
        font-size: 12px;
        margin-bottom: 0px;
    }
    #add-cart-box h2{
        font-size: 13px;
        line-height: 1;
    }
    #add-cart-box .owl-nav{
        display: none !important;
    }
    .productInfo{
        padding: 10px 0px;
    }
    #add-cart-box .productPrice{
        font-size: 19px;
    }
    #add-cart-box .button.small {
        font-size: 15px;
        line-height: 20px;
        padding: 7px;
        margin: 5px 0 !important;
    }
    .inputTitle{
        font-size: 16px;
        line-height: 16px;
    }
    .input{
        padding: 5px;
    }
    input[type="radio"].custom:not(:checked) + label, input[type="radio"].custom:checked + label{
        font-size: 12px;
        padding-top: 3px;
    }
    input[type="checkbox"].custom:not(:checked) + label, input[type="checkbox"].custom:checked + label{
        font-size: 12px;
        padding-top: 3px;
    }
    form.reviewForm .mt10{
        margin-top: 5px;
    }
    .usp .text{
        font-size: 11px;
    }
    .uspItems li .icon {
        font-size: 12px;
    }
    .uspItems li{
        margin-right: 0;
    }
    .slogan {
        position: absolute;
        top: 43px;
        left: 18px;
        font-size: 10px;
        color: black;
        padding: 0;
        margin-left: 0;
        width: 150px;
    }
    .bottomFooterText{
        font-size: 17px;
    }
    .bottomFooterMenu li {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        text-align: center;
        line-height: 2;
    }
    #salesrep_link {
        width: 35px;
        height: 120px;
        font-size: 16px;
        letter-spacing: 1px;
        padding: 5px 10px;
    }

    #salesrep_link span {
        width: 120px;
        margin-left: -53px;
        margin-top: 46px;
    }
    .addCart{
        right: 10px;
    }
    .kioskRight {
        width: 100%;
    }
    #slides-product .afterImage img{
        max-height: 100%;
        max-width: 100%;
        position: relative;
        margin-top: -100%;
        transform: none!important;
        left: 0;
    }
}
@media screen and (max-width: 434px) {
    .scroll-btn{
        display: none;
    }
    .account{
        margin: 0px;
    }
    .productName {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0;
    }
    .navMenu{
        display: none;
    }
    .productColumn {
        min-height: 380px;
    }
    #add-cart-box .productColumn{
        min-height: inherit!important;
    }

    #slides-full .slide img{
        height: auto;
        float:left;
        width: 100%;
        left: 0;
        right: 0;
    }
    .textInfo.right, .textInfo.left{
        background-color: white;
    }

    .fullSlider{
        background-color: white;
    }
    #slides-full .slide {
        height: auto!important;
    }
    #slides-full.sub .slide {
        height: 400px!important;
    }
    .slider.full{
        height: auto;
    }
    .textInfo.right, .textInfo.left{
        padding: 35px 0;
    }
    .overlay{
        background-color: white;
    }
    h3.black, h3.white,h4.black, h4.white{color: black!important;}
    .fullSlider h3{
        float: left;
        position: relative;
        font-size: 30px;
        font-family: 'gotham_condensedbook_italic';
        text-align: center;
        width: 100%;
        z-index: 5;
        color: #323232;
        line-height: 32px;
        letter-spacing: 0.4px;
        text-transform: none!important;
    }
    .fullSlider h4{
        float: left;
        width: 100%;
        text-align: center;
        color: black;
        font-size: 18px;
        line-height: 1.5;
        font-family: 'gotham_condensedlight';
        margin: 10px 0;
        text-transform: none!important;
    }
    .fullSlider .redFull{
        padding: 15px;
        float: none;
        font-size: 24px;
        line-height: 24px;
        display: block;
        width: 250px;
        text-align: center;
        margin: 0 auto;
    }
    .background-video {
        display: none;
    }
    .video{
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
    }
    .overlay .paragraph {
        font-size: 16px;
        line-height: 26px;
    }
    .ui-menu{
        max-height: 249px;
    }
    #add-cart-box{
        width: 300px;
    }
    .landingsOuter{
        max-width: 350px;
    }
    #blogSlidernoSlider .item{
        width: 100%;
    }
    .expoMenu li {
        margin-right: 0px;
    }
    .topMenu li a {
        font-size: 12px;
    }
    .expoFooter .paragraph{
        font-size: 12px;
        margin-top: 5px;
    }
    .footerLandingsMenu li a {
        font-size: 11px;
    }
    .buttonsExpo .button{
        padding: 10px;
        font-size: 20px;
        height: auto;
        line-height: inherit;
    }
    .leftForm {
        float: left;
        width: 100%;
        line-height: 20px;
    }
    .rightForm {
        padding-left: 0;
        float: left;
        width: 100%;
        margin-top: 4px;
    }
    .withBasket{
        padding: 7px!important;
        font-size: 14px!important;
    }
    .withBasket:before{
        display: none;
    }
    .productTitle {
        font-size: 17px !important;
    }
    .maincart .stock {
        margin: 5px 14px 10px 14px!important;
    }
}
@media screen and (max-width: 450px) {
    .button.redFull.withBasket{
        font-family: 'gotham_bold';
        text-transform: none;
        font-size: 12px!important;
        letter-spacing: 0;
        padding: 0px!important;
        width: calc(100% - 70px);
        height: 50px;
        line-height: 1.3;
    }
}
@media screen and (max-width: 390px) {
    .linkBtn a{
        font-size: 15px!important;
        padding: 7px 12px!important;
    }
    .productColumn {
        min-height: 380px;
    }
    .scroll-btn{
        display: none;
    }
    .background-video {
        display: none;
    }
    .noReview img{
        float: left;
        width: 100%;
    }
    .cartScrollLeft {
        float: left;
        width: calc(100% - 100px);
    }

}
@media screen and (max-width: 380px) {
    .logo {
        width: 125px;
        margin: 12px 5px 11px 19px;
    }
}
@media screen and (max-width: 370px) {
    .currentLanguage img {
        float: left;
        width: 19px;
        margin-top: 4px;
        margin-right: 5px;
    }
    .currentLanguage{
        margin: 22px 8px 22px 0px;
    }

    .searchBox{
        width: 96%;
        margin: 0 2%;
        top: 74px;
    }
    .productColumn {
        min-height: 380px;
    }
    .background-video {
        display: none;
    }
    .landingsOuter{
        max-width: 320px;
    }
    .slogan {
        top: 35px;
        left: 18px;
        font-size: 8px;
        width: 90px;
    }
    .sizeSelect .floatRightI{
        max-width: 165px;
    }
    .sizeList .stock.soon:after, .sizeColumnSelected .stock.soon:after {
        top: 0;
        margin-left: -10px;
    }
    .sizeList .stock.out:after, .sizeColumnSelected .stock.out:after {
        top: 0;
        margin-left: -10px;
    }
}
@media screen and (max-width: 340px) {
    .landingsOuter{
        max-width: 300px;
    }
    .logo {
        width: 110px;
        margin: 16px 5px 12px 19px;
    }
    .mb50{
        margin-bottom: 20px;
    }
}
