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

    .col-right-img {

        max-width: 100%;

        /*height: auto;*/

        margin-top: 60px;

        transform: none;

    }

}



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

    .main-container {

        margin-left: 70px;

        margin-right: 70px;

    }

    .header-container{

        padding: 15px 70px 11px 70px;

    }

    .social-media>img{

        width: 30px;

    }

    .social-media {

        margin-right: 25px;

        width: 30px;

    }

    .social-media-instagram{

        width: 30px;

    }

    .logo {

        width: 280px;

        height: auto;

    }

    .poza_stanga {

        height: 98.4vh;

    }

    .col-right-img {

        height: 42.9vh;

    }

}

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

    .route {

        font-size: 14px;

        margin-right: 22px;

    }

    .footer-route{

        font-size: 14px;

    }

    .title{

        font-size: 32px;

    }

}



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

    .background-fixed-header{

        background-color: #ffffff !important;

    }

    .content-mobile{

        margin-top: 77px;

    }

    .header-container, .footer-container {

        display: none;

    }

    #mobile-overlay {

        display: block;

        z-index: 3;

    }

    .header-mobile {

        display: flex;

        flex-direction: row;

        align-items: center;

        justify-content: space-between;

        padding: 15px 20px 12px 20px;

        background-color: rgba(255,255,255,0.7);   

        z-index: 2;

    }

    .overlay {

        height: 100%;

        width: 0;

        position: fixed;

        z-index: 1;

        left: 0;

        top: 0;

        background-color: #fff;

        overflow-x: hidden;

        transition: 0.5s;

    }

    .overlay-content {

        position: relative;

        top: 8%;

        width: 100%;

        height: 90%;

        text-align: center;

    }

    .overlay a {

        padding: 8px;

        text-decoration: none;

        color: #000;

        display: block;

        transition: 0.3s;

    }

    .overlay a:hover, .overlay a:focus {

        color: #f1f1f1;

    }

    .overlay .closebtn {

        position: absolute;

        top: 20px;

        right: 20px;

        font-size: 60px;

    }

    .overlay-logo {

        width: 167px;

        height: 102px;

        margin-bottom: 60px;

    }

    .header-logo {

        width: 80px;

        height: 50px;

        margin: 0;

    }

    .main-container {

        margin: 0 20px;

        margin-top: 100px;

        margin-bottom: 30px;

    }

    .main-button {

        width: 100%;

        height: 60px;

    }

    .logo {

        width: 254px;

        height: 155px;

    }

    .title {

        font-size: 24px;

        margin-bottom: 30px;

    }

    .main-text{

        font-size: 14px;

    }

    .col-title {

        margin-top: 20px;

    }

    .about-text {

        width: 100%;

    }

    .col-right-img {

        position: relative;

        left: 0;

        bottom: 0;

        margin-top: 20px;

    }

    .col-left-none {

        display: none;

    }

    .servicies-container {

        justify-content: center;

    }

    .text-left {

        text-align: center!important;

    }

    .home-swiper {

        height: 215px;

        margin-bottom: 30px;

    }

    .mt-50 {

        margin-top: 30px;

    }

    .mb-50 {

        margin-bottom: 30px;

    }

    #map {

        height: 400px;

        margin-top: 30px;

    }

    .footer-mobile {

        display: flex;

        flex-direction: column;

    }

    .route {

        width: unset;

        font-size: 14px;

        margin: 0;

    }

    .footer-route {

        font-size: 14px;

    }

    .footer-green-container {

        padding: 20px;

    }

    .secondary-text {

        font-size: 14px;

    }

    .gallery-top {

        height: 400px;

    }

    .gallery-thumbs {

        display: none;

    }

    .price-container {

        width: 60%;

        font-size: 16px;

    }

    .price-separator {

        width: 60px;

    }

    .swiper {

        height: 200px;

    }

    .sponsori {

        width: 90px;

        height: 90px;

        margin-bottom: 10px;

    }

    .activity-icon {

        width: 63px;

        height: 63px;

    }

    .home-swiper .swiper-slide img {

        /*width: 150px;*/

        height: 200px;

    }

    .campfire {

        top: -45px;

        right: 0;

        z-index: -1;

    }

    .campfire > img {

        width: 40px;

        height: 40px;

    }

}

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

    .main-container{

        margin-top: 0;

    }

    #lista_reguli{

        display: none;

    }

}

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

    .main-text {

        font-size: 12px;

        margin-top: 0 !important;

    }

    .main-button{

        font-size: 16px;

        height: 50px;

    }

    .col-title{

        font-size: 17px;

        margin-bottom: 10px;

        margin-top: 10px !important;

    }

    .content-mobile>video{

        height: 300px;

    }

}