@media screen and (max-width:1900px) {
    .hm-about-sec {
        padding: 0;
    }
}
@media screen and (max-width:1700px) {
    .container {
        max-width: 1440px;
    }
    /* ChooseUs-Sec */
    .text-heading {
        font-size: 56px;
        padding: 0 0 28px;
        margin: 0 0 26px;
    }
    .hmchoose-itm h3 {
        font-size: 26px;
    }
    .pct-icn {
        padding: 85px 0;
        margin-top: 15px;
    }
    .pct-icn.adv,
    .pct-icn.get {
        margin-bottom: 15px;
    }
    .hmchoose-list::before {
        top: 32%;
        right: -120px;
        transform: scale(0.9);
    }
    /* about-sec */
    .abt-title h2 {
        font-size: 60px;
    }
    .abt-title {
        padding: 0 0 35px;
        margin: 0 0 35px;
    }
    .abt-lft h4 {
        font-size: 30px;
        margin: 0 0 100px;
    }
    .abt-rit-img-sec {
        margin: 0 0 55px;
    }
    .abt-rit p {
        font-size: 19px;
        padding: 0 42px 0 0;
        margin: 0 0 50px;
    }
    .abt-rit {
        padding: 90px 0 0;
    }
    /* Commit-Sec */
    .hm-commit-sec {
        padding: 80px 0 160px;
    }
    .hmcommit-list h3 {
        font-size: 40px;
        padding-left: 130px;
        margin-bottom: 60px;
    }
    .hmcommit-list h3::before {
        left: -7px;
        transform: scale(0.9);
    }
    .hmcommit-list p {
        font-size: 19px;
        margin-bottom: 15px;
    }
    .hmcommit-list p a {
        font-size: 19px;
        padding-right: 34px;
        margin-top: 20px;
    }
    .hm-commit-sec::before {
        height: 360px;
    }
    /* Quality-Sec */
    .hm-quality-sec h2.text-heading span {
        font-size: 62px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 72px;
        margin: 0 0 45px 0;
    }
    .hm-quality-sec p {
        font-size: 20px;
        margin: 0 0 25px 0;
    }
    .commint-cnt {
        max-width: 750px;
    }
    .hm-service-sec h2 {
        margin: 0 0 60px;
    }
    .hm-prj-sec .container {
        max-width: 1400px;
    }
}
@media screen and (max-width:1500px) {
    .container {
        max-width: 1200px;
    }
    /* ChooseUs-Sec */
    .hm-choose-us-sec {
        padding: 80px 0 180px;
    }
    .text-heading {
        font-size: 52px;
        padding: 0 0 23px;
        margin: 0 0 20px;
    }
    .text-heading::before {
        transform: scale(0.9);
    }
    .hmchoose-list {
        padding-top: 30px;
    }
    .hmchoose-itm h3 {
        font-size: 20px;
    }
    .pct-icn {
        padding: 80px 0;
        margin-top: 10px;
    }
    .pct-icn::before {
        transform: scale(0.9);
    }
    .pct-icn.adv,
    .pct-icn.get {
        margin-bottom: 10px;
    }
    .hmchoose-list::before {
        top: 20%;
        right: 0;
        transform: scale(0.9);
        max-width: 1360px;
        left: -75px;
    }
    /* about-sec */
    .abt-title h2 {
        font-size: 52px;
    }
    .abt-title {
        padding: 0 0 30px;
        margin: 0 0 30px;
    }
    .abt-main-sec .abt-title:before {
        bottom: 0;
        transform: scale(0.9);
        left: -7px;
    }
    .abt-lft h4 {
        font-size: 26px;
        margin: 0 0 80px;
    }
    .abt-rit {
        padding: 80px 0 0;
    }
    .abt-toprit-logo {
        position: absolute;
        top: 0;
        left: 28px;
        width: 17%;
    }
    .abt-rit-img-sec {
        margin: 0 0 45px;
    }
    .abt-rit p {
        font-size: 16px;
        padding: 0;
        margin: 0 0 40px;
    }
    /* Commit-Sec */
    .hm-commit-sec {
        padding: 60px 0 120px;
    }
    .hm-commit-sec .text-heading {
        margin-bottom: 30px;
    }
    .hmcommint-lft,
    .hmcommit-rgt {
        padding: 70px 40px 30px 50px;
    }
    .hmcommit-list h3 {
        font-size: 36px;
        padding-left: 120px;
        margin-bottom: 50px;
    }
    .hmcommit-list h3::before {
        left: -12px;
        transform: scale(0.8);
    }
    .hmcommit-list p {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .hmcommit-list p a {
        font-size: 18px;
        padding-right: 34px;
        margin-top: 15px;
    }
    .hmcommit-list p a::before,
    .hmcommit-list p a:hover:before {
        transform: scale(0.9);
    }
    .cmt-img::before {
        left: -155px;
        transform: scale(0.9);
    }
    .hm-commit-sec::before {
        height: 325px;
    }
    /* Quality-Sec */
    .hm-quality-sec {
        padding: 180px 0 200px;
    }
    .hm-quality-sec h2.text-heading span {
        font-size: 56px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 58px;
        margin: 0 0 40px 0;
    }
    .hm-quality-sec p {
        font-size: 19px;
        margin: 0 0 20px 0;
    }
    .commint-cnt {
        max-width: 710px;
    }
    .hm-service-sec h2 {
        margin: 0 0 60px;
    }
    .hm-prj-sec .container {
        max-width: 1200px;
    }
}
@media screen and (max-width:1240px) {
    .container {
        max-width: 990px;
        padding: 0 10px;
    }
    /* ChooseUs-Sec */
    .hm-choose-us-sec {
        padding: 50px 0 120px;
    }
    .text-heading {
        font-size: 45px;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }
    .text-heading::before {
        transform: scale(0.8);
    }
    .hmchoose-list {
        padding: 20px 70px 0;
    }
    .hmchoose-itm {
        width: 18%;
        padding: 0 10px;
    }
    .hmchoose-itm h3 {
        font-size: 18px;
    }
    .pct-icn::before {
        transform: scale(0.8);
    }
    .pct-icn {
        padding: 70px 0;
        margin-top: 10px;
    }
    .hmchoose-list::before {
        top: 39%;
        max-width: 100%;
        left: 0;
        background-size: 100%;
    }
    /* about-sec */
    .abt-title h2 {
        font-size: 40px;
    }
    .abt-title {
        padding: 0 0 23px;
        margin: 0 0 25px;
    }
    .abt-main-sec .abt-title:before {
        bottom: 0;
        transform: scale(0.8);
        left: -18px;
    }
    .abt-lft h4 {
        font-size: 24px;
        margin: 0 0 60px;
    }
    .abt-rit {
        padding: 60px 0 0;
    }
    .abt-toprit-logo {
        left: 18px;
    }
    .abt-rit-img-sec {
        margin: 0 0 40px;
    }
    .abt-rit p {
        font-size: 15px;
        padding: 0;
        margin: 0 0 30px;
    }
    /* Commit-Sec */
    .hm-commit-sec {
        padding: 50px 0 80px;
        background-size: auto 45%;
    }
    .hm-commit-sec .text-heading {
        margin-bottom: 20px;
    }
    .hmcommint-lft,
    .hmcommit-rgt {
        padding: 60px 21px 25px;
    }
    .hmcommit-list h3 {
        font-size: 30px;
        padding-left: 100px;
        margin-bottom: 40px;
    }
    .hmcommit-list h3::before {
        left: -19px;
        transform: scale(0.7);
    }
    .hmcommit-list p {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .hmcommit-list p a {
        font-size: 17px;
        padding-right: 30px;
        margin-top: 10px;
    }
    .cmt-img::before {
        left: -180px;
        transform: scale(0.8);
    }
    .hm-commit-sec::before {
        height: 270px;
    }
    /* Quality-Sec */
    .hm-quality-sec {
        padding: 130px 0 140px;
    }
    .hm-quality-sec h2.text-heading span {
        font-size: 45px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 45px;
        margin: 0 0 28px 0;
    }
    .hm-quality-sec p {
        font-size: 17px;
        margin: 0 0 20px 0;
    }
    .commint-cnt {
        max-width: 640px;
    }
    .hm-service-sec h2 {
        margin: 0 0 50px;
    }
    .hm-prj-sec .container {
        max-width: 990px;
    }
    .header-sec.f-nav {
        padding: 7px 0;
    }
}
@media screen and (max-width:991px) {
    .container {
        max-width: 720px;
        padding: 0;
    }
    .hm-prj-sec .container {
        max-width: 720px;
        padding: 0;
    }
    /* ChooseUs-Sec */
    .hm-choose-us-sec {
        padding: 50px 0;
        background-image: none;
        background-color: #f9efe3;
    }
    .hm-choose-us-sec .text-heading {
        margin: 0 0 30px;
    }
    .hmchoose-list {
        padding-top: 0;
    }
    .hmchoose-itm {
        display: flex !important;
        flex-direction: column-reverse;
    }
    .hm-choose-us-sec .slick-list.draggable {
        width: 100%;
        max-width: 320px;
        margin: auto;
    }
    .hm-choose-us-sec .slick-initialized .slick-slide {
        display: block;
        width: 100% !important;
        max-width: 160px;
        margin-right: 0;
    }
    .hm-choose-us-sec ul.slick-dots {
        display: none !important;
    }
    .hm-choose-us-sec .slick-dotted.slick-slider {
        margin-bottom: 0;
        padding: 0;
    }
    .hm-choose-us-sec .slick-prev,
    .hm-choose-us-sec .slick-next {
        top: unset;
        bottom: -30px;
    }
    .text-heading {
        font-size: 40px;
        padding: 0 0 20px;
        margin: 0 0 10px;
    }
    .text-heading::before {
        transform: scale(0.6);
    }
    .hmchoose-list::before {
        display: none;
    }
    .hm-choose-us-sec .slick-prev:before,
    .hm-choose-us-sec .slick-next:before {
        font-size: 30px;
        color: #000;
    }
    .hm-choose-us-sec .slick-prev:hover:before,
    .hm-choose-us-sec .slick-next:hover:before {
        color: #ff400d;
    }
    .hmchoose-itm.pct,
    .hmchoose-itm.our {
        margin-top: 0;
        flex-direction: column;
    }
    .pct-icn.adv,
    .pct-icn.get {
        background-color: #ffffff;
        border-top: 5px solid #ff400d;
        border-radius: 0 0 115px 115px;
        margin: 12px 0 0;
        border-bottom: none;
    }
    .hmchoose-itm:hover .pct-icn.adv,
    .hmchoose-itm:hover .pct-icn.get {
        border-bottom: none;
        border-top: 5px solid #000000;
    }
    .hm-choose-us-sec .slick-list.draggable {
        width: 100%;
        max-width: 160px;
        margin: auto;
        height: 200px;
    }
    /* about-sec */
    .abt-main-sec {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .abt-lft {
        width: 100%;
        text-align: center;
    }
    .abt-rit {
        width: 100%;
        text-align: center;
        max-width: 480px;
    }
    .abt-title h2 {
        font-size: 35px;
    }
    .abt-lft h4 {
        font-size: 22px;
        margin: 0 0 10px !important;
    }
    .abt-lft-img-sec {
        width: 100%;
        max-width: 480px;
        margin: auto;
    }
    .abt-rit p br {
        display: none;
    }
    .abt-rit {
        padding: 0;
    }
    .abt-rit-img-sec {
        width: 100%;
        margin: 0 0 15px;
    }
    .abt-main-sec .abt-title:before {
        content: "";
        background-image: url(../images/text-heading-img.webp);
        width: 253px;
        height: 23px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        transform: scale(0.6);
    }
    /* Commit-Sec */
    .hm-commit-sec {
        padding: 50px 0;
        background-size: auto 31%;
    }
    .hmcommit-blk {
        display: block;
    }
    .hmcommit-list {
        flex-direction: column;
        align-items: center;
        background-color: transparent;
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
        gap: 30px;
    }
    .hmcommint-lft,
    .hmcommit-rgt {
        display: none;
    }
    .hmcommit-mid {
        width: 100%;
        order: 1;
        max-width: 200px;
    }
    .hmcommint-lft {
        order: 2;
    }
    .hmcommit-rgt {
        order: 3;
    }
    .cmt-img::before {
        left: -205px;
        transform: scale(0.7);
    }
    .cmt-img img {
        margin-bottom: 0;
    }
    .hm-commit-sec::before {
        display: none;
    }
    .hm-commit-sec .slick-list.draggable {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .hmcommit-mid {
        margin: 0 0 40px;
    }
    .hmcommint-lft.slick-slide,
    .hmcommit-rgt.slick-slide {
        background: #ffedde;
        border-radius: 20px;
    }
    .hm-commit-sec .slick-prev,
    .hm-commit-sec .slick-next {
        display: none !important;
    }
    .hm-commit-sec .slick-dots li button:before,
    .hm-award-sec .slick-dots li button:before {
        font-size: 70px;
        color: #000000 !important;
    }
    .hm-commit-sec .slick-dots,
    .hm-award-sec .slick-dots {
        position: relative;
        bottom: 0;
        padding: 10px 0 0;
    }
    .hm-commit-sec .slick-dotted.slick-slider {
        margin-bottom: 0;
    }
    .hmcommit-blk .hmcommint-lft h3,
    .hmcommit-blk .hmcommit-rgt h3 {
        font-family: 'Sora';
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        color: #000000;
        position: relative;
        font-size: 30px;
        padding-left: 90px;
        margin-bottom: 30px;
    }
    .hmcommit-blk .hmcommint-lft h3::before {
        content: "";
        background-image: url(../images/vision-img.webp);
        width: 134px;
        height: 133px;
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: scale(0.6);
    }
    .hmcommit-blk .hmcommit-rgt h3::before {
        content: "";
        background-image: url(../images/targeting-img.webp);
        width: 134px;
        height: 133px;
        position: absolute;
        left: -30px;
        transform: scale(0.6);
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .hmcommit-blk .hmcommint-lft p,
    .hmcommit-blk .hmcommit-rgt p {
        font-family: 'Sora';
        font-weight: 400;
        line-height: 1.8;
        letter-spacing: 0;
        color: #000000;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .hmcommit-blk .hmcommint-lft p a,
    .hmcommit-blk .hmcommit-rgt p a {
        display: inline-block;
        font-family: 'Sora';
        font-weight: 500;
        font-size: 17px;
        line-height: 1;
        letter-spacing: 0;
        color: #ff400d;
        position: relative;
        padding-right: 30px;
        margin-top: 10px;
    }
    .hmcommit-blk .hmcommint-lft p a:hover,
    .hmcommit-blk .hmcommit-rgt p a:hover {
        color: #000000;
    }
    .hmcommit-blk .hmcommint-lft p a::before,
    .hmcommit-blk .hmcommit-rgt p a::before {
        content: "";
        background: url(../images/hm-sprites.webp);
        background-position: -216px -21px;
        width: 25px;
        height: 19px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        transition: 0.9s;
        transform: scale(0.9);
    }
    .hmcommit-blk .hmcommint-lft p a:hover:before,
    .hmcommit-blk .hmcommit-rgt p a:hover:before {
        background-position: -258px -21px;
        transform: scale(0.9);
    }
    .hmcommit-btn p {
        margin: 0 !important;
    }
    /* Quality-Sec */
    .hm-quality-sec {
        padding: 50px 0;
    }
    .hm-quality-sec h2.text-heading span {
        font-size: 35px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 32px;
        margin: 0 0 20px 0;
    }
    .hm-quality-sec p {
        font-size: 16px;
        margin: 0 0 15px 0;
    }
    .commint-cnt {
        max-width: 595px;
    }
    .hmaward-list {
        flex-wrap: wrap;
    }
    .hmaward-list .slick-list.draggable {
        margin: auto;
        max-width: 320px;
    }
    .hmaward-list .slick-slide img {
        margin: auto;
    }
    .hm-award-sec {
        padding: 25px 0;
    }
    .hm-service-sec h2 {
        margin: 0 0 25px;
    }
}
@media screen and (max-width:767px) {
    .container {
        max-width: 100%;
        padding: 0 10px;
    }
    .hm-prj-sec .container {
        max-width: 100%;
        padding: 0 10px;
    }
    /* ChooseUs-Sec */
    .hm-choose-us-sec {
        padding: 40px 0 50px !important;
    }
    /* about-sec */
    .abt-lft,
    .abt-rit {
        max-width: 100%;
    }
    .abt-title {
        padding: 0 0 25px;
        margin: 0 0 20px;
    }
    .abt-lft h4 {
        font-size: 20px;
        margin: 0 0 30px;
    }
    .abt-lft-img-sec,
    .abt-rit-img-sec {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    .abt-rit-img-sec {
        margin: 0 auto 15px;
    }
    .abt-vid {
        position: absolute;
        left: 10px;
        bottom: 15px;
        width: 20%;
    }
    .abt-toprit-logo {
        left: 25px;
        width: 16%;
    }
    .abt-rit {
        max-width: 500px;
    }
    .abt-rit p {
        font-size: 15px;
        padding: 0;
        margin: 0 0 15px;
        line-height: 1.7;
    }
    /* Commit-Sec */
    .hm-commit-sec {
        padding: 40px 0;
    }
    .hmcommit-mid {
        max-width: 160px;
    }
    .cmt-img::before {
        left: -220px;
        transform: scale(0.6);
    }
    .hmcommit-list {
        max-width: 100%;
        width: 100%;
    }
    .hmcommint-lft,
    .hmcommit-rgt {
        width: 100%;
        padding: 50px 40px 20px;
        max-width: 400px;
    }
    .hmcommit-list h3 {
        font-size: 28px;
        padding-left: 90px;
        margin-bottom: 35px;
    }
    .hmcommit-list h3::before {
        left: -26px;
        transform: scale(0.6);
    }
    .hm-commit-sec .slick-list.draggable {
        width: 100%;
        max-width: 360px;
        margin: auto;
    }
    /* Quality-Sec */
    .hm-quality-sec h2.text-heading span {
        font-size: 23px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 25px;
        margin: 0 0 10px 0;
    }
    .hm-quality-sec p {
        font-size: 15px;
        margin: 0 0 10px 0;
    }
    .commint-cnt {
        max-width: 400px;
    }
}
@media screen and (max-width:480px) {
    .text-heading {
        font-size: 30px;
    }
    /* about-sec */
    .abt-lft h4 {
        font-size: 18px;
        margin: 0 0 20px;
    }
    .abt-lft-img-sec,
    .abt-rit-img-sec {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 15px;
    }
    .abt-main-sec {
        gap: 10px;
    }
    .abt-title h2 {
        font-size: 31px;
    }
    .abt-lft h4 br {
        display: none;
    }
    .abt-vid {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20%;
    }
    .abt-toprit-logo {
        left: 7px;
        width: 16%;
    }
    .abt-rit p {
        line-height: 1.6;
    }
    /* Commit-Sec */
    .cmt-img::before {
        left: -230px;
        transform: scale(0.6);
    }
    .hmcommint-lft,
    .hmcommit-rgt {
        width: 100%;
        padding: 40px 30px 20px;
    }
    .hmcommit-blk .hmcommint-lft p a::before,
    .hmcommit-blk .hmcommit-rgt p a::before {
        transform: scale(0.8);
    }
    .hm-commit-sec {
        padding: 30px 0;
    }
    .hmcommit-blk .hmcommint-lft h3::before,
    .hmcommit-blk .hmcommit-rgt h3::before {
        left: -36px;
        transform: scale(0.45);
    }
    .hmcommit-blk .hmcommint-lft h3,
    .hmcommit-blk .hmcommit-rgt h3 {
        font-size: 23px;
        padding-left: 78px;
        margin-bottom: 25px;
    }
    .hmcommit-blk .hmcommint-lft p,
    .hmcommit-blk .hmcommit-rgt p {
        line-height: 1.6;
    }
    .hmcommit-mid {
        margin: 0 0 30px;
    }
    .hm-quality-sec h2.text-heading span {
        font-size: 22px;
        display: block;
    }
    /* Quality-Sec */
    .hm-quality-sec {
        padding: 40px 0;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 17px;
        margin: 0 0 10px 0;
    }
    .hm-quality-sec h2.text-heading span {
        font-size: 18px;
    }
    .hm-quality-sec h2.text-heading {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .hm-service-sec h2 {
        margin: 0 0 20px;
    }
    .hm-form .wpcf7-not-valid-tip {
     top: 12px;
    }
}