@media only screen and (min-width:1920px){
    .banner-content {
        position: absolute;
        right: 16%;
        top:25%;
    }
    .banner-text {
        margin-right: 2%;
    }
    #slider-home .owl-carousel .owl-item p img{
        width: 100%;
    }
    .section-img {
        max-width: none;
        width: 100%;
    }
    .banner-content p img {
        height: auto;
        max-width: 100%;
    }
    .page-id-73 .inner-page-banner{
        background-size: 100% 100%;
    }
    /*    .banner-content.Second-slide-content{
            margin-top:140px;
        }*/
    .second-slide-text {  
        font-size:81px !important;
        width:61%;
    }
    .studio-section-two-wrap .middle-img {
        padding-left: 0;
        /*padding-right: 50px;*/
        vertical-align: top !important;
        padding-top:135px;
    }
    .align-content.middle-img {
        padding-top: 50px;
    }
}
@media only screen and (max-width:1340px) and (min-width:1199px)
{
    .prijslijst-page-section h2{
        font-size: 29px!important;
        letter-spacing: 0px;
    }
}
@media(min-width:1200px){
    body.ie.windows .middle-content-wrapper-1 .middle-content-1 p{
        line-height: 1.6em;
    }
    body.ie.windows .middle-content-wrapper-1 .middle-content-1 h3{
        margin-bottom: 20px;
    }
    .studio-section-two-wrap img {
        width: 100%;
        margin-left: 0px;
    }
}
@media only screen and (max-width:1920px) and (min-width:768px){
    .main-wrapper{
        padding-top:97px;
    }
}

@media only screen and (max-width:1199px){
  .makeup-introduction-heading {
    font-size: 40px;
  }
  .makeup-introduction-content-heading {
    font-size: 30px;
  }
  .makeup-service-list-content h2, .difference-section h2, .education-training-section h2{
      font-size: 36px
  }
  .treatment-tab-lists .nav-tabs > li > a {
    padding: 15px 15px;
    font-size: 16px;
}
}



@media only screen and (max-width:1199px) and (min-width:992px){
 
    .studio-top-wrap img,
    .studio-section-four-wrap img{
        max-width:100%;
        width:100%;
        height:auto;
    }

    #footer .menu-footer-menu-container ul li{
        padding-left: 15px;
        padding-right: 15px;
    }
    #footer-section-one .menu{
        max-width: 100%;
    }
    .logo {
        width: 450px;
    }
    .inner-page-menu .header-menu ul li {
        margin: 10px 12px 0;
    }
    .page-id-73 .inner-page-banner{
        background-size: 100% 100%;
    }
    .banner-content{
        right: 0;
    }
    .banner-text{
        margin-top: 15px;
    }
    .banner-content p img{
        float: right;
        max-width: 60%;
    }
    .banner-link .arrow-img{
        float:none;
    }
    .featured-blog-img{
        margin-left: 65px;
    }
    .post-sidebar .widgettitle {
        font-size: 28px !important;
    }
    .section-images-content h3{
        font-size: 18px;
    }
    .banner-text{
        margin-right: -4%;
    }
    .main-wrapper{
        padding-top:97px;
    }
    .promo-banner-wrap .ct {
        width: 48%;
        margin:18px 5px 67px;
    }
    .promo-banner-wrap .ct{
        height: 675px;
    }
    .studio-section-two-wrap .middle-img {
        padding-top: 184px;
    }
}
@media only screen and (max-width:991px) and (min-width:768px){


    .studio-section-two-wrap .middle-img {
        padding-top: 160px;
    }
    .top-section-content h3 {
        font-size: 18px;
    }
    
   
    .home-page-section-images .white-title{
        font-size: 16px;
    }
    #footer-section-one img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 90%;
    }
    .section-images-content h3 {
        font-size: 14px;
    }
    .inv-recaptcha-holder {
        float: none;
        margin-left: 15px;
        margin-top: 15px;
    }
    h1{
        font-size: 66px !important;
    }
    h2{
        font-size:40px !important;
    }
    .header-contact.inner-page-contact {
        padding: 24px 0 0 34px;
    }
    .logo {
        width: 256px;
    }
    .inner-page-menu .header-menu ul li {
        margin: 10px 8px 0;
    }
    .safari-mac .inner-page-menu .header-menu ul li {
        margin: 10px 12px 0;
    }
    .page-id-73 .inner-page-banner{
        background-size: 100% 100%;
    }
    .banner-text {
        float: right;
        margin-right: -7%;
        margin-top: -2px;
        width: 675px;
    }
    .banner-content p img {
        max-width: 48%;
    }
    .banner-content{
        right: 0;
    }
    .banner-content p img {
        float: right;
    }
    .banner-link .arrow-img{
        float:none;
    }
    .featured-blog-img{
        margin-left: 25px;
    }
    .post-sidebar.col-md-4.col-sm-5 {
        padding-left: 40px;  
    }
    .home-owlcarousel .item{
        /*        height: calc(80vh - 76px);*/
        background-attachment: unset;
        background-position: left center;
        padding-top:35%;
        padding-bottom:35%;
    }
    .featured-blog-title{
        font-size:30px !important;
    }
    .niewus-post-image img{
        max-width: 80%;
    }
    #footer .pull-left.widget.widget_nav_menu {
        width: 55%;
        padding-left: 70px;
    }
    #footer-section-one #text-8.pull-left.widget.widget_text {
        margin-top: 35px;
        text-align: center;
        width: 44%;

    }
    #footer .menu-footer-menu-container ul li{
        text-align: left;
    }
    .beauty-institute-content .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(1) {
        padding-right: 15px;
    }
    .beauty-institute-content .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(2) {
        padding-left: 15px;
    }
    .promo-banner-wrap .ct{
        margin: 0 auto 60px;
        width: 78%;
        float:none;
    }
    .bottom-section-content-nail.text-center > ul {
        width: 40%;
    }
}
@media only screen and (max-width:991px){
    .copy-right-text{
        position: relative;
        display:block;
    }
    
    #footer .menu-footer-menu-container ul li{
        margin: 15px auto;
        padding-left: 0;
        padding-right: 0;
        border-left: 0px solid #ffffff;
        float:none;
    }
    .pull-left.widget.widget_text#text-7{
        float:none !important;
    }
    .studio-section-four-wrap img{
        max-width: 340px;
        margin: 5px 0 0px;
    }
    .prijslijst-page-section .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(odd) {
        padding-right: 15px !important;
    }
    .prijslijst-page-section .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(even) {
        padding-left: 15px !important;
    }
    .home-page-section-images:hover .section-images-content-wrap{
        transition: all 0.8s ease-in-out;
        opacity: 0;     
    }
    .home-page-section-images:hover .white-title{
        transition: all 0.9s ease-in-out;
        opacity: 1;  

    }
    .home-page-section-images .white-title{
        z-index:1;
        bottom:9px;
        font-size: 16px !important; 
        text-align:center;
        right:0;
        left:0;
    }
    .home-page-section-images .white-title::before{
        right:0;
        margin:0 auto;
        left:0;
        bottom: -9px;
    }
    .home-page-section-images::after {
        background: rgba(0, 0, 0, 0.42);
    }
    .home-page-section-images:hover:after{
        display:block;
    }
    .home-page-section-images::after{
        width:97%;
    }
    .contact-top-image-wrp img {
        height: auto;
    }
    .acties-wrap .middle-content-wrapper {
        display: block !important;
        text-align: center;
    }
    .acties-wrap .middle-img {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    .acties-wrap .middle-content {
        display: block !important;
        float: left !important;
        width: 100% !important;
    }
    .acties-content h3::before{
        margin:0 auto;
        right:0;
    }
    .post-sidebar .widgettitle {
        font-size: 21px !important;
        margin-top: 0px;
    }
    .niewus-post-content.col-sm-9 {
        padding-right: 50px;
    }
    .header-contact .textwidget a:hover {
        color: #000;
    }
    .square-img {
        margin:0 auto;
    }
    .main-wrapper li{
        width:48%;
    }
    .banner-content.Second-slide-content{
        height:auto;
        top:30%;
    }
    .home-page-section-images::after{
        height: 45px;
    }
    
    .makeup-introduction-heading {
    font-size: 30px!important;
}
 .makeup-introduction-content-heading {
    font-size: 26px!important;
}
.makeup-service-list-content h2, .difference-section h2, .education-training-section h2 {
    font-size: 30px!important;
    margin-top: 0!important;
}
.treatment-tabs ul li{width: 25%}
.treatment-tab-lists .nav-tabs > li > a {
    padding: 15px 10px;
    font-size: 16px;
    text-align: center;
}
.makeup-info-multiple-content .panel-default > .panel-heading a{
    font-size: 20px
}
.makeup-service-list-container > div:nth-child(odd) .makeup-service-list-content {
    padding-left: 0;
}
.makeup-service-list-container > div:nth-child(even) .makeup-service-list-content{
    padding-right: 0
}
}
@media only screen and (max-width:767px){
    .middle-content-wrapper-1 .middle-img-1{
        padding-top: 0;
    }
    .align-content.middle-img {
        padding-top: 0px;
    }
    .studio-section-two-wrap .middle-img {
        padding-top:0px;
    }
    .bottom-section-content-nail.text-center > ul {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .top-section-content-nail > ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    .promo-banner-wrap .ct{
        margin: 0 auto 60px;
        width: 78%;
        float:none;
    }
    .top-section-content h3 {
        font-size: 15px;
    }
    div.wpcf7 .ajax-loader{
        margin:10px auto !important;
        display:block !important;
    }
    .top-section-content-nail{
        text-align: center;
    }
    .studio-section-three-content {
        width: 100%;
    }
    .middle-content-wrapper.second-box {
        padding-top: 0;
    }
    #footer{
        padding: 30px 0 43px;
    }
    #footer-section-one img{
        margin:0 auto;
    }
    #footer .menu-footer-menu-container ul li{
        text-align: center;
    }
    .contact-address-list{
        margin-bottom: 40px;
    }
    .contact-address-list-wrap {
        padding: 70px 0 30px;
    }
    .home-owlcarousel .item{
        background-position: left center;
    }
    .contact-form-row .col-sm-7.col-xs-12.form-group {
        padding-left: 15px;
    }
    .contact-form-row .col-sm-5.col-xs-12.form-group {
        padding-right: 15px !important;
    }
    .contact-form-wrap h2 {
        color: #ffffff;
        margin: 30px auto;
        text-align: center;
    }
    .contact-form-wrap h2::before{
        right:0;
    }
    .contact-form-description{
        text-align: center;
        padding-left:0px;
    }
    .contact-top-image-wrp img{
        margin:0 auto;
        display: block;
        height:auto !important;
    }
    .contact-form-row .col-sm-5.col-xs-12.form-group span.wpcf7-not-valid-tip {
        right: 16px;
    }
    span.wpcf7-not-valid-tip{
        font-size: 12px !important;
    }
    .contact-top-image-wrp {
        padding-right: 15px !important;
    }
    .beauty-institute-content .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(1){
        padding-right: 15px;
    }
    .beauty-institute-content > ul{
        width:100%;
    }
    .main-wrapper li {
        float: none;
        margin: 15px 0;
        padding-left: 35px;
        width: 100%;
    }
    .main-wrapper li::before{
        top: 4px;
    }
    .beauty-institute-content{
        width:100%;
    }
    .row.schoonheidsinstituut-images-wrap {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .middle-img {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }
    .middle-content {
        display: block !important;
        text-align: center;
    }
    .middle-content-wrapper {
        display: block !important;
    }
    .head-bottom-left h2::before {
        right: 0;
    }
    .studio-section-two-wrap img{
        display: block;
        margin: 0 auto 50px;
        max-width:100%;
    }
    .studio-top-wrap{
        text-align: center;
    }
    .studio-section-two-wrap .middle-img{
        padding-right:15px;
        padding-left: 15px;
    }
    .header-contact{
        display:none;
    }
    .navbar-toggle{
        margin-bottom: 0;
        margin-right: 15px;
        margin-top: 38px;
        padding: 0;
    }
    .navbar-toggle .icon-bar{
        background-color: #79644f;
        border-radius: 1px;
        display: block;
        height: 5px;
        width: 30px;
    }
    .header-menu-wrap.inner-page-menu {
        float: right;
        width: 100px;
    }
    .inner-page-menu .header-menu ul li:nth-child(1) {
        margin-left: 0px;
        margin-right: 0px;
    }
    .inner-page-menu .header-menu ul li {
        margin: 10px 0px 0;
    }
    .header-menu-wrap.inner-page-menu {
        background: #ffffff none repeat scroll 0 0;
        float: none;
        left: 0;
        margin-top: 88px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        width: 100%;
    }
 
    /*    .page-id-73 .inner-page-banner{
            background-size: 100% 100%;
        }*/
    .banner-content{
        display:block;   
    }
    .banner-content .alignnone.wp-image-46.size-full {
        display: none;
    }
    .banner-content .alignnone.wp-image-160.size-full{
        display:none;
    }
    .banner-text p:nth-child(1) {
        display: none;
    }
    .banner-text{
        width:220px;
    }
    .banner-content{
        right:-5%;
        top:0%;
    }
    .banner-text{
        margin-top: 60px;
    }
    .banner-text p a{
        font-size: 22px;
    }
    .banner-text p{
        margin-top:0px;
        margin-bottom:0px;
    }
    .banner-text p a::before{
        background-repeat: no-repeat;
        background-size: 25px 25px;
        height:25px;
        width:25px;
        left:-30px;
    }
    .carousel-indicators .active {
        margin: 0 0 15px;
    } 
    .home-page-section-images{
        margin-bottom:30px;
    }
    .home-page-section-images-wrap.container-fluid {
        margin-left: auto;
        margin-right: auto;
        max-width: 470px;
    }
    .home-page-section-images-wrap {
        text-align:center;
    }
    .home-page-section-images-wrap .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
    .bottom-to-top {
        background: rgba(121, 100, 79, 0.8);
    }
    .acties-top-content{
        width:100%;
    }
    .acties-wrap{
        float:left;
    }
    .featured-blog-img{
        margin-left: 0px;
        width:100%;
    }
    .featured-blog-content-wrapper{
        width: 100%;
    }
    .featured-blog-heading {
        padding: 30px 0 20px;
        text-align: center;
    }
    .featured-blog-heading h3{
        display:none;
    }
    .featured-blog-content{
        text-align: center;
    }
    .featured-blog-title::before{
        right:0;
    }
    .slider-control {
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: -60px;
    }
    .featured-blog-wrapper {
        padding: 128px 0 47px;
    }
    .single-niewus-wrapper.fullwidth {
        padding-top: 20px;
    }
    .niewus-post-image img {
        display: block;
        margin: 0 auto;
    }
    .niewus-post-content.col-sm-9{
        float:left;
        padding-right: 15px;
        text-align: center;  
    }
    .niewus-post-content h2::before {
        right: 0;
    }
    .main-wrapper .rpwe-ul li{
        text-align: center;
    }
    .post-sidebar .widgettitle::before{
        right:0;
        margin:0 auto;
    }
    .post-sidebar .widgettitle{
        text-align: center;
    }
    h1{
        text-align: center;
        font-size: 35px !important;
    }
    .schoonheidsinstituut-images-wrap img{
        height:auto;
    }
    .beauty-institute-content .col-lg-6.col-md-6.col-xs-12.col-sm-12:nth-child(2) {
        padding-left: 15px;
    }
    .inner-page-banner .container {
        padding-left: 15px;
    }
    .studio-section-four-wrap {
        padding: 64px 0 40px;
    }
    .service-item{
        font-size: 14px;
    }
    .price {
        font-size: 14px;
    }
    .prijslijst-page-section h2{
        font-size: 28px !important;
    }
    .contact-form-row .wpcf7-form-control.wpcf7-submit.btn-default.btn:hover {
        background:  #ffffff;
        color: #907e6b;
        transition: none;
    }
    .home-owlcarousel .item{
        /*        height: calc(90vh - 76px);*/
        padding-top:73%;
        padding-bottom: 74%;          
    }
    .home-page-section-one{
        padding: 44px 0 37px;
    }
    .list-group{
        margin-bottom:0px;
    }
    .prijslijst-page-section h2{
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .prijslijst-btn.contact-us-button-wrap {
        padding-bottom: 50px;
    }
    .acties-wrap {
        margin-bottom: 49px;
    }
    .studio-top-wrap {
        padding: 45px 0;
    }
    .header-menu ul li a:active, .header-menu ul li a:focus, .header-menu ul li a:hover, .header-menu ul .current-menu-item a{
        border-bottom: 2px solid #816b54 !important;
    }
    .header-menu ul li a{
        border-bottom: 2px solid rgba(0, 0, 0, 0);
    }
    .single-niewus-wrapper{
        text-align: center;  
    }
    .single-btn{
        text-align: center;
    }
    .post-sidebar.col-md-4.col-sm-5 {
        border-top: 1px solid #79644f;
        margin-top: 50px;
        padding-top: 50px;
    }
    .single-nieuws-outer-wrap.col-md-8.col-sm-7 {
        padding-left: 15px !important;
    }
    .main-wrapper{
        padding-top:88px;
    }
    .banner-content.Second-slide-content {
        top: 45%;

    }
    .second-slide-text{
        font-size:30px !important;
        width:25%;
        padding-left: 15px;  
    }
    .inv-recaptcha-holder {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        width: 265px;
    }
    
.makeup-introduction-img {
    padding-bottom: 0;
    width: 460px;
    max-width: 100%;
    height: 255px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
}
.makeup-introduction-heading {
    font-size: 26px!important;
}
.makeup-introduction-content-heading {
    font-size: 22px!important;
}
makeup-service-list-content h2, .difference-section h2, .education-training-section h2 {
    font-size: 26px!important;
}
.makeup-service-list {
    flex-direction: column;
}
.makeup-service-list-img {
    height: auto;
    min-height: 1px;
    width: 460px;
    max-width: 100%;
    height: 255px;
    background-position: center;
    margin: 0 auto 25px;
}
.makeup-service-list-content h2{
    text-align: center
}
.makeup-service-list-container > div:nth-child(even) {
    flex-direction: column;
}
.treatment-tabs ul li {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 4px;
    margin-bottom: 4px
}
.treatment-tabs ul{
     display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    padding-right: 0; 
    margin-left: -0.5%;
    margin-right: -0.5%;
    border-bottom: 0;
}
.treatment-tabs ul li {
    width: 50%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5%;
}
.treatment-tab-lists .nav-tabs > li > a{
    background-color: #FFF;
    color: #000!important;
    margin: 0;
    border-radius: 0!important
}
.common-margin {
    margin-top: 50px;
    margin-bottom: 50px;
}
.treatment-tab-lists .tab-content {
    margin-top: 5px;
}
.makeup-info-multiple-content .panel-default > .panel-heading a {
    font-size: 17px;
    padding-right: 50px
}
.makeup-info-multiple-content .panel-default > .panel-heading a[aria-expanded="false"]:after {
    display: inline-block;
    width: 35px;
    height: 35px;
}
.nazorg-instructies-body-inner h3{
    font-size: 20px
}
.difference-row > div {
    width: 50%;
}
.education-training-row > div{
    width: 50%
}
.education-training-section .row {
    display: flex;
    flex-wrap: wrap;
}
.education-training-section .row > div{
    margin-top: 15px;
    margin-bottom: 15px
}
.difference-box h3{
    font-size: 20px
}
.difference-box-icon {
    width: 110px;
    height: 110px;
}
.difference-box{
    padding-left: 15px;
    padding-right: 15px
}
}
@media only screen and (max-width:630px){
    .prijslijst-page-section h2{
        font-size: 33px!important;
    }
}
@media only screen and (max-width:600px){
    .right-image.ct{
        background-position: center center;
    }
    .left-image.ct{
        background-position: right center;
    }
    .promo-banner-wrap .ct{
        height:auto;
        padding-bottom: 144%;
        width:100%;
    }
}
@media only screen and (max-width:568px){
    .middle-content-wrapper-1 .middle-content-1 h3{
        font-size: 30px !important;
    }
    .contact-form-wrap {
        text-align: center;
    }
    .contact-form-row .wpcf7-form-control.wpcf7-submit.btn-default.btn{
        margin-top: 30px;
    }
    .logo img {
        max-width: 100%;
    }
    .logo {
        margin-top: 22px;
        max-width: 300px;
    }
    .navbar-toggle {
        margin-top: 27px;
    }

    h2{
        font-size:26px !important;
    }
    .main-wrapper{
        padding-top:74px;
    }
}
@media only screen and (max-width:480px){
    .home-page-section-two h2 {
        font-size: 35px !important;
    }
    .section-images-content-wrap{
        display:none;
    }
    .studio-section-four-wrap img{
        height:auto;
        max-width:273px;
    }
    .page-id-106 h1 {
        font-size: 30px !important;
    }
    #footer-bottom {
        font-size: 12px;
    }
    .prijslijst-page-section h2{
        font-size: 30px!important;
    }
    .difference-row{
        flex-direction: column
    }
    .difference-row > div {
    width: 100%;
}
.treatment-tab-lists .tab-content{
    padding-left: 15px
}
.treatment-tab-lists .nav-tabs > li > a {
    font-size: 14px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-template-permanente-make-up-template .common-padding {
    padding: 50px 0;
}
}

    

@media only screen and (max-width:384px){
    .banner-text {
        margin-top: 94px;
    }
}
@media only screen and (max-width:380px){
    .logo{
        max-width: 250px;
    }
    .navbar-toggle {
        margin-top: 24px;
    }
    .header-menu-wrap.inner-page-menu {
        margin-top: 74px;
    }
    .page-id-106 h1 {
        font-size: 25px !important;
    }
    .banner-content {
        right: -10%;
    }
    .banner-text {
        margin-top: 80px;
    }
    .prijslijst-page-section h2 {
        font-size: 21px!important;
    }

}
@media only screen and (max-width:334px){
    .logo {
        max-width: 215px;
    }
    .home-page-section-images .white-title{
        font-size: 20px  !important;
    }
    h1{
        font-size: 45px !important;      
    }

}
@media only screen and (max-width:320px){
    .banner-content {
        right: -16%;
    }
    .banner-text {
        margin-top: 74px;
    }

}