@media only screen and (max-width: 2400px) {}

@media only screen and (max-width: 1700px) {}

@media only screen and (min-width:1400px) and (max-width: 1600px) {
    .soudiloca{
        margin-bottom: 30px;
    }
}

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

@media only screen and (max-width: 976px) {}


@media only screen and (max-width: 870px) {
    .banner-vid img{
        height: auto;
    }
    .pr-det-img img{
        /* height: 230px; */
    }
    .client-box img{
        height: 54px;
    }
    
    .p_detail_head h3{

        font-size: 24px;
    }
    .product_Det_flex{
        flex-wrap: wrap;
    }
    .riyad_box{
        padding: 25px;

    }
    .dubai_box{
        padding: 25px;
    }
    .faciliti_sec h3{
        font-size: 26px;
    }
    .dubai_box h3{
        font-size: 26px;
    }
    .focus_box {
        width: 100%;
    }
    .focus_sec h4{
        font-size: 22px;
    }
    
    .focus_col::after{
        position: relative;
    }    
    .offering_col {
        width: 100%;
    }
    .offer_sec h3{
        font-size: 26px;
        padding-top: 20px;
    }
    #exampleModal2 h3{
        font-size: 30px !important;
    }
    .top-header img{
        width: 75% !important;
    }
    .head_new_arow{
        padding-top: 23px;
        padding-bottom: 20px;
        font-size: 22px;
    }
    .head-Line_contact h3{
        font-size: 24px;
    }
    .location_new p{
        font-size: 15px;
    }
    .why_Section .col-lg-3{
        padding-top: 30px !important;
    }
    .why-section h4{
        font-size: 30px;
    }
    .count_sectionss .col-lg-3{
        padding-bottom: 20px;
    }
    .counter_box .body{
        padding: 32px 19px;
    }
    .quick-links {
        padding-left: 0px !important;
    }
    .y_w h5{
        font-size: 18px;
        line-height: 30px;
    }
    .y_w {
        padding-top: 45px;
        padding-bottom: 19px !important;
    }
    .v_box_cont{
        margin-top: 26px;
        margin-bottom: 30px;
    }
    .sectors_svg_icons svg{
        width: 50px;
    }
    .sectors_svg_icons h5{
        font-size: 17px;
    }
    .sectors_svg_icons h4{
        font-size: 14px;
    }
    .y_quote-Sec p{
        font-size: 16px;
    }
    .y_quote-Sec h4{
        font-size: 30px;
    }
    .sectors-row {
        padding-top: 0px;
    }
    .team_svgs .col-lg-3{
        margin-bottom: 40px;
    }
    .team_Strengh_sec h4{
        padding-bottom: 9px;
        padding-top: 21px;
    }
    .ABT_ROWW h4{
        font-size: 23px;
    }
    .abt-sec p{
        padding-top: 5px;
        padding-top: 20px;
    }
    .team_Strengh_sec h2{
        font-size: 26px;
    }
    .indestry_flex{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }
    .abt-reach h3{
        font-size: 25px;

    }
    .abt-reach h3 .span-2{
        font-size: 25px;
    }
    .abt-pt{
        padding-top: 30px;
    }
    .team_Strengh_sec h2{
        font-size: 28px;
    }
    .vision_Sec h3{
        font-size: 28px;
    }
    .vision_Sec h3 span{
        font-size: 28px;
    }
    .vision_Sec p{
        font-size: 16px;
        line-height: 30px;
    }
    .vision-box{
        padding: 30px ;
        margin-top: 34px;
        margin-bottom: 30px;
        height: auto;

    }
    .industry_Sec h3{
        font-size: 28px;
    }
    .industry_Sec p{
        color: #AEB8B6;
    font-size: 18px;
    }
    .indestry_flex h4{
        font-size: 20px;
    }
    .indestry_flex h5{
        font-size: 25px;
    }
    .vision_Sec h2 {
        color: #1E1F1F;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 30PX;
        padding-top: 29px;
        text-align: center;
    }
    .vi_box_h4{
        height: auto;
    }
    /* .why-flex{
        display: flex;
        flex-wrap: wrap;
    } */
    .head_flex h3 svg{
        width: 30px;
    }
    .why-logo {
        width: 140px !important;
        margin-left: 10px;
    }
    .why-svg {
        width: 60px !important;
    }
    .projevYlogo{
        display: none;
    }
    .abt-sec p{
        padding-top: 20px;
    }
    .project-box img{
        height: 299px;
    }

   .pt-5{
     padding-top: 20px !important;
   }
.product-box{
    padding-bottom: 34px;
}
.product-box h5{
    font-size: 28px;
}
.tech-sec p{
    font-size: 18px;
}
.cont-flex h6{
    font-size: 18px;
}
.cont-flex{
    margin-top: 25px !important;
}
    .banner-vid video{
        height: auto;
    }
    .home_2_sec{
        padding-top: 30px;
    }
    .section-pt{
        padding-top: 50px;
    }
    .home_2_sec h5{
        font-size: 21px;
        padding-top: 13px;
    }
    .home_2_sec::after{
        display: none;
    }
    .head_flex h3{
        font-size: 30px;
    }
    .head_flex{
        flex-wrap: wrap;
    }
    .head_flex a{
        font-size: 17px;
    }
    .count_section h3{
        font-size: 40px;
    }
    .count_section h6{
        font-size: 20px;
    }
    .count_section h3{
        padding-top: 20px;
    }
    .form_bg h3{
        font-size: 30px;
    }
    .form-input{
        padding-top: 40px !important;
    }
    .project_box{
        padding-top: 20px;
    }
    .quick-links h6{
        padding-bottom: 0px;
    }
    .quick-links{
        padding-top: 30px;
    }
    .footer-btn h4{
        font-size: 30px;
    font-style: normal;
    font-weight: 400;
    padding-top: 30px;
    }
    .footer-btn button{
        font-size: 18px;
    }
   
    .footer-bottom{
        flex-wrap: wrap;
        font-size: 12px;
        line-height: 15px;
    }
    .project_box_cont h5{
        font-size: 25px;
    }
    .project_box_cont a{
        font-size: 14px;
    }
    .abt-sec h2{
        font-size: 30px;
        
    }

    .abt-sec h2 svg{
        width: 110px;
    }
    .abt-sec p{
        font-size: 16px;
    }
    .project-box h4{
        font-size: 25px;

    }
    .project-cont h5{
        font-size: 25px;
    }
    .project-cont p{
        font-size: 15px;

    }
    .proj-det h4{
        font-size: 30px;
    }
    .proj-det p{
        font-size: 16px;
    }
    .pd-row h5{
        font-size: 28px;
    }
    .pd-row p {
        font-size: 16px;
    }
    .cont_modal .form_bg{
        background-size: cover;
    }   
    .form_bg{
        background-size: cover;

    }
    .event-sec h2{
        font-size: 30px;
    }
    .events-desc h4{
        font-size: 30px;
    }
    .events-desc p{
        font-size: 16px;
    }
    .comm-res svg{
        height: auto;
    }
    .tech-sec h2{
        font-size: 30px;
    }
    .tech-sec h4{
        font-size: 30px;
    }
    .package-head h3{
        font-size: 30px;
    }
    .abt-cont h4{
        font-size: 30px;
    }
    .product_list_box{
        flex-direction: column;
    }

    .main-home-page h2{
        font-size: 45px;
        text-align: center;
    }
    .main-home-page  .col-lg-5 img{
        width: 50%;
    }
    .main-home-page  .col-lg-5{
        margin: auto;
        text-align: center;
    }
    .main-home-page{
        height: auto;
        padding-top: 40px;
    }
    .main-home-page .row>*{
        padding-right: calc(var(--bs-gutter-x)* 0.5);
    }
    .home-box{
        padding-top: 40px;
    }
    
    .common-padding{
        padding: 0px 15px;
    }
    img {
        width: 100%;
    }
    .top-header{
        padding-bottom: 0;
    }
    .hamburger svg {
        height: 35px;
        transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .line {
        fill: none;
        stroke: rgb(0, 0, 0);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2;
        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    .line-top-bottom {
        stroke-dasharray: 12 63;
    }
    .humb-btn {
        border: 1px solid rgba(0, 0, 0, 0.507);
        background-color: transparent;
        height: 50px;
        width: 50px;
        border-radius: 90px;
    }



    .offcanvas-body ul{
        padding-left: 0px;
       
        margin-bottom: 0px;
    }
    .offcanvas-body ul li{
        list-style: none;
        padding: 15px 15px;
    }
    .offcanvas-body ul li a{
        color: var(--Primary-Colour, #2D2D2D);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.2px;
    }
    .offcanvas-body ul li a.active{
        color: var(--Action-Colour, #ED2024);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.2px;
        text-decoration-line: underline;
    }
    .tech_btn_flex{
        justify-content: center;
    }

}
@media only screen and (max-width: 768px) {
    .arrowSvg{
        width: 24px;
    height: auto;
    }
    .proj-det img{
        height: auto;
    }
    .product_list_box h5{
        margin-top: 15px;
    }
    .wtspBtn,.tech-form .form-submit-btn button {
        padding: 10px 10px;
        font-size: 13px;
    }
    .abt-sec video{
        height: auto;
    }
    .abt-image img{
        height: auto;
    }
    .dubai_box{
        margin-bottom: 15px;
        padding: 10px;
    }
}

@media (max-width: 1920px) {}

@media only screen and (max-width: 550px) {
   
}

@media (max-width: 1920px) {}