/*--- Desktop | Laptop (1200px and up) -----*/

@media (min-width: 1200px) { 

	.container{
		max-width: 1180px;
	}

	.container_md{
		max-width: 1040px;
	}

	.container_sm{
		max-width: 790px;
	}

	.copyright>.container{
		max-width: 1330px;
	}
	
}



/*--- Tablet Landscope (992px to 1199px) -----*/

@media (min-width: 992px) and (max-width: 1199px){

	html{
		font-size: 50%;
	}
	
	.container_md{
		max-width: 840px;
	}

	.container_sm{
		max-width: 700px;
	}

}



/*--- Tablet (767px to 991px) -----*/

@media (min-width: 767px) and (max-width: 991px){

	.about_section .container {
		max-width: 650px;
	}

}


/*--- Tablet (991px and down) -----*/

@media (max-width: 991px) {

	.title_xl{
		line-height: 1.1;
	}

	.banner_inner_section{
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}

	.hero_section{
		position: relative;
		background-image: url(../img/hero-img1.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		z-index: 1;
	}

	.hero_section.hero_banner_2{
		background-image: unset;
	}
	
	.hero_section::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(15, 25, 33, 0.50);
		z-index: -1;
	}

	.banner_content{
		background: transparent;
		padding-top: 16rem;
		padding-bottom: 6rem;
		padding-left: calc((100% - 720px) / 2 + 1.5rem);
		padding-right: calc((100% - 720px) / 2 + 1.5rem);
	}

	.about_section {
		padding: 12rem 0;
	}

	.about_section .separator {
		margin-top: 5rem;
		margin-bottom: 8rem;
	}

	.icon_box{
		padding-left: 5rem;
		padding-right: 5rem;
	}
	
	.info_section{
		padding: 12rem 0;
		background: #F0F0F0;
	}

	.info_section .bg{
		background: -o-radial-gradient(50% 50%, 50% 50%, rgba(138, 138, 138, 0.60) 0%, rgba(240, 240, 240, 0.00) 100%), -o-radial-gradient(50% 50%, 50% 50%, rgba(138, 138, 138, 0.60) 0%, rgba(240, 240, 240, 0.00) 100%);
		background: radial-gradient(50% 50% at 50% 50%, rgba(138, 138, 138, 0.60) 0%, rgba(240, 240, 240, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(138, 138, 138, 0.60) 0%, rgba(240, 240, 240, 0.00) 100%);
		height: 100%;
		z-index: 1;
	}

	.carousel {
		padding-right: 20rem;
	}

	.carousel .owl-stage-outer{
		overflow: visible;
	}

	.faq_section {
		padding: 10rem 0rem 12rem;
	}

	.faq_banner_img{
		height: 55rem;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.faq_wrapper{
		margin-top: -17rem;
	}

	.faq_info_content {
		padding-top: 20rem;
	}

	.service_section_inner{
		padding: 9rem 0 8rem;
	}

	#herkeuringSection .service_section_inner,
	#vernietigingSection .service_section_inner{
		background: #F0F0F0;
	}

	.service_img{
		height: 50rem;
		min-height: auto
	}

	.service_box_title{
		max-width: 720px;
		padding: 0 1.5rem 3.5rem 1.5rem;
		margin: 0 auto;
	}

	.service_content_box{
		max-width: 720px;
		margin: 0 auto;
		padding: 5rem 1.5rem 1.5rem;
		background: transparent !important;
	}

	.service_content_box .txt{
		padding-top: 0;
	}


	.contact_section{
		background: #fff;
		padding: 10rem 0;
	}

	.image-grid {
		gap: 1.4rem;
	}

	.footer_widget{
		padding-top: 4rem;
	}

}





/*--- Mobile Landscope (767px and down) -----*/

@media (max-width: 767px) {

	body{
		font-size: 2.2rem;
	}

	.title_xl{
		font-size: 5rem;
		line-height: 1;
	}

	.container{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.site_header .container{
		padding-left: 3rem;
		padding-right: 3rem;
	}

	.banner_content{
		padding-top: 19.5rem;
		padding-bottom: 6.2rem;
		padding-left: calc((100% - 540px) / 2 + 2.5rem);
		padding-right: calc((100% - 540px) / 2 + 2.5rem);
	}

	.banner_content .title_xl{
		font-size: 5.2rem;
		padding-bottom: 3.8rem;
	}

	.banner_content p,
	.banner_content ul li{
		font-size: 2rem;
	}

	.banner_content ul li:not(:last-child) {
		padding-bottom: 1rem;
	}
	
	.banner_content .button {
		margin-top: 3.2rem;
	}

	.about_section{
		padding: 5rem 0 8rem;
	}

	.about_section .title_box .title_xl {
		padding-bottom: 3.5rem;
	}

	.about_section .separator {
		margin-top: 4rem;
		margin-bottom: 6rem;
	}

	.icon_box{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.icon_box .title_md {
		padding: 1rem 0 1.2rem;
	}

	.icon_box .button{
		margin-top: 3rem;
	}

	.info_section{
		padding: 8rem 0 6rem;
	}

	.carousel{
		padding-right: 6rem;
	}

	.owl-dots{
		width: calc(100% + 6rem);
	}

	.img_box .box_body {
		padding: 2rem 2.3rem 2.3rem 2.3rem;
	}

	.img_box .title_md{
		font-size: 2.4rem;
	}

	.img_box p{
		font-size: 1.7rem;
	}

	.faq_section {
		padding: 7rem 0;
	}

	.faq_section .title_xl{
		font-size: 3.8rem;
	}

	.faq_banner_img{
		height: 50rem;
		margin-top: 2.5rem;
	}

	.faq_wrapper{
		padding: 2rem;
		margin-right: -2rem;
		padding-bottom: 13.5rem;
	}

	.faq_wrapper .title_md{
		font-size: 3.2rem;
		line-height: 1;
	}
	
	.faq_wrapper .title_sm {
		padding: 4.5rem 0 2.2rem;
		font-size: 2.8rem;
	}

	.faq_wrapper .bottle {
		position: absolute;
		right: 2.5rem;
		bottom: -8.7rem;
		width: 17.8rem;
	}

	.faq_info_content {
		padding-top: 14rem;
		padding-left: 2rem;
		padding-right: 1rem;
	}

	.faq_info_content .title_md{
		font-size: 3.2rem;
	}

	.service_section_inner {
		padding: 7rem 0 4.5rem;
	}

	.service_box_title{
		padding: 2.5rem;
		padding-top: 0;
		max-width: 540px;
	}

	.service_img{
		height: 32rem;
	}

	.service_box_title .title_lg{
		font-size: 3.2rem;
	}
	
	.service_content_box {
		padding: 3rem 2.5rem 0 2.5rem;
		max-width: 540px;
	}

	.service_content_box .title_sm{
		font-size: 2.4rem;
	}

	.service_content_box .txt{
		padding: 0 0 2.4rem 0;
	}

	.contact_section{
		padding-bottom: 15rem;
	}
	
	.contact_section .title_box {
		padding-bottom: 3.5rem;
	}

	.contact_section .title_box .title_xl{
		font-size: 3.2rem;
		padding-bottom: 2rem;
	}

	.contact_section .title_box p{
		font-size: 2.4rem;
	}

	.drop_zone_wrapper {
		padding-top: 3.5rem;
		padding-bottom: 4.5rem;
	}

	.drop_zone_wrapper .title_sm {
		padding-bottom: 1.9rem;
	}

	.drop-zone-inner p{
		font-size: 1.8rem;
	}

	.drop-zone-inner .line{
		width: calc(100% - 4rem);
	}

	.image-grid{
		gap: 1rem;
		-ms-grid-columns: 1fr 1rem 1fr;
		grid-template-columns: repeat(2, 1fr);
	}

	.contact_form .button{
		width: 100%;
	}

	.select_box{
		background-size: 2rem auto;
	}

	.footer_widgets{
		padding: 7.4rem 0 9rem;
	}

	.footer_widget {
		padding-top: 2rem;
	}

	.social_icons{
		padding-top: 3rem;
	}

	.copyright{
		padding: 1.8rem 0;
	}

	.copyright > .container{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: start;
	}

	.copyright ul{
		width: 100%;
		padding-left: 0;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		gap: 0;
		padding-top: 0.3rem;
	}


	.preloader_logo{
		width: 22rem;
	}

	.back-to-top{
		right: 2rem;
		bottom: 6.8rem;
	}


}



/*--- Mobile (575px and down) -----*/

@media (max-width: 575px) {

	html{
		font-size: 2.54vw;
	}

	.banner_content{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

	.service_img{
		height: 19.6rem;
	}

}