@media screen and (max-width: 1200px) {
    .h1-style {
        font-size: 60px;
        line-height: 75px;
    }

    .h2-style {
        font-size: 42px;
        line-height: 52px;
    }

    .why-us-main {
        gap: 0px;
    }

    .why-right {
        width: 80%;
    }

    .r-time-main {
        justify-content: center;
    }

    .r-left {
        max-width: 460px;
    }

    .exist-boxes {
        gap: 35px;
    }

    .book-box {
        margin: 0px 120px;
    }

    .footer-top ul {
        gap: 30px;
    }
}

@media screen and (max-width: 992px) {
    .h1-style {
        font-size: 42px;
        line-height: 60px;
    }

    .h2-style {
        font-size: 36px;
        line-height: 46px;
    }

    .h3-style {
        font-size: 22px;
        line-height: 26px;
    }

    .p-style {
        font-size: 16px;
        line-height: 22px;
    }

    .why-us-main {
        flex-wrap: wrap;
        row-gap: 50px;
    }

    .why-left {
        width: 100%;
    }

    .why-right {
        width: 100%;
    }


    .r-time-main {
        flex-wrap: wrap;
        row-gap: 50px;
        justify-content: flex-start;
    }

    .r-left {
        width: 100%;
    }

    .r-right {
        width: 99%;
    }


    .exist-boxes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }

    .e-box1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .e-box2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .e-box3 {
        grid-area: 2 / 1 / 3 / 3;
        height: fit-content;
    }

    .achieve-main {
        flex-direction: column;
        gap: 70px;
    }

    .achieve-main .nav {
        width: 100%;
    }

    .achieve-main .nav-item {
        width: 99%;
    }

    .tab-content {
        width: 80%;
        margin: auto;
    }

    .nav-tabs h2 {
        text-align: center;
    }

    .r-time-bg {
        display: none;
    }

    .s-boxes {
        flex-wrap: wrap;
    }

    .s-box {
        width: 48%;
    }

    .book-box {
        margin: 0px 10px;
    }

    .footer-top {
        flex-direction: column;
        gap: 30px;
    }

    .footer-img {
        width: 250px;
    }

    .about-main h2 {
        margin-bottom: 50px;
    }

    .exist-main h2 {
        margin-bottom: 50px;
    }

    .Superior-main h2 {
        margin-bottom: 50px;
    }

    .earth-main h2 {
        margin-bottom: 50px;
    }
    .a-text1, .a-text2, .a-text3 {
        padding: 8px 18px;
        font-size: 12px;
        line-height: 22px;
    }
    .why-right {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .why-box {
        width: 46%;
    }

    .exist-boxes{
        padding: 0px 15px;
    }
    .a-row{
        padding: 0px 15px;
    }
    .a-box {
        gap: 15px;
    }
    .exist{
        padding-bottom: 0px;
    }
    .footer-middle{
        flex-direction: column;
    align-items: start;
    gap: 40px;
    }
    footer ul{
        width: 100%;
        align-items: center;
        justify-content: center;
    }



}

@media screen and (max-width: 767px) {
    .h1-style {
        font-size: 42px;
        line-height: 60px;
    }

    .h3-style {
        font-size: 20px;
        line-height: 24px;
    }

    

    .exist-boxes {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }

    .e-box1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .e-box2 {
        grid-area: 2 / 1 / 3 / 2;
    }

    .e-box3 {
        grid-area: 3 / 1 / 4 / 2;
        height: auto;
    }

    .s-box {
        width: 46%;
    }

    .footer-top ul {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .r-box img {
        width: 150px;
    }

    .e-image {
        display: none;
    }

    .book-box {
        flex-direction: column;
        gap: 30px;
    }

    .book {
        width: 100%;
        padding: 50px 20px;
        margin: 0;
        border-top-left-radius: 0px;
    }

    .b-1::after, .b-2::after, .b-3::after, .b-4::after {
        bottom: -10px;
        right: -10px;
        left: auto;
        top: auto;
        border-radius: 30px;
    }
    .achieve-main .nav-link {
        font-size: 22px;
    }
    .a-row{
        flex-direction: column;
    }
    .a-wrap{
        width: 100%;
    }
    .a-wrap2 {
        width: 90%;
        margin: auto;
    }
    .about-image::after{
        top: 10px;
        left: 10px;
        width: 100%;
        height: 100%;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
    }
    .about-section{
        padding: 70px 0px;
    }
    .achieve{
        padding-top: 70px;
    }
    .why-us{
        padding: 70px 0px;
    }
    .real-time{
        padding: 70px 0px;
    }
    .exist{
        padding: 70px 0px;
    }
    .Superior{
        padding: 70px 0px;
    }
    .earth{
        padding: 70px 0px;
    }
    footer{
        padding-top: 0px;
    }
    .hero-section {
        padding-bottom: 70px;
    }
    .c-form{
        margin-top: -30px;
        /* border-radius: 0px; */
        margin-left: -15px;
        margin-right: -15px;
    }
    .ftr-form{
        order: 1;
        width: 100%;
    }
    .footer-top{
        order: 2;
    }
    .footer-middle{
        order: 2;
    }
    .f-bottom{
        order: 2;
    }
    .footer-main{
        gap: 50px;
    }
    footer{
    /* padding-top: 0px; */
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 30px;
    /* overflow: hidden; */
    }
    .hero-main h1{
        text-align: left;
    }
    .hero-main p{
        text-align: left;
    }
    .hero-main .new-btn{
        margin-right: auto;
    }
    .hero-cta{
        display: flex;
    }

}

@media screen and (max-width: 478px) {
  
    .h1-style {
        font-size: 32px;
        line-height: 42px;
    }
    .h2-style {
        font-size: 30px;
        line-height: 40px;
    }
    .achieve-main .nav-item {
        width: 98%;
    }
    .tab-content {
        width: 100%;
    }
    .why-box{
        width: 100%;
    }
    .r-box{
        flex-direction: column;
    }
    .r-box img{
        width: 100%;
    }
    .r-right{
        gap: 50px;
    }
    .exist-boxes{
        display: flex;
        flex-wrap: wrap;
    }
    .e-box1, .e-box2, .e-box3{
        width: 98%;
        padding: 20px 20px;
    }
    .s-box{
        width: 100%;
    }
    .s-box:nth-child(2n){
        margin-top: 0;
    }
    .s-boxes{
        gap: 24px;
    }
    .logo img{
        width: 180px !important;
    }
    .achieve-main .nav-link {
        font-size: 20px;
    }
    .a-text1, .a-text2, .a-text3 {
        font-size: 8px;
        line-height: 12px;
        /* padding: 5px 10px; */
    }
    .a-text1{
        bottom: 100px;

    }
    .a-text2{
        bottom: 60px;

    }
    .a-text3{
        bottom: 20px;
    }
    .hero-section{
        padding-top: 120px;
    }
    .hero-main p {
        margin-bottom: 24px;
    }
    .a-row, .exist-boxes{
        padding: 0px;
    }
    .a-wrap2 {
        padding: 0px 10px;
    }
    .achieve-main {
        gap: 50px;
    }
    .r-right {
        width: 98%;
    }
    .footer-img {
        width: 200px;
    }

    footer ul{
        align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    gap: 20px;
    }
    .f-bottom{
        margin-top: 0px;
    }
    .c-form{
        padding: 30px 30px;
    }
    .why-box {
        padding: 30px 12px;
        width: 90%;
    }
    .why-box img {
        width: 60px;
    }
}