@charset "utf-8";

.keyVisual.design {background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/kona-sx2/design/sx2-kona-design-kv-pc.jpg')}

/* gallery */
.gallery{flex-wrap: wrap;flex-direction: initial;}
.gallery{display: inline-flex;}
.gallery img:nth-child(1) {width:calc(60% - 12px)}
.gallery img:nth-child(2) {width:calc(40% - 12px)}

/* Tab swiper */
.tab-swiper {width:960px;margin:0 auto}
.tab-swiper__thumbnail {display:flex;    list-style: none;
    padding-left: 0;}
.tab-swiper__thumbnail li{flex: 1;height:70px;text-align:center;border-bottom:4px solid #e5e5e5}
.tab-swiper__thumbnail li.on{border-color:#00AAD2;}
.tab-swiper__thumbnail button{font-family:'HyundaiSansHeadMedium';font-size:20px;line-height:normal;text-align:center;color:#B2B2B2;text-decoration:none;    border: none;
    background: transparent;cursor: pointer;}
.tab-swiper__thumbnail .on button{color:#00AAD2}
.tab-swiper .swiper-button-next {right:0}
.tab-swiper .swiper-button-prev {left:0}
.tab-swiper .swiper-button-next,
.tab-swiper .swiper-button-prev {width:44px;height:44px;background-color:rgba(0,0,0,0.5);}
.tab-swiper .swiper-button-next::after,
.tab-swiper .swiper-button-prev::after {font-size:7px}

.nex-nav{background: transparent url(/sites/all/themes/responsive/images/bg_navijump.gif) no-repeat 175px 100%;}

@media print, screen and (min-width: 741px) and (max-width: 20000px) {
    .section-media.section-col {max-width:1200px}        
}

/* Mobile */
@media screen and (min-width:0) and (max-width:740px){
    /* KV Area */
    .keyVisual__title {color:#fff}
    .keyVisual.design {background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/kona-sx2/design/sx2-kona-design-kv-m.jpg')}

    .gallery img:nth-child(1),
    .gallery img:nth-child(2) {width:calc(50% - 3px);height:auto}
    .gallery img:nth-child(3) {height:auto}

    .tab-swiper {width:100%;}
    .tab-swiper__thumbnail li{border-width:2px}
    .tab-swiper__thumbnail button{font-size:13px;line-height:18px;}
    .tab-swiper .swiper-slide video{width:100%;height:auto}
    .tab-swiper .swiper-button-next,
    .tab-swiper .swiper-button-prev {width:26px;height:26px;}
    .tab-swiper .swiper-button-next::after,
    .tab-swiper .swiper-button-prev::after {font-size:5px}
}