@media only screen and (min-width: 1200px) and (max-width: 1399px) {  
    .banner-content{padding: 90px 40px;}
    .banner-container{padding: 0 50px; }
    .top-cont-blk .main-block {padding: 120px 0 0 0;}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) { 
    h3 {font-size: 24px;}
    .header-container .logo-outer {max-width: 300px;height: 300px;padding: 75px;margin-top: -170px;}
    .header-container .logo-outer a {margin-top: 75px;}
    .nav-trigger { top: 30px; }    
    .banner-content{padding: 50px 40px;}
    .banner-container{padding: 0; }
    .banner-imageblk {height: 560px;}
    .top-cont-blk .main-block {padding: 100px 0 0 0;}
    .top-cont-blk .left-block {max-width: 260px;}
    .top-cont-blk .right-block {padding-left: 30px;}
    .top-cont-blk .main-block:before {width: 150px;height: 150px;left: -66px;top: 35px;border: solid 35px#f9d621;}
    .top-cont-blk .right-block ul li{font-size: 16px; padding-left: 15px;}    
    .products-outer-blk {padding: 50px 0;}
}


@media only screen and (min-width: 768px) and (max-width: 1023px){ 
    h3 {font-size: 22px;}  
    .main-outercon {padding: 30px;}
    .header-container .logo-outer {max-width: 250px;height: 250px;padding: 50px;margin-top: -150px;}
    .header-container .logo-outer a {margin-top:85px;}
    .nav-trigger{}    
    .banner-content{padding: 50px 25px;}
    .banner-container{padding: 0; margin-top: -45px;}
    .banner-imageblk {height: 560px;}
    .banner-content h1  {font-size: 6.1vw; line-height: 1; }
    .banner-content h1 span{font-size: 14px; padding-bottom: 30px;}     
    .top-cont-blk .main-block {padding: 70px 0 0 0;}
    .top-cont-blk .left-block {max-width: 260px;}
    .top-cont-blk .right-block {padding-left: 30px;}
    .top-cont-blk .main-block:before {width: 150px;height: 150px;left: -66px;top: 35px;border: solid 35px#f9d621;}
    .top-cont-blk .right-block ul li{font-size: 16px; padding-left: 15px; width: 100%;}
    .top-cont-blk .right-block ul {padding-top: 10px;}
    .common-header h2 {font-size: 50px;}
    .common-header h2 span{font-size: 30px;}
    .common-header h2:after {top: 22px; left: 50px;}    
    .products-outer-blk ul li h3{font-size: 24px;}    
    .customers-outerblk .text-blockouter {left: 20px;}    
    .products-outer-blk {padding: 40px 0;}
    
}
 
@media only screen and (min-width: 576px) and (max-width: 767px) {   
 .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,.col-xl-auto { width: 100%; max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; }
}

@media only screen and (max-width: 767px) {  
    h3 {font-size: 22px;}  
    
    .header-container{background: #FFF; padding: 10px 0;}
    .header-container .logo-outer {max-width: none;height: auto;padding: 0;margin-top: 0; background: none; border-radius: 0;}
    .header-container .logo-outer a {margin-top:0; height: 90px;}
    .header-container .logo-outer a img{  height: 90px;}
    .main-outercon{padding: 0;}
    .nav-trigger{left: 15px; top:45px; z-index: 999;}
	.menu_wrap { 
		padding: 50px 0;
		height: 100vh;
		overflow-y: auto;
	}
    .banner-container {margin-top: 0; padding: 0;}
    .banner-imageblk { height: 400px;  -webkit-box-align: flex-end;-moz-box-align: flex-end;-webkit-align-items: flex-end;-ms-flex-align: flex-end;align-items: flex-end; padding: 10px;}
    .banner-content{height: auto; width: auto; padding: 25px; display: block;}
    .banner-content h1  {font-size: 30px;}
    .banner-content h1 span{padding-bottom: 15px; font-size: 14px; letter-spacing: 1px;}  
    .top-cont-blk .main-block { -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; padding: 30px 0 0 0;}
    .top-cont-blk .left-block{max-width: none;}
    .top-cont-blk .main-block:before {display: none;}
    .top-cont-blk .right-block{padding: 0;}
    .top-cont-blk .right-block ul{ padding-top: 20px;} 
    .common-header h2{font-size: 40px;}
    .common-header h2 span{font-size: 28px;}
    .common-header h2:after {top: 17px;left: 55px;}
    .products-outer-blk ul {width: 100%;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; padding: 30px 0 0 0;}
    .products-outer-blk ul li {width: 100%; max-width: none; padding-bottom: 30px;}    
    .customers-outerblk .text-blockouter {left: 0;}
    .customers-outerblk .common-header h2{padding-bottom: 20px;}
    .products-outer-blk {padding: 30px 0;}    
    .image-container1, .image-container2{float: right; margin: 0 0 20px; width: 100%;}
    .content-field .header-h2,
    .content-field .header-h3{padding-bottom: 10px;}
    .contact-outer {padding: 30px 0 20px 0;}
    .single-field-outer .text-field{padding: 0 10px;}
    .single-field-outer .text-areablk{padding:  10px;}
    .content-field blockquote {padding: 10px 40px;margin-bottom: 30px;}
    .content-field blockquote:before {width: 20px;height: 18px;background-size: cover;}
    .content-field blockquote:after {width: 20px;height: 18px; background-size: cover;}
    .footer-container {padding: 20px 0 0 0;}
    .footer-container .logo-outer img {width: 100%;max-width: 100px;}
    .contact-blk a{ font-size: 14px; font-weight: 600;}
    .contact-blk address{padding: 10px 0; font-size: 14px; font-weight: 600;}
    .footer-container .social-blk {padding: 0 0 10px;}
    .footer-container .social-blk li a {padding: 0 10px;}
    .contact-blk {padding-bottom: 20px;}
    .copyright-blk{padding: 15px 0;}
	
	
	
	.bc-basic .banner-imageblk {
		padding :0;
	}
	.bc-basic .banner-content {
		width: 50%;
		height: 100%;
	}
	.basic_images_wrap {
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.common-header h2, .common-header h1 {
		white-space: normal;
    line-height: 0.9;
    font-size: 36px;
    float: none;
	}
	
	
	/* rgba(248, 214, 33, 0.9) */
	/* -webkit-box-sizing: content-box; */
    /* -moz-box-sizing: content-box; */
    /* box-sizing: content-box; */
	/* ul.submenu li a { */
	.menu_wrap ul.hoofdmenu {
		margin-top: -34px;
		margin-left: 12px;
	}
	.menu_wrap ul.hoofdmenu li a {
		display: block;
		width: 100%;
		float: none;
		border-top: 1px solid rgba(255, 255, 255, 0.52);
		padding: 1em 5%;
		margin: 0;
		text-align: left;
		text-decoration: none;
		padding: 12px 10px;
		font-size: 18px !important;
	}
	.submenu, .subsubmenu {
		position: relative;
		padding-left: 0px !important;
	}
	.submenu a {
		padding-left: 25px !important;
	}
	.subsubmenu a {
		padding-left: 50px !important; 
	}
	
	
	.subsubmenu {
		display: none;
		
		 /* -webkit-transition: all 300ms ease-in; */
		/* -moz-transition: all 300ms ease-in; */
		/* -ms-transition: all 300ms ease-in; */
		/* -o-transition: all 300ms ease-in; */
		/* transition: all 300ms ease-in; */
	}
	.subsubmenu.open {
		/* display: block; */
	}
	
	.submenu_expand {
		display: block;
		width: 54px;
		height: 54px;
		line-height: 24px;
		padding: 12px !important;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
		font-weight: 700;
		background: rgba(255,255,255,.1);
		border: 0!important;
		border-left: 1px solid rgba(255,255,255,.4)!important;
		border-bottom: 1px solid rgba(255,255,255,.2)!important;
		color: #283789;
	}
	
}

@media only screen and (max-width: 479px) { 
    .top-cont-blk .right-block ul li{ width: 100%;}  
     
}