@media screen and (max-width:1366px) {
    .detail-container .now-photo-container .details-items {
        position: absolute;
        width: 40%;
    }
}

@media screen and (max-width:1280px) {
    .contact-container .adress-item {
        width: 30%;
    }
    .contact-container .phone-item {
        width: 30%;
    }
    .contact-container .work-hours-item {
        width: 30%;
    }
}


@media screen and (max-width:1024px) {
    .exhibit-detail-images .main-img {
        position: static;
    }
    .about-us-container .about-photo .about-us-text {
        width: 50%;
    }
}

@media screen and (max-width:980px) {
    .artist-details .detail-container {
        box-sizing: border-box;
        min-height: inherit;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .slider-gallery-container .slider-back-btn, .slider-gallery-container .slider-next-btn {
        display: none;
    }

    .artist-details .left-menu {
        padding-bottom: 0;
    }

        .artist-details .left-menu li:last-of-type a {
            border-bottom: none;
        }

    .contact-container .adress-item {
        width: 301px;
        margin-right: 20px;
    }

    .contact-container .phone-item {
        width: auto;
        margin-right: 20px;
    }

    .contact-container .work-hours-item {
        width: auto;
    }

}



@media screen and (max-width:860px) {
    header .main-menu-container {
        display: none;
    }

    .mobile_menu_ico {
        display: block;
    }
}



@media screen and (max-width:768px) {
    body {
        padding-bottom: 165px;
    }

    footer ul {
        text-align: center;
        padding: 0;
    }

    footer input, footer button {
        margin-bottom: 10px;
    }

    .main-page .text {
        margin-bottom: 0;
    }

    header .main-menu-container {
        text-align: center;
    }

    .exhibit-detail-text {
        padding-left: 15px;
    }

    .artist-detail-text {
        padding-left: 15px;
    }

        .artist-detail-text .nav-pills li {
            width: auto;
        }

    .artists-left-menu {
        display: none;
    }

    .archive select {
        display: block;
        width: 100%;
        float: none;
        padding-left: 44%;
    }

  
    .about-us-container .about-photo {
        display:none;
    }
    .about-us-container .about-photo-mobile {
        display: block;
    }
}

@media screen and (max-width:640px) {
    .main-slider .btn-arrow {
        display: none;
    }
    .slider-title-container {
        width: 100%;
        right: inherit;
        left: 0;
        bottom: 0;
        padding: 10px;
        border: 1px solid white;
    }

    .detail-container .now-photo-container .details-items {
        position: absolute;
        width: 50%;
    }
    .form {
        text-align: center;
    }
    .now-photo-container{
        display:none;
    }
    .now-photo-container-mobile {
        display: block;
    }

    .contact-flex-container {
        flex-direction: column !important;
    }

    .contact-container .adress-item {    
        margin: auto;
        margin-bottom:20px;
    }
    .contact-container .phone-item {       
        margin: auto;
        margin-bottom: 20px;
    }

    .contact-container .phone-item .phone-inner-container {       
        width:286px;
    }

    .contact-container .work-hours-item {
        margin: auto;
        margin-bottom: 20px;
        width: 305px;
    }
    .main-slider .owl-pagination {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -23px;
        margin: auto;
    }
}


@media screen and (max-width:480px) {
    .detail-container .now-photo-container .details-items {
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        padding: 20px;
        box-sizing: border-box;
        color: white;
        border-right: 2px dotted rgba(255,255,255,0.3);
    }

    header .main-logo {
        text-align: center;
    }

    .archive select {
        padding-left: 0;
        text-align-last: center;
    }

    .press select {
        padding-left: 0;
        text-align-last: center;
    }

    .contact .map {
        height: 280px;
    }

    .fancybox-title-float-wrap {
        padding-top: 25px;
    }

        .fancybox-title-float-wrap .child {
            color: #1a1a1a;
            font-size: 12px;
        }


            .fancybox-title-float-wrap .child a {
                width: 100%;
                right: inherit;
                left: 0;
                top: 0;
                text-align: center;
            }

    .form .title {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .form input {
        height: 30px;
    }

    .lang {
        right: 24px;
        top: 8px;
    }
}

@media screen and (max-width:385px) {
    .artist-detail-text .nav > li > a {
        padding: 7px 10px;
        font-size: 16px;
    }

    .slider-gallery-container {
        position: absolute;
        padding: 25px;
        height:auto;
        box-sizing: border-box;
        background-color:white;
    }

        .slider-gallery-container .slider .item {
            height: 100%;
        }

            .slider-gallery-container .slider .item .img-container-table {
                height: 100%;
                padding-top:30px;
                box-sizing:border-box;
            }

            .slider-gallery-container .slider .item .img-container {
                height: 100%;
            }

        .slider-gallery-container .slider-next-btn, .slider-gallery-container .slider-back-btn {
            display: none;
        }

        .slider-gallery-container .popup-close {
            top: 0;
            right: inherit;
            left: 0;
        }
}