.displayed-web {
    display: none;
}

.maps-if {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 0;
}

    .maps-if iframe {
        left: 0;
        top: 0;
        height: 50%;
        width: 100%;
        position: absolute;
    }


@media (max-width: 1200px) {

    header ul li {
        padding: 40px 20px 0;
    }

        header ul li a {
            font-size: 12px;
        }

    .tab-slide .tab-slide-content h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .ico-eye:after, .ico-square:after, .ico-camera:after, .ico-mail:after {
        width: 20px;
        height: 20px;
    }
}


@media (max-width: 992px) {
    .displayed-web {
        display: flex;
    }

    .displayed-tablet-mobil {
        display: none;
        visibility: hidden;
    }


    header ul li {
        padding: 20px 20px 0px;
    }

    .tab-slide .tab-slide-content h3 {
        font-size: 16px;
    }

    .address-map {
        height: 350px
    }

    .vn-content-block, .vn-content-block2, .vn-content-block3, .vn-content-block4 {
        max-width: calc(100%);
        width: 100em;
    }

    .button_menu {
        width: 50px;
        height: 50px;
        padding: 15px 10px;
        box-sizing: border-box;
        position: relative;
        background: #009F4F;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        z-index: 3;
        margin-top: 30px;
    }

        .button_menu span {
            background: #fff;
            width: 100%;
            height: 3px;
            transition: opacity 300ms ease, -webkit-transform 300ms ease;
            transition: opacity 300ms ease, transform 300ms ease;
            transition: opacity 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
        }

        .button_menu.active span {
            position: absolute;
            width: 70%;
            top: 43%;
        }

            .button_menu.active span:first-child {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .button_menu.active span:last-child {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .button_menu.active span:nth-child(2) {
                opacity: 0;
            }

    .main_menu {
        display: flex;
        justify-content: center;
        padding: 21px 46px;
    }

        .main_menu ul {
            display: flex;
            flex-direction: column;
        }

            .main_menu ul li {
                margin-right: 25px;
                font-weight: 300;
                font-size: 15px;
                cursor: pointer;
                position: relative;
                -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0);
            }

                .main_menu ul li a {
                    font-size: 16px;
                }

    .menu_responsive {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        z-index: 2;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: opacity .3s ease, -webkit-transform .3s ease;
        transition: opacity .3s ease, transform .3s ease;
        transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
        justify-content: flex-end;
    }

        .menu_responsive .main_menu {
            padding: 150px 0px 0;
            display: flex;
            background: rgba(0, 0, 0, 0.79);
            width: 100%;
        }

            .menu_responsive .main_menu ul {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
            }

            .menu_responsive .main_menu li {
                margin: 0 0 10px;
                font-size: 22px;
            }

        .menu_responsive.active {
            opacity: 1;
            pointer-events: all;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
}


@media (max-width: 768px) {

    .slide-bg .bg-1 .sl-slide-inner, .slide-bg .bg-1 .sl-content-slice {
        background: url("../img/slide-img-1-tablet.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .slide-bg .bg-2 .sl-slide-inner, .slide-bg .bg-2 .sl-content-slice {
        background: url("../img/slide-img-2-tablet.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .slide-bg .bg-3 .sl-slide-inner, .slide-bg .bg-3 .sl-content-slice {
        background: url("../img/slide-img-3-tablet.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    .footer-logo {
        width: 160px;
    }

    .ulSocial li {
        padding: 0 5px 0 0;
    }
}


@media (max-width: 576px) {

    .slide-bg .bg-1 .sl-slide-inner, .slide-bg .bg-1 .sl-content-slice {
        background: url("../img/slide-img-1-mobil.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .slide-bg .bg-2 .sl-slide-inner, .slide-bg .bg-2 .sl-content-slice {
        background: url("../img/slide-img-2-mobil.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
    .slide-bg .bg-3 .sl-slide-inner, .slide-bg .bg-3 .sl-content-slice {
        background: url("../img/slide-img-3-mobil.jpg") !important;
        background-position: top !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    .hidden-xs {
        display: none
    }


    .footer {
        padding: 0;
    }

    .footer-logo {
        width: 120px;
    }


    .tab-slide {
        margin-top: 5px;
    }

        .tab-slide .tab-arrows {
            padding-top: 27px;
            margin: 0;
        }

        .tab-slide .tab-slide-content h3 {
            float: left;
            line-height: 15px;
            text-align: left;
            font-size: 11px;
        }

        .tab-slide .tab-arrows a, .tab-slide .tab-arrows a .carousel-control-prev-icon, .tab-slide .tab-arrows a .carousel-control-next-icon {
            width: 25px;
            height: 25px;
            line-height: 25px;
        }

        .tab-slide .tab-slide-content {
            height: 62px;
            font-size: 11px;
        }

            .tab-slide .tab-slide-content p {
                padding: 0px;
                height: 0px;
            }

    .bottom {
        height: 120px;
    }
        .bottom:after {
            width: 100%;
            height: 48%;
            top: 0px;
            right: 0px;
            bottom: auto;
        }

        .bottom:before {
            width: 100%;
            height: 48%;
            top: auto;
            bottom: 0px;
        }


    .nav-dots {
        z-index: 98;
        padding-top: 41px;
        margin: 0;
        float: right;
    }

        .nav-dots span {
            width: 10px !important;
            height: 10px !important;
        }

            .nav-dots span.nav-dot-current:after {
                width: 10px !important;
                height: 10px !important;
            }


    .d-md-block {
        padding-left: 0;
        padding-right: 0;
    }

















    .slide-bg [data-icon]:after {
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 40px;
        margin: -55px 0 0 -55px;
    }

    .slide-bg .sl-slide blockquote {
        margin-bottom: -120px;
    }

    .slide-bg .sl-slide h2 {
        line-height: 22px;
        font-size: 18px;
        margin-bottom: -40px;
        letter-spacing: 8px;
    }

    .slide-bg .sl-slide blockquote p:before {
        line-height: 10px;
        width: 40px;
        height: 40px;
        font-size: 120px;
        left: -45px;
    }
}