/*=========================================================================*/

@media (max-width: 1440px){
	.carousel-item .text{
		padding-left: 30px;
	}
	.area .text{
		padding: 0 0 50px 30px;
	}
	.service-stripe .text{
		padding: 0 0 0 30px;
	}
	.service-stripe .box a{
		font-size: 14px;
	}
	.faq .accordion{
		padding: 30px;
	}
	img{
		height: auto;
	}

}

/*=========================================================================*/

@media (max-width: 1340px){
	.why .item h4{
		font-size: 18px;
	}
	.why .item p{
		font-size: 13px;
	}
	.service-stripe .box a{
		padding: 10px;
	}
}

/*=========================================================================*/

@media (max-width: 1200px){
	.nav-link{
		margin: 0 5px;
	}
	.carousel-item .text .midtitle,
	.carousel-item .text .title{
		font-size: 40px;
	}
	.why .item h4{
		padding: 10px 0 0 10px;
	}
	.why .item p{
		margin: 5px 0 0 10px;
		padding: 0 0 10px 0;
	}
	.area .image .box{
		margin: 10% 0 0 40%;
	}
	.area .text .title{
		font-size: 42px;
	}
	.area .text .subtitle{
		font-size: 18px;
	}
	.area .text .content{
		font-size: 14px;
	}
	.area .image{
		display: flex;
		justify-content: center;
		margin-bottom: 50px;
	}
	.service-stripe .text span{
		padding: 30px 0 0 0;
	}
	.service-stripe .text strong{
		font-size: 36px;
	}
	.service-stripe .text p{
		padding: 0;
		font-size: 13px;
	}
	.services .boxes .head{
		padding: 15px;
	}
	footer .contact h5{
		font-size: 16px;
	}
	.blank-row{
		margin-right: -10%;
	}


}

/*=========================================================================*/

@media (max-width: 1024px){
	.navbar-brand img{
		max-width: 75%;
	}
	.navbar .whatsapp-button span{
		margin: 0 0 0 0;
	}
}

/*=========================================================================*/

@media (max-width: 992px){
	.navbar{
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-toggler{
		color: #cbd1df;
		line-height: 27px;
		border: 1px solid #cbd1df;
	}
	.carousel-item .text .subtitle{
		font-size: 22px;
	}
	.carousel-item .text .midtitle,
	.carousel-item .text .title{
		font-size: 28px;
	}
	.carousel-item .text p{
		font-size: 14px;
	}
	.why{
		padding: 30px 0;
	}
	.why .item{
		margin: 0 0 30px 0;
	}
	.service-stripe,
	.service-stripe .text{
		height: auto;
	}
	.service-stripe .box{
		margin: 30px 0;
	}
	.service-stripe .map{
		display: none;
	}
	.blog{
		padding: 30px 0;
	}
	.blog .title{
		padding: 0 0 0 0;
	}
	.blog .card{
		margin: 15px 0;
	}
	.services .title{
		padding: 30px 0 0 0;
	}
	.services .filter{
		margin: 30px 0;
	}
	.services .boxes{
		margin: 0 0 30px 0;
	}
	.bottom p{
		margin: 0;
	}
	#blog .form-row>.col, 
	#blog .form-row>[class*=col-]{
		padding: 0 !important;
	}
}

/*=========================================================================*/

@media (max-width: 768px){
	.carousel-item .text{
		text-align: center;
	}
	.carousel-item .line::before{
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.carousel-item .text .subtitle{
		padding-top: 30px;
	}
	.carousel-item .text a{
		margin: 0 auto;
		padding: 0 30px;
	}
	.bottom .cc{
		padding: 25px;
	}
}

/*=========================================================================*/

@media (max-width: 575px){
	.center-area,
	.right-area{
		display: none !important;
	}
	.why .head .title{
		font-size: 18px;
	}
	.why .head .subtitle{
		font-size: 14px;
		margin: 0 0 50px 0;
	}
	.services .filter li:first-child{
		display: none;
	}
	.services .label{
		display: flex;
		padding: 15px 0;
	}
	.services .filter{
		margin: 0;
	}
	#blog .comment-item .meta p strong{
		display: inline-flex;
		margin-left: 0;
	}






}

/*=========================================================================*/

@media (max-width: 414px){
	.navbar-brand{
		max-width: 75%;
	}
	.area .text .subtitle{
		font-size: 16px;
	}
	.area .text .title{
		font-size: 26px;
	}
	.area .text{
		padding-right: 30px;
	}
	.service-stripe .text span{
		font-size: 14px;
	}
	.service-stripe .text strong{
		font-size: 23px;
	}
	.services .title strong, 
	.services .title span{
		font-size: 16px;
	}
}

/*=========================================================================*/

@media (max-width: 375px){
	.carousel-item .text .midtitle, 
	.carousel-item .text .title{
		font-size: 22px;
	}
	.carousel-item .text .subtitle{
		font-size: 16px;
	}
}