@media(max-width: 1024px) {
    #hero h1 {
        font-size: 44px;
    }

    #hero h1 span {
        font-size: 55px;
    }

    #hero .col-lg-8 .hero-content img {
        width: 100px;
    }

    #hero .col-lg-8 .girl-image img {
        width: 63%;
        left: -9%;
        transform: rotate(4deg);
    }

    #hero .col-lg-8 .hero-content {
        top: 12%;
        width: 38%;
    }

    #hero .col-lg-8 .hero-content>div.d-flex {
        justify-content: center;
    }

    #rating .col-lg-4 h1 {
        font-size: 40px;
        line-height: 46px;
    }

    .abt-img .anim-img {
        left: -32px;
        width: 100px;
        height: 120px;
    }

    #Offer {
        padding-bottom: 0;
    }

    #Offer .row:first-child {
        padding-bottom: 30px;
    }

    #Optimization {
        padding-top: 0;
    }

    #Optimization .big-h1 h1 {
        font-size: 19vw;
        top: 12%;
    }

    .shape-illustrations .shape1 {
        top: 35%;
        left: 25px;
    }

    #Optimization .col-0 h1 {
        bottom: 200px;
        font-size: 40px;
        line-height: 50px;
        width: 45%
    }

    #Optimization .col-lg-3 div:first-child {
        margin-bottom: 80px;
    }

    #Optimization .col-lg-6 div figure {
        background-size: 70% 70%;
        background-position-x: 1%;
        background-position-y: 50%;
    }

    #Optimization .col-lg-6 img {
        position: relative;
        left: -73px;
    }

    .list-wrap {
        position: relative;
        left: -100px;
        top: 30px;
    }

    .shape-illustrations .shape2 {
        left: 80%;
    }

    .rts-service-area-style-4 .title {
        font-size: 18px;
    }

    .feature-area-wrapper .single-feature p {
        font-size: 20px;
    }

    .feature-area-wrapper .single-feature p.para-define {
        font-size: 15px !important;
        line-height: 20px;
    }

    #Talk .row {
        padding: 50px 30px 40px 30px;
    }

    .consult-us-wrap h2 {
        font-size: 32px;
        line-height: 36px;
    }
}

@media (max-width: 768px) {

    #hero,
    #rating,
    #Offer,
    #Optimization,
    .service-section,
    #Case-Study,
    .testimonial-section,
    #Talk,
    .rts-footer-area-one {
        overflow-x: hidden !important;
    }

    #hero .col-lg-8 .bg-circle img {
        width: 90%;
    }

    .bgg_img {
        right: 0px;
    }

    #hero .col-lg-8 .girl-image img {
        width: 55%;
        left: 16%;
        top: 15%;
        transform: rotate(4deg);
        clip-path: polygon(100% 100%, 100% 100%, 98% 100.8%, 96% 100%, 92% 99.4%, 85% 97.75%, 106% 88.9%, 65% 97%, 9% 100%, 47% 100%, 8% 100%, 50% 98%, 35% 96.78%, 29% 95.79%, 24% 94.6%, 17.1% 92.86%, 14.3% 91%, 10% 89.7%, 23% 82.2%, 26% 85%, 17% 90%, 13% 100%, 9% 100%, 0% 100%, 0% 0%, 100% 0%);
    }

    #hero .col-lg-8 .hero-content {
        top: 26%;
        right: 19%;
    }

    #hero .col-lg-8 .hero-content p {
        font-size: 16px;
        line-height: 20px;
    }

    #hero h1 br,
    #hero .col-lg-4 hr {
        display: none;
    }

    #hero h1 {
        font-size: 36px;
        padding-top: 0;
        width: 90%;
        margin: auto;
        text-align: center !important;
    }

    #hero h1 span {
        font-size: 44px;
    }

    #hero .col-lg-4 .gap-4 {
        justify-content: center;
    }

    #hero .col-lg-8 .hero-content>div.d-flex {
        justify-content: start;
    }

    #hero .col-lg-8 .hero-content {
        top: 90%;
        right: 0;
        width: 100%;
    }

    #hero .col-lg-8 .hero-content p {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
    }

    #rating {
        padding: 140px 0px 70px;
    }

    #Offer figure img {
        transform: scale(1, 1);
        margin-bottom: 25px;
    }

    #Offer {
        padding-top: 0;
    }

    .highlight-wrap .col {
        flex: 1 0 50%;
    }

    #Optimization .big-h1 h1 {
        font-size: 17vw;
        top: 8%;
        filter: opacity(0.15);
    }

    .shape-illustrations .shape1 {
        top: 14%;
    }

    #Optimization .col-0 h1 {
        bottom: 65%;
        left: 70%;
        transform: translateX(-50%);
        font-size: 39px;
        line-height: 50px;
        width: 60%;
    }

    #Optimization .col-lg-6 img {
        left: -35px;
    }

    #Optimization .col-lg-3 div:first-child {
        top: 32%;
        padding-top: 50px;
        left: -18%;
    }

    #Optimization .col-lg-6 img {
        width: 63%;
    }

    .shape-illustrations .shape1,
    .shape-illustrations .shape2 {
        border-radius: 10px;
        width: 80px;
        height: 80px;
    }

    .testimonial-section .heading {
        margin-bottom: 15px;
    }

    .testimonial-box {
        margin-bottom: 15px;
    }
}

@media(max-width:667px) {
    .bgg_img {
        top: 0px;
    }

    #rating {
        padding: 50px 0px 50px;
    }

    #rating .col-lg-4 .flex-column {
        width: 88% !important;
        margin: auto !important;
    }

    #Optimization .col-lg-3 div:first-child {
        position: relative;
    }

    #Optimization .col-0 h1 {
        bottom: 0;
        left: 0;
        transform: translateX(0%);
        width: auto;
    }

    #Optimization .col-lg-3 div:first-child {
        top: 0;
        padding-top: 90px;
        left: 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
        flex-direction: row;
        max-width: 650px;
        margin-bottom: 0;
    }
    #Optimization .col-lg-6 div figure {
        display: none;
    }
    .list-wrap ul {
        text-align: start;
    }
    #Optimization .col-0 h1 {
        bottom: auto;
        top: 150px;
        position: relative;
        width: 100%;
        font-size: 32px;
        text-align: center;
    }
}

@media(max-width: 480px){
    .highlight-wrap .col {
        flex: 1 0 100%;
    }

    .appoinment_form-1 .signle-input{
        width: 100%;
    }
    #Talk .container {
        padding-bottom: 0;
    }
}

@media(max-width: 393px){
    #Talk .row {
        padding: 20px 15px 30px 15px;
    }

    #hero .col-lg-8 .hero-content>div.d-flex {
        justify-content: center;
    }
}