.media-carousel{font: 17px "KIA--SIGNATURE", sans-serif; text-align: center; padding: 48px 0px; background: #05141F; color: #fff; position: relative; z-index: 10;}
.media-carousel h1{font-weight: 600; margin: 0 0 32px;}
.media-carousel p{margin: 16px auto; width: 52%;}
.media-carousel .items-app-list, .media-carousel .items-game-list{padding: 0 48px}
.media-carousel .items-app-list .item-app, .media-carousel .items-game-list .item-app{padding: 2px 5px;}
.media-carousel .items-app-list .item-app img, .media-carousel .items-game-list .item-app img{width: 100%}

.media-carousel .items-category{
    background: #fff;
    color: #000;
    text-align: center;
    padding: 10px;

    margin-bottom: 30px;
    border-radius: 20px;

}
.media-carousel .items-category.apps{width: 29%; min-width: 476px; margin: auto; margin-bottom: 48px;}
.media-carousel .items-category.games{width: 42%; min-width: 642px; margin: auto; margin-bottom: 48px; display: none !important} /* temp hide when no carousel for Games */
.media-carousel.games-section-mobile .dropdown{display: none} /* temp hide when no carousel for Games */

.media-carousel .items-category span{padding: 5px 30px; border-radius: 30px; cursor: pointer}
.media-carousel .items-category span.active{background: gray;}

.media-carousel .item{display: none;}
.media-carousel .item:nth-child(1), .media-carousel .item:nth-child(2), .media-carousel .item:nth-child(3), .media-carousel .item:nth-child(4), .media-carousel .item:nth-child(5), .media-carousel .item:nth-child(6){display: block;}

.slick-arrow{position: absolute; bottom: -40px; cursor: pointer;}
.items-app-list .slick-arrow.slick-prev{left: 43%;}
.items-app-list .slick-arrow.slick-next{right: 41%;}

.items-game-list .slick-arrow.slick-prev{left: 42%;}
.items-game-list .slick-arrow.slick-next{right: 40%;}

/*
.arcade:hover img{visibility: hidden}
.arcade:hover{background: url("../../../../../../content/dam/kia/us/owners/image/entertainment-data-services/animate-arcade.gif") center/contain no-repeat;}
*/

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
    bottom: -45px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.slick-dots li.slick-active button {background: #fff;}

.games-section{display: block}
.games-section-mobile{display: none}


@media (min-width: 1440px) {
	.media-carousel p{ width: 52%;}
	.media-carousel .items-app-list, .media-carousel .items-game-list{padding: 0 15%}
}

@media (max-width : 1439px) and (min-width: 1024px) {
	.media-carousel p{ width: 80%;}
}

@media (max-width : 1023px) and (min-width: 768px) {
	.media-carousel p{ width: 90%;}
}

@media ( max-width : 767px) {
	.media-carousel{padding: 48px 32px;}
	.media-carousel p{ width: auto;}
	.media-carousel .items-app-list, .media-carousel .items-game-list-mobile{padding: 0px; margin-top: 24px;}
	.media-carousel .items-game-list-mobile .item-app{padding: 2px 5px;}
    .media-carousel .item{margin-bottom: 10px;}
    .media-carousel .item:nth-child(odd){padding-right: 5px}
    .media-carousel .item:nth-child(even){padding-left: 5px}

	.items-app-list .slick-arrow.slick-prev{left: 25%;}
	.items-app-list .slick-arrow.slick-next{right: 15%;}

	.items-game-list-mobile .slick-arrow.slick-prev{left: 10%;}
	.items-game-list-mobile .slick-arrow.slick-next{right: 0%;}

	.category-select{width: 62%; background: transparent; color: blue; padding: 10px; margin-bottom: 16px; border: 1px solid #fff;}

	.edsBtn{
    	min-width: 170px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 0px;
        color: #fff;
        text-align: left;
    }
    .edsBtn.focus, .edsBtn:focus{color: #fff;}
    
    .edsDownArrow{float: right;}
    .edsDownArrow img{width: 24px;}
    .edsUL{
    	background: #05141F;
        border: 1px solid #fff;
        border-radius: 0px;
    	left: calc(50% - 85px); 
    	margin-top: 0px;
    	min-width: 170px;
    }

    .edsUL li{padding: 5px 10px;}

	#apps-modal .modal-content, #games-modal .modal-content{
    	top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    	overflow: scroll;
	}

	.games-section{display: none}
	.games-section-mobile{display: block}

}