/*==========================================
*** SHELL STYLES
==========================================*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

a {color:#ffffff; text-decoration:none; outline: none !important;}
.nomargin {margin:0 !important;}
.clear { clear:both;}
.display {display:block !important;}


::-webkit-input-placeholder {
   color:#888888;
}

:-moz-placeholder { /* Firefox 18- */
   color:#888888;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#888888; 
}

:-ms-input-placeholder {  
   color:#888888;  
}

#uspAll #usp1 a, #uspAll #usp2 a, #uspAll #usp3 a {line-height: 18px;}

/*==========================================
*** PAGE STYLES
==========================================*/

.m {padding:150px 0;}
.light-blue {background-color:#699dd6; color:#FFF;}
.dark-blue {background-color:#5c8bbd; color:#FFF;}
.orange {background-color:#f6a155; color:#FFF;}
.brown {background-color:#664645; color:#FFF;}
.green {background-color:#6c9378; color:#FFF;}
.dark-gray {background-color:#3d3c44; color:#FFF;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.f-left {float:left;}
.f-right {float:right;}
.last {margin-right:0;}


/* Shop by Category */
.shopByCategory__select__header {
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    width: 35%;
}

.shopByCategory__select__header h3 {
    padding: 17px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bolder;
    text-transform: uppercase;
}

.shopByCategory__select__header span {
    font-size: 47px;
    text-transform: uppercase;
    top: 2px;
}

.shopByCategory__images {
    margin-top: 3px;
    margin-bottom: 20px;
    display: none;
    justify-content: space-between;
}

.shopByCategory__images.open {
    display: flex;
}

.shopByCategory__image {
    width: 19%;
    position: relative;
}

.shopByCategory__image a {
    display: block;
    border: 1px solid #fff;
    width: 40%;
    margin: 0 auto;
    margin-top: 14px;
    font-weight: bolder;
    padding: 8px 0;
}

.shopByCategory__image img {
    max-width: 100%;
}

.shopByCategory__image__overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 99%;
    background-color: rgba(0, 0, 0, 0.7);
}

.shopByCategory__image:hover .shopByCategory__image__overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.shopByCategory__image__overlay h3 {
    font-size: 23px;
    color: #fff;
}






section.main {padding:40px 0 60px; font-size:15px; line-height:22px;}
section.main.no-padding {padding:0;}
section.main h1 {font-size:50px; font-weight:normal; line-height:55px; margin:0 0 25px 0; padding:0;}
section.main h2 {font-size:30px; font-weight:normal; line-height:35px; margin:0 0 20px 0; padding:0;}
section.main h3 {font-size:19px; font-weight:normal; line-height:25px; margin:0 0 5px 0; padding:0;}
section.main p {margin-bottom:0 !important;}

.wrapper {max-width: 1380px;margin:0 auto;position:relative;}
.wrapper .padding {padding:0 145px;}
.pages .wrapper {max-width:1160px; margin:0 auto;}
.clear{clear: both;}

section.box {width:100%;}
section.box .wrapper {width:85%;height:auto;background-color:#FFF;text-align:center;}

section.features {width: 100%;}
section.features .wrapper {width: 85%;color: #444444;font-size: 13px;padding-bottom: 0px;}

section.brands {width: 100%;}
section.brands .wrapper {width: 85%;   font-size: 13px;  padding-bottom: 0px;}

section.meets {width: 100%;background-color:#f5f5f5;}
section.meets .wrapper {width: 85%;   font-size: 13px;  padding-bottom: 0px;}

.title-container h2 {font-size:30px;text-transform:uppercase;margin:0 0 16px 0;font-weight: 700;}
.first-container{width:100%; height:auto; background: #FFF; float: left; padding: 0px; margin: 0px; }
.first-inner-container{width:100%;height: 45px;float: left;padding: 0px;margin: 0px;border-bottom: 1px solid #969696;}
.first-inner-container ul{width:100%;height:40px;float: left;margin-top: 10px;}
.first-inner-container ul li{text-align:left;background-repeat:no-repeat;display:inline;padding: 5px 0px 0px 5px;margin: 0px;}
.first-inner-container ul li a{color:#000; font-weight: bold; font-size:20px;}
.first-inner-container ul li a:hover{color:#444;}
.second-inner-container{width:100%; height:auto; float: left; padding: 0px; margin: 0px; }
.second-inner-container ul{width:100%;height:auto;float: left;padding: 0px;margin-top: 15px;}
.second-inner-container ul li{width: calc(20% - 3px);position:relative;height:auto;display:inline-block;font-weight: bold;margin: 0px 0px 0px 0px;}
.second-inner-container ul li:last-child {padding-right: 0px;}
.second-inner-container ul li:first-child {padding-left: 0px;}
.img-responsive {display: block;height: auto;max-width: 100%;}
.content-main .img-responsive {max-width: 85%;}
.image-container{width:100%;height:auto;float: left;padding: 0px;margin: 0px;background-repeat:repeat;}
.slider-container-main{width: 100%;height: auto;float: left;padding: 0px;margin-top: 0;margin-bottom: 0px;}
.slider-container-inner{width: 100%; height: auto; float: left; padding: 0px; margin: 0px;}
.slider-container-inner .slide{width: 100%;padding: 0px;float: left;}
.slider-container-inner .slide img{width: 100%;padding: 0px;float: left;}

.slider-container-inner .slide .btn1{display: block;background: black;min-height: 35px;line-height: 35px;z-index: 4;right: 31%;bottom: 23%;position: absolute;padding: 0px 25px 0px 25px;color: white;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.slider-container-inner .slide .btn2{display: block;background: black;min-height: 35px;line-height: 35px;z-index: 4;right: 18%;bottom: 23%;position: absolute;padding: 0px 25px 0px 25px;color: white;text-transform: uppercase;font-size: 14px;font-weight: 600;}

.slider-container-inner .slide .btn3{display: block;background: white;min-height: 35px;line-height: 35px;color: black;z-index: 4;left: 31%;bottom: 23%;position: absolute;padding: 0px 20px 0px 20px;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.slider-container-inner .slide .btn4{display: block;background: white;min-height: 35px;line-height: 35px;color: black;z-index: 4;left: 16%;bottom: 23%;position: absolute;padding: 0px 20px 0px 20px;text-transform: uppercase;font-size: 14px;font-weight: 600;}

.slider-container-inner .slide .btn5{display: block;background: white;min-height: 35px;line-height: 35px;color: black;z-index: 4;right: 31%;bottom: 23%;position: absolute;padding: 0px 10px 0px 10px;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.slider-container-inner .slide .btn6{display: block;background: white;min-height: 30px;line-height: 35px;color: black;z-index: 4;right: 14%;bottom: 23%;position: absolute;padding: 0px 10px 0px 10px;text-transform: uppercase;font-size: 14px;font-weight: 600;}

.align-center {position: absolute;left: 50%;-webkit-transform: translateY(0%) translateX(-50%);-ms-transform: translateY(0%) translate(-50%);transform: translateY(0%) translate(-50%);}
.align-center2 {position: relative;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translate(-50%);transform: translateY(-50%) translate(-50%);}
.closeVideo {position: fixed;top: 5%;right: 5%;color: #fff;font-size: 14px;font-weight: bold;padding: 1%;border: 1px solid #fff;cursor: pointer;}
#curalate-fan-reel-wrapper{margin-bottom: 30px !important;} 
.btn-con {width: 80%;height: 50px;position: absolute;bottom: 20%;z-index: 999;}
.btn-con.right {right: 10%;}
.btn-con.right .btn {padding: 10px 20px; margin: 0 10px;float:right;font-weight: 600;}
.btn-con.left {left: 21%;}
.btn-con.left .btn {padding: 10px 20px;margin: 0 10px;float:left;font-weight: 600;z-index: 999;}
.btn-con .btn {
    padding: 10px 20px;
    font-size: 12px
}
.btn-con .btn.white{background: white; color: black;}
.btn-con .btn.black{background: black; color: white;}

.slider-container-inner .slide .slide-inner-content{width: 100%; height: auto; padding: 0px; float: left;  position: relative; margin-top: -400px; z-index: 9999;}
.slider-container-inner .slide .slide-inner-content .support{width:40%; float: right; margin:0px; padding:0px; }
.slider-container-inner .slide .slide-inner-content .support h2{width: 100%; color:#fff; background: url('https://jdsports-client-resources.co.uk/jdsports-client-resources/desktop_resources/sports-hub/img/banner-txt-jd-logo.png') 12% 0%; background-repeat:no-repeat; text-align: center;  font-size: 50px; height: 70px;  padding-top: 30px; padding-left:30px;font-weight: 700;}
.slider-container-inner .slide .slide-inner-content .support p{width: 85%; color:#fff; text-align: center;  font-size: 14px; float: left; padding: 20px 30px 0px 30px; font-weight: 400;}
.slider-container-inner .slide .slide-inner-content .support .btn{ width: 30%; height: 30px;background: #fff;     margin-left: 15%;color: #ffffff; text-align: center; padding:8px 0px 0px 0px;  font-weight: 400; font-size: 14px; float: left; margin-top: 50px;}
.slider-container-inner .slide .slide-inner-content .support .btn a{color: #000;  font-weight: 700; font-size: 14px; text-decoration:none; cursor: pointer;}
.slider-container-inner .slide .slide-inner-content .support .last{margin-left: 40px;}



.brands-container {
    width:100%; 
    padding: 0px; 
    margin: 0px; 
    margin-top: 40px;
}

.brands-container-mdl {
    width:100%; 
    height: auto; 
    margin-top: 0px; 
    padding: 0px; 
}
.brands-inner-container {
    width:100%; 
    height:auto; 
    padding: 0px; 
}
.brands-inner-container ul {
    width:100%; 
    height:auto; 
    padding: 0px; 
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.brands-inner-container ul li { 
    display:inline;  
    font-weight: bold; 
    font-size:30px; 
    text-align:left; 
    padding: 0px 0px 0px 0px; 
    margin: 0px;
}
.brands-inner-container ul li:first-child {
    padding-top: 10px !important;
}


.brands-container-rgt { 
    width: 270px;
    padding: 0px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.brands-container-rgt .viewall {
    margin: 0px 0px 0px 0px;
    color:#ffffff;
    border: 1px solid #000;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
}
.brands-container-rgt .viewall a {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 20px;
    display: block;
    color: #000;
}

.tabs-container{width:100%; height:auto; background: #FFF; float: left; padding: 0px; margin: 0px; }
.tabs-container h2{width: 100%;color:#000000;text-align: center;font-size: 40px;padding-top: 30px;font-weight: 700;}
.tabs-inner-container {width:100%;height:auto;float: left;padding: 0px;margin-top: 40px;}
.tabs-inner-container ul{width: 40%;height:50px;padding: 0px 0px 0px 0px;margin:0px auto;}
.tabs-inner-container ul li {
    cursor:pointer;
    display:inline;
    font-weight: 700;
    line-height: 35px;
    font-size:15px;
    text-align:center;
    margin: 0px;
    border: 1px solid #000000;
    padding: 15px 35px;
}
.active{ cursor:pointer; background: #000000; color: #ffffff;}
.tabs-slide-container{width:100%;height:auto;float: left;padding: 0px;margin-top: 0px;margin-bottom: 0px;}

.tabs-slide-slick-container{width: 100%; height: 450px !important; float: left; }
.tabs-slide-slick-container a img{width: 100%; height: auto; background-position: 100% 100%;}
.tabs-slide-slick-container a h1{font-size: 17px; color: #000;  text-transform: uppercase; font-weight: 700;}
.tabs-slide-slick-container a h4{font-size: 12px; color: #000; text-transform: uppercase; font-weight: 400;}
.tabs-slide-slick-container a .price{font-size: 15px; color: #000;  text-transform: uppercase; font-weight: 400;}
.tabs-slide-slick-container a .btn,
.tabs-slide-slick-container .itemQuickView {
    font-size: 13px; 
    font-weight:700; 
    color: #000; 
    text-transform: uppercase; 
    width: 95%; 
    border:1px solid #000; 
    text-align: center; 
    display: inline-block; 
    padding: 3px 0px 3px 0px;  
    margin: 10px 0px 10px 0px
}

.tabs-slide-slick-container .itemQuickView svg {
    display: inline-block;
    vertical-align: middle;
}



.meets-container{width:100%; height:auto;  background: url('https://jdsports-client-resources.co.uk/jdsports-client-resources/desktop_resources/sports-hub/img/bg-repeat-image-slider.png'); background-repeat:repeat;  float: left; padding: 0px; margin: 0px; }
.meets-container h2{width: 100%;color:#000000;text-align: center;font-size: 40px;padding-top: 40px;font-weight: bolder;}
.meets-container h2 img{display: inline-block !important;}
.meets-container p{width: 100%;color:#000000;text-align: center;font-size: 16px;padding-top: 25px;font-weight: 500;}
.meets-slide-container{width:100%;height: 330px;float: left;padding: 0px;margin-top: 0px;margin-bottom: 0px;}
.center .slick-active{cursor: pointer;}
.center .slick-current img { transform: scale(1.3) !important; -webkit-transform: scale(1.3) !important;     margin-top: -5px; box-shadow: 1px 1px 7px 2px #666; filter: none !important; padding:0px 0px 0px 0px; float: left; position: relative; z-index: 999;}
.center .slick-current{cursor:pointer;}
.center h5 {font-size: 17px; color: #000; text-transform: uppercase;font-weight: 500; text-align: center; padding-top: 20px;}
.center .slick-current h5 {float: left;background-repeat:no-repeat;font-size: 18px;color: #000;text-transform: uppercase;font-weight: 700;text-align: center;width:100%;padding: 60px 10px 10px 10px;}
.center .slick-prev.slick-arrow {left: -60px;}
.center .slick-next.slick-arrow {right: -60px;}
.center p {font-size: 11px;width: 80%;margin: 0 auto;text-align: center;}
.close {
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.flexWrap {
    display: flex;
}

.explore-container{width:100%; height:auto;  background: url('https://jdsports-client-resources.co.uk/jdsports-client-resources/images/2017/07-11/1122-41-temp-bg.png'); background-repeat:no-repeat; background-size: 100% 100%; padding: 0px; margin: 0px; }

.explore-container_left,
.explore-container_right {
    margin: 50px 0;
}

.explore-container_left img {
    height: 34%;
}

.explore-container_left_btm{
    width: 100%;
    height: 66%;  
    background: #f2f2f2; 
    padding: 0px; 
    margin-top:0px; 
    float: left
}
.explore-container_left_btm img{margin: 0px auto; margin-top: 50px; margin-bottom: 40px;}
.explore-container_left_btm p{color:#000;text-align: center; width: 80%; padding: 0px; margin: 0px auto; font-weight: 500; font-size: 14px;}
.explore-container_left_btm .but{width: 130px;height: 30px;background: #000000;color: #ffffff;text-align: center;line-height: 30px;font-weight: 400;font-size: 14px;margin: 0px auto;margin-top: 50px;}
.explore-container_left_btm .but a{color: #ffffff; font-weight: 400; font-size: 14px; text-decoration:none; cursor: pointer;}

#slider1{float: left; width: 100%; padding:0px; margin:0px;}

.btn{text-transform:uppercase}

.tooltip {position: absolute;bottom: 50%;left: 20%;width: 20px;height: 20px;z-index: 9;background: #000;display: inline-block;border: 2px solid #fff;border-radius: 10px;}
.tooltip .tooltiptext {visibility: hidden;display: block;width: 220px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);color: #000;text-align: center;padding: 5px 0 0;position: absolute;z-index: 79;top: -500%;right: 75%;opacity: 0;transition: opacity 1s;}
.content-lft .tooltip {left: 80% !important;}
.content-lft .tooltip .tooltiptext {visibility: hidden;display: block;width: 220px;background-color: rgba(255, 255, 255, 1);box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);color: #000;text-align: center;padding: 5px 0 0;position: absolute;z-index: 79;top: -500%;right: -220px;opacity: 0;transition: opacity 1s;}
.content-lft .tooltip .tooltiptext img {width: 40%;float: left;}
.content-lft .tooltip .tooltiptext .popup-title {display: block;width: 54%;margin-left: 6%;text-align: left;float: left;font-size: 14px;font-weight: bold;}
.content-lft .tooltip .tooltiptext p {display: block;width: 54%;margin-left: 6%;float: left;text-align: left;font-size: 14px;font-weight: 400;}
.content-lft .tooltip .tooltiptext .was {font-size: 14px;color: grey;text-decoration: line-through;}
.content-lft .tooltip .tooltiptext .now {font-size: 14px;color: red;font-weight: bold;display: block;text-align: left;margin-top: 92px;width: 54%;margin-left: 6%;text-decoration: none !important;}
.tooltip .tooltiptext img {width: 40%;float: left;}
.tooltip .tooltiptext .popup-title {display: block;width: 60%;text-align: left;float: left;font-size: 14px;font-weight: bold;}
.tooltip .tooltiptext p {display: block;width: 60%;float: left;text-align: left;font-size: 14px;font-weight: 400;}
.tooltip .tooltiptext .was {font-size: 14px;color: grey;text-decoration: line-through;}
.tooltip .tooltiptext .now {font-size: 14px;color: red;font-weight: bold;display: block;text-align: left;margin-top: 92px;text-decoration: none !important;}
.tooltip .tooltiptext .quickBuyOption {float: left;margin-top: 10px;}
.tooltip .tooltiptext .itemQuickView {background: #000;color: #fff;height: 40px;line-height: 30px;border: none;}
.tooltip .tooltiptext svg {display: none;}
.content-lft .tooltip .tooltiptext::after {content: "";position: absolute;top: calc(50% - 3px);right: 100% !important;margin-right: 0px;border-width: 5px;border-style: solid;border-color: transparent #ffffff transparent transparent;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: calc(50% - 3px);right: 0%;margin-right: -10px;border-width: 5px;border-style: solid;border-color: transparent transparent transparent #ffffff;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

.quickBuyOption {display: block;width: 100%;margin: 0 auto;}


a svg {display: inline-block;vertical-align: middle;}

.store-container{width:100%; height:auto; background: #fff !important; float: left; padding: 0px; margin-top: 15px; }
.store-content-top{width: 100%; margin: 0px auto; padding:0px; margin: 0px; float: left;}
.store-content-top p{color: #000000;text-align: center;font-size: 16px;padding-top: 40px;font-weight: 300;margin-bottom: 30px;float: left;width: 100%;}
.store-content-top h2{color: #000000;text-align: center;font-size: 40px;padding-top: 10px;font-weight: 900;margin-bottom: 10px;float: left;width: 100%;}
.store-content{width:33%; height:auto; float: left; padding: 0px 3px 0px 0px; margin: 0px; }
.store-inner-content{width:100%; height:auto; float: left; padding: 0px 0px 0px 0px; margin: 0px; background: #ffffff;}
.store-inner-content h2{color: #000000;  text-align: center; font-size: 22px; padding-top: 10px;  font-weight: 700; float: left; width: 100%; position: relative; margin-top: -30px;}
.store-inner-content p{color: #000000;  text-align: center; font-size: 14px; padding-top: 25px; font-weight: 300; margin: 0px auto; width: 80%;}
.store-inner-content .btn{ margin-top:30px; text-align: center; padding:0px 0px 20px 0px; float: left; width: 100%;}
.store-inner-content .btn a{color: #000000;  font-weight: 700; font-size: 15px; text-decoration:none; cursor: pointer;}

.store-container .btn1{width: 25%;height: 30px;background: #000000;color: #ffffff;text-align: center;line-height: 30px;font-weight: 400;font-size: 14px;margin: 30px auto;}
.store-container .btn1 a{color: #ffffff;  font-weight: 400; font-size: 14px; text-decoration:none; cursor: pointer;}

.event-header, .event-header img{width: 100%;margin: 0 auto;}
.event-col{width: calc( 33% - 10px);float: left;margin-right: 20px;margin-bottom: 40px;}
.event-col:last-child{margin-right: 0px;width: calc(33% - 10px);}
.event-col a{width: 100%;float: none;display: block;}
.event-col img{width: 100%;margin-top: 20px;display: flex;}

@media (max-width: 1190px) {
  .event-col:last-child{ width: calc(33% - 11px); }
}
@media (max-width: 1075px) {
  .event-col:last-child{ width: calc(33% - 12px); }
}
@media (max-width: 855px) {
  .event-col:last-child{ width: calc(33% - 13px); }
}

section.official {width:100%;height: auto;float: left;}
section.official .col1{width:10%; height: 565px;  background-image:url('https://jdsports-client-resources.co.uk/jdsports-client-resources/desktop_resources/sports-hub/img/jdsports-official-banner1.png');  background-size: cover; background-repeat:no-repeat; float: left;}
section.official .col2{width:80%; height: 565px; float: left;}
section.official .col2 .lft{width:60%; height: 565px; background-image:url('https://jdsports-client-resources.co.uk/jdsports-client-resources/desktop_resources/sports-hub/img/jdsports-official-banner2.png');  background-size: cover; background-repeat:no-repeat; float: left;}
section.official .col2 .rgt{width:40%; height: 565px; background:  #f2f2f2; float: left;}
section.official .col2 .rgt h2{color: #000000;  text-align: center; font-size: 30px; padding-top: 170px; padding-bottom:60px;   font-weight: 700; float: left; width: 100%; }
section.official .col2 .rgt p{color: #000000;  text-align: center; font-size: 14px; font-weight: 700; margin: 0px auto; width: 80%;}
section.official .col2 .rgt .icons{    width: 100%; margin: 60px 0px 0px 0px; height: auto; padding: 0px;   float: left;  text-align: center;}
section.official .col2 .rgt .icons a{cursor: pointer;text-decoration: none; border:none;}
section.official .col3{width:10%; height: 565px;  background-image:url('https://jdsports-client-resources.co.uk/jdsports-client-resources/desktop_resources/sports-hub/img/jdsports-official-banner3.png');     background-size: cover;  background-repeat:no-repeat;float: left;}



.overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.8);overflow: hidden;width: 100%;height: 0;transition: .5s ease;}
.second-inner-container ul li:hover .overlay { height: 100%;}
.text { white-space: nowrap;  position: absolute; overflow: hidden; top: 48%; left: 42%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.text ul{width:100%; height: auto; padding:0px; margin: 0px; float: left;}
.text ul li{width:100%;line-height: 20px;padding:0px;margin: 0px;float: left;text-align: left;}
.text .pbtm{padding-bottom: 15px;}
.text .ptop{padding-top: 5px;}
.text ul li a{text-align: center; font-size: 11px; font-weight: 600; color: #ffffff; cursor: pointer;}


@media only screen and (min-width: 0px) and (max-width: 767px) {
    section.box .wrapper{width: 100% !important;}
    .first-inner-container ul li {width: 10% !important; margin-left: 15px !important;}
    .first-inner-container ul li a{font-size: 15px !important;}
    .second-inner-container ul li{width:19% !important;}
    .text ul li{width:100% !important; height: 20px; padding:0px; margin: 0px; float: left; text-align: left;}
    .text .pbtm{padding-bottom: 10px !important;}
    .text .ptop{padding-bottom: 5px !important;}
    .text ul li a{text-align: left; font-size: 10px; font-weight: 400; color: #ffffff; cursor: pointer;}
    section.brands .wrapper {width: 95% !important;}
    section.features .wrapper{width: 95% !important;}
    .slider-container-inner .slide img{height: auto !important;}
    .slider-container-inner .slide{height: auto !important;}
    .slider-container-main{ margin-bottom: 0px !important;}
    .slider-container-inner .slide .btn1{font-size: 11px !important; padding: 8px 10px 0px 10px !important;}
    .slider-container-inner .slide .btn2{font-size: 11px !important; padding: 8px 10px 0px 10px !important;}
    .slider-container-inner .slide .btn3{font-size: 11px !important; padding: 8px 10px 0px 10px !important; left: 28% !important;}
    .slider-container-inner .slide .btn4{font-size: 11px !important; padding: 8px 10px 0px 10px !important;}
    .slider-container-inner .slide .btn5{font-size: 11px !important; padding: 8px 10px 0px 10px !important; }
    .slider-container-inner .slide .btn6{font-size: 11px !important; padding: 8px 10px 0px 10px !important; right: 3% !important;}

    .brands-container-lft{width:15% !important; font-size: 20px; margin-top: 50px;}
    .brands-container-mdl{width: 70% !important;}
    .brands-inner-container ul li:first-child{padding-left: 20px;}
    .brands-inner-container{margin-top: 30px !important;}
    .brands-container-rgt .viewall{width: 100px !important; font-size: 9px !important;height: 30px !important; padding: 7px 0px 0px 0px !important;}
    .tabs-container h2{font-size: 40px !important;}
    .tabs-inner-container ul{padding: 0px 0px 0px 20px !important; }
    .tabs-inner-container ul li{width: 30% !important;}
    .tabs-slide-slick-container a h1 {  font-size: 12px !important;}
    .tabs-slide-slick-container a h4 {font-size: 10px !important; height: 40px !important; overflow: hidden !important; line-height: 18px !important;}
    .tabs-slide-container{margin-bottom: 0px !important;}
    .tabs-slide-slick-container{height: 400px !important;}
    .meets-container p{font-size: 14px !important;}
    .meets-container h2{padding-top: 40px !important;}
    .center h5{font-size: 11px !important;}
    .center .slick-current h5{padding-top: 50px !important;}
    .meets-slide-container{margin-top: 0px !important; margin-bottom: 0px !important;}
    section.meets .wrapper{width: 95% !important; text-align: center !important;}
    .explore-container_left_btm img{margin-top: 10px !important; margin-bottom: 10px !important;}
    .explore-container_left_btm p{font-size: 10px !important;}
    .explore-container_left_btm .but{margin-top: 10px !important; margin-bottom: 10px !important;}

    .center .slick-list{height: 250px !important;}
    .meets-slide-container{height: 250px !important;}
    .store-container{margin-top: 15px !important; line-height: 18px !important;}
    .store-inner-content p{font-size: 11px !important; width:90%;}
    .store-inner-content h2{font-size: 14px !important;}
    .store-content { width: 31% !important;  height: auto !important;  display: inline-block !important; float: none !important; padding: 0px 9px 0px 0px !important;  margin: 0px !important;}
    .store-content:last-child { padding-left: 0px !important;}
    .store-container .btn1{padding-top: 10px !important; height: 28px !important;}
    section.official .col2 .rgt h2{ font-size: 18px !important;}
    section.official .col2 .rgt p{font-size: 12px !important;}
    section.official .col1{ background-position: top center !important;}
    section.official .col2 .lft{background-position: top center !important;}
    section.official .col3{ background-position: top center !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section.box .wrapper{width: 95% !important;}
    .first-inner-container ul{padding: 0px 3%;}
    .first-inner-container ul li {width: 19% !important;}
    .first-inner-container ul li a{font-size: 15px !important;}
    .second-inner-container ul li{padding:0px 3px !important; width: 18.5% !important;}
    .text ul li{width:100% !important; height: 20px; padding:0px; margin: 0px; float: left; text-align: left;}
    .text .pbtm{padding-bottom: 10px !important;}
    .text .ptop{padding-bottom: 5px !important;}
    .text ul li a{font-size: 11px !important;}
    section.brands .wrapper {width: 95% !important;}
    section.features .wrapper{width: 95% !important;}
    .slider-container-inner .slide img{height: auto !important;}
    .slider-container-inner .slide{height: auto !important;}
    .slider-container-main{ margin-bottom: 0px !important;}
    .slider-container-inner .slide .btn2{right: 6% !important;}
    .slider-container-inner .slide .btn4{left: 2% !important;}
    .slider-container-inner .slide .btn6{right: 1% !important;}
    .brands-container-lft{width:15% !important; font-size: 20px !important; margin-top: 50px !important;}
    .brands-inner-container{margin-top: 20px !important;}
    .brands-container-mdl{}
    .brands-container-rgt .viewall{font-size: 10px !important;font-weight: bold;}
    .brands-inner-container ul li{width: 18% !important;}
    .brands-inner-container ul li:first-child{padding-top: 8px !important; padding-left: 20px;}
    .tabs-slide-slick-container a h1{font-size: 13px !important; height: 40px !important;  overflow: hidden !important;  line-height: 18px !important;}
    .tabs-slide-slick-container a h4 {font-size: 12px !important; height: 40px !important; overflow: hidden !important; line-height: 18px !important;}
    .tabs-container h2{font-size: 40px !important;}
    .tabs-inner-container ul{padding: 0px 0px 0px 20px !important; }
    .tabs-inner-container ul li{width: 50% !important;}
    .meets-container p{font-size: 14px !important;}
    section.meets .wrapper{width: 95% !important; text-align: center !important;}
    .center h5{padding-top: 10px !important; font-size: 11px !important;}
    .center .slick-current h5{padding-top: 40px !important; font-size: 11px !important;}
    .center.slick-slider{margin-bottom: 0px !important;}
    .meets-slide-container{margin-bottom: 0px !important; height: 250px !important;}

    .explore-container_left_btm img{margin-top: 20px !important; margin-bottom: 20px !important;}
    .explore-container_left_btm p{font-size: 14px !important;}
    .explore-container_left_btm .but{margin-top: 20px !important; margin-bottom: 10px !important;}
    .center .slick-list{height: 250px !important;}
    .center .slick-prev.slick-arrow {left: -15px;}
    .center .slick-next.slick-arrow {right: -15px;}
    .center p{font-size: 11px;}

    .store-inner-content p{font-size: 11px !important; width:90%;}
    .store-inner-content h2{font-size: 14px !important;}
    .store-content { width: 31% !important;  height: auto !important;  display: inline-block !important; float: none !important; padding: 0px 9px 0px 0px !important;  margin: 0px !important;}
    .store-content:last-child { padding-left: 0px !important;}
    section.official .col2 .rgt h2{ font-size: 18px !important;}
    section.official .col2 .rgt p{font-size: 12px !important;}
    section.official .col1{ background-position: top center !important;}
    section.official .col2 .lft{background-position: top center !important;}
    section.official .col3{ background-position: top center !important;}
    section.official .col2 .rgt .icons{width: 75% !important; margin-left: 40px !important;}
}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
    section.box .wrapper{width: 95% !important;}
    .second-inner-container ul li:last-child{padding-right:0px !important;}
    section.brands .wrapper {width: 95% !important;}
    section.features .wrapper{width: 95% !important;}
    .slider-container-inner .slide img{height: auto !important;}
    .slider-container-inner .slide{height: auto !important;}
    section.official .col3{ background-position: top center !important;}
}