@charset "utf-8";
@media only screen and (max-width:767px){
	.topbar,
	.header-right,
	.top-contact-info,
	.logo{
		text-align: center;
	}
	.top-contact-info{
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.header .logo-panel{
		height: auto;
		line-height: normal;
	}
	.logo{
		margin: 15px auto;
	}

	.slick-arrow{
		display: none!important;
	}
	.banner-caption { 
		display: block;
	}
	.banner-wrap {		
		left: 0;
		right: 0;
		margin: 0 auto;
		position: absolute;
		width: 60%;
		top: 20%;
		bottom: 20%;
		padding: 25px 15px;
	}
	.banner-wrap h1 {
		font-size: 16px;
		margin-bottom: 0;
	}
	.banner-wrap h1 span {
		font-size: 20px;
	}
	.banner-wrap p {
		display: none;
	}

	.banner-wrap .btn {
		padding: .25rem .5rem !important;
		font-size: .875rem !important;
		line-height: 1.5 !important;
		border-radius: .2rem !important;
	}

	.banner-btn {
		font-size: 10px;
		padding: 5px 12px;
	}
	.slider-transparent-shape{
		width: 100%;
		left: 0px;	
		-webkit-transform: skewX(0deg);
		   -moz-transform: skewX(0deg);
		    -ms-transform: skewX(0deg);
		     -o-transform: skewX(0deg);
		        transform: skewX(0deg);
	}
	
}


@media (min-width: 768px) and (max-width: 990px) {	

	.banner-caption {
		display: none;
	}
	.banner-wrap {
		display: none;
	}
	.banner-transparent-shape{
		width: 100%;
		left: 0px;
		-webkit-transform: skewX(0deg);
		   -moz-transform: skewX(0deg);
		    -ms-transform: skewX(0deg);
		     -o-transform: skewX(0deg);
		        transform: skewX(0deg);
	}
	
}

@media screen and (min-width: 991px) and (max-width: 1054px) {
	.banner-wrap {
		width: 52%;
	}
}