@media (max-width: 1299px) {
    .hd-type-1 h1, 
    .hd-type-1 h2 {
        font-size: 44px;
    }

    .homebanner-section .hbslide-block .hbcaption h1 {
        font-size: 80px;
    }
}

@media (max-width: 1199px) {
    .hd-type-1 h1, 
    .hd-type-1 h2 {
        font-size: 40px;
    }
    .hd-type-2 h1,
    .hd-type-2 h2, 
    .hd-type-2 h3 {
        font-size: 28px;
    }
    .block-style-2 .bs2-text h1, 
    .block-style-2 .bs2-text h2, 
    .block-style-2 .bs2-text h3 {
        font-size: 22px;
    }


    header.home-header .classy-nav-container::before {
        width: 290px;
        height: 230px;
    }
    header.home-header .nav-brand img {
        max-height: 80px;
    }

    .homebanner-section .hbslide-block .hbcaption h1 {
        font-size: 70px;
    }
    .hb-scroller.scroller-1 {
        transform: rotate(-5deg);
    }
    .hb-scroller.scroller-2 {
        transform: rotate(3deg);
    }

    .hire-people-wrap {
        height: 375px;
        transform: scale(0.8);
        transform-origin: top left;
    }

    .step-process-wrap > ul {
        gap: 20px;
    }
    .step-process-wrap > ul > li {
        width: 170px;
    }
    .step-process-wrap > ul > li:not(:last-child)::after {
        margin-right: -30px;
    }
    .step-process-wrap > ul > li .spw-item {
        padding: 10px 20px;
    }
}

@media (max-width: 991px) {
    .section-padding {
        padding: 60px 0px;
    }
    .innerpage-padding {
        padding: 60px 0px;
    }
    .hd-type-1 h1, 
    .hd-type-1 h2 {
        font-size: 36px;
    }
    .hd-type-2 h1,
    .hd-type-2 h2, 
    .hd-type-2 h3 {
        font-size: 26px;
    }
    .hd-type-3 h1,
    .hd-type-3 h2,
    .hd-type-3 h3 {
        font-size: 22px;
    }
    .block-style-1 .bs1-top h3 {
        font-size: 22px;
    }
    .block-style-1 .bs1-top h3 .type {
        font-size: 12px;
    }
    .block-style-1 .bs1-top .bstop-features {
        font-size: 14px;
    }
    .block-style-2 .bs2-text h1, 
    .block-style-2 .bs2-text h2, 
    .block-style-2 .bs2-text h3 {
        font-size: 20px;
    }
    .block-style-2 .bs2-text p {
        font-size: 16px;
    }
    .lscol-2 {
        columns: 2;
        gap: 24px;
    }
    .lscol-3 {
        columns: 2;
        gap: 24px;
    }


    
    header.home-header .classy-nav-container::before {
        /* width: 190px; */
        /* height: 180px; */
        clip-path: none;
        width: 160px;
        height: 119px;
        border-bottom-right-radius: 70px;
    }
    header.home-header .nav-brand {
        padding-left: 0;
    }
    header.home-header .nav-brand img {
        max-height: 60px;
    }

    .homebanner-section .hbslide-block {
        height: 650px;
    }
    .homebanner-section .hbslide-block .hbcaption {
        padding: 120px 0px 100px;
    }
    .homebanner-section .hbslide-block .hbcaption h1 {
        font-size: 60px;
    }
    .ureviews-block .urbleft ul li {
        width: 40px;
        height: 40px;
    }
    .ureviews-block .urbright h4 {
        font-size: 22px;
    }
    .ureviews-block .urbright p {
        font-size: 15px;
    }
    .hb-scroller {
        zoom: 80%;
    }
    .hb-scroller.scroller-1 {
        transform: rotate(-6deg);
    }
    .hb-scroller.scroller-2 {
        transform: rotate(3deg);
    }

    .wehired-section .whsec-header p {
        font-size: 22px;
    }
    .hire-people-wrap {
        height: 278px;
        transform: scale(0.59);
    }

    .status-box .sbox-icon i {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .section-padding {
        padding: 50px 0px;
    }
    .innerpage-padding {
        padding: 50px 0px;
    }
    .hd-type-1 h1, 
    .hd-type-1 h2 {
        font-size: 32px;
    }
    .hd-type-2 h1,
    .hd-type-2 h2, 
    .hd-type-2 h3 {
        font-size: 24px;
    }
    .hd-type-3 h1,
    .hd-type-3 h2,
    .hd-type-3 h3 {
        font-size: 20px;
    }
    .block-style-1 .bs1-top h3 {
        font-size: 20px;
    }
    .block-style-1 .bs1-top h3 .type {
        font-size: 10px;
    }
    .block-style-1 .bs1-top .bstop-features {
        font-size: 13px;
    }
    .lscol-2 {
        columns: 1;
        gap: 0px;
    }
    .lscol-3 {
        columns: 1;
        gap: 0px;
    }
    .textwrap-2 h2 {
        font-size: 22px;
    }
    .textwrap-2 h3 {
        font-size: 20px;
    }


    header.home-header .classy-nav-container::before {
        /* width: 170px; */
        /* height: 170px; */
        width: 145px;
        height: 115px;
        border-bottom-right-radius: 60px;
    }
    header.home-header .nav-brand {
        padding-left: 0;
    }
    header.home-header .nav-brand img {
        max-height: 50px;
    }

    .homebanner-section .hbslide-block {
        height: 500px;
    }
    .homebanner-section .hbslide-block .hbcaption h1 {
        font-size: 50px;
    }
    .ureviews-block .urbleft ul li {
        width: 35px;
        height: 35px;
    }
    .ureviews-block .urbright h4 {
        font-size: 20px;
    }
    .ureviews-block .urbright p {
        font-size: 14px;
    }
    .wehired-section .whsec-header p {
        font-size: 20px;
    }
    .hire-people-wrap {
        height: 208px;
        transform: scale(0.44);
    }

    footer .fblock h3 {
        font-size: 16px;
    }
    footer .fblock .flinks-1 {
        font-size: 16px;
    }

    .status-box .sbox-icon i {
        font-size: 70px;
    }
    .status-box .sbox-text h3 {
        font-size: 22px;
    }
    .status-box .sbox-text p {
        font-size: 16px;
    }

    .appointment-selector {
        flex-wrap: wrap;
        gap: 30px;
    }
    .appointment-selector .ascol.col1 {
        order: 1;
    }
    .appointment-selector .ascol.col2 {
        order: 3;
        width: 100%;
    }
    .appointment-selector .ascol.col3 {
        order: 2;
    }
}

@media (max-width: 575px) {
    .hd-type-1 h1, 
    .hd-type-1 h2 {
        font-size: 28px;
    }
    .hd-type-2 h1,
    .hd-type-2 h2, 
    .hd-type-2 h3 {
        font-size: 22px;
    }
    .block-style-2 {
        flex-direction: column;
    }
    .form-buttons-wrap {
        flex-direction: column;
        align-items: center;
    }
    .form-buttons-wrap .frmbtns-text {
        margin: 0;
    }

    header.home-header .classy-nav-container::before {
        /* width: 160px; */
        /* height: 150px; */
        width: 110px;
        height: 90px;
        border-bottom-right-radius: 40px;
    }

    .homebanner-section .homebanner-slider {
        border-radius: 30px 30px 0px 0px;
    }
    .homebanner-section .hbslide-block .hbcaption h1 {
        font-size: 40px;
    }
    .ureviews-block .urbleft ul li {
        width: 30px;
        height: 30px;
    }
    .ureviews-block .urbright h4 {
        font-size: 19px;
    }
    .ureviews-block .urbright p {
        font-size: 13px;
    }
    .wehired-section .whsec-header p {
        font-size: 18px;
    }

    .hire-people-wrap {
        width: 345px;
    }
    .hire-people-wrap .hpeople.hp8,
    .hire-people-wrap .hpeople.hp9,
    .hire-people-wrap .hpeople.hp10 {
        display: none;
    }

    footer {
        padding-top: 70px;
        border-radius: 50px 50px 0px 0px;
    }

    .status-box .sbox-icon i {
        font-size: 60px;
    }

    /* .appointment-selector {
        flex-wrap: wrap;
        gap: 30px;
    } */
    .appointment-selector .ascol.col1 {
        order: 1;
    }
    .appointment-selector .ascol.col2 {
        order: 2;
    }
    .appointment-selector .ascol.col3 {
        order: 3;
    }
    .appointment-selector .ascol.col1,
    .appointment-selector .ascol.col2,
    .appointment-selector .ascol.col3 {
        width: 100%;
    }
}