/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe, input, textarea, svg, lottie-player {
	max-width: 100%;
}

@media only screen and (max-width: 1590px) {
}


@media only screen and (max-width: 1480px) {
	.s-box {
		padding: 20px 10px;
		height: auto;
	}

	.sb-title {
		font-size: 16px;
	}
.home-video {
	padding-left: 0px;

}
	
	
	 }


@media only screen and (max-width: 1366px) {	
	 }


@media only screen and (max-width: 1280px) {
	.section {
    padding: 100px 0;
}
.top-content {
	padding-right: 70px;
}
	

}

@media only screen and (max-width: 1025px) {
	.logo-image {
		padding: 0 20px;
	}

	.hc-content {
    padding-right: 0px;
	padding-top: 50px;
	}

	.s-box-slide {
		width: 25%;
		padding: 0px 7px;
	}
	
	
}
	 
@media only screen and (max-width: 820px) {
	#hero-section .flex {
		display: block;
	}
	

}


@media only screen and (max-width: 736px) {

	
	
}

@media only screen and (max-width: 460px) {
	.top-content {
    padding:30px 15px;
	width: 100%;
	font-size: 12px;
	text-align: center;
	}

	.main-title {
		font-size: 23px;
	}

	.entry h2 {
		font-size: 23px;
	}

	.s-box-slide {
		width: 50%;
	}

	.services-section { 
		margin-top: -30px;
	}

	.section {
    padding: 50px 0;
}

.all-btn a {
	font-size: 20px;
	width: 258px;
	height: 49px;
	line-height: 49px;
}

#before-footer .flex {
	display: block;

}

.bf-image {
	width: 100%;
	text-align: center;
}

.bf-content {
	width: 100%;
	text-align: center;
	line-height: 1.4;
}

.before-footer {
	padding: 30px 30px;

}

#content-section .row {
	flex-direction: column-reverse;
	margin: 0;
}

#content-section {
	padding: 40px 0;
}

.hc-video {
	margin-bottom: -45px;
}

.hc-content {
	text-align: center;
	margin-bottom: 30px;
}

.subtitle {
	font-size: 25px;

}

.title {
	font-size: 30px;
	margin-bottom: 30px;
}

.how-box {
	margin-bottom: 30px;
}

#howto-section .row {
	margin: 0;
}

}




@media only screen and (max-width: 325px) {
	#mobile-bottom .m-btns a {
		transform: scale(0.8);
		margin-left: 5px;
	}

	.chat-mobile a {
		transform: scale(0.8);
		padding: 10px 15px;
	}

	.chat-mobile a i {
		margin-left: 5px;
	}

	#mobile-bottom {
		padding: 10px;
	}


}