@media (max-width: 319px) {
    #footer, #chevron, #slider, #tijd, #blog, #services, .logo, .navbar-header, .container, #navbar-upper {
        width:319px;
    }
}
@media (max-width: 320px){
    li #sl34 {
    top: 96px;
    width: 100%;
    margin-right: 0px;
    height: 270px;
    }
    div#socialwrap {
    margin-left: 0px !important;
    }
    #prijs-text {
    margin-top: 270px;
    }
    #tijd-image {
    margin-left: -210px;
    margin-top: -10px;
    width: 400px;
    }
    #slider .bx-viewport {
    top: -240px;
    }
    .dropdown-menu li a {
    color: white !important;
    transition-duration: 0.5s;
    font-size: initial;
    }
    #line {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line1 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line2 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line3 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line4 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line5 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line6 {
        border-left: 1px solid #a08c5c;
        height: 0px;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line7 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line8 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line9 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #slider .bx-wrapper li img {
    margin: auto 0px auto 0px;
    margin-left: -230px;
    }
}
@media (max-width: 575px) {
    a.ginger_btn.ginger-accept.ginger_btn_accept_all, a.ginger_btn.ginger-disable.ginger_btn_accept_all {
    float: left;
    width: 180px!important;
    max-width: 46%;
    margin: 2%!important;
    }
    p.ginger_message {
    width: 100%;
    float: left;
    }
    .accordion.active .arrow {
    transform: rotate(90deg);
    margin-top: 0px;
    }
    .accordion-title {
    font-size: 11pt;
    }
    .accordion-text {
    font-size: 10pt;
    }
    .container {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
    }
    article p img {
    width: 100%;
    height: auto;
    }
    .col-sm-4.kal-img {
    height: unset;
    overflow: hidden;
    }
    .col-sm-4.kal-img img {
    width: 100%;
    height: auto;
    }
    #kal-verantwoord-bg {
    overflow-y: hidden;
    }
    #kalhari-intro {
    padding-right: 17%;
    }
    #kal-verantwoord {
    overflow: visible;
    height: 770px;
    }
    #kal-verantwoord img {
    top: 0px;
    width: 400%;
    left: -149%;
    }
    #kal-verantwoord #verantwoord-logo img {
    width: 50%;
    padding: 5px;
    left: 0;
    }
    #verantwoord-logo {
    padding: 0;
    }
    .page-id-962 {
    background-size: 1280px;
    background-position: 75% 0px;
    }
    .kal-shout {
    font-size: 12pt;
    }
    .col-sm-4.kal-img img, .col-sm-4.kal-img {
    padding: 0px;
    }
    .kal-blok {
    padding: 15px;
    }
    #blog li img {
    width: auto!important;
    height: 130px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    }
    .bx-wrapper .bx-pager {
    bottom: 0px;
    }
    #blog a.bx-prev {
    left: -37px;
    }
    #line {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line1 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line2 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line3 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line4 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line5 {
        height: 00px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line6 {
        border-left: 1px solid #a08c5c;
        height: 0px;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line7 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line8 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line9 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #blog a.bx-next {
    right: -37px;
    }
    div#slide-center {
    width: 100%;
    overflow: hidden;   
    }

    #slider .bx-wrapper img {
    max-width: 200%;
    display: block;
    width: auto!important;
    height: 400px!important;
    }
    #slider .bx-viewport {
    top: -240px;
    height: 380px!important;
    }
    #prijs-text {
    margin-top: 270px;
    }
    #tijd-image {
    margin-left: -210px;
    margin-top: -10px;
    width: 400px;
    }
    .social3{
        width:100%;
    }
    #sl34 {
    top: -40px;
    width: 100%;
    margin-right: 0px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    position: absolute;
    display: block;
    overflow: visible;
    }
    #navbar-upper {
    left: 0;
    }
    .bx-wrapper .bx-controls-direction a {
    top: 120px;
    height: 371px;
    }
    #services {
    margin-top: -250px;
    }
    div#socialwrap {
    margin-left: 48px;
    }
    
    .col-sm-12.site-sub-footer p {
    text-align: center;
    }
    #footer input#s {
    width: 60%;
    float: left;
    height: 50px;
    border-radius: 40px;
    }
    button#searchsubmit {
    float: left;
    width: 60px;
    height: 50px;
    margin-left: 5px;
    }
    .search-2.widget_search.col-sm-4 {
    margin: 0px 5%;
    }
    #chevron {
        margin:0px;
    }
    #chevron-l1, #chevron-r1 {
    top: -113px;
    }
     #chevron-l1, #chevron-r1 {
    top: -111px;
    }
    #chevron {
        border-width: 100px 40px 35px 40px;
    }
    #logo {
    width: 150px;
    margin-top: 25px;
    z-index: 9999;
    position: relative;
    }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    }
    .navbar-default .navbar-toggle {
    border-color: #a08c5c;
    }
    .navbar-toggle {
    padding: 12px 11px;
    margin-top: 32px;
    margin-right: 0px;
    border: 2px solid transparent;
    border-radius: 13px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #a08c5c;
    z-index: 9;
    }
    .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #0a0b09;
    }
    #navbar-upper {
    background: black;
    border-bottom: 2px solid #a08c5c;
    margin-top: -70px;
    padding-top: 110px;
    width: 100%;
    position: absolute;
    }
    .navbar-default .navbar-collapse {
    border: 0px;
    }
    #blog-image {
    position: absolute;
    right: -130px;
    height: 100%;
    }
    .sensi #service {
    margin-top: 0px;
    }
}   
@media (min-width: 576px) and (max-width: 767px) {
    #kal-verantwoord-bg {
    overflow-y: hidden;
    }
    #kalhari-intro {
    padding-right: 17%;
    }
    #kal-verantwoord {
    overflow: visible;
    height: 770px;
    }
    #kal-verantwoord img {
    top: 0px;
    width: 400%;
    left: -149%;
    }
    #kal-verantwoord #verantwoord-logo img {
    width: 25%;
    padding: 5px;
    left: 0;
    }
    #verantwoord-logo {
    padding: 0;
    }
    .page-id-962 {
    background-size: 1280px;
    background-position: 75% 0px;
    }
    .kal-shout {
    font-size: 12pt;
    }
    .col-sm-4.kal-img img, .col-sm-4.kal-img {
    padding: 0px;
    }
    .kal-blok {
    padding: 15px;
    }
    #blog-image {
    position: absolute;
    right: -130px;
    height: 100%;
    }
    .bx-wrapper {
    height: 500px;
    }
    #blog a.bx-prev {
    left: -45px;
    }
    #line {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line1 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line2 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line3 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line4 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line5 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line6 {
        border-left: 1px solid #a08c5c;
        height: 0px;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line7 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line8 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line9 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #blog a.bx-next {
    right: -45px;
    }
    #prijs-text {
    width: 40%;
    }
    div#socialwrap {
    margin: auto;
}
    div#socialwrap {
    width: 33%;
    }
    .social1 p, .social2 p, social3 p {
    width: 100%;
    }
    #sl34 {
    height: 317px;
    margin-right: 0px;
    top: 100px;
    width: 100%;
    }
    .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 118px;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999;
    height: 500px;
    width: 50px;
    }
    .bx-wrapper .bx-controls-direction a {
    height: 394px;
    }
    #services {
        margin-top: -244px;
    }
    #slider {
        margin-top:0px;
        top:-240px;
    }
    .col-sm-12.site-sub-footer p {
    text-align: center;
    }
    .search-2.widget_search.col-sm-4 {
    margin: 0px 5%;
    }
    #footer input#s {
    width: 60%;
    float: left;
    height: 50px;
    border-radius: 40px;
    }
    button#searchsubmit {
    float: left;
    width: 60px;
    height: 50px;
    margin-left: 5px;
    }
    #chevron-l1, #chevron-r1 {
    top: -109px;
    }
    #chevron-r1 {
    margin-right: 1px;
    }
    #chevron-l1 {
    margin-right: -1px;
    }
    #chevron {
        margin:0px;
    }
    #logo {
    width: 150px;
    margin-top: 25px;
    z-index: 9999;
    position: relative;
    }
    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
    }
    .navbar-default .navbar-toggle {
    border-color: #a08c5c;
    }
    .navbar-toggle {
    padding: 12px 11px;
    margin-top: 32px;
    margin-right: 81px;
    border: 2px solid transparent;
    border-radius: 13px;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #a08c5c;
    z-index: 9;
    }
    .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #0a0b09;
    }
    #navbar-upper {
    background: black;
    border-bottom: 2px solid #a08c5c;
    margin-top: -70px;
    padding-top: 110px;
    width: 100%;
    position: absolute;
    }
    .navbar-default .navbar-collapse {
    border: 0px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    margin: -130px 0px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    position: absolute;
    display: block;
    overflow: visible;
    }
    #navbar-upper {
    left: 0;
    }
    #tijd-image {
    margin-top: -40px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-4.kal-img img {
    height: auto;
    width: 100%;
}
    #kal-verantwoord-bg {
    overflow-y: hidden;
    }
    #kalhari-intro {
    padding-right: 5%;
    }
    #kal-verantwoord {
    overflow: visible;
    height: 770px;
    }
    #kal-verantwoord img {
    top: 0px;
    width: 156%;
    left: -28%;
    }
    #kal-verantwoord #verantwoord-logo img {
    width: 25%;
    padding: 5px;
    left: 0;
    }
    #verantwoord-logo {
    padding: 0;
    }
    .page-id-962 {
    background-size: 1355px;
    background-position: 75% 0px;
    }
    .kal-shout {
    font-size: 12pt;
    }

    .kal-blok {
    padding: 15px;
    }
    .col-sm-4.kal-img {
    height: 610px;
    overflow: hidden;
    }
    
    #tijd-image {
    margin-top: -40px;
    }
    .navbar-right {
    margin-right:-55px;
    }
    ul#menu-homepage-links {
    margin-left:-35px;
    }
    .bx-wrapper {
    height: 520px;
    }
    #services {
    margin-top: -4px;
    }
    #line {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line1 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line2 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #line3 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line4 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line5 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line6 {
        border-left: 1px solid #a08c5c;
        height: 0px;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line7 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line8 {
        height: 0px;
        border-left: 1px solid #a08c5c;
        margin-right: -50px;
        margin-bottom: 30px;
        margin-left: 50px;
    }
    #line9 {
    height: 0px;
    border-left: 1px solid #a08c5c;
    margin-right: -50px;
    margin-bottom: 30px;
    margin-left: 50px;
    }
    #prijs-text {
    width: 50%;
    }
    .social3 p {
    width: 100%;
    }
    .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 15px;
    margin-top: -16px;
    outline: 0;
    text-indent: -9999px;
    z-index: 9999;
    height: 500px;
    width: 50px;
    }
    .bx-wrapper .bx-controls-direction a {
    height: 517px;
    }
    #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
    font-size: 18pt;
    }
    #chevron {
        margin:0px;
    }
    #navbar-upper {
    margin: 0px 6%;
    }
    #chevron-l1, #chevron-r1 {
    top: -109px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    margin-top: -119px;
    }
    #logo {
    width: 160px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-sm-4.kal-img img {
    height: auto;
    width: 100%;
}
    .page-id-962 {
    background-size: 1355px;
    background-position: 75% 0px;
    }
    .col-sm-4.kal-img {
    height: 490px;
    overflow: hidden;
    }
    #tijd-image {
    margin-top: -90px;
    }
    .bx-wrapper {
    height: 500px;
    }
    #services {
    margin-top: -4px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    margin-top: -123px;
    }
    .bx-wrapper .bx-controls-direction a {
    height: 512px;
    }
/*nav*/
    #chevron {
    margin:0px;
    }
    #navbar-upper {
    margin: 0px 6%;
    }
    .logo {
    width: 100%;
    position: absolute;
    left: 0px;
    margin-top: 3px;
    }
    #logo {
    width: 168px;
    margin-top: 10px;
    }
    ul#menu-homepage-links, ul#menu-homepage-rechts {
    margin-top: 4%;
    }
}
@media (min-width: 1200px) {
    #kal-verantwoord-bg {
    margin-top: 20px;
    }
    #kalhari-intro {
    padding-top: 60px;
    }
    #logo {
    width: 168px;
    margin-top: 10px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    display: flex;
    position: relative;
    margin-top: -120px;
    }
    .menu-homepage-rechts-container {
    float: right;
    top: 40px;
    margin-top: 18px;
    }
    #chevron {
    margin: 0px 3%;
    }
    #navbar-upper {
    margin: 4px 0%;
    width: 83%;
    }
    .bx-wrapper .bx-controls-direction a {
    height: 716px;
    }
    #navbar-upper {
    margin: 0px auto;
    }
    .col-sm-4.kal-img img {
    height: auto;
    max-width: unset;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 6px;
    }
}
@media (min-width: 1600px) {
    
    #kalhari-intro {
    padding-top: 60px;
    }
    .page-id-962 {
    background: url(http://mmbeautyensense.nl/wp-content/uploads/walking-salt.jpg) no-repeat;
    background-size: 2000px;
    background-position: 39% -126px;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    margin-top: -118px;
    }   
    #chevron-l1, #chevron-r1 {
    height: 150px;
    top: -100px;
    }
}
@media (min-width: 2000px) {
    .page-id-962 {
    background-size: 2401px;
    background-position: 39% -206px;
    }
    .bx-wrapper li img {
    margin-top: -330px;
    }
    .bx-viewport {
    margin-top: -20px;
    }
    #chevron-l1, #chevron-r1 {
    position: relative;
    width: 50%;
    height: 160px;
    
    float: left;
    overflow: hidden;
    }
    nav.navbar.navbar-default.navbar-static-top.navbar-upper.meganav {
    margin-top: -100px;
    }
}
@media (min-width: 1800px) and (max-width: 2400px) {
    #chevron-l1, #chevron-r1 {
    top: -100px;
}
}
@media (min-width: 2401px){  
    #chevron-l1, #chevron-r1 {
    top: -93px;
    }
    .page-id-962 {
    background-size: 4000px;
    background-position: 39% -556px;
    }
}
@media (min-width: 321px) and (max-width: 449px) {
        #slider .bx-wrapper li img {
    margin: auto 0px auto 0px;
    margin-left: -130px;
    }
}