.admin-bar header.header {
    top: 32px;
}
@media (min-width: 1680px){
	.header-bottom-right {
	    padding-top: 22px;
	    width: 37%;
	}
	.header-bottom-middle {
	    width: 46%;
	    margin-left: -30px;
	    padding-top: 20px;
	}
	.header-bottom-left {
	    width: 20%;
	    max-width: 312px;
	}
	div.sfm-navicon-button{
		display: none;
	}
}
@media (max-width: 1679px){
	.header-bottom-middle span {
	    font-size: 22px;
	}
	.header-menu ul li.s-icon {
	    margin-left: 15px;
	    right: 15px;
	}
	.logo-wrapper {
	    margin-left: auto;
	    margin-right: auto;
	    padding: 12px;
	}
	.header-bottom-middle {
	    padding-top: 30px;
	}
	.header-bottom-right {
	    display: none;
	}
	header .btn-purple {
	    font-size: 18px;
	    padding: 6px 20px;
	}
	.header-top-right {
	    padding-right: 130px;
	}
}

@media (max-width: 1679px) and (min-width: 992px) {
	.header-bottom-middle{
		width: 75%;
	}
}
@media (max-width: 1200px){
	.diensten-section .wpb_single_image h2 {
	    font-size: 23px;
	}
}
@media (min-width: 1199px){
	.footer-container {
	    padding-top: 140px;
	}
}
@media (max-width: 1200px) and (min-width: 992px) {

}
@media(min-width: 992px){
	/*header compact*/
}
@media(max-width: 991px){
	header .btn-purple {
	    font-size: 16px;
	    padding: 6px 14px;
	}
	.header-bottom-middle .btn {
    	margin-left: 8px;
    }
    span.right {
	    background: rgba(255, 255, 255, 0.8) !important;
	    padding: 15px !important;
	}
	.cta-shape-section .col-md-8 p {
	    text-align: center;
	    padding-bottom: 15px;
	}
	.cta-section .col-md-4{
		text-align: center;
	}
	.cta-section {
	    padding: 20px 0  40px 0;
	}
	.shape-bottom .svg-shape svg {
	    bottom: -68px;
	}
	.shape-top .svg-shape svg {
	    top: initial; 
	    bottom: 9px;
	}
	.diensten-section{
		padding-top: 50px;
	}
	.cta-shape-section {
    	margin-top: 60px;
    }
    .diensten-section .wpb_single_image {
	    min-height: 290px;
	}
	.diensten-section .wpb_single_image h2 {
	    font-size: 17px;
	    min-height: 88px;
	    bottom: 0;
	}
	.th-color {
	    font-size: 14px;
	    padding: 12px;
	    min-width: initial;
	}
	.kosten-table tr td, .kosten-table tr th {
	    vertical-align: middle;
	}
	th.th-purple {
	    font-size: 18px;
	}
	th.th-black {
	    font-size: 15px;
	    padding: 8px 5px;
	}
	.th-big-black {
	    padding: 10px 0;
	    font-size: 22px;
	}
	.vc_row .gform_wrapper {
	    background-color: white;
	    padding: 30px 20px;
	}
	.ginput_complex .ginput_right {
	    width: 45%;
	}
	.ginput_complex .ginput_left {
    	width: 55%;
    }
    input.datepicker[type="text"], select.medium {
	    font-size: 14px;
	}
	.label-visible > label {
	    margin-bottom: 16px;
	}
}
@media (min-width: 767px){
}

@media (max-width: 768px){
	.footer_cr {
	    position: static;
	    display: block;
	    text-align: center;
	    line-height: 24px;
	}
	.header-bottom-middle span {
	    font-size: 15px;
	}
	header .btn-purple {
	    font-size: 14px;
	    padding: 6px 12px;
	}
	.header-bottom-middle .btn {
	    margin-left: 3px;
	}
	p.grey-big {
    	font-size: 18px;
    }

	.grey-big .btn {
	    margin-left: 0;
	    margin-top: 10px;
	    width: 100%;
	}
	.svg-shape svg {
	    height: 40px;
	}
	.diensten-section .vc_col-sm-4 {
	    max-width: 400px;
	    margin-left: auto;
	    margin-right: auto;
	}
	div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a, 
	div.vc_tta.vc_general .vc_tta-panel-title>a, 
	div.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
	    line-height: 1.3;
	}
	.banner-img {
   		background-position: 34%;
   	}
   	.ginput_complex .ginput_right{
	    width: 30%;
	    max-width: initial;
   	}
   	.ginput_complex .ginput_left {
	    width: 70%;
	    max-width: initial;
	}

}
@media (max-width: 639px){
	.header-bottom-middle {
	    display: none;
	}
	.header-bottom-left {
	    width: 100%;
	}
	.header-top-right {
	    padding-right: 0;
	    text-align: left;
	}
	.logo-wrapper {
	    max-width: initial;
	    width: initial;
	    background-color: transparent;
	}
	#sfm-sidebar .sfm-menu li a {
    	font-size: 24px !important;
    }
    #sfm-sidebar .sfm-menu li a {
	    padding: 10px 0 !important;
	}
	.th-color {
	    font-size: 10px;
	    padding: 6px;
	}
	.kosten-table td:nth-child(1) {
	    font-size: 11px;
	    padding: 3px;
	}
}
@media (max-width: 479px){
	h1, h2 {
	    margin: 15px 0;
	    font-size: 27px;
	}
	.header-top {
	    height: 42px;
	    padding: 7px 0;
	}
	div.sfm-navicon-button.sf_label_default {
	    height: 42px;
	    top: 9%;
	   }
	.header-h {
	    height: 98px;
	}
	.logo-wrapper img.retina-logo{
		display: none;
	}
	.logo-wrapper img.small-logo {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.svg-shape svg {
	    height: 25px;
	}
	.cta-shape-section .col-md-8 p {
    	font-size: 22px;
    }
    th.th-purple {
	    font-size: 13px;
	}
	th.th-black {
	    font-size: 11px;
	    padding: 6px 5px;
	}
	table.kosten-table {
   		border-collapse: collapse;
	}
	.kosten-table td:nth-child(1) {
    	font-size: 10px;
    }
    .kosten-table tr td, .kosten-table tr th {
	    padding: 0;
	}
	.th-big-black {
	    font-size: 14px;
	}
	.th-color {
	    min-width: 70px;
	}
	.kosten-table tr td{
	    font-size: 12px;
	}
	.kosten-table tr td.vinkje, .kosten-table tr td.kruisje{
	    font-size: 20px;
	}
	.responsive-table .wpb_text_column > .wpb_wrapper {
	    overflow-x: auto;
	}
	div.gform_wrapper ul.gform_fields li.gfield.select-inligne {
	    width: 100%;
	    padding-left: 0;
	}
	.ginput_complex .ginput_right, .ginput_complex .ginput_left{
	    width: 100%;
   	}
   	.diensten-section .wpb_single_image h2 {
	    font-size: 21px;
	    padding: 15px;
	    padding-bottom: 20px;
	}

}
@media (max-width: 496px){
	.tp-caption a.btn {
	    font-size: 15px !important;
	    display: inline-block;
	    white-space: normal;
	    width: 250px;
	    text-align: center !important;
	    line-height: 1.4 !important;
	    padding: 10px !important;
	}
	span.right {
	     text-align: center !important; 
	}
}
@media (max-width: 339px){
	h1, h2 {
	    font-size: 22px;
	}
	.vinkjes p {
	    font-size: 13px;
	    padding-left: 26px;
	    background-image: url(/wp-content/themes/completeaupair/assets//images/vinkje-paars.png);
	    background-size: 16px;
	}
	div#text-3 p {
	    font-size: 15px;
	}
}