@media screen and (max-width: 1900px){
    .FilterArtist-Item .FilterArtist-Heading {
        font-size: 16px;
        line-height: 28px;
    }    
    .FilterArtist-Item .FilterArtist-content p {
        font-size: 13px;
    }    
    .FilterArtist-Item .FilterArtist-imgs {
        width: 50px;
        height: 50px;
    }    
    .FilterArtist-Item > div {
        gap: 10px;
    }    
    .FilterArtist-Item {
        padding: 15px;
    }
}
@media screen and (min-width: 1800px){
    .container{
        max-width: 1500px;
    }
    .main-heading{
        font-size: 3rem;
    }
    .section-heading{
        font-size: 2rem;
    }
}
@media screen and (min-width: 2300px){
    .main-heading{
        font-size: 3.6rem;
    }
}

@media screen and (max-width: 1600px){
    section{
        padding:80px 0px;
    }
    .footer{
        padding: 80px 0px 0px 0px;
    }
    p, .footer .contact-link{
        font-size: 16px;
        line-height: 26px;
    }
    .header a.nav-link, .header .HeaderRight .HeaderRight-link{
        font-size: 16px;
    }
    .btn-all{
        font-size: 16px;
        padding: 10px 30px;
    }
    .filter-artist .section-tittle, .filter-artist .btn-area  {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1400px){
    .gallery-item .gallery-content{
        padding: 20px 20px 25px 20px;
    }
    .footer .footer-item:nth-child(2):after{
        right: 0px;
    }
    .footer .footer-item:last-child .footer-content{
        /*padding-left: 50px;*/
    }
    .footer .footer-item:after{
        display: none;
    } 
    .ProductItem-box{
        column-count: 3;
    }
    #Inner_banner{
        padding: 80px 0px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
    .instagram-feed .gallery-box{
        height: 520px;
        gap: 4px;
    } 
    .footer .footer-item:nth-child(2) .footer-content {
        padding-left: 20px;
    }
    .footer .section-heading {
        font-size: 1.5rem;
    }
    .FilterArtist-Item .FilterArtist-Heading {
        font-size: 14px;
        line-height: 26px;
    }
}
@media (min-width: 991px) and (max-width: 1399px){
    .overview .section-heading:before{
        width: 70%;
    }    
    .picaso-after{
        width: 75%;
    }
}
@media screen and (max-width: 1200px){
    
    .pablo-picaso .section-tittle {
        margin-bottom: 30px;
    }    
    .pablo-picaso .picaso-content p {
        margin-bottom: 20px;
    }
    .history .history-content{
        padding-right: 0px;
    }       
    p, .footer .contact-link, .footer .footer-list .footer-link, .wishper-content .artist-badge{
        font-size: 15px;
        line-height: 25px;
    } 
    .footer a.navbar-brand {
        width: 100%;
    } 
    .main-heading, .wishper-content .marlowe-heading{
        font-size: 2rem;
    }   
    .hero-banner .HeroSlider-item{
        min-height: auto;
        padding: 80px 0px;
    } 
    .filter .filter-box {
        padding: 50px;
        width: 50%;
    }
    a.mobile-tablet-logo{
        position: relative !important;
    }
     .header nav.navbar:before{
        display: none !important;
    }
     .header nav.navbar::after{
        display: none !important;
    }
}
@media (min-width: 991px) and (max-width: 1199px){  
    .header .HeaderRight {
        gap: 16px;
    } 
    .header .HeaderRight .HeaderRight-link {
        text-indent: -9999px;
        gap: 0px;
    }    
    .instagram-feed .gallery-itembox:nth-child(2) .gallery-box {
        height: 500px;
    }
    .footer .section-heading {
        font-size: 1.3rem !important;
    }    
    .footer .footer-list {
        gap: 12px;
    }    
    .footer .footer-list .footer-link:after {
        right: -7px;
    }  
    .instagram-feed .gallery-box{
        gap: 10px;
    }  
    #Inner_banner .picaso-after{
        width: 75%;
    } 
}
@media (min-width: 991px){
    
}
@media (max-width: 991px){ 
    .header nav.navbar:before{
        display: none !important;
    }
    ul.sub-menu.dropdown-menu.show{
        position: relative !important;
    }
    .woocommerce-result-count, .woocommerce-ordering{
        display: none;
    }
    .menu-item-has-children{
        display: block !important;
    }
    .mobile-header{
        display: flex;
    }
    .desktop-header{
        /*display: none;*/
    }       
    .section-heading, .footer .section-heading {
        font-size: 1.3rem;
        line-height: 1.7rem;
    }
    section, #Inner_banner{
        padding: 60px 10px;
    }
    .footer{
        padding: 60px 0px 0px 0px;
    }
    .section-heading:before, .section-heading:after{
        width: 20%;
    }
    .pablo-picaso .picaso-content{
        padding-right: 0px;
    }
    .picaso-after, #Inner_banner .picaso-after{
        width: 100%;
    }
    .pablo-picaso .section-tittle{
        padding: 25px 15px 10px 15px;
    }
    .histtory-img {
        min-height: auto;
    }
    #Inner_banner{
        min-height: 40vh;
    }
    .histtory-img .img-box {
        position: unset;
    }    
    .footer .bottom-footer .footer-bottom-content {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }   
    .btn-area{
        margin-top: 25px;
    }  
    .ProductItem-box{
        column-count: 2;
    }
    .product-item .ProductItem-text {
        padding: 15px;
        transition: var(--transition);
        box-shadow: var(--box-shadow1);
    }  
    .product-item .btn-all{
        display: inline-flex;
        margin: 10px 0px 0px 0px;
    }
    .product-item .ProductItem-heading{
        margin-bottom: 5px;
    }   
    .footer a.navbar-brand {
        max-width: 300px;
        margin: 0 auto;
    } 
    .breadcrumb li, .breadcrumb li:after {
        color: var(--color-white);
    }    
    .breadcrumb li a {
        color: #ffffff99;
    }
    .filter-artist .input-group{
        height: 50px;
    }
    .filter-form {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }    
    .filter .filter-box .section-heading {
        line-height: 1.5rem;
        font-size: 2rem;
    }
}
@media (min-width: 768px) and (max-width: 991px){   
    .container-fluid {
        padding: 0px 50px;
    } 
    .overview .section-heading:before{
        width: 60%;
    }    
    .t-hide{
        display: none !important;
    } 
    a.navbar-brand, .footer a.navbar-brand{
        width: 350px;
    }
    .pablo-picaso .section-heading{
        line-height: normal;
    }    
}
@media (max-width: 767px){
    .m-hide{
        display: none;
    }
    .t-hide, .d-hide{
        display: block;
    }
    .main-heading, .wishper-content .marlowe-heading{
        margin-bottom: 20px;
        font-size: 1.3rem;
    }
    .hero-banner .HeroSlider-item .container-fluid{
        padding: 0px;
    }
    .btn-all{
        font-size: 14px;
        height: 45px;
    }
    .hero-banner .HeroSlider-item {
        min-height: auto;
        padding: 0px;
        flex-direction: column;
    }    
    .hero-banner .hero-img {
        position: unset;
        max-width: 100%;
        height: 300px;
    }
    .hero-slider .owl-dots {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        bottom: 15px;
    } 
    .hero-banner .HeroSlider-item .btn-all {
        height: 50px;
    }
    .section-tittle{
        margin-bottom: 30px;
    }
    .work-item:hover figure:before{
        display: none;        
    }
    .work-item:hover .section-heading{
        color: var(--color-blue);
        transform: translate(0px);
    }
    .overview .section-heading:before {
        width: 65%;
    }  
    .gallery-item .gallery-content {
        width: 100%;
        margin-top: 0px;
    }  
    .about-connect .section-tittle {
        margin-bottom: 20px;
    }
    .instagram-feed .gallery-box {
        height: auto;
        gap: 15px;
    }    
    .gallery-box .gallery-img {
        flex: auto !important;
        height: auto;
    }
    .footer, .footer .social-media {
        text-align: center;
    }    
    .footer .social-media .social-list, .footer .footer-list {
        justify-content: center;
        text-align: center;
    }    
    .footer .mid-footer {
        padding: 40px 10px;
    }    
    .footer .footer-item:last-child .footer-content {
        padding-left: 0px;
    }    
    .footer .top-footer {
        padding: 0px 10px;
    }
    .hero-banner .hero-content::before, .hero-banner .hero-content::after, .footer .top-footer .section-heading span:after, .footer .top-footer .section-heading span:before{
        display: none;
    }
    .hero-banner .hero-content {
        padding: 20px 20px 50px 20px;
        text-align: center;
    }
    .mobile-header #collapsibleNavbar {
        width: 100%;
        padding: 20px;
        border-top: 1px solid var(--border-grey);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header li.nav-item {
        justify-content: center;
    }    
    .header a.nav-link {
        text-align: center;
        font-size: 30px;
    }
    .overview .section-tittle:after{
        display: none;
    }
    .overview .overview-content{
        margin-top: 12px;
    }
    .FilterArtist-Item > div {
        gap: 16px;
    }    
    .filter-form .filter-option {
        flex-wrap: wrap;
        gap: 20px;
    }    
    .filter-form .filter-option .form-group {
        flex: 0 0 47%;
    }
    a.navbar-brand, .footer a.navbar-brand {
        width: 100%;
        /*max-width: 270px;*/
        max-width: 170px;
    }
    #Inner_banner .section-tittle {
        padding: 10px 30px 8px 30px;
    }
    .OtherWork-box{
        max-height: auto;
    }
    .filter .filter-box {
        width: 100%;
        padding: 30px;
    }    
    .filter .filter-overlay {
        display: none;
    }

    section.overview .section-tittle{text-align: center;}
    section.overview .section-tittle .section-heading{padding-right: 0;}
    section.overview .overview-content{text-align: center;}
    section.our-work .section-heading{text-align: center;}
    section.lenfant-gallery .gallery-item{padding-right: 0;}
    section.about-connect .section-tittle .section-heading{text-align: center;}
    section.about-connect .section-tittle .section-heading::after, section.about-connect .section-tittle .section-heading::before{left: 0;right: 0;margin: 0 auto;}
    section.about-connect .AboutConnect-content .AboutConnect-text, section.about-connect .AboutConnect-content p{text-align: center;display: block;}
    section.about-connect .AboutConnect-content, section.pablo-picaso .picaso-content{text-align: center;}
    section.pablo-picaso .section-heading::after, section.pablo-picaso .section-heading::before{left: 0;right: 0;margin: 0 auto;}
    section.history .history-content{text-align: center;}
    section.history .history-content .section-heading::before, section.history .history-content .section-heading::after{left: 0;right: 0;margin: 0 auto;}
    .footer .menu{justify-content: center;}
}
@media (max-width: 567px){
    .ProductItem-box{
        column-count: 1;
    }  
    a.mobile-tablet-logo {
        position: relative !important;
    }

}
@media (max-width: 410px){
    .mobile-header .HeaderRight {
        gap: 10px;
    }    
    .header .HeaderRight .HeaderRight-link svg {
        width: 25px;
        height: 25px;
    }    
    .header button.navbar-toggler span:nth-child(1), .header button.navbar-toggler span:nth-child(2), .header button.navbar-toggler span:nth-child(3) {
        width: 25px;
    }   
    .header button.navbar-closed span:nth-child(2), .header button.navbar-closed span:nth-child(3) {
        margin: -3px 0px 0px 0px;
    }
    .header button.navbar-toggler span:nth-child(4) {
        display: none;
    }    
    .header button.navbar-toggler span {
        margin: 3px 0px;
    }
}
@media (max-width: 380px){ 
    .header nav.navbar{
        column-gap: 10px;
    }
    a.navbar-brand, .footer a.navbar-brand {
        max-width: 220px;
    }   
    .footer .footer-list {
        flex-wrap: wrap;
    }
    .mobile-header {
        height: 75px;
    }    
    .mobile-header #collapsibleNavbar {
        top: 75px;
        height: calc(100vh - 75px);
    }
}
@media (max-width: 300px){
    a.navbar-brand, .footer a.navbar-brand {
        max-width: 180px;
    }
}