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

    .hero-content h1 {

        font-size: 60px;

    }

    .ws-about .section-title h2 {
        font-size: 42px;
        color: var(--primary-color);
        margin-bottom: 40px;
    }

    .about-dec p {
        padding: 0 5em;
        text-align: center;
    }

    .sec-title h2 {
        font-size: 35px;
    }

    .ws-feat-content h2 {
        font-size: 42px;
        color: var(--primary-color);
        margin-bottom: 8px;
    }

    .ws-feat-content p {
        padding-right: 2em;
    }

    .ws-choose .sec-title h2 {
        color: var(--primary-color);
        font-size: 35px;
    }

    .ws-choose .sec-title h3 {
        font-size: 25px;
        margin-bottom: 18px;
    }

    .ws-about .section-title h3 {
        margin-bottom: 18px;
        font-size: 24px;
    }

    .cta-cont h2 {
        font-size: 42px;
    }

    .about-in-title h2 {
        font-size: 38px;
        line-height: 1.4;
    }

    .page-title h1 {
        font-size: 38px;
    }

    .ws-vm {
        background-color: #C49B63;
        background-image: url(../assets/img/abt-pttrn.svg);
        height: 260px;
        width: 800px;
        margin: auto;
        max-width: 100%;
        display: flex;
        align-items: center;
        margin-top: -150px;
        position: relative;
    }

    .ws-vm-blk {
        padding: 40px 50px;
        text-align: center;
    }

    .ws-footer .row {

        align-items: start;
    }

    .footer-logo img {
        width: 220px;
    }
}

@media screen and (max-width: 992px) {
    .cta-cont-flx {
        flex-wrap: wrap;
    }

    .cta-cont {

        color: #fff;
        width: 100%;
    }

    .ws-cta-contain {
        padding: 30px;
    }

    .cta-img {

        width: 100%;
    }

    .cta-img img {

        width: 100%;
    }

    .cta-cont p {
        color: #fff;
        margin-bottom: 20px;
    }

    .ws-header-in .main-menu ul li a {
        color: #353535;
        font-size: 15px;
    }

    .main-menu ul li a {

        font-size: 15px;
    }

    .hero-content h1 {
        font-size: 46px;
    }

    .ws-about .section-title h2 {
        font-size: 35px;
        color: var(--primary-color);
        margin-bottom: 40px;
    }

    .about-dec p {

        padding: 0;
    }

    .sec-title h2 {
        font-size: 30px;
    }

    .ws-feat-content h2 {
        font-size: 32px;
        color: var(--primary-color);
        margin-bottom: 8px;
    }

    .ws-feat-content p {
        padding-right: 0em;
    }

    .ws-choose .sec-title h2 {
        color: var(--primary-color);
        font-size: 30px;
    }

    .ws-choose-blk .ws-choose-desc h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .ws-choose-desc {
        padding: 0;
    }

    .ws-choose-blk p {
        font-size: 14px;
    }

    .cta-cont h2 {
        font-size: 30px;
    }

    .ftr-link {
        margin-bottom: 26px;
    }

    .about-in-title h2 {
        font-size: 26px;
        line-height: 1.4;
    }

    .ws-vm {

        margin-top: 0;
    }

    .contact-info h2,
    .contact-form-contain h2 {
        font-size: 26px;
        margin-bottom: 24px;
    }

    .get-title h3 {
        font-family: var(--text-med);
        font-size: 18px;
    }

    .get-ico img {
        width: 20px;
    }

    .env-img img {
        width: 30px;
    }

    .page-header {
        background-color: #FFF9F2;
        height: 245px;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .page-title h1 {
        font-size: 32px;
    }

    .page-title {

        margin-top: 60px;
    }

    .footer-logo img {
        width: 220px;
    }

    .footer-logo {

        margin-bottom: 24px;
    }

    .nav-logo img {

        width: 175px;
    }
}


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

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .mob-togg {

        display: block;
    }

    .main-menu {

        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: all 0.5s;
    }

    .main-menu.show {

        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .main-menu ul {

        display: block;
        width: fit-content;
        margin: 6em auto;
        text-align: center;
    }

    .main-menu ul li a {

        color: #000;
        font-size: 18px;
    }

    .main-menu ul li {

        margin-bottom: 16px;
    }

    .ws-header-in .main-menu ul li a {
        color: #353535;
        font-size: 18px;
    }

    .hero-content {

        width: 100%;
    }

    .hero-content h1 {
        font-size: 28px;
    }

    .ws-about .section-title h2 {
        font-size: 26px;
        color: var(--primary-color);
        margin-bottom: 40px;
    }

    .ws-about .section-title h3 {
        margin-bottom: 12px;
        font-size: 20px;
    }

    .abt-img-des {
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--secondary-color);
        border-bottom-right-radius: 30px;
        padding: 14px 20px;
        color: #fff;
        text-align: center;
    }

    .abt-img-des h3 {
        font-family: var(--text-med);
        font-size: 18px;
        font-weight: normal;
    }

    .abt-img-des span {

        font-size: 14px;
    }

    .ws-product {
        background-color: var(--bg-light);
        padding: 3em 0;
    }

    .ws-about {
        background-image: url(../assets/wood-bg.svg);
        padding: 3em 0;
        background-size: cover;
        display: flex;
        align-items: center;
    }

    .ws-feat {
        padding-top: 3em;
    }

    .ws-feat-img {

        margin-top: 30px;
    }

    .ws-choose .sec-title h2 {
        color: var(--primary-color);
        font-size: 26px;
    }

    .ws-choose .sec-title h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .ws-choose-blk {

        margin-bottom: 30px;
    }

    .cta-cont {

        padding-top: 1em;
    }

    .ws-cta-contain {

        padding: 10px;
    }

    .ftr-contact {

        margin-bottom: 20px;
    }



    .about-insec {

        padding-bottom: 0;
    }

    .abt-in-img {

        margin-top: 0;
    }

    .ws-vm {

        height: auto;
    }

    .footer-logo {

        margin-bottom: 20px;
    }
}

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

    .hero-content h1 {
        font-size: 23px;
    }

    .ws-about .section-title h2 {
        font-size: 20px;
        color: var(--primary-color);
        margin-bottom: 15px;
    }

    .about-dec {
        margin-top: 10px;
        font-family: var(--text-med);
    }

    .sec-title {
        text-align: center;
        margin-bottom: 20px;
    }

    .sec-title h2 {

        font-size: 22px;
    }

    .pr-li-btn {

        display: block;
    }

    .ws-product .seconday-btn a {

        margin: 0 auto;
    }

    .ws-product .primary-btn a {

        margin: 0 auto;
    }

    .ws-product .primary-btn {

        margin-bottom: 14px;
    }

    .ws-feat-content h2 {
        font-size: 22px;
        color: var(--primary-color);
        margin-bottom: 8px;
    }

    .ws-feat-content p,
    .about-dec p {

        font-size: 15px;
    }

    P {

        font-size: 15px;
    }

    .ws-choose .sec-title h2 {
        color: var(--primary-color);
        font-size: 22px;
    }

    .ws-choose .sec-title h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .ws-choose-contain {
        margin-top: 30px;
    }

    .ws-cs-icon img {

        width: 34px;
    }

    .ws-cs-icon {

        width: 45px;
        height: 45px;
    }

    .cta-cont h2 {
        font-size: 22px;
    }

    .about-in-title h2 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .ws-vm-blk {
        padding: 16px 18px;
        text-align: center;
    }

    .ws-vm-blk h3 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .page-title h1 {
        font-size: 28px;
    }

    .contact-info h2,
    .contact-form-contain h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }
}