/* Desktop */
@media(min-width: 1120px){
    header .contactIcons {
        margin-top: 15px;
    }
    
   
    
    /* Main navigation */

    #main-nav{
        display: block!important;
    }

}

/* TABLET */
@media (min-width: 768px) and (max-width: 1120px) {

    .default-container-width {
        width: 90%;
        padding:0px;
    }
    .openingstijden {
        width:30%;
    }
    .brandboxTitleText {
    
    font-size: 30px;
    line-height:40px;
    }
    .map {
        width:40%;
    }
    
    #main-nav ul li:first-child {
        display:none;
    }
    
    #main-nav ul li .enkelsubmenu ul li {
        display:block;
    }
    
    #main-nav ul li.auto-aanpassingen {
        width:31%;
    }
    .occasion_detail{
    font-size: 13px;
    }
    
    #main-nav ul li {
        width:auto;
    }
    #main-nav ul li a{
        font-size:14px;
        padding:0px 6% !important;
        width: 100.1%;
        box-sizing: border-box;
        text-align:center;
    }    
    header .contactIcons {
        margin-top: 17px;
    }
    
    
    
    header .contactIcons .column-33{
        width:48%;
    }
    
    .show-on-tablet {
        display: block;
        height: auto;
    }

    .hide-on-tablet {
        display: none;
        height: 0;
    }
    
    /* Main navigation */

    #main-nav{
        display: block!important;
    }
    
    .left-form h2 {   
        font-size: 27px;   
    }
    
    h2.big.grey {
        font-size: 27px;  
    }
    
    .occasion_detail .occasion_price .zekerheden {
        position:static;     
        margin:-12px 0 0 0;
        width:58%;
    }  
    
}


/* MOBILE */
@media (max-width: 767px) {

    .default-container-width {
        width: 95%;
        padding:0 2%;
    }

    .show-on-mobile {
        display: block;
        height: auto;
    }

    .hide-on-mobile {
        display: none;
        height: 0;
    }

    .content .column-33, .content .column-25, .content .column-50 {
        width: 100%;
    }
    
    header {
        height: 100px;
    }
    
    header .column-50 {
        width: 100%;
        margin: 0;
    }
    
    header .language {        
        text-align: left;
    }
    .logo {
        width: 200px;
        height: auto;
    }
    .login {
        text-align: left;
    }
    .login-column {
        right:auto;
        left:0;
    }
    .inlog-button {
        float:left;
    }    
    
    .playButton {
        display: none;
    }
    
    #brandboxContainer .column-60, .brandbox-loader .column-60{
        width:100%;
    }
    
    #brandboxContainer  .column-38, .brandbox-loader .column-38{
        width:100%;
        height:137px !important;
    }
    #brandboxContainer .brandboxTextinner, .brandbox-loader .brandboxTextinner{
        height:125px !important;
        background: #207ED5;
        top:6px;
    }
    
    .brandboxText img {
        display:none;
    } 
    
    #brandboxContainer .brandboxTextinner .brandboxTitle, .brandbox-loader .brandboxTextinner .brandboxTitle {
        color: #8fbeea;
        display: inline-block;
        font-family: "BebasNeue";
        font-size: 34px;
        height: 42px !important;
        line-height: 45px;
        width:100%;
    }
    #brandboxContainer .brandboxTextinner .brandboxTitleText, .brandbox-loader .brandboxTextinner .brandboxTitleText {
        display: inline-block;
        font-family: "MuseoSlab";
        font-size: 26px;
        height: 38px;
        line-height: 30px;
    }
    
    
    .footer-container .column-25, .footer-container .column-50 {
        width: 100%;
    }
    
    .footerContact .column-25 {
        width: 23.18965517241379%;
    }
    
    .footer-container span {
        margin: 10px 0;
    }
    
    .footer-container {
        min-height: 950px;
    }

    #main-nav{
        display: none;
        position: absolute;
        top: 0px;
        z-index: 999999999999999;
        right: 8px;
        width: 300px;
        border: 1px solid #eee;
        background: #96bd0d;
    }
    #main-nav ul li{
        float:left;
        width:100%;
        padding:0px;
    }
    #main-nav ul li:first-child{
        display:none;
    }    
    #main-nav li.contact {
        position:static;
    }
    #main-nav ul li:last-child a {
     padding:15px;   
    }
    
    #main-nav ul li a {
        float: none;
        margin-right: 0px;
        display: block;
        background: #207ED5;
        padding: 10px !important;
        color: #fff;
        height:20px;
        line-height:20px;
    }
    #main-nav ul li a:after {
        display:none !important;
    }    
    #main-nav ul li a:hover{
        background: #c7dff5;
        color: #000;
    }
    .breadcrumbs {
        display:none;
    }
    .submenu.occasions.short .column-25 {
        width:47%;
    }
    
    .submenu.occasions.short .column-33 {
        width:47%;
    }
    .submenu.occasions.short .column-33:last-child {
         width:100%;
    }    
     
     .float_height_submenu {
        height: auto !important;        
    }
    
    .column-66 {
        width:100%;
    }
    .aanpassingen .column-33{
        width:49%;
        padding-bottom:50%;
         background-size:67% auto !important;
    }
    /*
    .column-66 .column-100{
        margin: 1%;
        width: 48%;
    }*/
    
    
    .details_auto {
        height:auto;
        padding-bottom:20px;
    }
    
    h1.column-66{
        width:100%;
    }
    
    
    h1.h1_detail {
        width:100%;
        font-size:30px;
    }
    .button.back {
        margin: 0 0 10px 0;
    }   
    
    .details_contact input {
        margin: 0 0 6px ;
        width:92%;
    }
    
    #map_canvas {
        width: 100%;
        height: 269px;
    }
    
    .submenu.occasions .column-20 {
        font-size:8px;
        line-height:30px;
    }
    .float_height_submenu .occasions {    
        position: static;
    }
    .occasion_detail .occasion_price .zekerheden {
        position:static;
        margin:-12px 0 0 0;
    }    
    
    .mobiel-100 {
        width:100% !important;
    }
    
    .submenu.occasions form .column-width{
        display:none;
    }
    #menuContainer .submenu .aanpassen_block .select span:first-child {
        display: none;
       
    }
    
    #selectie-wissen-desktop{
        display:none;
    }
    #selectie-wissen-mobile{
        display:block;
    }
    .occasion_detail.grey .white{
        background:#fff;
    
    }
    
    iframe{
        width:100%;
    }
    
    .aanpassingen .button {        
        font-size: 13px;
        padding: 0 5%;
    }
    
}