.section-1{

	background-color: #f8f8f8;
	/* min-height: 300px; */
}

.s-1-l{
	padding-top: 80px;
	padding-bottom: 50px;
}
.s-1-r{
	padding-top: 90px;
	padding-bottom:90px;
	padding-left: 100px;
	padding-right: 0;
}
.s-1-r-img{
	width: 100%;
}
@media (min-width: 1441px) {
	
}
@media (min-width: 1201px) and (max-width: 1440px) {
	.s-1-l{
		padding-top: 100px;
		padding-bottom: 50px;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.s-1-l{
		padding-top: 60px;
	}
	.s-1-r{
		padding-top: 30px;
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	.s-1-l{
		padding-top: 60px;
	}
	.s-1-r{
		padding-top: 100px;
		padding-bottom: 15px;
		padding-left:15px;
	}
}

@media (max-width: 768px) {
	.s-1-l{
		padding: 15px;
		padding-bottom:0;
	}
	.s-1-r{
		padding-top: 0px;
		padding-bottom: 60px;
		padding-left:15px;
		padding-right:15px;
	}
}



.s-2-l{
	padding-top: 100px;
}
.s-2-r{
	padding-left: 100px;
	padding-right: 0;
}


.s-2-l  .carousel {
}


.s-2-l .carousel img {
  display: block;
  height: 240px;
}
.flickity-page-dots{
	bottom:10px
}
.flickity-page-dots .dot {
	display: inline-block;
	width: 15px;
	height: 4px;
	margin: 0px;
	background: #333;
	border-radius: 0;
	opacity: 0.25;
	cursor: pointer;
}


@media (min-width: 1441px) {
	.s-2-l{
		padding-top: 100px;
	}
	.s-2-l .carousel img {
    height: 350px;
  }
	.s-2-r{
		padding:30px
	}
}
@media (min-width: 1201px) and (max-width: 1440px) {
	.s-2-l{
		padding-top: 70px;
	}
	.s-2-l .carousel img {
    height: 310px;
  }
	.s-2-r{
		padding:20px
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.s-2-l{
		padding-top:80px;
	}
	.s-2-l .carousel img {
    height: 240px;
  }
	.s-2-r{
		padding:40px
	}
}
@media (min-width: 769px) and (max-width: 992px) {
	.s-2-l{
		padding-top: 140px;
	}
	.s-2-l .carousel img {
    height: 20px;
  }
	.s-2-r{
		padding:40px
	}
}
@media (max-width: 768px) {
	.s-2-l{
		padding: 0;
	}
	.s-2-l .carousel img {
    height: 220px;
  }
	.s-2-r{
		padding:15px
	}
}