/*--------------------------------------------- 
            Responsive styles
----------------------------------------------*/
@media screen and (max-width: 1370px) {
    .page-template-contacte .map {
        width: 48vw;
    }
}


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

    .navbar {color: var(--dark-color);}
    .navbar-brand {display: block;}
    .navbar-brand img {
        max-width: 175px;
        height: auto;
    }
    .navbar .nav-link {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .navbar-toggler {
        border-radius: 0;
        border: none;
        display: flex;
        flex-direction: column;
        padding: 0;
        overflow: hidden;
        outline: none !important;
        width: 35px;
        height: 30px;
    }
    .navbar-toggler span {
        position: relative;
        display: inline-block;
        width: 35px;
        height: 4px;
        background-color: var(--white);
        background-image: none !important;
        border-radius: 4px;
        transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    .navbar-toggler.collapsed span:nth-of-type(2) {
        margin: 8px 0px;
        transform: translateX(0);
    }
    .navbar-toggler.collapsed span:first-of-type {
        transform: rotate(0);
        top: 0;
    }
    .navbar-toggler.collapsed span:nth-of-type(3) {
        transform: rotate(0);
        top: 0;
    }
    .navbar-toggler span:first-of-type {
        transform: rotate(45deg);
        top: 14px;
    }
    .navbar-toggler span:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -14px;
    }
    .navbar-toggler span:nth-of-type(2) {
        transform: translateX(-100px);
        margin: 10px 0;
    }

    .navbar-collapse {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99;
        width: 100%;
        max-width: 360px;
        height: 85vh;
        background-color: var(--white);
        box-shadow: 0 11px 11px 0 rgba(0,0,0, .75);
        transform: translateX(-600px);
        transform-origin: left;
        transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
    }
    .navbar-collapse.show {
        transform: translateX(0);
        transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
        transform-origin: left;
    }

    .navbar .navbar-nav {
        line-height: 30px;
        padding-top: 16px;
    }

    .filters-area {
        padding-left: 30px;
        width: 100%;
        max-width: 360px;
    }

    .mudrea-card h1 {
        font-size: 60px;
        line-height: 83px;
    }

    .showcase__description h1 img {display: none;}
    .showcase__description h1 {
        font-size: 90px;
        line-height: 140px;
    }
    .author-description {padding: 90px 0;}
    .author-description h1 {font-size: 6vw;}
    .author-description h2 {font-size: 24px;}
    .author-expositions {background-position: -60px center;}
    .author-expositions h1,
    .author-vernisaj h1 {font-size: 30px;}
    .testimonial-item__cover {background-size: 60px;}
    .testimonial-item img {
        width: 120px;
        height: 120px;
    }

    .page-template-contacte {
        overflow: auto;
        padding-bottom: 90px;
    }

}


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

    .showcase {background-attachment: scroll;}
    .author-description h1 {font-size: 5vw;}
    .author-description h2 {line-height: 36px;}
    .author-expositions {
        background-position: center;
        text-align: center;
        background-blend-mode: overlay;
    }
    .author-vernisaj {text-align: center;}
    .author-vernisaj img {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .works-categories {padding-top: 0;}
    .author-press {padding-bottom: 0;}

    .modal button.close {
        width: 30px;
        height: 30px;
        margin: 10px;
    }
    .post-modal h1 {
        padding-top: 22px;
        margin-bottom: 22px;
    }
    .post-modal ul {
        margin-bottom: 30px;
    }
    .post-modal .btn {min-width: 100%;}

    .mudrea-card h1 {
        font-size: 40px;
        line-height: 62px;
    }
    .mudrea-card ul {
        font-size: 20px;
    }

    .social-links li:not(:last-child) {margin-bottom: 30px;}
}

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

    .navbar .navbar-nav {text-align: center;}
    .navbar-brand {
        padding: 0;
        margin: 0;
    }
    .navbar-brand img {max-width: 150px;}
    .navbar-collapse {max-width: 100%;}

    .author-description {
        padding: 30px 0;
        text-align: center;
    }
    .author-description h1 {
        font-size: 11vw;
        margin-top: 24px;
    }
    .author-description ul li {text-align: left;}
    .author-description p:last-of-type a {width: 100%;}
    .author-expositions {padding: 24px 0;}
    .author-expositions h3 {font-size: 21px;}
    .author-vernisaj {padding: 30px 0;}
    .works-categories__item img {
        width: 100%;
        height: 250px !important;
    }
    .works-categories__item .btn {
        min-width: 100%;
        margin-top: -20px;
    }
    .author-galleries {
        margin-bottom: 30px;
        padding-top: 0;
    }
    .author-galleries h1,
    .author-videos h1,
    .author-testimonials h1 {
        font-size: 30px;
        margin-bottom: 26px;
    }
    #friendsCarousel .card-columns .card:first-of-type, #friendsCarousel .card-columns .card:nth-of-type(2),
    #friendsCarousel .card-columns .card:nth-of-type(3), #friendsCarousel .card-columns .card:nth-of-type(6),
    #friendsCarousel .card-columns .card:nth-of-type(7), #friendsCarousel .card-columns .card:nth-of-type(8) {height: auto;}
    .carousel-indicators {margin: 0;}
    .author-videos {
        padding-top: 0;
        padding-bottom: 0;
    }
    #videosCarousel .carousel-item img {height: 200px;}
    #videosCarousel .carousel-inner {margin-bottom: 30px;}
    .author-press {padding-top: 35px;}
    .testimonial-item {padding: 30px 15px 24px;}
    .testimonial-item img {min-width: 120px;}
    .testimonial-item__cover {
        background-size: 74px;
        background-position: calc(100% - 50px) top;
    }

    .page-title {
        padding-top: 34px;
        margin-bottom: 40px;
    }

    .contact-modal .modal-body {
        padding: 0 15px 30px;
    }

    .mudrea-card {
        text-align: center;
        margin-bottom: 35px;
    }
    .mudrea-card h1 {
        font-size: 36px;
        line-height: 58px;
    }
    .mudrea-card .wp-block-media-text__content {padding: 0;}
    .mudrea-card ul {font-size: 18px;}
    .timeline-table tbody tr {
        flex-direction: column;
    }
    .timeline-table tbody tr td:last-of-type {padding-left: 0;}

    .showcase__description h1 {
        font-size: 60px;
        line-height: 74px;
        margin-bottom: 24px;
    }

    .page-template-contacte {
        text-align: center;
        padding-bottom: 30px;
    }
    .contacts-logo {margin: 0 auto 30px}
    .social-links {margin-bottom: 0px;}
    .social-links li:not(:last-child) {margin-bottom: 15px;}

    .page-template-contacte .map {
        width: calc(100% + 30px);
        margin: 30px -15px 0;
        height: 400px;
    }
}