/* 
 * santa-fe-2023 > performance.css
 * version : 202309
*/

@charset "utf-8";

.sub-keyVisual {
    position: relative;
    width: 99vw;
    margin-left: calc(-50vw + 50.8%);
}
/* Key-Visual Area */
.keyVisual {background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/santa-fe-mx5-2023/performance/mx5-santafe-performance-kv-pc.jpg');}

/* Count number Area */
.count__elem{gap:unset;}
.count-num-area{bottom:72px;}
.count__list strong{letter-spacing:0;}
.count__item{gap:25px;}
.count__item:nth-child(1) .count__list:nth-of-type(1) > p{text-align:left;}
.count__item:nth-child(1) .count__list:nth-of-type(1) .val-unit{margin:0;}
.count__item:nth-child(1) .count__list:nth-of-type(1) strong{min-width:95px;}
.count__item:nth-child(1) .count__list:nth-of-type(2) strong{min-width:115px;}
.count__item:nth-child(2) .count__list:nth-of-type(1) strong{min-width:95px;}
.count__item:nth-child(2) .count__list:nth-of-type(2) .val-max, .count__item:nth-child(1) .count__list:nth-of-type(2)  .val-max{padding-left:0px;    padding-right: 10px;}
.count__item:nth-child(2) .count__list:nth-of-type(2) strong{min-width:100px;}
.count__item:nth-child(3) .count__list:nth-of-type(1) strong{min-width:95px;}
.count__item:nth-child(3) .count__list:nth-of-type(2) strong{min-width:110px;}

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

@media print, screen and (min-width: 741px) and (max-width: 20000px) {

}

/* Mobile */
@media screen and (min-width:0) and (max-width:740px){
    /* Key-Visual Area */
    .keyVisual{background-image:url('/content/dam/hyundai/ww/en/images/find-a-car/pip/suv/santa-fe-mx5-2023/performance/mx5-santafe-performance-kv-m.jpg');}

    /* section */
    .pip-title{text-align:left;}

    /* Count number */
    .count-num-area{position:static; background:#000; padding:50px 0;}
    .count__elem{display:block;}
    .count__item{width:75%; margin:0 auto; gap:unset;}
    .count__item + .count__item{margin-top:52px;}
    .count__item .count__list:nth-of-type(1){width:52%;}
    .count__item:nth-child(2) .count__list:nth-of-type(2) .val-max{padding:0;}
    .count__list > p{text-align:left;}
    .count__list strong{min-width:auto !important;}
}