/* =-=-=-=-=-=-==-header=-=-=-=-=-=-=-=-= */
@media (min-width: 768px) and (max-width: 991px) {
    .header-bottom {
        padding: 15px 0;
    }

}

@media (max-width: 767px) {
    .header-bottom {
        padding: 15px 0;
    }

    form#contactForm .half-input {
        max-width: 100%;
    }

    form#contactForm .half-input:first-child {
        padding-right: 0px;
    }
}
@media only screen and (max-width: 479px) {

    .header-logo a img {
        max-width: 175px;
    }

    /* .header-logo a {
        width: 130px;
    } */

    .header-toggle button,
    .header-cart .dropdown-toggle,
    .header-search .dropdown-toggle {
        width: 30px;
        height: 30px;
    }

    .header-cart .dropdown-toggle i,
    .header-search .dropdown-toggle i {
        line-height: 24px;
    }

    .header-toggle button span {
        margin: 4px 0;
    }

    .header-search-dropdown,
    .header-cart-dropdown {
        right: -50px !important;
    }
}

/* =-=-=-=-=-=-=-=-= header closed=-=-=-=-=-=-= */
@media (max-width: 767px) {
    .pad-60 {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    #book-detail .sec-heading {
        font-size: 35px;
    }
    #painting-detail .slick-slide img {
        height: 350px;
    }
}
@media only screen and (min-width: 575.5px) and (max-width: 767px){
    .slideshow .slick-slide img {
        height: 170px;
    }
}
@media only screen and (min-width: 1199.5px) and (max-width: 1399px){
    #painting-detail .slick-slide img {
        height: 580px;
    }
}
@media only screen and (min-width: 991.5px) and (max-width: 1199px){
    #painting-detail .slick-slide img {
        height: 440px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
    form#contactForm .half-input {
        max-width: 49.7%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    form#contactForm .half-input {
        max-width: 49.6%;
    }
    #painting-detail .slick-slide img {
        height: 320px;
    }
}
@media only screen and (max-width: 515px){
    #painting-detail .slick-slide img {
        height: 240px;
    }
}
@media only screen and (max-width: 400px){
    .abook-btn, .ebook-btn {
        font-size: 18px;
        padding: 8px 20px;
    }
    .abook-btn img {
        width: 18px;
    }    
}
.slideshow .slick-slide img {
    height: 220px;
}
@media only screen and (max-width: 375px){
    #painting-detail .slick-slide img {
        height: 190px;
    }
}
@media only screen and (max-width: 319px){
    html, body {
            width: 320px !important;
            overflow-x: auto !important;
    }
    .xs-scroll {
        overflow: scroll !important;
        white-space: initial;
        min-width: 370px;
    }
}