@media (min-width:576px) {
    .message-img{
        width: 238px;
    }
    .management-name h2{
        font-size: 2.8vw;
    }
    .breadcrumb-y-space ol li{
        font-size: 16px;
        font-weight: 600;
    }
    .border-sm-right{
        border-right: 1px solid #dee2e6;
    }
    .widget-content {
        padding: 0 20px;
    }
    .double-quotes-svg svg{
        width: 66px;
    }
    .we-take{
        padding-left: 55px;
    }
    
    /* *****sitemap***** */
    .primaryNav{
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        padding-inline-start: 40px;
      }
     
    .home-line::after{
        height: 2144px;
    }
    .last-line::after{
        content: "";
        width: 76.8%;
        height: 1px;
        background: #ccc;
        position: absolute;
        bottom: 16px;
        left: -20px;
    }
    .middle-line::after{
        width: 89.1%;
        height: 1px;
        top: 15px !important;
    }
}

@media (min-width:768px) {
    .located{
        font-size: 2vw;
      }
    .message-img{
        width: 350px;
    }
    .management-name h2{
        font-size: 2.8vw;
    }
    footer{
        padding-top: 140px;
    }
    .footer-bar{
        margin-bottom: -80px;
    }
    
    .right-right{
        border-right: 1px solid #7070705d;
    }
    .left-left{
        border-left: 1px solid #7070705d;
    }

    .ef {
        padding: 38px;
        border: 2px solid #06699c;
        border-radius: 8px 0 0 8px;
    }
    .wc {
        border: 2px solid #06699c;
        border-radius: 0 8px 8px 0;
    }
    .service-list ul li a{
        display: block;
    }

    .side-fix-box,
    .service-list,
    .sidebar-sticky{
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 30px;
    }
    
    .company .swiper-slide,
    .different-60,
    .different-60 img{
        border-radius: 10px;
        height: 550px;
    }

    .sectors-contact-bg{
        height: 400px;
    }
        .make-an-enquiry-man .img-1{
        width: 300px;
        position: absolute;
        right:0;
        bottom: 0;
    }
    .side-border{
        border-left: 1px solid #0000002e;
      }
    .nav-location .nav-link{
        display: block;
        width: 100%;
        height: 33.33%;
        border-radius: 0;
        border: 2px solid #c7c9ca;
        margin: 0;
    }
    .map-location iframe{
        height: 600px;
    }

    .location-logo{
        width: 100px;
        height: 100px;
    }
    .nav-location .nav-link.active,
    .map-location iframe{
        border: 2px solid #06699c !important;
    }
    .map-location iframe{
        border-radius: 0 6px 6px 0;
    }
    .nav-location .nav-link:nth-child(1){
        border-top-left-radius: 6px;
        border-bottom: none;
    }
    .nav-location .nav-link:nth-child(3){
        border-bottom-left-radius: 6px;
        border-top: none;
    }
    .main-location{
        width: 400px;
    }
    .main-location-logo{
        width: 125px;
    }
    .main-location-address{
        padding-left: 10px;
    }
    .main-location{
        left: 10px;
        top: 10px;
      }
       /* *****sitemap***** */
     
    .home-line::after{
        height: 1815px;
    }
    .last-line::after{
        content: "";
        width: 83.5%;
        height: 1px;
        background: #ccc;
        position: absolute;
        bottom: 16px;
        left: -20px;
    }
    .middle-line::after{
        width: 92.3%;
        height: 1px;
        top: 15px !important;
    }
    .soft-line::after{
        content: "";
        width: 1px;
        height: 17px;
        background: #ccc;
        position: absolute;
        top: -17px;
        left: 50%;
      }
      .hard-line::after{
        content: "";
        width: 1px;
        height: 17px;
        background: #ccc;
        position: absolute;
        top: -17px;
        left: 28px;
      }
      .service-line::before{
        content: "";
        width: 1px;
        height: 17px;
        background: #ccc;
        position: absolute;
        bottom: -17px;
        right: 22px;
      }
      .div-after-90::after{
        content: "";
        width: 50%;
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 0;
        left: 40%;
        transform: translateX(-40%);
      }
      
}


@media (min-width:992px) {
    .management-name h2{
        font-size: 1.8vw;
    }
    .side-mission-text {
        padding-left: 50px;
    }
  
    .pofile-social{
        width: 100%;
        height: 100%;
        padding: 3% ;
        position: absolute;
        background: #fff;
    }
    .popup-video .video__player {
        font-size:18px;
        width:75px;
        height:75px;
        line-height:75px;
        border-radius:50%;
        background-color:#e91927;
        color:#fff;
        position:relative;
        display:inline-block
       }
    
    .video__btn-right-center {
        position:absolute !important;
        top:50%;
        right:53%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        z-index: 9999;
       }
       .located{
        font-size: 2vw;
      }
   
    .section-decoration-image {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
        overflow: hidden;
        width: 56vw;
   }
    .section-decoration-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        min-width: 100%;
        max-width: none;
        height: auto;
        min-height: 100%;
   }
   .section-decoration-content {
        position: relative;
        z-index: 10;
    }
    .section-decoration-content:before {
        left: -100px;
        -webkit-transform: skew(6deg);
        -ms-transform: skew(6deg);
        transform: skew(6deg);
    }
    
    .banner-3 .heading__desc {
        font-size: 17px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 0;
    }
    .section-decoration-content {
        padding-left: 100px;
        padding-right: 100px;
   }
    .section-decoration-content:before {
        left: 24px;
   }
   .inner-padding {
    padding: 80px 10px;
    }
    .heading-3 .heading__title {
        font-size: 37px;
        font-weight: 700;
        line-height: 52px;
        margin-bottom: 20px;
    }
    .heading-white .heading__title {
        color: #e91927;
    }
    .banner-3 .heading__desc {
        font-size: 17px;
        font-weight: 500;
        line-height: 26px;
        margin-bottom: 0;
    }
    .blog-navs{
        margin-left: -100px;
        background-color: #06699c;
        z-index: 2;
        padding: 20px;
        position: absolute;
        top: -40px;
        right: 0;
        border-radius: 8px;
        box-shadow: 0 0 8px #ffffff3d;
    }
    .blog-item .bg-blog-wrap {
        height: 480px;
    }
    .blog-item .blog-content {
        padding: 80px 130px 40px 40px;
    }
    .blog-item .carousel-caption {
        position: absolute;
        right: 20%;
        top:50%;
        transform: translateY(-90%);
        left: 2%;
        color: #fff;
        text-align: left;
    }
    .blog-navs button.active::before {
        content: '';
        position: absolute;
        display: block;
        width: 48px;
        height: 3px;
        top: 50%;
        left: -44px;
        background-color: #E91927;
        border-radius: 3px;
    }

     /* *****sitemap***** */
     .lerf-to-right-line::after{
        width: 59.7%;
    }
    .home-line::after{
        height: 1302px;
    }
   
    
      .middle-line::after{
        width: 87.7%;
        height: 1px;
    }
    .div-after-90::after{
        content: "";
        width: 49%;
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 0;
        left: 40.5%;
        transform: translateX(-40%);
      }
}
@media (min-width:1200px) {
    .company-heading h2{
        font-size: 60px;
        text-transform: uppercase;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
    #blog-slide .swiper-slide,
    .csr-child-img-banner-2{
        height: 400px;
        overflow: hidden;
    }
    .blog-img{
        height: 250px;
        overflow: hidden;
    }
    .list-item-box .item-body {
        padding:0 30px;
    }


    /* *****sitemap***** */
    .lerf-to-right-line::after{
        width: 83.6%;
    }
    .home-line::after{
        height: 718px;
    }
    .left-line-top::after {
        content: "";
        width: 1px;
        height: 17px;
        background: #ccc;
        position: absolute;
        top: -17px;
        left: 40.5%;
      }
      .middle-line::after{
        width: 90.6%;
        height: 1px;
    }
}
@media (min-width:1400px) {
    
}
@media (max-width:1400px) {
    
}

@media (max-width:1299px) {
    .social-m-icon{
        width:100%;
        padding: 15px;   
    }
}
@media (max-width:1200px){
    #blog-slide .swiper-slide,
    .csr-child-img-banner-2{
        height: 250px;
        overflow: hidden;
    }
    .blog-img{
        height: 200px;
        overflow: hidden;
    }
    .list-item-box .item-body {
        padding:0 20px;
    }
    .left-line-top::after {
        content: "";
        width: 20px;
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 50%;
        left: -20px;
      }
}
@media (max-width:992px) {
    .home-menu{
        bottom: 0;
    }
    .section-decoration-wrap {
        padding-top: 55vw;
   }
   .video__btn-right-center {
    right:50%;
    -webkit-transform:translateX(50%);
    -moz-transform:translateX(50%);
    -ms-transform:translateX(50%);
    -o-transform:translateX(50%);
    transform:translateX(50%)
   }
   .popup-video .video__player {
    font-size:18px;
    width:55px;
    height:55px;
    line-height:75px;
    border-radius:50%;
    background-color:#e91927;
    color:#fff;
    position:relative;
    display:inline-block
   }
   .section-decoration-image {
        height: 72vw;
        position: initial;
    }
    .section-decoration-content .section-lg {
        padding-top: 0;
   }
    .section-decoration-content:before {
        left: 50%;
        top: -14.5vw;
        -webkit-transform: translateX(-50%) rotate(5deg);
        -ms-transform: translateX(-50%) rotate(5deg);
        transform: translateX(-50%) rotate(5deg);
   }
   .section-decoration-content .section-lg {
    padding-top: 0;
}

.video__btn-right-center {
    position: absolute !important;
    top: 59%;
    right: 49%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

.blog-navs{
    margin-left: 0px;
    background-color: #06699c;
    z-index: 1;
    padding: 15px;
    position: static;
    top: 0px;
    border-radius: 8px;
    box-shadow: 0 0 8px #ffffff3d;
}
.blog-item .bg-blog-wrap {
    height: 400px;
}
.blog-item .blog-content {
    width: 100%;
    padding: 40px 40px 40px 40px;
}

.blog-item .carousel-caption {
    position: absolute;
    right: 0%;
    top:50% ;
    left: 0%;
    transform: translateY(-90%);
    color: #fff;
    text-align: left;
    }
    .blog-navs{
        display: flex;
        transition: transform 0.3s ease;
    }
    .blog-img{
        height: 169px;
        overflow: hidden;
    }
    .nav-slider{
        overflow: hidden;
        justify-content: center;
    } 
    .nav-slider .nav-link.active{
        text-align: center !important;
    }
    .blog-navs .nav-link {
        display: block;
        width: auto;
        white-space: break-spaces;
    }
    .blog-navs .nav-link {
        display: none !important;
    }
    .blog-navs.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
        display: block !important;
    }

      
}

@media (max-width:991px) {
  /* *****sitemap***** */
  .about-top-left-line:after{
    width: 21px !important;
    height: 1px !important;
    left: -21px !important;
    top:50% !important;

}
}

@media (max-width:768px) {
    .side-border{
        border-top: 1px solid #0000002e;
      }
    .ef {
        padding: 15px;
        border: 2px solid #06699c;
        border-radius:  8px 8px 0 0;
    }
    .wc {
        border: 2px solid #06699c;
        border-radius: 0 0 8px 8px ;
    }
    footer{
        padding-top: 110px;
    }
    .footer-bar{
        margin-bottom: -105px;
    }
    .blog-item .blog-content {
        width: 100%;
        padding: 40px 20px 40px 20px;
    }
    .blog-item .bg-blog-wrap {
        height: 500px;
    }

    .company .swiper-slide,
    .different-60,
    .different-60 img{
        border-radius: 10px;
        height: 400px;
    }
    .list-item-box .item-body {
        padding:0 15px;
    }
    .blog-img{
        height: 250px;
        overflow: hidden;
    }
    .sectors-contact-bg{
        height: 450px;
    }
    .map-location iframe{
        height: 500px;
    }
    .main-location-logo{
        width: 100px;
    }
    .main-location{
        left: 0px;
        top: 5px;
      }
      .main-location{
        width: 90%;
        left: 10px;
    }
}
@media (max-width:767px) {
     /* *****sitemap***** */

     .hard-line::after,
    .soft-line::after{
        content: "";
        width: 17px;
        height: 1px;
        background: #ccc;
        position: absolute;
        top: 50%;
        left: -17px;
      }
    .ul-after-100::after{
        content: "";
        width: 1px;
        height: 624px;
        background: #ccc;
        position: absolute;
        top: -17px;
        left: 16px;
      }
}
@media (max-width:576px){
    .message-img{
        width: 95%;
    }
    .border-sm-right{
        border-bottom: 1px solid #dee2e6;
    }
    .blog-item .bg-blog-wrap {
        height: 550px;
    }
    #blog-slide .swiper-slide,
    .csr-child-img-banner-2{
        height: 200px;
        overflow: hidden;
    }
    .widget-content p {
        padding-left:  20px;
    }
    .double-quotes-svg svg{
        width: 45px;
    }
    .we-take{
        padding-left: 32px;
    }
    
    
}
@media (max-width:575px){
    .home-line::after{
        height: 2285px;
    }
    .top-left-line::after{
        width: 19px !important;
        height: 1px !important;
        top: 50% !important;
        left: -19px !important;
    }
}
@media (max-width:600px){
    .ul-after-100::after {
        height: 620px;
    }
    /* .home-line::after {
        height: 2268px;
    } */
}

@media (max-width:410px){
    .breadcrumb-y-space ol li{
        font-size: 13px;
        font-weight: 600;
    }
    .contact-details{
        padding: 20px !important;
    }
    .blog-item .carousel-caption {
        
        transform: translateY(-95%);
    }
    #blog-slide .swiper-slide,
    .csr-child-img-banner-2{
        height: auto;
        overflow: hidden;
    }
    .sectors-contact-bg{
        height: 550px;
    }
    .ul-after-100::after {
        content: "" ;
        width: 1px ;
        height: 622px !important;
        background: #ccc ;
        position: absolute ;
        top: -17px ;
        left: 16px ;
    }
}

@media (max-width:387px){
    .home-line::after {
        height: 2285px;
    }
    .ul-after-100::after {
        content: "" ;
        width: 1px ;
        height: 622px !important;
        background: #ccc ;
        position: absolute ;
        top: -17px ;
        left: 16px ;
    }
}
@media (max-width:383px){
    .home-line::after {
        height: 2307px;
    }
}
@media (max-width:343px){
    .home-line::after {
        height: 2328px;
    } 
}

@media (max-width:340px){
    .ul-after-100::after {
        content: "" ;
        width: 1px ;
        height: 660px !important;
        background: #ccc ;
        position: absolute ;
        top: -17px ;
        left: 16px ;
    }
    .home-line::after {
        height: 2369px;
    } 
}
@media (max-width:338px){
    .home-line::after {
        height: 2390px;
    } 
}


@media only screen and (min-width:320px) and (max-width:767px) {
  
    .popup-video .video__player {
     font-size:18px;
     width:50px;
     height:50px;
     line-height:50px
    }
   }

   @media only screen and (min-width:320px) and (max-width:767px) {
    .inner-padding {
        padding:50px 30px!important 
   }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .inner-padding {
        padding:100px 50px!important 
   }
}

@media only screen and (min-width:300px) and (max-width:829px) {
    .video__btn-white{
        right: 45%;
        transform: translateY(-250px);
       }
}