@media (max-width: 575.98px) {}

@media (max-width: 767.98px) {

    .banner-sec .banner-img img,
    .sec-3-img img,
    .banner-sec .banner-shade-1,
    .sec-3 .sec-3-shade,
    .cta-sec img.cta-left,
    .cta-sec img.cta-right,
    .sec-2 .sec-2-img img,
    .genres-meta-img img,
    .portfolio-tabbing .nav-tabs .nav-link::after,
    .portfolio-tabbing .nav-tabs .nav-link::before,
    .publish-process-img,
    .contact-img img,
    .mobile-email {
        display: none !important;
    }

    h1,
    h2 {
        font-size: 20px !important;
    }

    .sec {
        padding: 50px 0;
    }

    .top-header .top-contact-info ul {
        display: block !important;
    }

    header {
        position: unset;
    }

    .top-header .top-contact-info ul li,
    .top-header .top-social-icon {
        margin-top: 10px;
    }

    .banner-sec {
        padding: 30px 0;
        border-radius: 0;
        background: none;
    }

    .banner-head img {
        width: 10%;
    }

    .banner-head p {
        font-size: 14px;
    }

    .banner-sec .banner-meta img,
    .portfolio-head,
    .related-head,
    .faqs-head,
    .custom-pagination-wrapper {
        width: 100%;
    }

    .banner-meta,
    .genres-meta {
        text-align: center;
    }

    .banner-sec .banner-form,
    .mobile-slider-1 {
        margin-top: 20px !important;
    }

    .mobile-buttons,
    .testimonial-slider,
    .quick-link,
    .contact-info {
        display: block !important;
        margin-top: 20px !important;
    }

    .mobile-buttons button {
        width: 80%;
        justify-content: space-between;
        margin: 0 auto;
    }

    .mobile-buttons button.global-color-btn-2,
    footer .about p,
    .quick-link ul,
    .contact-info ul {
        margin-top: 10px !important;
    }

    .sec-2 .sec-2-meta ul li,
    .award-win .award-win-meta ul li {
        margin-top: 5px;
    }

    .sec-3 .sec-3-info,
    .packages .main-package {
        width: 93%;
        margin: 0 auto;
    }

    .slick-dots {
        bottom: -45px;
    }

    .genres .main-genres ul li {
        width: 50%;
        margin: 0 auto;
    }

    .genres .main-genres ul li button {
        margin: 10px auto;
        width: 90%;
    }

    .portfolios .portfolio-tabbing .all-books ul li,
    .portfolios .portfolio-tabbing ul li {
        flex: 0 0 50%;
        text-align: center;
    }

    .faqs-head .mobile-buttons {
        display: none !important;
    }

    .faqs,
    .contact-section,
    footer {
        border-radius: 0;
    }

    .custom-pagination-progress-bar-container {
        margin: unset;
    }

    .testimonial-slider .testi-meta p.main-para {
        font-size: 16px !important;
        line-height: unset;
    }

    footer .copy-right p {
        text-align: center;
        font-size: 12px !important;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1399.98px) {}