/* Default Layout	*/


/*	Extra small devices (portrait phones, less than 576px)	*/
@media (max-width: 575.98px) {
	
	.clickable_link a{
		width: 100%;
		padding: 10px 15px;
		font-size: 18px;
	}
	
	.vertical_padding {
		padding: 40px 0px;
		padding-top: 30px;
	}
	
	.heading h3{
		font-size: 24px;
	}
	.texts p{
		font-size: 15px;
	}
	
	.advan_disadvan h4{
		font-size: 18px;
	}
	.advan_disadvan ul li{
		font-size: 14px;
		padding-left: 20px;
	}
	.advan_disadvan ul li::before {
		font-size: 16px;
	}
	
	.click_to_more p{
		font-size: 15px;
	}
	
	.header .contents {
		padding: 50px 15px;
	}
	.header .contents .clickable_link ul li{
		display: block;
		margin: 20px 0px;
	}
	
	.header .overlay{
		padding: 100px 0px;
	}
	.header .contents h1{
		font-size: 32px;
	}
	.header .contents h2{
		font-size: 28px;
	}
	
	.video_section{
		padding: 25px 0px;
	}
	.video_wrap iframe{
		height: 200px;
	}
	.video_player .video_title h4{
		font-size: 20px;
		padding: 5px 0px;
	}
	
	.contact_wrap .submit_button button{
		width: 100%;
		font-size: 16px;
		padding: 7.5px 15px;
	}
	
	.contact_wrap .form-control{
		font-size: 15px;
		padding: 7.5px 15px;
	}
	.footer .top {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 40px;
	}
	
	.scrolltotop{
		right: 2%;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.scrolltotop img{
		width: 18px;
	}
	
}

/*	Small devices (landscape phones, 576px and up)	*/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.container{
		max-width:540px;
	}
	
	.clickable_link a{
		width: 205px;
	}
	
	.vertical_padding {
		padding: 40px 0px;
		padding-top: 30px;
	}
	
	.header .overlay{
		padding: 100px 0px;
	}
	.header .contents h1{
		font-size: 36px;
	}
	.header .contents h2{
		font-size: 30px;
	}
	
	.video_wrap iframe{
		height: 283px;
	}
	.video_player .video_title h4{
		font-size: 24px;
		padding: 5px 0px;
	}
	
	.footer .top {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		gap: 40px;
	}
	
}

/*	Medium devices (tablets, 768px and up)	*/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.container{
		max-width:720px;
	}
	
	.header .overlay{
		padding: 100px 0px;
	}
	.header .contents h1{
		font-size: 42px;
	}
	.header .contents h2{
		font-size: 36px;
	}
	
	.video_wrap iframe{
		height: 384px;
	}
	
}

/*	Large devices (desktops, 992px and up)	*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.container{
		max-width:960px;
	}
	
}

/*	Extra large devices (large desktops, 1200px and up)	*/
@media (min-width: 1200px) {
	
	.container{
		max-width:1140px;
	}
	
}