
@media (min-width: 1200px){
	.container {
	    max-width: 1200px;
	}
}

@media screen and (max-width: 991px) {
	.topbar .social-icon{
		display: none;
	}
	.phone-text{
		line-height: 15px;
	}
	.service-top{
		margin-top: 0px;
	}
	.slider-content .title{
		font-size: 18px;
	}
	.slider-content .text{
		font-size: 12px;
	}
	.navbar-brand{
		position: relative;
		padding: 0px;
		box-shadow: none;
	}
	.navbar-brand img{
		max-height: 80px;
	}
	.slider-content{
		padding: 30px 0;
	}
	.carousel-indicators{
		bottom: 10px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		font-size: 15px;
	}
	.service-box{
		margin-bottom: 20px;
		height: auto;
		padding: 20px;
	}
	.service-box h2{
		min-height: auto;
	}
	.service-bottom h2{
		font-size: 20px;
	}
	.service-bottom{
		padding-top: 20px;
	}
	.welcome-left{
		display: none;
	}
	.welcome-sec{
		padding: 40px 0;
	}
	.welcome-right .title{
		font-size: 24px;
	}
	.welcome-right .text {
	    font-size: 15px;
	    line-height: 22px;
	}
	.product-sec{
		padding: 40px 0;
	}
	.product-sec .title{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.benefits-left{
		display: none;
	}
	.benefits-right .title{
		font-size: 24px;
	}
	.benefits-list li{
		margin-bottom: 10px;
		font-size: 14px;
	}
	.client-sec{
		padding-top: 0px;
	}
	.client-sec .title{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.footer-logo{
		text-align: center;
		margin-bottom: 15px;
	}
	.footer-logo a{
		margin-top: -40px;
		display: inline-block;
	}
	.footer-link{
		padding: 20px;
	}
	.footer-link li a{
		font-size: 15px;
	}
	.footer-bottom p{
		font-size: 15px;
	}
	.product-box .title-pro{
		font-size: 20px;
	}
	.swiper-slide{
		height: 300px;
	}
}

@media screen and (max-width: 767px) {
	.slider .carousel-item .slider-img{
		height: 250px;
		object-fit: cover;
	}
}