@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {
    .head-ul {

        gap: 0.5rem;

    }

    .head-ul .themeBtn {
        padding: 1rem 1.3rem;
    }

    .form-banner {
        padding: 2.1rem 1.1rem;
        margin: 0 0rem 0 5rem;
    }

    .banner-section .content-banner h1 {
        font-size: 2.4625rem;
    }

    .section-about .heading-h2 {
        font-size: 2.925rem;
    }

    .section-about .about-content {
        gap: 3.7rem;
    }

    .section-pkg .heading-h2 {
        font-size: 2.525rem;
    }

    .section-demo .heading-h2 {
        font-size: 2.325rem;
    }

    .contect-section .contactBg {
        position: absolute;
        right: -7%;
        top: -33px;
    }

    .contect-section .contactBg img {
        width: 900px;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }

    .section-project h4 {
        font-size: 1.2rem;
    }

    .front-line-box h3 {
        font-size: 1.45rem;
    }

    .contect-section .contactBg img {
        width: 744px;
    }

    header,
    .nav-active {
        padding: 9px 0;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }

    .halloween-popup {
        width: 780px;
        height: 433px;
    }

    .halloween-popup h3 {

        padding: 4px !important;
    }

    .halloween-popup h3 span {
        padding: 4px;
    }

    .halloween-popup textarea,
    .halloween-popup input,
    .halloween-popup-inner .halloween_btn {

        height: 45px;
    }

    .form-banner {

        margin: 0 0rem 0 0rem;
    }

    .banner-section .overlay img {
        height: 133vh;
        width: 100%;
    }

    .section-pkg {

        padding-top: 0;
    }

    .section-project .content p {

        height: 250px;
    }

    .section-project .content {

        height: 455px;
    }

    .section-demo .img-absolute img {
        top: -218px;
    }

    .front-line-box img {
        width: 70px;
    }

    .contect-section .contactBg img {
        width: 630px;
    }

    .contect-section {
        padding: 6rem 0 4rem;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }

    .banner-section {
        padding: 4rem 0 0;
    }

    .banner-section .overlay {
        display: none;
    }

    .btn-head h4 {

        display: none;
    }

    .btn-head i {
        font-size: 2.3rem;
        padding: 0 1rem;
    }

    .halloween-popup {
        width: 635px;
        height: 354px;
        background: url(./image/background-popup-002.jpg) 100% 100% / cover no-repeat #000;
        padding: 1.2rem;
    }

    .halloween-popup textarea,
    .halloween-popup input,
    .halloween-popup-inner .halloween_btn {
        height: 38px;
        margin: 0.2rem 0;
        padding: 0.7rem;
    }

    .section-about .heading-h2 {
        font-size: 2.425rem;
    }

    .section-about .about-content {
        gap: 1rem;
    }

    .section-about .about-content ul {
        padding: 0;
    }

    .section-book .heading-h2 {
        font-size: 2.725rem;
    }

    .form-banner h2 {
        font-size: 27px;
    }

    .what-we-do {
        padding-top: 0;
    }

    .section-demo .heading-h2 {
        font-size: 2.025rem;
    }

    .section-demo .img-absolute img {
        top: -146px;
    }

    .why-section .heading-h2 {
        font-size: 2.625rem;
    }

    .section-print .heading-h2 {
        font-size: 2.925rem;
    }

    .ul-style ul {
        padding: 0;
        gap: 1rem;
    }

    .section-print .themeBtn {
        padding: 1rem 0.9rem;
    }

    .contect-section .contactBg img {
        width: 506px;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }

    .form-banner h2 {
        font-size: 28px;
    }

    .form-banner {
        margin-bottom: 3rem;
    }

    .section-pkg .heading-h2 {
        font-size: 2.425rem;
        padding-bottom: 1rem;
    }

    .section-pkg .content p {
        width: 100%;
    }

    .section-pkg .banner-btn {
        padding-bottom: 2rem;
    }

    .section-project .content p,
    .section-project .content {
        height: auto;
    }

    .what-we-do {
        padding-bottom: 0;
    }

    .img-absolute {
        display: none;
    }

    .section-demo .content h2 {
        text-align: center;
    }

    .section-demo .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .front-line-box {
        min-height: 0 !important;
        max-height: auto !important;
    }

    .section-print {
        padding: 3rem 0 0;
    }

    .section-print .ul-style {
        gap: 1rem;
    }

    .section-print .banner-btn {
        gap: 1rem;
    }

    .contactBg {
        display: none;
    }

    .contect-section {
        padding: 0rem 0 4rem;
    }

    .halloween-popup {
        width: 360px;
        height: 381px;
    }

    .halloween-popup-inner {
        width: 81%;

        top: 22px;

    }
}

@media (max-width: 575.98px) {
    .head-ul .themeBtn {
        display: none;
    }

    .btn-head i {
        font-size: 1.8rem;
        padding: 0 1rem;
    }

    .nav-book .navbrand img {
        width: 165px;
    }

    .banner-section {
        padding: 3rem 0 0;
    }

    .banner-section .content-banner h1 {
        font-size: 1.9625rem;
    }

    .banner-btn {

        gap: 1rem;
    }

    .section-about .heading-h2 {
        font-size: 2.125rem;
        text-align: center;
    }

    .section-pkg p,
    .section-pkg .heading-h2 {

        text-align: center;
    }

    .section-pkg .banner-btn {

        display: flex;
        justify-content: center;
    }

    .section-project,
    .section-book {
        padding-top: 0;
    }

    .what-we-do .heading-h2,
    .section-book .heading-h2 {
        font-size: 2.025rem;
    }

    .services-writers ul {
        padding: 0;
    }

    .why-section .heading-h2 {
        font-size: 2.325rem;
    }

    .front-line-box {
        text-align: center;
    }

    .testimonialSec .heading-h2 {
        font-size: 2.325rem;
    }

    .section-print p {
        text-align: center;
    }

    .section-print .heading-h2 {
        font-size: 2.225rem;
        text-align: center;
        padding-bottom: 1rem;
    }

    footer {

        padding: 1rem 0;
    }

    footer p {

        font-size: 0.925rem;
    }
}

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