/*! CSS Used from: ../../../css/home/postload/skeleton.css */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#slider {
		padding: 20px 0 90px 0;
	}

	#slider .caption {
		width: 35%;
	}

	#slider .caption h1 {
		width: 170%;
		min-height: 105px;
		margin: 0 0 10px 0;
		font-size: 30px;
		line-height: 40px;
	}

	#slider .caption .button {
		margin-top: 20px;
		padding: 10px 20px;
		font-size: 14px;
	}

	#slider .caption .button img {
		width: 20px;
	}

	#slider .sliderbox {
		width: 65%;
	}

	#slider .sliderbox .home-slider.owl-theme .owl-nav {
		left: 15px;
		margin-top: -10px;
	}

	#slider .sliderbox .home-slider.owl-theme .owl-nav [class*=owl-] {
		width: 60px;
		height: 60px;
	}

}

@media only screen and (max-width: 767px) {
	#slider {
		padding: 62px 0 0 0;
		margin: 0;
	}

	#slider .container {
		display: flex;
		flex-direction: column;
		min-height: calc(100vh - 130px);
		gap: 8px;
	}

	#slider .caption {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}

	#slider .caption h1 {
		width: 100%;
		margin: 0 0 10px 0;
		font-size: 26px;
		line-height: 36px;
	}

	#slider .caption h1 br {
		display: block;
	}

	#slider .caption .button {
		margin-top: 20px;
		padding: 10px 20px;
		font-size: 14px;
	}

	#slider .caption .button img {
		width: 20px;
	}

	#slider .sliderbox {
		width: 100%;
		height: 70%;
		display: flex;
		margin-top: 0;
	}
	#slider .sliderbox .shape4 {
		bottom: 0;
	}

	#slider .sliderbox .home-slider {
		width: 100%;
		height: 70%;
		margin-top: auto;
	}
	#slider .sliderbox .home-slider.owl-theme .owl-nav {
		left: 15px;
		margin-top: -10px;
	}

	#slider .sliderbox .home-slider.owl-theme .owl-nav [class*=owl-] {
		width: 60px;
		height: 60px;
	}

}