#mobile_navigation_button {
/* 	height: 50px; */
	padding: 12px 13px;
	background: #ddd;
	color: #777;
	text-decoration: none;
}

#mobile_navigation_button span {
	font-weight: bold;
}

@media only screen and (max-width: 797px) {
	.top_bar_phone {
		margin: 0;
		width: 240px;
	}
	
	#top_bar_navigation ul li {
		margin: 0 10px 0 0;
	}
}

@media only screen and (max-width: 768px) {
	#copyrights {
		padding-bottom: 50px;
	}
}

@media only screen and (min-width:200px) and (max-width: 767px) {
	.top_bar_phone {
		margin: 0;
		width: 240px;
	}
	
	#usps .column {
    	padding: 0 5px;
	}

	#header .container {
		padding: 0;
	}

	#content_text {
		width: auto;
	}

	#logo {
		width: 50%;
	    padding: 0;
	    display: block;
	    float: inherit;
	    margin: 15px auto;
	}

	#header #essent {
		display: none;
	}

	#essent {
		width: 140px;
		margin: 6px 15px 0 0 !important;
	}

	#navigation,
	#header.sticky {
		display: none !important;
	}

	#dakcheck_header {
		display: none;
	}

	#mobile_navigation_button {
		background: none;
	    margin: 0;
	    padding: 0;
	    width: auto;
	    position: absolute;
	    left: 15px;
	    top: 0;
		float: none;
		clear: both;
		display: block;
		text-align: center;
	}
	
	#header {
		overflow: hidden;
		box-shadow: 0px 1px 3px 1px #ccc;
	}
	
	#mobile_navigation_button .fa {
		font-size: 19px;
	}
	
	#mobile_navigation_button span {
		font-size: 10px;
		display: block;
	}

	#header.sticky #mobile_navigation_button {
		margin: 19px 30px 0 0;
	}

	#header.sticky .header_dakcheck_button {
		display: none;
	}

	.column {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	#usps svg {
	    fill: #db006e;
	    height: 30px;
	    margin: 0 0 3px 0;
/* 	    width: 13%; */
	}
	
	#usps h3 {
/* 		width: 52%; */
	}
	
	#usps .usp-wrapper {
	    margin: 0 auto;
	    width: 250px;
	    text-align: left;
	}

	#phone {
		width: auto;
		float: right;
		top: 50%;
		right: 15px;
		background: none;
		margin: -36px 0 0 0;
		padding: 0;
		color: #088949;
	}

	#phone i {
		margin: 0;
		color: #088949;
		border-color: #088949;
	}

	#phone span {
		display: none;
	}

	#phone span.phone_icon {
		display: block;
		margin: 0;
		padding: 0;
		background: none;
	}

	#phone span.phone_icon i {
		color: #a80a4c;
		border-color: #a80a4c;
	}

	.onepage_section,
	.onepage_section .container {
		width: auto;
	}

	.onepage_thumbnail {
		position: static;
		width: auto;
		margin: 0 0 30px 0;
	}

	#content.one_page_content #page_title {
		margin: 0 0 30px 0;
	}

	#content.archive #page_title,
	#page_title {
		margin: 0 0 30px 0;
	}

	#page_title {
		width: auto;
		height: 73px;
	}

	#page_title .title {
		width: 100%;
		margin: 0;
		padding: 20px 0;
		text-align: center;
		left: 0;
		font-size: 28px;
	}

	#page_title .title {
		border-radius: inherit;
	}

	#page_title .title:after {
		display: none;
	}

	#page_title.contact .title {
		width: 100%;
		left: 0;
	}

	#home_visual,
	#home_buttons {
		width: auto;
		height: auto;
		float: none;
	}

	#home_visual {
		height: 300px;
		display: block;
		position: relative;
		right: inherit;
	}

	#home_visual .text {
		padding: 30px;
	}

	#home_visual .text h1 {
		margin: 0 0 20px 0;
		font-size: 28px;
	}

	#home_visual .text .button {
		padding: 5px 10px;
		font-size: 20px;
	}

	#home_visual .text .button i {
		font-size: 34px;
	}

	#home_buttons {
		margin: 10px 0 0 0;
	}

	.home_button {
		height: auto;
		margin: 0 0 10px 0;
		padding: 15px;
		font-size: 18px;
	}

	.home_button .home_button_heading {
		font-size: 26px;
	}

	.home_button .home_button_heading:after {
		font-size: 38px;
	}

	.home_button p {
		margin: 0;
	}

	#info {
		overflow: hidden;
	}

	#info #about {
		width: 100%;
		float: none;
		margin: 40px 0;
		font-size: 21px;
	}

	#info #accordion {
		display: none;
	}

	#info #accordion div .text {
		bottom: 20px;
	}

	#usps {
		padding: 20px 0;
	}

	#usps .container {
		padding: 0;
	}

	#usps .column {
		width: 50% ;
		margin: 20px 0 !important;
		padding: 0 15px;
		float: left !important;
	}

	#usps h3 {
		font-size: 19px;
	}

	#testimonials {
		padding: 70px 0 50px 0;
	}

	.news {
		margin: 0;
		padding: 70px 0 0 0;
		height: auto;
	}

	.news .heading {
		margin: 0 0 20px 0;
	}

	.post {
		width: 100%;
		float: none;
	}

	.post_title {
		font-size: 22px;
	}

	.newsletter_archive {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 30px 0;
	}

	#pagination {
		float: none;
		clear: both;
		overflow: hidden;
	}

	#pagination ul {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}

	#pagination ul li {
		float: none;
		display: inline-block;
		margin: 0 2px;
	}

	#testimonials .column {
		width: 100%;
		float: none;
	}

	#footer {
		width: auto;
		text-align: center;
	}

	#footer .labels,
	#footer .rating,
	#footer .rating_text {
		float: none;
		display: inline-block;
	}

	#footer .labels {
		margin: 0;
		text-align: center;
	}

	#footer .labels li {
		margin: 10px;
	}

	#footer_logos .footer_logo {
		width: 45%;
		float: left;
		padding: 5px 0 0 15px;
	}

	#footer_logos {
		padding: 14px 0;
	}

	#footer_logos #essent {
		position: static;
		width: 25%;
		margin: 8px 0 0 0;
		float: right;
	}

	#onepage_navigation {
		display: none;
	}

	.onepage_title {
		margin: 0 0 20px 0;
		font-size: 28px;
	}

	.onepage_c2a .text {
		width: 64%;
		font-size: 20px;
	}

	.onepage_c2a .arrow {
		display: none;
	}

	#copyrights {
		margin: 0;
	}
	
	.content_block.text .contact_persons .contact_person .picture {
		width: 80px;
	}
	
	.content_block.text .contact_persons .contact_person .details {
		margin: 0 0 0 80px;
	}
	
	.content_block.text .contact_persons .contact_person .details .email {
		white-space: nowrap;
		overflow:hidden !important;
		text-overflow: ellipsis;
	}

	.phone_numbers table td {
		display: block;
	}

	.contact_block {
		width: auto !important;
		float: none !important;
		min-height: inherit !important;
		overflow: hidden !important;
		margin: 0 -15px !important;
		padding: 15px 15px 30px 15px;
	}

	.contact_block h3 {
		font-size: 23px;
	}

	.contact_block .gform_fields li#field_1_1 .ginput_container,
	.contact_block .gform_fields li#field_1_2 .ginput_container {
		width: 100%;
	}

	.contact_block .gform_fields li#field_1_1 .ginput_container select,
	.contact_block .gform_fields li#field_1_2 .ginput_container select {
		width: 100%;
	}

	.contact_block .gform_button {
		float: none;
		width: 100%;
	}

	#content.paubeek #page_title {
		margin: 0 auto 50px auto;
	}

	#content.paubeek #page_title .title {
		width: 100%;
	}

	#content.paubeek #content_text {
		width: auto;
		float: none;
	}

	#content.paubeek #content_sidebar {
		width: auto;
		float: none;
		margin: 60px 0 0 0;
	}
	.video_thumbnail, .photo_review {
		margin: 30px 0 0 0;
	}
	.review_quote {
		padding: 30px 0;
		font-size: 24px;
	}
	.tenders {
		margin: 30px 0;
	}
	.block {
		padding: 25px 30px;
	}
	.togglefaq {
		margin: 0;
	}
	#photo_frame, #video_frame {
		text-align: center;
	}
	#offerte div ul li {
		font-size: 18px;
	}
	#review div p, #introduction div p, #review div h4 {
		font-size: 18px;
		line-height: 25px;
	}
	.inner_left, .inner_right {
		display: block;
		width: 100%;
	}
	.inner_right {
		float: left;
		margin: 10px 0 0 0;
	}
	.block_inner .inner_right .available_counter {
		margin: 20px 0;
	}
	.faqanswer p {
		padding: 5px 10px 5px 40px;
	}
	.different_question .gform_fields .gfield_radio li {
		margin: 5px 0 !important;
		display: block;
	}
	.thankyou #thankyou_content #logo {
		margin: 45px 0 30px 0 !important;
	}

	.dakcheck_form form .inline {
		display: block;
		margin: 15px 0 0 0;
	}
	.dakcheck_banner {
		height: auto;
		margin: 0 -15px;
		padding: 20px;
	}

	.dakcheck_form {
		width: 100%;
		padding: 30px;
	}

	.dakcheck_banner > h1 {
		padding: 0 0 30px 0;
	}

	.dakcheck_form form .inline .header_field {
		width: 100%;
	}
	.dakcheck_form form .inline .header_submit {
		width: 100%;
	}

	.zorgelooszon_block h2,
	.zorgelooszon_zonneboiler h2,
	.zorgelooszon_about2 h2 {
		font-size: 24px;
	}

	.zorgelooszon_block {
		padding: 20px;
	}

	.zorgelooszon_block .button,
	.zorgelooszon_zonneboiler .button,
	.zorgelooszon_about2 a.button {
		display: block;
	}
}
@media only screen and (max-width: 530px) {
	#top_bar_navigation ul li {
		margin: 0 5px 0 0;
	}
	
	#top_bar_navigation ul li:last-child {
		margin: 0;
	}
}

@media only screen and (max-width: 520px) {
	#usps .column {
		width: 100% ;
	}
}
@media only screen and (min-width:480px) and (max-width: 767px) {
	
	.top_bar_social {
		display: none;
	}
	
	#logo {
		width: 45%;
	}

	#essent {
		width: auto;
	}

	#dakcheck_header {
		display: none;
	}

	#footer_logos .footer_logo {
		width: 213px;
		margin: 0 0 0 15px;
		padding: 0;
	}

	#footer_logos #essent {
		width: auto;
	}

}



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

	#navigation {
		display: none !important;
	}

	#logo {
		margin: 20px 67px 20px 0 !important;
	}

	#mobile_navigation_button {
		margin: 31px 0 0 0;
		padding: 14px 16px;
		display: block;
		float: right;
	}

	#header.sticky #mobile_navigation_button {
		margin: 23px 0 0 0;
	}

	#dakcheck_header {
		display: none;
	}

	#header.sticky #dakcheck_header {
		display: block;
		top: 22px;
		right: 190px !important;
		padding: 10px 20px 9px 20px;
	}

	#phone {
		position: inherit;
		width: auto;
		float: right;
		top: 50%;
		right: 0;
		background: none;
		margin: 40px 0 0 20px;
		padding: 0;
		color: #088949;
	}

	#phone i {
		margin: 0;
		color: #088949;
		border-color: #088949;
	}

	#phone span {
		display: none;
	}

	#phone span.phone_icon {
		display: block;
		margin: 0;
		padding: 0;
		background: none;
	}

	#phone span.phone_icon i {
		color: #a80a4c;
		border-color: #a80a4c;
	}

	#header.sticky #phone {
		margin: 30px 0 0 20px;
	}
	.thankyou #thankyou_content #logo {
		margin: 75px 0 60px 0 !important;
	}

	.dakcheck_form form .inline {
		display: block;
		margin: 15px 0 0 0;
	}
	.dakcheck_banner {
		height: auto;
		padding: 20px;
	}

	.dakcheck_form {
		width: 100%;
		padding: 30px;
	}

	.dakcheck_banner > h1 {
		padding: 0 0 30px 0;
	}

	.dakcheck_form form .inline .header_field {
		width: 100%;
	}
	.dakcheck_form form .inline .header_submit {
		width: 100%;
	}

	.zorgelooszon_block h2,
	.zorgelooszon_zonneboiler h2,
	.zorgelooszon_about2 h2 {
		font-size: 24px;
	}

	.zorgelooszon_block {
		padding: 20px;
	}
	
	.onepage_thumbnail {
		position: static;
		width: auto;
		margin: 0 0 30px 0;
	}

}

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

	#logo {
		margin: 35px 67px 20px 0;
	}

	#navigation {
/* 		float: right; */
	}

	#essent {
		position: absolute;
		margin: 0;
		right: 300px;
	}

	#home_buttons {
		height: auto;
	}
	
	#home_visual {
/* 		height: 500px; */
	}

	#home_visual .text {
		padding: 30px !important;
	}

	#home_visual .text h1 {
		font-size: 32px;
	}

	#home_visual .text .button {
		padding: 15px 13px;
		font-size: 21px;
	}

	.home_button {
		height: auto;
		padding: 24px;
	}

	#header.sticky #dakcheck_header {
		top: 22px;
		right: 295px;
		padding: 10px 20px 9px 20px;
	}

	#usps h3 {
		font-size: 15px;
	}
	
	#usps svg {
		height: 20px;
	}
	
	#usps .column {
		padding: 0 5px;
	}

	#info #about {
		font-size: 22px;
	}

	#info #about .more {
		display: block;
		margin: 0 0 30px 0;
	}

	#onepage_navigation {
		right: 0;
		left: 0;
	}

	.onepage_section {
		width: auto;
	}

	.onepage_section .container {
		width: 60%;
	}
	
	.onepage_thumbnail {
		position: static;
		width: auto;
		margin: 0 0 30px 0;
	}

	#page_title {
		margin: 0 0 150px 0;
	}

	#content.paubeek #page_title {
		margin: 10px auto 100px auto;
	}

	#info #about {
		margin: 3.5% 0 0 0;
	}

	#footer {
		width: auto;
	}

	#footer_logos #essent {
		right: 15px;
	}

	.onepage_c2a .text {
		width: 80%;
		font-size: 24px;
	}

	.onepage_c2a .arrow {
		position: inherit;
		top: inherit;
		right: inherit;
		margin: 0;
		float: right;
	}

	#copyrights {
		margin: 20px 0 0 0;
	}

	.zorgelooszon_block {
		padding: 40px;
	}

}

/* ========== HOME VISUAL ========== */

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

	#home_visual,
	#info,
	.news,
	.outer_container {
		width: auto;
		margin: 0;
	}

	#home_visual h1 {
		margin: 0 10px 10px 10px !important;
		font-size: 24px !important;
		text-align: center;
	}

	#home_visual .button {
		display: block;
		font-size: 21px;
		padding: 10px 24px;
	}

	#top_bar,
	#home_visual .button i {
	    display: none;
    }

    #home_visual .text {
	    width: 100%;
	    border-radius: 0px;
    }

    #home_visual .text:before {
	    display: none;
    }

    #home_visual .text h1 br {
	    display: none;
    }

}

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

	#top_bar,
	#home_visual,
	#info,
	.news,
	.outer_container {
		width: auto;
		margin: 0;
		height: auto;
	}

	#home_visual {
		height: 400px;
	}

	#page_title {
		width: auto;
	}

}

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

	#top_bar,
	#home_visual,
	#info,
	.news,
	.outer_container {
		width: auto;
		margin: 0;
	}

	#home_buttons,
	#home_visual {
		width: 48%;
		margin: 0;
	}

	#home_visual .text h1,
	.home_button .home_button_heading {
		font-size: 32px;
	}

	.home_button .home_button_heading:after {
		font-size: 48px;
	}

	.home_button {
		font-size: 20px;
	}

	#page_title {
		width: auto;
	}

	#header #essent {
		display: none !important;
	}

	#content.paubeek #content_text {
		width: 60%;
	}

	#content.paubeek #content_sidebar {
		width: 35%;
	}

}

@media only screen and (min-width:1200px) and (max-width: 1399px) {

	#top_bar,
	#home_visual,
	#info,
	.news,
	.outer_container {
		width: auto;
		margin: 0;
	}

	#home_buttons,
	#home_visual {
		width: 48%;
		margin: 0;
	}

	#page_title {
		width: auto;
	}
	
	.home_button {
		padding: 30px;
	}

}

@media only screen and (max-width: 919px) {
	#top_bar {
		display: none
	}
	
	#mobile_navigation_button {
	    background: none;
	    margin: 0;
	    padding: 0;
	    width: auto;
	    position: absolute;
	    left: 15px;
	    top: 0;
	    float: none;
	    clear: both;
	    display: block;
	    text-align: center;
	}
	
	#mobile_navigation_button .fa {
    	font-size: 19px;
	}
	
	#logo {
		width: 150px;
		padding: 0;
		display: block;
		float: inherit;
	    margin: 15px auto !important;
	}
	
	#header {
    	overflow: hidden;
    	box-shadow: 0px 1px 3px 1px #ccc;
	}
	
	#mobile_navigation_button span {
    	font-size: 10px;
    	display: block;
	}
}