/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/


/* #Small Laptop 1240 - 1360 --------------------------------------------------------------- #Small Laptop 1240 - 1360 */

@media only screen and (max-width: 1360px) and (min-width: 1240px) {
     #Top_bar .menu > li > a {font-size: 15px;}
	.contactinfotop {font-size: 13px;}
	#Top_bar .menu > li > a span:not(.description) {padding: 0px 12px !important;}
	.headersizefix {max-height: 175px;}
	.bannersizefix {padding-top: 150px!important;padding-bottom: 150px!important;}
	#Subheader {padding: 220px 0px 0px 0px !important;}
}


/* #Tablet (Landscape) 768 - 959 --------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */

@media only screen and (min-width: 768px) and (max-width: 959px)
{
	#Top_bar .logo {margin: 0 20px 0 10px!important;padding: 15px 30px 25px 30px !important;}	
	#Top_bar #logo img {max-width: 100px;}
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {max-height: 100px;}
	.contactinfotop {  left: 180px!important;}
	.headersizefix {max-height: 160px;}
	.iconusp {max-height: 80px !important;margin-left: 110px !important;margin-bottom: -60px !important;}
	.uspblock h4 {max-width: 100% !important;}
	.line1 {margin-top: 0px !important;}
	.uspblock {padding: 26px !important;}
	.paddingfix1 {padding-top: 170px!important;padding-bottom: 30px!important;}
	.productblock i {font-size: 11px;}
	.productblock h3 {font-size: 18px;}
	.productblock .column_attr {padding: 20px !important;}
	.productcontainer {margin-top:-20px;padding-top: 140px !important;padding-bottom: 38px !important;}
	.productitel {top: 95px !important;}
	.showcasehome .entry-title {font-size: 15px!important;max-width: 150px;}
	.complexmap {max-width: 100% !important;width: 100%!important;}
	.fullwidth1 {width: 100%!important; max-width: 100% !important;}
	.contactcontainer h2 {font-size:23px;line-height:25px;}
	.line2 { width: 287px !important;}
    .bannersizefix {padding-top: 85px!important;padding-bottom: 95px!important;}
	.oopadding1 {padding-top: 60px!important;padding-bottom: 30px!important;}
	.contactcontainer {margin-top: -160px!important;}
	.projectpaddingfix {padding-top: 100px!important;}
	.producttxtblock1 {margin-top: 20px !important;margin-left: -60px!important;padding: 20px 0px 20px 30px!important;}
	.producttxtblock2 {margin-top: 20px !important;margin-right: -60px!important;padding: 20px 30px 20px 0px!important;}
	.single-portfolio #Subheader .column {height: 120px!important;margin-top: 15px;margin-left: 0px!important;}
	.single-portfolio .three-fifth.mcb-wrap {width: 98% !important;}
	.single-portfolio .post-meta .category .cat-wrapper {top: -140px!important;right:10px!important;}
	.single-portfolio .post-meta .category {float: right!important;}
	.portfoliotext1 {margin-top: 0px !important;}
	.fancytext1 h1 {font-size: 29px;line-height: 32px;}
	.wpcf7-form .column { width: 100%!important;}
	#Side_slide .extras .action_button {display:none;}
}

/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------- #Tablet (Portrait) & Mobile < 768 */

@media only screen and (max-width: 767px)
{
	#Top_bar .logo {margin: 0 20px 0 10px!important;padding: 20px 20px 40px 20px !important;width: 80px!important;}
	#Top_bar #logo img {max-width: 80px;}
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo {max-height: 60px;}
	#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {margin: 0px!important;}
	.contactinfotop {top: 32.5px !important; left: 150px !important; width: 200px !important;}
	#Top_bar a.responsive-menu-toggle {top: 47px;right: 20px;}
	.headersizefix {max-height: 270px;}
	.uspwrapper { max-width: 100% !important;}
	.uspcontainer {margin-bottom:0px !important; background: #0a1e20;}
	.uspcontainer .section_wrapper {display: block!important;}
	.mobile-tb-center #Top_bar .top_bar_right {display: none;}
	.uspblock {padding: 20px!important;}
	.line1 {margin-top: 0px !important;}
	.paddingfix1 {padding-top: 50px!important;padding-bottom: 50px!important;}
	.uspcontainer { top: 0px!important;}
	.productwrapper {max-width: 98%!important;}
	.productcontainer .section_wrapper, .container {display: block!important;}
	.productitel {margin-top: 0px!important;position: relative!important;top: 65px!important;height: 0px !important;}
	.portfoliotitel {margin-top: 0px!important;top: 35px!important;height: 0px !important;}
	.resizewrapper {max-width: 100% !important;}
	.contactcontainer {margin-top: 0px !important;}
	.watermerk1 {display:none;} 
	.complexmap .column_image {margin-top: 15px!important;margin-bottom: 40px!important;}
	#Top_bar .column { margin-bottom: -20px!important;}
	#Subheader {padding: 130px 0px 0px 0px !important;}
	#Subheader .column {width: min-content !important;z-index: 30;height: 35px!important;position: relative;}
	.resizewrapper1 {max-width: 100%!important; margin-top:0px!important;}
	.resizefit1 .section_wrapper {display: block!important;}
	.bannersizefix {padding-top: 55px!important;padding-bottom: 65px!important;}
	.streameroverons h1 {font-size: 24px!important;}
	.streameroverons p {font-size:13px!important;}
	.projectpaddingfix {padding-top: 0px !important;}
	.projectpaddingfix h1 {font-size: 28px!important;margin-bottom: -5px!important;}
	.resizefit1{padding-top: 30px!important;padding-bottom: 30px!important;}
	.producttxtblock1 {padding: 30px 0px !important;}
	.producten .buttonstyle1 { padding: 9px 11px!important;}
	.streameroverons .column_attr.align_left {background: #00000099;padding: 10px 50px 0px 50px;margin: 0px -50px;margin-bottom: 0px;}
	.portfolio_group.masonry-flat {min-height: 100% !important;}
	.certificateimg1 {max-width: 140px !important;display: inline-block;}
	.certificateimg2 {max-width: 140px !important;display: inline-block; float: right;position: relative; bottom: 70px;margin-bottom: -50px !important;}
	.fancytext1 h1 {position: relative;top: 225px;}
	.moveup1 {position: relative;top: -85px;}
	.overlapstyle {max-width: fit-content !important;padding: 15px!important;margin-top: -55px !important;margin-left: -5px !important;}
 	.productdownloads1 {padding: 20px !important;margin-top: 20px !important; }
	.producttxtblock1 {padding: 0px 0px !important;}
	#Subheader .title {font-size: 25px !important;}
	#Subheader .column {padding: 25px 25px 0px 20px !important;}
	.resizewrapper2 {max-width: 100% !important;margin-bottom: 10px !important; margin-top: 0px !important;}
	.dienstenblock {min-height: unset !important;}
	.paddingfixmobile2 {padding-top: 130px!important;padding-bottom: 0px!important;}
	.imgright {padding-bottom: 30px !important;}
	.single-portfolio #Subheader .column {padding: 25px 25px 0px 20px !important;margin-left: 0px !important;margin-top: -35px !important;padding-top: 0px !important;}
	.portfolio_group.masonry-flat {min-height: 100% !important;height: 1900px !important;}
	.uspwrapper {margin: 10px 0px !important;}
    .iconusp {max-height: 90px !important;margin-top: -25px!important;}
	.buttonleft {float:left !important;}
	.productcontainer {padding-top: 145px!important;padding-bottom: 60px!important;}
	.single-portfolio #Subheader .column {padding: 0px !important;}
	.single-portfolio #Subheader {margin-bottom: 0px!important;}
	.portfoliotext1 {max-width: 100%!important;float: left!important;padding: 20px 0px!important;}
	.mobilefix6 {max-height: 40px !important;}
	.txtshadowmobile h1 {text-shadow: 1px 1px 2px #0000009e;text-align: right;}
	.txtshadowmobile {text-align:right;}
}


.top-bar {
	display: flex;
	padding: 10px 40px;
	background-color: #2d6974;
	justify-content: space-between;
}

.top-bar .storingsnummer {
	color: white;
}

.top-bar .storingsnummer a {
	display: flex;
	align-items: center;
	gap: 6px;
}

.top-bar .storingsnummer svg {
	height: 20px;
	width: 20px;
}

.top-bar .storingsnummer svg * {
	fill: #D68D23;
}

.top-bar .storingsnummer strong {
	color: white;
	font-weight: 800;
}

.top-bar .storingsnummer a {
	color: white;
	font-weight: 300;
}

.top-bar a {
	transition: all ease-in-out	0.3s;
}

.top-bar a:hover {
	color: rgba(255, 255, 255, 0.8);
	transition: all ease-in-out	0.3s;
}

.contactinfotop {
	display: flex;
	gap: 40px;
}

.contactinfotop div {
	display: inline-block;
	white-space: nowrap;
	float: left;
	transition:0.3s;
	color: white;
	font-weight: 800;
}

.contactinfotop a {
	color: white;
	font-weight: 300;
}

@media(max-width: 768px) {
	.top-bar {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.contactinfotop {
		width: auto !important;
	}

	.top-bar .storingsnummer svg {
		height: 14px;
		width: 14px;
	}
}