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

@media screen and (max-width: 1212px) {
    section#register-stage .specs li div:nth-child(3){width:300px;}
}

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

@media screen and (max-width: 1023px) {
    
    .container{max-width:none;}
    
}

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

}

@media screen and (min-width: 769px){
    
    .mm-menu{display: none;}
    
    .center-md{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    
    .social{margin-left:2rem;}
    
    .search_effect{display: none;}
    
}


/* Landscape ipad */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : landscape) {
    
    .search-small{width:370px;}
    .nav-main > li > a{font-size: .85rem;}
    
    .banner-overlay{top:38%;}
    .banner-overlay-content h1{font-size: 1.5rem;}
    .search_effect{display: none;}
    
    section#register-stage .usps li{font-size: .95rem}
    
    
}

/* Portrait ipad */
@media only screen and (min-device-width : 767px) and (max-device-width : 1024px) and (orientation : portrait) {
    
    .mm-wrapper_blocking{position: static;}
    
    #wrapper-content{padding-top: 103px;}
    header{position: fixed;z-index:100;background-color: #fff;border-bottom: 1px solid rgba(0,0,0,.15);}
    
    
    .header-mobile{display:block;height: 43px;}
    .page-home .header-mobile, .page-contact .header-mobile, .page-werkgevers .header-mobile{border-bottom:1px solid rgba(0,0,0,.15);}
    
    .header-mobile .login-search{display: block; padding: .6rem .5rem;float: right;margin: 0 15px 0 0;}
    .header-mobile .login-mobile{display: block; padding: .3rem .5rem;float: right;margin: 0 51px 0 0;}
    
    .mburger {position: absolute;right: 15px;padding: 20px 20px 20px 15px;--mb-bar-height: 2px;}
    .mburger:before, .mburger:after{content:'';position: absolute;left:-10px;top:50%;transform: translateY(-50%);width:1px;background-color: rgba(0,0,0,.15);height: 1.5rem;display: block;pointer-events: none;}
    .mburger:after{left:-62px;}
    .page-home .mburger:after{display: none;}
    .page-werkgevers .mburger:before, .page-werkgevers .mburger:after, .page-aanmelden .mburger:before, .page-aanmelden .mburger:after{display: none;}
    
    #mm-1 .mm-navbar_sticky{display: none;}
    .mm-menu_offcanvas{top:102px;}
    
    header nav{display: none;}
    .nav-top-item{display: none;}
    .search_effect{display: none;}
    .header-mobile .login-search{display: none;}
    
    .home.banner-image{padding-bottom: 40%;}
    .banner-overlay-content h1{font-size: 1.3rem;}
    section#search .search_tabs .search_tabs-item{font-size: 1rem;}
    
    section#register-stage .usps li{font-size: .75rem}
    
}

/*-----------------------------------------------------------------------------------*/
/*				 Portrait tablet to landscape and desktop
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
    
    .mm-wrapper_blocking{position: static;}
    html{overflow-x: hidden;}
    
    h1, .h1{font-size: 2rem;}
    h2, .h2{font-size: 1.35rem;}
    h3, .h3{font-size: 1.2rem;}
    h4, .h4{font-size: 1.15rem;}
    h5, .h5{font-size: 1rem;}
    h6, .h6{font-size: 1rem;}
    
    h1.smaller{font-size: 1.35rem;}
    
    .row--margin>[class*=col-]{margin-bottom: 40px;}
    .section-padding{padding-top:1.25rem;padding-bottom:1.25rem;}
    
    .modal-dialog{margin: 20px 15px 0 15px;}
    
    .page-gratis-inschrijven .logo img{width:120px;height: 30px;}
    
    header .reviews{display: none;}
    
    #wrapper-content{padding-top: 90px;}
    .page-gratis-inschrijven #wrapper-content{padding-top: 0;}
    
    .page-werken-bij-stagemax #wrapper-content,
    .page-onze-aanpak #wrapper-content,
    .page-contact #wrapper-content,
    .page-werkgevers.var-stagevoorbeelden #wrapper-content,
    .page-werkgevers.var-onze-aanpak #wrapper-content,
    .page-werkgevers.var-over-ons #wrapper-content,
    .page-werkgevers.var-werken-bij-stagemax #wrapper-content,
    .page-werkgevers.var-contact #wrapper-content{padding-top: 105px;}
    
    .page-home header{border-bottom: none;}
    
    .nav-top{padding-left:0;padding: .5rem 0;height:47px;}
    .nav-top .logo img{height:23px;width:auto;margin: .75rem 0 0 0;}
    .header-mobile{display:block;height: 43px;}
    .page-home .header-mobile, .page-contact .header-mobile, .page-werkgevers .header-mobile{border-bottom:1px solid rgba(0,0,0,.15);}
    .page-werkgevers .header-mobile, .page-contact .header-mobile{border-bottom:0;}
    
    .header-mobile .login-search{display: block; padding: .6rem .5rem;float: right;margin: 0 15px 0 0;}
    .page-werkgevers .header-mobile .login-search, .page-aanmelden .header-mobile .login-search{margin: 0 51px 0 0;}
    .header-mobile .login-mobile{display: block; padding: .3rem .5rem;float: right;margin: 0 51px 0 0;}
    
    .mburger {position: absolute;right: 15px;padding: 20px 20px 20px 15px;--mb-bar-height: 2px;}
    .mburger:before, .mburger:after, .page-werkgevers .header-mobile .login-search:before, .page-aanmelden .header-mobile .login-search:before{content:'';position: absolute;left:-10px;top:50%;transform: translateY(-50%);width:1px;background-color: rgba(0,0,0,.15);height: 1.5rem;display: block;pointer-events: none;}
    .page-werkgevers .header-mobile .login-search:before, .page-aanmelden .header-mobile .login-search:before{left:auto;right: 58px;top:68px;}
    .mburger:after{left:-62px;}
    .page-werkgevers .mburger:before, .page-werkgevers .mburger:after, .page-aanmelden .mburger:before, .page-aanmelden .mburger:after{display: none;}
    
    #mm-1 .mm-navbar_sticky{display: none;}
    
    header nav{display: none;}
    
    .btn-signup{padding-left: 1.15rem !important;}
    .btn-signup:before, .btn-signup:after{display: none;}
    
    .page-title{padding: 1rem 0 0 0;}
    .page-gratis-inschrijven-stage .page-title, .page-werkgevers.var-stagiair .page-title{padding: 2.25rem 0;margin-bottom:2.5rem;}
    
    .custom-file-label{line-height: normal;}
    
    #cookielaw .table{width: 82%;}
    
    footer{padding-bottom: 1.5rem;}
    .footer-bottom .logo img{width:120px;height: 30px;}
    
    /* Homepage */
    #home-links .field-content{min-height: auto;padding: .5rem 1.75rem;}
    section#home-text{font-size: 1em;}
    
    section#home-links{padding: 1.25rem 0;}
    section#home-video{padding: 1.25rem 0;}
    
    .usp{display: inline-block;}
    .usp li i{font-size: 26px;}
    
    section#brands img.brand{padding: 20px 5px;filter:grayscale(0);}
    
    /* Tips en informatie */
    .page-stage-informatie .accordion{margin: 15px 0 0 0;}
    
    .stagevoorbeelden .btn-green{margin-bottom:20px;}
    
    /* Contact */
    body.page-contact .card{margin-top:30px;}
    
    /* Inschrijven */
    section#register{padding: 1.25rem 0;}
    .signup_navigation-item{font-size: .9rem;padding: .5rem .35rem;}
    .signup_navigation ul li{width:33.333%;}
    .signup_navigation ul li:last-child{display: none;}
    section#register .card .card-body{padding: 1rem;}
    section#register .card .card-body h2{font-size: 1.35rem;}
    section#register .btn-large{font-size: .9rem;padding: .5rem 1rem;}
    section#register .image-holder{display: none;}
    
    
    .signup-body input[name="firstname"]{margin-right: 0;}
    .signup-body input[name="lastname"]{margin-left: 0;}
    
    section#register-stage .specs li{display: block;}
    

    /* Zoeken */
    #searchresults .post_body_left{border-bottom:1px solid rgba(0,0,0,.15);border-right:0;}
    #searchresults .post .spec{margin: .35rem 0 .6rem 0;}
    
    .filterlink{position: fixed;width:100%;height:45px;line-height: 34px; bottom:0;border-radius: 0;left:0;z-index:89;}
    .filters{position: fixed;left:0;top:0;width: 100%;height:100%;padding:1.5rem;transform: scale(1.075);z-index:90;opacity: 0;visibility: hidden;pointer-events: none; overflow-y:auto;background-color: #fff;transition: all ease .25s;}
    .filters_open .filters{opacity: 1;pointer-events: auto;visibility: visible;transform: scale(1);}
    
    
}

/*-----------------------------------------------------------------------------------*/
/*				 Landscape phones and down
/*-----------------------------------------------------------------------------------*/

/* Iphone landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

}

/* Iphone X landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    
}

@media (max-width: 480px) {
    
    
    
}

@media (max-width: 320px) {
    
}