@media screen and (max-width: 1300px) {
	.footer-top > .container > div {
		flex-wrap: wrap;
		padding: 25px 0px;
	}	
	.footer-top > .container > div > div {
		width: 100% !important;
		justify-content: space-between !important;
	}
	.footer-top > .container > div > div:last-child {
		margin-top: 25px;
	}
}
@media screen and (max-width: 1150px) {
	.nav-menu > li:not(:last-child) {
		margin-right: 15px !important;
	}
	.home-videos .video-list {
		display: none;
	}
	.client-area > p {
		padding: 0px;
	}
	.client-container {
		flex-wrap: wrap;
		flex-direction: column-reverse !important;
	}
	.client-container > div {
		width: 100%;
	}
	.client-logo {
		width: 300px;
		margin-top: 50px;
	}
	.right-col,
	.col-left {
		width: 100% !important;
	}
	.content-con {
		display: flex !important;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.right-col {
		padding: 50px 0px !important;
	}
}
@media screen and (max-width: 1000px) {
	.video-list > div:last-child {
		flex-wrap: wrap;
		justify-content: center;
	}	
	.video-list > div:last-child > a {
		width: 50%;
	}
	.video-list > div:last-child > a:first-child {
		border-bottom-left-radius: 0px;
	}
	.video-list > div:last-child > a:nth-child(3) {
		border-bottom-left-radius: 10px;
		border-left: none;
	}
	.home-videos-text p {
		padding: 0px 25px;
	}
	.video-list > div:last-child > a:nth-child(3),
	.video-list > div:last-child > a:last-child {
		border-top: 1px solid #FFF;
	}
}
@media screen and (max-width: 980px) {
	.main-nav {
		display: none;
	}
	.nav-content {
		position: relative;
	}
	#nav-btn {
		display: block !important;
		position: absolute;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		color: #FFF !important;
	}
	#nav-btn:before {
		font-size: 30px;
	}
	.mobile-nav {
		display: block !important;
	}
}
@media screen and (max-width: 770px) {
	.container {
		padding: 0px 25px !important;
	}
	.footer-top > .container > div > div:first-child {
		flex-wrap: wrap;
	}
	.footer-top > .container > div > div {
		flex-wrap: wrap;
		justify-content: center !important;
		max-width: 100%;
		margin: 0 auto;
	}
	.footer-top > .container > div > div > div{
		width: 100%;
		margin-right: 0px !important;
		margin-bottom: 50px;
	}
	.footer-top > .container > div > div:last-child > div {
		justify-content: center !important;
	}
	.footer-top > .container > div > div:first-child > div {
		width: 100% !important;
		justify-content: center !important;
	}
	.footer-top > .container > div > div:first-child > div a {
		width: 200px !important;
	}
	.footer-top > .container > div > div > a {
		width: fit-content;
		margin-right: 0px !important;
		margin-bottom: 50px;
	}
	.footer-btm > .container > div {
		flex-wrap: wrap;
		justify-content: center !important;
	}
	.footer-btm > .container > div ul,
	.footer-btm > .container > div p {
		width: 100%;
		text-align: center;
	}
	.footer-btm > .container > div ul {
		justify-content: center !important;
	}
	.featured-slider .slick-slide > div {
		margin: 0px;
	}
	.mobile-nav {
		width: 100% !important;
	}
	.client-item {
		width: 175px;
		height: 175px;
	}
}
@media screen and (max-width: 650px) {
	.featured-slider .slick-slide > div {
		height: 300px;
	}
	.featured-slider {
		height: 400px;
		width: 100%;
	}
	.slick-slide > div:before {
		display: none;
	}
	.featured-slider div > a:last-child {
		width: 100%;
		margin-bottom: 10px;
		color: #FFF;
		font-weight: bold;
		font-size: 35px;
		position: absolute;
		left: 25px;
		bottom: 25px;
		display: block !important;
	}
	.featured-slider .adver-video-link {
		width: 150px;
		height: 150px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 50;
	}
	.featured-slider .adver-video-link:after {
		content: '\f04b';
		color: #FFF;
		font-size: 30px;
		width: 65px;
		height: 65px;
		border-radius: 50%;
		background-color: rgba(40, 40, 40, 0.8);
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 900;
		font-family: 'Font Awesome 5 Pro';
	}
	.featured-head {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 540px) {
	.tingle-modal-box__content iframe {
		height: 100% !important;
	}
	.tingle-modal-box,
	.tingle-modal-box__content {
		height: 100%;
	}
	.tingle-modal-box__content {
		position: relative;
	}
	.tingle-modal-box__content > div {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		height: 300px;
	}
}