/* CSS Document */
html {scroll-behavior: smooth !important;}

/* Carousel Controls */
.carousel-indicators .active {width: 18px; height: 18px; background-color: rgb(174, 245, 255);}
.carousel-indicators li {width: 16px; height: 16px; border-radius: 25px; border-color: rgb(174, 245, 255);}


.car-control-left, .car-control-right {background-image: none !important; z-index: 5 !important; top: 40% !important; font-size: 60px; color: rgb(174, 245, 255) !important;}
.car-control-left:hover, .car-control-right:hover {color: rgb(174, 245, 255) !important;}
.car-control-left:focus, .car-control-right:focus {color: rgba(174, 245, 255) !important; opacity: 0.5 !important;}
.carousel-control:hover {opacity: 1 !important;}


/* Extra small devices (iPhone 5/SE) */
@media (max-width: 321.98px) {
	.car-control-left, .car-control-right {top: 36% !important; font-size: 30px;}
	/* Carousel Controls */
	.carousel-indicators .active {width: 15px; height: 15px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 5px;}
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 322px) and (max-width: 375.98px) {
	.car-control-left, .car-control-right {top: 35% !important; font-size: 30px;}
	/* Carousel Controls */
	.carousel-indicators .active {width: 15px; height: 15px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 5px;}
}

/* Extra small devices (iPhone 6/7/8 and Plus Models) */
@media (min-width: 376px) and (max-width: 415.98px) {
	.car-control-left, .car-control-right {top: 38% !important; font-size: 30px;}
	/* Carousel Controls */
	.carousel-indicators .active {width: 15px; height: 15px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 5px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 416px) and (max-width: 575.98px) {
	.car-control-left, .car-control-right {top: 36% !important; font-size: 40px;}
	/* Carousel Controls */
	.carousel-indicators .active {width: 15px; height: 15px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 5px;}
	
}

/* Small devices COL-SM (landscape phones, 576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
	/* Carousel Controls */
	.carousel-indicators .active {width: 15px; height: 15px;}
	.carousel-indicators li {width: 13px; height: 13px; border-radius: 25px;}
	.carousel-indicators {bottom: 5px;}
}

/* Medium devices COL-MD (small tablets, 768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.car-control-left, .car-control-right {font-size: 48px;}
}

/* Large devices COL-LG (large tablets/laptops, 992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	iframe.cyber-v1 {width: 560px !important;}
}

/* Extra large devices COL-XL (desktops, 1200px and larger) */
@media (min-width: 1200px) {
	iframe.cyber-v1 {width: 560px !important;}
}