@media only screen and (max-width: 768px) {
    /* ---header-footer-index--- */
  body{
      overflow-x: hidden;
  }
    .d-none-mobile{
        display:none;
    }
    .d-none-computer{
        display: block !important;
    }
    .nav2 .navbar {
        padding: 5px !important;
    }
    .nav2 .navbar-brand {
        width: 50% !important;
    }
    .text-center-mobile{
        text-align:center;
    }
    .tough-back .tough .card i {
    left: 137px !important;
    }
    .cent {
        margin: 0px !important;
    }
    .banner-down img{
        height: 30vh;
        object-fit: cover;
        object-position: top;
    }
    .overlay{
        padding:55px !important;
        width: 70% !important;
    }
    .overlay h1{
        font-size: 14px !important;
    }
    .overlay p{
        font-size: 10px !important;
    }
    .banner-down .owl-dots, .banner-down .owl-nav{
        left: 3% !important;
        top: 30% !important;
    }
    .side .card i{
        left:130px !important;
    }
    .last{
        height: 80vh !important;
        object-fit: cover;
        object-position: top;
    }
    .footer-first{
        align-items: center;
        justify-content: center;
    }
    /* .footer-line{
        height: 0px !important;
    } */
    .foot-center{
        text-align: left;
        
    }
    .d-flex-mobile{
        display: flex;
        justify-content: center;
    }
    .footer1 .align{
        text-align: center !important;
    }
    .logo-foot-mobile{
        text-align: center;
    }
    .logo-foot-mobile img{
        width: 70%;
    }


    /* ----our-services--- */

    #our-services .banner-style h3
    {
        font-size:60px !important;
    }
    #our-services .banner-style h5 {
        font-size: 43px !important;
        line-height: 40px !important;
    }

    #our-services .proven{
        height: 110vh !important;
    }

    #our-services .list .center-mobile {
        text-align: center !important;
    }
    #company-history .company-history-banner1 p{
        padding: 30px 30px !important;
    }

    /* -----area-of-expertise----- */
    #area-expertise .banner-style{
        background-attachment: unset !important;
    }
    #area-expertise .banner-style h1{
        font-size: 25px !important;
    }
    .flip-mobile{
        flex-direction: column-reverse !important;
    }
    #area-expertise .details .btn{
        margin-bottom: 15px !important;
    }
    #area-expertise .details .card i{
        left: 135px !important;
    }

    /* ------why-choose-us--- */
    .mobile-reverse{
        flex-direction: column-reverse;
    }
    .why-img{
        height:52vh !important;
    }
    .why-img h2{
        font-size:25px !important;
    }
    .why-img1{
        height: 52vh;
    }
    .why-img1 h2{
        font-size: 25px !important;
    }
    .why-img2{
        height: 60vh !important;
    }
    .why-choose2 {
        padding: 35px 0px !important;
    }
    #contact .btn {
        margin-bottom:15px !important;
    }

    /* ---faq----- */
    #faq .banner-style{
        background-attachment: unset !important;
    }

    /* -------policies---- */
    #policies .banner-style{
        background-attachment: unset !important;
    }

    /* -----blogs----- */
    #blogs .banner-style{
        background-attachment: unset !important;
    }
    #blogs .whole h2{
        padding-top: 40px;
    }
    /* -------compny history--- */
    #company-history .banner-style{
        background-attachment: unset !important;
    }
    /* slider */
    .header-img,.header-img1,.header-img2,.header-img3,.header-img4,.header-img5{
        width: 100% !important;
    }

}