@charset "utf-8";
/* CSS Document */

@media (min-width: 1500px) and (max-width: 1920px) {
	#home-s3:before {
	    left: 12%;
	    width: 36%;
	}
	.sp-title{
		min-height: 311px;
	}
	#home-s5 button.owl-prev i{
		left: -270px;
	}
	#home-s5 button.owl-next i{
		left: -230px;
	}
}
@media (max-width: 1370px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.nav>li>a{
		padding: 10px 10px;
	}
	.navbar-custom .navbar-links-custom li a{
		font-size: 13px;
	}
	.banner .main-slider .slick-slide .bg-image{
		height: 64vh;
	}
	section#home-mid p {
	    color: #fff;
	    font-size: 16px;
	    padding: 0px 5%;
	}
	.owl-nav{
		top: 30%;
	}
	#home-s3:before {
	    left: -14%;
	    width: 58%;
	}
	.wrapper-slider {
	    top: 100px;
	    left: 200px;
	}
	.logo-box {
	    padding: 0 80px;
	}
	.sp-title {
	    min-height: 177px;
	}
	.sp-title h1 {
	    color: #fff;
	    padding-top: 10px;
	    font-size: 30px;
	}
	#home-s5 button.owl-prev i {
	    left: -160px;
	}
	#home-s5 button.owl-next i{
		left: -110px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-header{
		float: none;
	}
	.navbar-custom{
		text-align: center;
	}
	.nav>li>a{
		padding: 10px 12px;
	}
	.navbar-custom .navbar-links-custom li {
	    padding: 5px 0px 5px 0px;
	}
	section#home-mid p {
	    font-size: 16px;
	    padding: 0px 4%;
	}
	button.owl-prev i{
		left: -16px;
	}
	button.owl-next i{
		right: -28px;
	}
	.owl-nav{
		top: 30%;
	}
	.banner .main-slider .slick-slide .bg-image{
		height: 47vh;
	}
	.banner .main-slider .slick-slide .slide-content.top {
	    bottom: 100px;
	}
	.banner .main-slider .slick-slide .slide-content.right{
		padding: 20px 30px;
	}
	.banner .main-slider .slick-slide .slide-content h1{
		font-size: 48px;
	}
	#home-s3:before {
	    left: -20%;
	    width: 62%;
	}
	.wrapper-slider {
	    top: 130px;
	    left: 160px;
	}
	.logo-box{
		padding: 0 50px;
	}
	.sp-title br {
	    display: none;
	}
	.sp-title {
	    position: relative;
	    margin-bottom: -10px;
	    min-height: 125px;
	}
	#home-s5 .owl-nav{
		top: -38%;
	}
	#home-s5 button.owl-prev i{
		left: 355px;
	}
	#home-s5 button.owl-next i{
		left: 410px;
	}
	.row.bt-text {
	    margin: 0 26%;
	}
}
@media (max-width: 767px) {
	.banner .main-slider .slick-slide .bg-image{
		height: 72vh;
	}
	.banner .main-slider .slick-slide .slide-content.right{
		padding: 10px 20px;
	}
	.banner .main-slider .slick-slide .slide-content.left{
		padding: 10px 20px;
	}
	.banner .main-slider .slick-slide .slide-content h4{
		font-size: 18px;
	}
	.banner .main-slider .slick-slide .slide-content h1{
		font-size: 22px;
		margin-top: 0;
	}
	.banner .main-slider .slick-slide .slide-content.top{
		bottom: 20px;
	}
	.logo-box {
	    padding: 0 25px;
	    text-align: center!important;
	}
	section#home-mid p {
	    color: #fff;
	    font-size: 15px;
	    padding: 0 5%;
	}
	.navbar-custom .navbar-links-custom li{
		padding: 0;
	}
	.owl-nav{
		top: 25%;
	}
	button.owl-prev i {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	    left: -14px;
	}
	button.owl-next i {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	    right: -10px;
	}
	#home-s3:before {
	    left:0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    webkit-transform: rotate(0deg); 
	    -moz-transform: rotate(0deg);
	    transform: rotate(0deg); 
	}
	#home-s5 button.owl-prev i {
	    left: 320px;
	    top: -185px;
	}
	#home-s5 button.owl-next i {
	    left: 370px;
	    top: -185px;
	}
	.sp-title {
	    position: relative;
	    margin-bottom: -10px;
	}
	p.copyright {
	    text-align: center;
	}
	p.design-credit {
	    text-align: center;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #0094f4;
	}
	.navbar-default .navbar-toggle {
	    border-color: #ffffff;
	    background: #fff;
	}
	.navbar-toggle{
		margin-top: 25px;
	}
	.wrapper-text {
	    padding: 50px 20px 20px;
	}
	.wrapper-slider {
	    position: relative;
	    top: 0;
	    left: 100px;
	}
	
}

@media (max-width: 480px) {
	.banner .main-slider .slick-slide .bg-image{
		height: 28vh;
	}
	.banner .main-slider .slick-slide .slide-content.right{
		padding: 10px 20px;
	}
	.banner .main-slider .slick-slide .slide-content.left{
		padding: 10px 20px;
	}
	.banner .main-slider .slick-slide .slide-content h4{
		font-size: 18px;
	}
	.banner .main-slider .slick-slide .slide-content h1{
		font-size: 22px;
		margin-top: 0;
	}
	.banner .main-slider .slick-slide .slide-content.top{
		bottom: 20px;
	}
	section#home-mid p {
	    color: #fff;
	    font-size: 15px;
	    padding: 0 5%;
	}
	.navbar-custom .navbar-links-custom li{
		padding: 0;
	}
	.owl-nav{
		top: 25%;
	}
	button.owl-prev i {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	    left: -14px;
	}
	button.owl-next i {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	    right: -10px;
	}
	#home-s3:before {
	    left:0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    webkit-transform: rotate(0deg); 
	    -moz-transform: rotate(0deg);
	    transform: rotate(0deg); 
	}
	#home-s5 button.owl-prev i {
	    left: 150px;
	    top: -185px;
	}
	#home-s5 button.owl-next i {
	    left: 190px;
	    top: -185px;
	}
	.sp-title {
	    position: relative;
	    margin-bottom: -10px;
	}
	p.copyright {
	    text-align: center;
	}
	p.design-credit {
	    text-align: center;
	}
	.navbar-default .navbar-toggle .icon-bar {
	    background-color: #0094f4;
	}
	.navbar-default .navbar-toggle {
	    border-color: #ffffff;
	    background: #fff;
	}
	.navbar-toggle{
		margin-top: 25px;
	}
	.wrapper-text {
	    padding: 50px 20px 20px;
	}
	.wrapper-slider {
	    position: relative;
	    top: 0;
	    left: 100px;
	}
	.row.bt-text h1 {
	    font-size: 30px;
	}
	.row.bt-text {
	    margin: 0 16%;
	}
}