@media screen and (min-width: 768px) {
    .footer .container {
        width: 750px !important;
        margin-right: auto;
        margin-left: auto;

    }
}

@media screen and (min-width: 992px) {
    .footer .container {
        width: 970px !important;
        margin-right: auto;
        margin-left: auto;

    }
}

@media screen and (min-width: 1200px) {
    .footer .container {
        width: 1170px !important;
        margin-right: auto;
        margin-left: auto;
      
    }
}

@media screen and (max-width: 1200px)
{
    #main #menu-top-bar-menu li{
        display: flex;
        flex-direction: row;
        width: 25%;
        padding: 2px;
    }

    .news-image{
        width: auto !important;
    }

 

    .spectra-top h2{
        font-size: 5vw !important;
    }

    .latest .news-image{
        width: 262px !important;
    }

    .news-image img{
        min-width: 262px;
    }
    
    .no-padding-color-boxes .posts-wrapper.row{
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .custom-news-list .news-image{
        width: 403px !important;
    }
}

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

    .navbar-stuck .navbar-logo .logo-img img{
        height: 100%;
        width: auto;
    }

    .no-padding-color-boxes h2{
        font-size: 29px !important;
    }

    .no-padding-color-boxes:after{
        display: none !important;
    }

    h1, .h1, body #main h1{
        line-height: 100% !important;
    }

    .navbar-stuck > .container{
        width: 100% !important;
        padding-right: 10px;
    }


    .navbar-stuck.navbar-dark .navbar-logo .logo-light, .navbar-stuck.navbar-light .navbar-logo .logo-dark{
        display: none;
    }

    .navbar-logo{
        display: block !important;
    }

    .navbar-stuck.navbar-dark .navbar-logo .logo-both.logo-dark, .navbar-stuck.navbar-light .navbar-logo .logo-both.logo-light{
        display: block;
        /* width: 50% !important; */
        margin-bottom: 10px;
        /* margin-left: 20px; */
    }
}

/* @media screen and (min-width: 769px){
    .row-primary .col-md-12 .posts-wrapper.row, #main .col-md-12 .posts-wrapper.row{
        flex-wrap: unset !important;
    }

    .ophold.row, .social-icons-footer, .posts-wrapper.row, #main #menu-top-bar-menu{
        flex-wrap: unset !important;
    }

    .spectra-bottom {
        flex-wrap: unset !important;
    }

    .hotel {
        flex-wrap: unset !important;
    }

    .booking-carousel {
        flex-wrap: unset !important;
    }

    .reservation-item, .posts-wrapper.row{
        flex-wrap: unset !important;
    }
} */

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

    .no-padding-color-boxes h2{
        font-size: 29px !important;
    }

    .navbar>.container{
        background-image: none !important;
    }

    #navbar{
        border-top: none;
    }

    .map-container{
        min-height: 350px;
    }

    #main #menu-top-bar-menu li{
        display: flex;
        flex-direction: row;
        width: 33%;
        padding: 2px;
    }
    .custom-news-list .news-image{
        width: 293px !important;
    }

    .nav-tabs > li{
        margin-bottom: 10px;
    }

    .navbar>.container{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .no-padding-color-boxes:after{
        display: none;
    }

    .search-banner-label{
        position: relative;
        background-color: #eb212d !important;
        bottom: auto;
        right: auto;
        display: block;
        margin-top: 30px;
        text-align: center;
    }
    
    .search-banner-label p{
        margin: 0 !important;
    }
    
    .search-banner-label a{
        color: #fff;
        padding:0 !important;
        text-decoration: none !important;
        text-transform: uppercase;
        font-weight: bold !important;
    }

   

    
}

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

    .dh-payoff-text.payoff-imageonly{
        grid-template-columns: 100%;
        justify-content: center;
    }

    .dh-payoff-text.payoff-imageonly img{
        margin: 0 auto;
        max-width: 80px;
    }

    .categories-tab{
        padding: 5px;
    }

    .reset-container{
        padding-right: 0;
        text-align: right;
    }

    .mobile-language-menu{
        right: -17px;
        top: 50px;
    }

    .submit-container{
        padding-left: 0 !important;
        text-align: left !important;
    }
    
    .footer-second h3, .footer-second h4{
        width: 100%;
        text-align: center;
    }

    .footer ul li a:before{
        display: none !important;
    }

    .footer-second ul li{
        width: 100%;
        text-align:center;
    }

    .map-container{
        width: 100%;
    }

    .footer-widget ul:not(.post-meta):not(.nav-dir):not(.instagram-images):not(.social-icons) li:before{
        display: none;
    }

    .footer-first{
        text-align: center;
    }

    .footer-first ul{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .footer-first #menu-top-bar-menu li{
        width: 100%;
        text-align: center;
    }

    .footer .no_padding .col-md-12 div[class*=' col-']{
        padding-left: 0;
        padding-right: 0;
    }

    .opholdskort {
        margin: 15px auto;
        padding-left: 0;
    }

    .opholdskort .thumbnail{

        width: 100%;
    }

    .res-right{
        width: 100%;
    }

    .res-right .name > div, .res-right .email, .infoform .name > div, .infoform .streetname > div,
    .infoform .zipcity > div, .infoform .address > div{
        padding-right: 0;
        padding-left: 0;
    }


    .basketContainer > .container, .reservation-item.container{
        padding-left: 0;
        padding-right: 0;
    }

    .delete.col-md-12{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5px;
        padding-right: 0;
    }

    .ophold.row{
        padding-left: 0;
        padding-right: 0;
    }

    #main #menu-top-bar-menu li a{
        text-align: center;
    }

   

    .tx-idefa-spectraintegration > .container-fluid{
        padding-left: 0;
        padding-right: 0;
    }

    #main #menu-top-bar-menu li{
        display: flex;
        flex-direction: row;
        width: 50%;
        padding: 2px;
    }

    .filter-container .btn-info{
        width: 47%;

    }
    
    .posts-wrapper.row > div{
        width: 100%;
    }

    .opholdskort{
        padding-right: 0;
    }

    .posts-wrapper.row > div{
        margin-bottom:15px;
    }

    #c75922, #c76986{
        display: none;
    }

    .filter-container .btn-info label{
        font-size: 11.5px;
    }

    h1, .h1, body #main h1{
     font-size: 8vw !important;   
    }

    .no-padding-color-boxes h2{
        font-size: 8vw !important;
    }

    .no-padding-color-boxes .col-md-3{
        width: 100%;
    }
    
    .no-padding-color-boxes h4{
        width: 70%;
        margin: 0 auto;
    }

    .no-padding-color-boxes .nobackground .row div[class*="col-"]{
        float: left;
    }

    h2{
        font-size: 7vw !important;
    }
    h3.arrow-header{
        margin-bottom: 60px;
        text-align: center;
    }
    h3.arrow-header::after{
        width: 80% !important; 
        margin: 0 auto;
        width: 15px !important;
        left: 50%;
        right: auto;
        top: 100%;
        margin-left: -7.5px;
    }

    .no-padding-color-boxes .posts-box{
        margin-bottom: 0 !important;
    }
    
    .col-md-12 div[class*=' col-'] .thumbnail{
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .latest .news-image{
        width: 100% !important;
    }

    .latest .opholdskort .thumbnail{
        margin-bottom: 15px !important;
    }

    .footer h2{
        font-size: 5vw !important;
    }

    .social-icons-footer div[class*=' col-']{
        padding-left: 5px !important;
    }

    .navbar-dark .logo-light, .navbar-light .logo-dark{
        display: none !important;
    }

    .navbar-logo .big-logo.logo-img{
        display: block !important;
        width: 45% !important;
        margin: auto;
    }

    .big-logo img{
        width: 100%;
        height: auto;
    }

    article div[class*=' col-md']{
        margin-bottom: 15px;
    }

    .latest.ophold.row{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .small-width-content{
        width: 100% !important;
    }

    .thumbnail{
        padding: 9px;
    }

    .call-to-action-container .row .row{
        width: 80%;
    }

    .call-to-action-container .parallax.nobackground.no_padding{
        background-size: cover !important;
    }

    ul.slimmenu li .sub-toggle span{
        color: #333 !important;
    }

    ul.slimmenu li:last-child{
        padding-bottom: 15px;
    }

    .custom-news-list{
        padding-left: 0 !important;
    }

    .custom-news-list .news-image{
        width: 275px !important;
    }

    .news-image img{
        width:100%;
    }

    .btn-primary{
        white-space: normal;
    }

    article .col-md-6{
        width: 100% !important;
    }

    .center-two-column .col-md-6:first-child{
        margin-left: 0 !important;
    }

    .call-to-action-container h2{
        font-size: 8vw !important;
    }

    .call-to-action-container .nobackground > div{
        width: 88%;
    }

    .news-image-wrapper img{
        width: 100%;
        height: auto;
    }

    .custom-news-list .news-image{
        width: 100% !important;
    }

    .arrow-subtitle{
        margin-top: 30px;
    }

    .hotel h2{
        font-size: 4.5vw !important;
    }

    .hotel .manchet{
        padding-top: 15px;
    }

    .hotel-search-right-top{
        padding-left:15px;
    }
    .hotel-search-left-top{
        padding-right: 15px;
    }

    .ophold-container{
        width: 100%;
    }



    .header-container{
        height: 9%;
    }

    .latest .thumbnail{
        width: 100% !important;
        max-width: none;
    }

    h3.arrow-header::after{
        display: none;
    }

    .hotelsearch .dropdown-menu > .active > a{
        color: #333 !important;
    }

    .hotelsearch .dropdown-menu li, .sub-menu li{
        font-size: 16px !important;
    }

    /* .datepicker-dropdown{
        position: fixed !important;
        top: 0 !important;
    } */

    .social-icons-footer div[class*=' col-']{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html,body{
        overflow-y: visible !important;
    }

    .bookingbelt-description ul{
        width: 100%;
    }

    .addonContainer .addon{
        max-width: none;
    }

    .navbar-wrapper{
        margin-bottom: 0;
    }

    h3.arrow-header.white::after{
        display: none !important;
    }

    .call-to-action-newsletter h2{
        text-align: center;
    }

    .call-to-action-container h2.curlyred, .call-to-action-container h2.curlyred a{
        font-size: 25px;
    }
}