/* 1440px */
@media screen and (max-width: 1440px) {

}

/* 1024px */
@media screen and (max-width: 1439px) {

}

@media screen and (max-width: 1195px) {
	.employees .owl-nav .owl-next{
		right: 0;
	}

	.employees .owl-nav .owl-prev{
		left: 0;
	}

	.employee {
		width: 80%;
		margin: auto;
	}

	.employee_link{
		text-align: right;
	}
}

/* 768px */
@media screen and (max-width: 1023px) {

	/* header */
	.nav ul a {
		padding: 10px 10px 8px;	
	}

	/* homepage */
	#wrapper {
		margin-bottom: 0;
	}

	.employees .employee .employee_image {
		padding: 0 5px 0 10px;
	}

	.employees .employee .employee_text {
		padding: 0px 10px 0;
	}

	.products_content .product,
	.newsitems .news_item {
		width: 33.333333%;
	}

	.team .employee {
		width: 25%;
	}

	/* footer */
	#footer,
	#wrapper:after {
		height: auto;
	}

}

@media screen and (max-width: 876px) {

	/* header */
	.header .header_top {
		height: 100%;	
	}

	.infoblock_home{
		width: 49%;
	}

}

@media screen and (max-width: 768px) {

	/* header */
	.header .header_top {
		height: 100%;	
	}

}

/* 640px */
@media screen and (max-width: 767px) {	

	/* header */
	.header .header_image img {
		min-height: 160px;	
	}

	.nav ul a {
		padding: 10px 5px 8px;
		font-size: 15px;	
	}

	.infoblock_img_overlay {
		font-size: 18px;
	}

	.employees .container {
		padding: 0 40px;
	}

	.employees .owl-nav svg {
		font-size: 40px;
	}

	.products_content .product {
		padding: 10px;
	}

	.newsitems .news_item {
		width: 50%;	
	}

	.team .employee {
		width: 33.333%;
	}

	.employee_content .content_left,
	.employee_content .content_right {
		width: 100%;
	}

	.employee_content .content_right .smallspacer {
		margin: 15px auto 20px;
	}

	.employee_content .content_right .employeesocial {
		text-align: center;
		margin: 0 5px;
	}

	.contact.content_parts .content_left,
	.contact.content_parts .content_right {
		width: 100%;
	}

	.contact.content_parts .content_left {
		padding: 0 0 10px;
		text-align: center;
	}

	.footer_top {
		padding: 20px 0 10px;
	}

	.footer_top .footer_block {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	.footer_top .footer_block .footer_top_content {
		text-align: center;
	}

	.fb-page{
		display: none!important;
	}

	.infoblock_home{
		width: 100%;
	}

	.mobile_nav{
		display: block;
	}

	.nav .mobile_nav label{
		display: block;
		cursor: pointer;
	}

	.nav {
		/* float: left;
		margin-left: 10px; */
	}

	.nav ul {
		position: absolute;
		display: none;
		background: var(--header);
		padding-left: 0;
		width: 254px;
		top: 150px;
		border: 2px solid var(--primary);
		z-index: 10;
		/* right: 5px; */
	}

	.nav ul li{
		width: 100%;
		text-align: center;
		border-top: 1px solid var(--primary);
	}

	#mob_nav, .nav .mobile_nav label.close, #mob_nav:checked ~ .open{
		display: none;
	}

	#mob_nav,
	.nav .mobile_nav label.close,
	#mob_nav:checked~ .open {
	display: none;
	}


	#mob_nav:checked~ ul,
	#mob_nav:checked~ .close {
	display: block;
	width: 97%;
	}

	.nav .mobile_nav {
	text-align: center;
	font-weight: 600;
	padding-top: 10px;
	cursor: pointer;
	/* float: left; */
	margin-left: 10px;
	}

	.nav .mobile_nav i {
	margin-left: 7px;
	}

	@media screen and (max-width: 479px) {	
		.nav ul {
			top: 200px;
		}
	}
}

@media screen and (max-width: 640px) {	
	
}

/* 560px */
@media screen and (max-width: 639px) {	

	.header .header_image {
		overflow: hidden;
	}

	.header .header_image img {
		height: 280px;
		width: initial;
		max-width: initial;
		min-width: 100%;
	}

	.nav {
		border: none;
	}
	
	/* .nav ul a {
		border-top: 1px solid var(--primary);
		border-bottom: 1px solid var(--primary);
	} */

	.nav li:nth-child(1) a, .nav li:nth-child(2) a, .nav li:nth-child(3) a{
		border-top: 1px solid var(--primary);
	}

	.nav li a {
		border-bottom: 1px solid var(--primary);
	}

	/* .nav.open {
		display: block;
		background:#fff;
	}

	.nav .subMenu {
		display: block;
		position: relative;
		border: 0;
		margin-left: 50px;
		background: none;
	}

	.nav .subMenu .menuItem {
		border: 0!important;
	}

	.nav .subMenu .menuItem a {
		padding: 5px!important;
	}

	.nav li a {
		text-align: left;
		font-size: 14px;
	} */

	.menuItem {
		display: inline-block !important;
		width: 32%;
		padding: 0 3px;
	}

	.employees .employee .employee_image,
	.employees .employee .employee_text {
		width: 100%;
	}

	.employees .employee .employee_image {
		padding: 0 15px 20px;
	}

	.employees .employee .employee_image img {
		margin: auto;
	}

	.products_content .product {
		width: 50%;
		padding: 15px;
	}

	/* .hamburger {
		display: block;
	}

	.hamburger a {
		color: #cc4717;
	}

	.hamburger a:hover {
		color: #ffab00;
	} */

	.sidnav_redir{
		display: inline-block;
		width: 20%;
		margin: 5%;
	}

	.sidenav{
		width: 100%;
		margin-top: 0px;
		padding-left: 0px;
	}

	.sidnav_redir a svg{
		margin-left: 20px;
	}	

	.mainContainer{
		width: 97%;
	}
}

@media only screen and (max-width: 600px) { 
	.rendered-form {
		width: 100%!important;
	}
}

@media screen and (max-width: 560px) {	

}

/* 480px */
@media screen and (max-width: 559px) {	

	.nav li {
		width: 49%;	
	}

	.nav li:nth-child(3) a {
		border-top: none;	
	}

	.content {
		padding: 30px 0;
	}

	.infoblocks {
		padding: 30px 0 10px;
	}

	.infoblock {
		width: 100%;
		padding: 0 0 20px;
	}

	.products_content .product {
		width: 100%;
	}

	.products_content .product_block {
		max-width: 300px;
		margin: auto;
	}

	.team .employee {
		width: 50%;
	}

}

@media screen and (max-width: 480px) {

}

/* 425px */
@media screen and (max-width: 479px) {

	.header .logo {
		padding-top: 50px;
		height: unset;
	}

	.header .header_image img {
		height: 315px;
	}

	.newsitems .news_item {
		width: 100%;
	}

	.newsitems .news_item a {
		display: block;
		max-width: 300px;
		margin: auto;
	}

	.googlemaps img.laptop {
		display: none;
	}

	.googlemaps img.mobile {
		display: block;
	}

	.footer_bottom .footer_bottom_left, 
	.footer_bottom .footer_bottom_right {
		width: 100%;
		text-align: center;
	}

	.footer_bottom .footer_bottom_left {
		padding-bottom: 10px;
	}

}

@media screen and (max-width: 425px) {

}

/* 375px */
@media screen and (max-width: 424px) {

	.employees .container {
		padding: 0 20px;
	}

}

@media screen and (max-width: 375px) {

}

/* 320px */
@media screen and (max-width: 374px) {

}

@media screen and (max-width: 320px) {

}