/* Responsive CSS Document */

/* 
    Created on   : 23/05/2018.
    Theme Name   : Charles-Business-Consulting HTML Template.
    Version      : 1.0.
    Author       : @CreativeGigs.
    Developed by : Jubayer al hasan. (jubayer.hasan1991@gmail.com)
   
*/

@media (min-width: 992px) {
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
@media (max-width: 1199px) {
  .feature-banner .opacity h2 {padding: 0;}
  .theme-footer-two .top-footer .footer-gallery .wrapper {padding-right: 0;}
  .shop-details .product-details .product-info {padding-left: 0;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .top-feature .main-content {padding-left: 10%;padding-right: 10%;}
  .header-one .top-header .address-wrapper .address:first-child {margin-right: 20px;}
  .header-one .top-header .address-wrapper .address {padding-right: 20px;}
  #mega-menu-holder>ul> li> a {padding-right: 25px;padding-left: 15px;}
  .header-one .theme-menu-wrapper .bg-wrapper {padding-left: 15px;}
  .theme-menu-wrapper .right-widget .cart-icon {margin-left: 15px;}
  .testimonial-section .wrapper {width: 65%;}
  .header-two .theme-menu-wrapper .bg-wrapper {padding-left: 215px;}
  .callout-banner p {width: 52%;}
  .callout-banner .theme-button-one {margin-top: 40px;}
  .our-solution .single-solution-block p {padding: 0;}
  .faq-section .wrapper .faq-content {padding-left: 30px;}
  .why-choose-us .single-block {padding-left: 75px;}
  .why-choose-us .single-block .icon {font-size: 55px;}
  .short-banner .overlay h2 {width: 80%;}
  .why-we-best .wrapper .best-list-item {padding-top: 20px;padding-bottom: 29px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 60px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:0;}
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  #mega-menu-holder>ul> li.has-submenu> a {padding-right: 52px;}
  .section-spacing,.faq-section,.why-we-best,.error-page {margin-bottom: 80px;}
  .top-feature .main-content {padding: 30px 15px;}
  .header-one .logo {width: 100%;text-align: center;margin-bottom: 20px;}
  .header-one .top-header {padding-top: 25px;}
  .header-one .top-header .address-wrapper .address .icon {font-size: 30px;}
  .header-one .top-header .address-wrapper .address {padding: 0 20px 0 45px;margin-right: 0;}
  .header-one .theme-menu-wrapper .bg-wrapper {padding-left:0;}
  .header-one .menu-wrapper,.header-two .menu-wrapper {position: absolute;width: 100%;left:0;top:0;z-index: 9;}
  .theme-menu-wrapper .right-widget ul li {line-height: 60px;}
  .theme-menu-wrapper .right-widget {position: relative;z-index: 99;}
  #mega-menu-holder>ul> li> a:before {display: none;}
  #mega-menu-holder>ul> li> a {color: #555555;}
  #mega-menu-holder>ul> li.active > a, #mega-menu-holder>ul> li:hover > a,
  #mega-menu-holder>ul> li.active > .sub-toggle, #mega-menu-holder>ul> li:hover > .sub-toggle {color: #001a57;}
  /* .about-compnay img {display: none;} */
  .service-style-one .contact-text {padding-top: 15px;}
  .service-style-one .contact-text h4 {font-size: 22px;}
  .testimonial-section .wrapper,.cunter-wrapper {width: 100%;}
  .testimonial-section .overlay {padding: 75px 0;}
  .theme-counter {padding: 0;}
  .consultation-form .img-box {height: 250px;}
  .consultation-form .form-wrapper {height: auto;padding: 40px 20px;}
  .theme-footer-one .top-footer [class*="col-"],.theme-footer-two .top-footer [class*="col-"] {margin-bottom: 60px;}
  .theme-footer-one .top-footer {padding: 60px 0 0 0;}
  .header-one .theme-menu-wrapper {margin-bottom: -31px;}
  .theme-menu-wrapper .right-widget .cart-icon a span {top:16px;}
  .header-two .theme-menu-wrapper .bg-wrapper .logo {left:50%;-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}
  .header-two .theme-menu-wrapper .bg-wrapper {padding-left: 0;}
  .header-two .theme-menu-wrapper .right-widget ul li {line-height: 70px;}
  .header-two .theme-menu-wrapper .right-widget .cart-icon a span {top:20px;}
  .header-two .collapse-button .icon-bar {background: #001a57;}
  .header-two .menu-collapser {margin: 22px 0;}
  .header-two #mega-menu-holder>ul> li> a {padding-top: 0;padding-bottom: 0;}
  .header-two #mega-menu-holder li .sub-toggle {line-height: 40px;}
  .callout-banner,.callout-banner.no-bg .title {text-align: center;}
  .callout-banner .title,.callout-banner p {width: 100%;float: none;}
  .callout-banner p {padding: 20px 0;}
  .callout-banner p:before {display: none;}
  .callout-banner .theme-button-one {float: none;}
  .about-compnay-two .overlay,.core-values {padding: 60px 0;}
  .about-compnay-two .quote-form {margin-top: 40px;}
  .faq-section,.faq-section .overlay,.why-we-best,.why-we-best .overlay {height: auto;}
  .faq-section .overlay,.why-we-best .overlay {padding: 60px 0;}
  .faq-section .wrapper .img-box,.why-we-best .wrapper .img-box,.contact-us-section .img-box {height: 250px;border-radius: 5px 5px 0 0;}
  .faq-section .wrapper .faq-content,.why-we-best .wrapper .best-list-item,.contact-us-section .form-wrapper {border-radius: 0 0 5px 5px;}
  .short-banner .overlay h2 {width: 100%;}
  .theme-footer-two {padding-top: 60px;}
  .theme-footer-two .bottom-footer,.theme-footer-two .top-footer .title {margin-top: 0;}
  .theme-inner-banner .overlay {padding: 80px 0 60px 0;}
  .about-compnay-two .left-img {margin-top:20px;width: 100%;}
  .shop-details .product-details .product-info {padding-top: 40px;}
  .theme-sidebar-one,.blog-sidebar {margin-top: 60px;}
  .contact-us-section .form-wrapper {height: auto;}
  #theme-main-banner .camera_pag {left:2px;}
} 
/*(max-width: 991px)*/

@media (min-width: 764px) and (max-width: 1026px) {
  .header-one .top-header .address-wrapper .address:first-child {margin-right: 20px;}
  .feature-banner .opacity h2 {font-size: 38px;line-height: 50px;}
  .service-style-one .single-service .text {padding-left: 10px;padding-right: 5px;}
  .theme-footer-one .bottom-footer ul li a {margin-left: 20px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 80px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:10px;}
  #theme-main-banner {height: 600px !important;}
  .service-style-one .single-service {
    position: relative;
    padding-left: 158px;
    overflow: hidden;
    padding-top: 0px;
    margin-bottom: 30px;
}
    .newhome .single-service {
        display: flex;
        flex-direction: column;
        height: auto !important;
        padding-left: 0px !important;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }
    .newhome h5 {
    text-align: center;
}

    .newhome img {
    width: 100% !important;
}
.newhome .img-box {
    position: unset !important;
}
.col-lg-6.col-md-12.col-sm-12.join-content.local {
    padding-left: 32px;
    padding-right: 20px;
}
.justify-content-center {
    justify-content: flex-start !important;
}
.newslide button.slick-next.slick-arrow{
    right: 0px !important;
}
.newslide button.slick-prev.slick-arrow{
    left: -5px !important;
}
div#bioPopup {
    flex-direction: column !important;
    min-width: 90% !important;
    max-width: 90% !important;
    width: 90% !important;
    height: auto !important;
    padding: 15px !important;
}
.news1{
    
    margin-bottom: 20px;
}
.newhome .img-box {
        position: unset !important;
        width: 300px !important;
        padding: 20px;
        text-align: center;
    }
    .newhome .text {
        padding: 20px !important;
        display: flex;
        flex-direction: column;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }

.single-service {
  height: auto;
  border: solid;
  border-width: 03px 1px 1px 1px;
  border-color: #D2DAE9;
  position: relative;
  border-top: 4px solid #002D72;
}
.service-style-one .single-service .text {
        padding-left: 15px;
        padding-top: 38px;
    }
.service-style-one .single-service .img-box {
  position: absolute;
  left: 12px;
  top: 25px;
  /* bottom: 17px; */
  width: 200px;
  background: #ffffff00;
}

section.fullscreen-banner.homebanner {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
}
video.homevideo {
  position: sticky;
  top: 0px;
  left: 0px;
  min-width: 100%;
  min-height: 100%;
  object-fit: contain;
  z-index: -1;
}
section.fullscreen-banner.homebanner {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 44vh;
  align-items: center;
  text-align: center;
  color: #fff;
}
.about-compnay.section-spacing.home {
    margin-top: 40px;
}
.ArrowControl__ArrowControlContainer-sc-ps7sz3-0.iYylku.es-carousel-arrow-control.es-carousel-arrow-control-right {
    position: absolute;
    right: -28px !important;
}
.ArrowControl__ArrowControlContainer-sc-ps7sz3-0.iYylku.es-carousel-arrow-control.es-carousel-arrow-control-left {
    position: absolute;
    left: -28px !important;
}
.about-compnay img {
    border-radius: 0px !important;
}
.service-style-one .single-service {
   
    height: 220px;
}
.service-style-one .single-service .img-box img {
  width: 70%;
  border-radius: 4px;
  opacity: 0.9;
}
section.fullscreen-banner.homebanner {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
}
video.homevideo {
  position: sticky;
  top: 0px;
  left: 0px;
  min-width: 100%;
  min-height: 100%;
  object-fit: contain;
  z-index: -1;
}
 .menu-wrapper ul {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0; /* Add this */
    width: 100vw; /* Change to 100vw */
    background-color: #fff;
    flex-direction: column;
    z-index: 1000;
  }
  .menu-wrapper ul li {
    margin-left: 0px !important;
    padding-left: 0px;
    padding: 0px 0px 0px 0px !important;
    left: 0;
    width: 100%;
}
.service-style-one.section-spacing-1 {
    margin-bottom: 60px;
    margin-top: 70px !important;
}
section.fullscreen-banner.homebanner {
  position: relative;
  overflow: hidden;
  display: flex;
  height: 44vh;
  align-items: center;
  text-align: center;
  color: #fff;
}
.section-spacing {
  margin-bottom: 40px;
  margin-top: 70px;
}
.container-fluid.join-section.section-spacing.customspace {
   
    margin-bottom: 110px !important;
}

.right-section{
            justify-content: space-between !important;
}

.container.top-bar-content {
    max-width: none !important;
    /* float: right; */
}
.container.top-bar-content {
    padding: 0px 20px !important;
    margin: 0px !important;
}
.container.clearfix {
        padding: 0px 20px !important;
        max-width: none !important;
    }
.col-md-5.join-content {
  padding-left: 42px;
  padding-right: 22px;
}
.follow1, .follow2, .follow3, .follow4 {
  margin-bottom: 30px;
}
.about {
  background: url(../images/home/banner1.jpg) no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 40vh;
  width: 100%;
}
.theme-title-one2 h2:before{
  top: 10px;
}
.vision {
  padding-left: 36px !important;
  padding-right: 50px !important;
}
.col-md-6.mission-text {
  padding-left: 25px;
  padding-right: 50px;
  padding: 49px 40px;
}
.service-style-one .single-service .newpadding {
  padding-left: 26px;
  padding-top: 20px !important;
}
.single-service.tab {
  display: block;
}
.text.tabtext {
  padding-left: 40px;
}
/* .team1 h5 a, .team1 p {
  display: -webkit-box;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 4.5em; 
} */
section.fullscreen-banner1 {
  background: url(../images/home/map2.jpg) no-repeat center center;
  /* background-attachment: fixed; */
  background-size: contain;
  background-position: bottom !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 35vh;
}
.theme-inner-banner {
    
    background-size: cover;
    background: url(../images/home/newsnew1.jpg) no-repeat center center;
    background-position: top center !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 40vh;
}
.single-service.presence .bodytext {
  padding: 20px !important;
  text-align: left;
}
.single-service.presence .presence2 {
  padding: 40px 0px 0px 0px !important;
}
.breadcrumb {
    
    padding: 0px 16px !important;
    justify-content: flex-start !important;

}
.about-us {
    background: url(../images/home/about-new.png) no-repeat center center;
    
      background-size: cover;
  background-position: top center !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.global {
  background: url(../images/home/global.jpg);
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: top center !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.expetise {
      background: url(../images/home/news.jpg) no-repeat center center;

  background-size: cover;
 
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
    .career {
        background: url(../images/home/career.jpg) no-repeat center center;
     
        background-size: cover;
        background-position: center !important;
        background-repeat: no-repeat;
        width: 100%;
        height: 40vh;
    }
.contact{
  background: url(../images/home/contact.jpg) no-repeat center center;
  background-size: cover;
 
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.repair1 {
   background: url(../images/home/repairnew.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.supply1 {
     background: url(../images/home/supplynew.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.quality1 {
      background: url(../images/home/quality.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}

.local1 {
    background: url(../images/home/local.jpg) no-repeat center center;
    background-size: cover;
  
  background-repeat: no-repeat !important;
  width: 100%;
  height: 40vh;
}
.design8 {
     background: url(../images/home/design.jpg) no-repeat center center;
    background-size: cover;
  
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.corp {
  background: url(../images/home/bannernew.jpg) no-repeat center center;
  /* background-attachment: fixed; */
  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.navigate-box {
  position: relative;
  bottom: 0px;
}
.navigate-box p {
  color: #e1051e !important;
  margin-top: 14px;
}
.newss {
  background: url(../images/home/news.jpg) no-repeat center center;
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: bottom !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.news123 .newp1 .newa{
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: 4.5em; 
} 
.theme-title-one .design5{
  width: 100% !important;
}
.col-lg-5.col-12.col-md-12.justify-content-center.align-items-center {
  display: block;
}
.col-lg-5.col-12.justify-content-center.align-items-center.padt20 {
  display: block;
}
.col-lg-5.col-12.justify-content-center.align-items-center {
  display: block;
}
.newsnew1 {
  background: url(../images/home/newsnew1.jpg) no-repeat center left;
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: center !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 40vh;
}
.design {
  padding: 40px 0px !important;
  background: #dadadc !important;
}
.theme-title-one.theme-title-one1.mission-image {
  position: absolute;
  top: 135px;
  left: -100px !important;
  z-index: -1;
}
.col-lg-5.col-12.justify-content-center.align-items-center {
  display: block;
}






p.text2 {
    padding-top: 10px;
}

.cent{
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.padt10{
  padding-top: 10px !important;
}
.padt20{
 
  padding-bottom: 0px !important;
}

.padt40{
  padding-top: 40px !important;
}
.padb10{
  padding-bottom: 10px !important;
}
.padb20{
  padding-bottom: 20px !important;
}
.padb30{
  padding-bottom: 30px !important;
}
.padb40{
  padding-bottom: 40px !important;
}

.row.newrow.expe {
    display: flex
;
    align-items: center;
}
.col-md-6.join-content {
    padding-left: 32px;
    padding-right: 25px;
}
.col-xl-6.col-md-12.col-12.desginpad {
    padding-right: 88px;
    padding-left: 20px;
    padding-top: 40px;
}
.localrev .row {
    flex-direction: column-reverse !important;
  }
  .col-lg-6.col-md-12.col-sm-12.desginpad {
    padding-left: 32px;
    padding-right: 32px;
}
.col-lg-6.col-md-12.col-sm-12.join-content {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 30px;
}
.qualitycon {
    padding: 0px 32px !important;
}
.newdes{
    padding-bottom: 0px !important;
    padding-top: 40px;
}
.carpng button.slick-next.slick-arrow {
    right: -15px !important;
}
.carpng button.slick-prev.slick-arrow {
    left: -20px !important;
}
.newte .col-md-3 {
        flex: 0 0 auto;
        width: 19%;
    }
    .newte .col-md-2 {
        flex: 0 0 auto;
        width: 20.666667%;
    }
    .mobileshort {
   
    padding-bottom: 0px !important;
}
    
}
/*(min-width: 768px) and (max-width: 991px)*/

/* Astle CSS START */
@media (max-width: 767px) {
    .video-control {
    position: absolute;
    bottom: 50px;
    right: 20px;
    z-index: 2;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
    .newhome .img-box {
        position: unset !important;
        width: 300px !important;
        padding: 20px;
        text-align: center;
    }
    .newhome .text {
        padding: 20px !important;
        display: flex;
        flex-direction: column;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }
     .newhome .single-service {
        display: flex;
        flex-direction: column;
        height: auto !important;
        padding-left: 0px !important;
        align-content: space-around;
        justify-content: center;
        align-items: center;
    }
    .newhome h5 {
    text-align: center;
}
button.slick-prev.slick-arrow {
    z-index: 9 !important;
}
    .newhome img {
    width: 100% !important;
    max-height: unset !important;
}
.newhome .img-box {
    position: unset !important;
}
    
    
    
    h2.bodytitleh2.job {
    margin-bottom: 30px;
}
        .carpng .slick-next {
        right: -16px !important;
    }
    .carpng .slick-prev {
        left: -24px !important;
    }
    .newslide.carpng.slick-initialized.slick-slider.slick-dotted{
        margin: 20px !important;
    }
    .newdes {
        padding-bottom: 0px !important;
        padding-top: 30px;
    }
    .newmobile{
    padding-top: 30px;
}
    .mobileshort {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
    .mobilespace {
    padding-top: 55px !important;
}
    #bioPopup {
        flex-direction: column !important;
        min-width: 90% !important;
        max-width: 90% !important;
        width: 90% !important;
        height: 90vh !important; /* Set height relative to viewport */
        max-height: 90vh !important;
        overflow-y: auto !important; /* Enables vertical scroll */
        padding: 15px !important;
        
    }

    #popupImage {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    #popupImage img {
        height: auto !important;
        object-fit: contain !important;
    }

    #bioPopup > div {
        text-align: left !important;
    }
  .col-lg-6.col-md-12.col-sm-12.join-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
}

  .localrev .row {
    flex-direction: column-reverse !important;
  }
  .col-lg-6.col-md-12.col-sm-12.desginpad {
    padding-left: 15px;
    padding-right: 15px;
}
  .col-lg-6.col-md-12.col-sm-12.join-content.local {
    padding-left: 15px;
    padding-right: 15px;
}
    .col-xl-6.col-md-12.col-12.desginpad {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 30px;
  
}
.fstimg {
    padding-bottom: 30px;
    padding-top: 20px;
}
    .service-style-one.section-spacing.newsect2 {
    margin-top: 0px !important;
}
     .padb30 {
        padding: 0px 30px !important;
    }
    .slickslide .slick-next {
    right: 6px;
}
.slickslide .slick-prev {
   left: 6px;
}
    .newslide .slick-next {
    right: 20px;
}
.newslide .slick-prev {
    left: 12px;
    z-index: 9999;
}
    a.read-more.carbtn {
    margin-right: 206px;
    padding: 8px 50px;
    float: left !important;
    margin-bottom: 40px;
    margin-top: 0px !important;
}
            .single-service.team1 {
        padding-bottom: 0px;
        display: flex !important;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        padding-left: 15px !important;
    }
        .pdf-iframe {
        width: 100% !important;
        height: 400px;
        background: #fff !important;
        border: none;
    }
   
    
    .menu-wrapper ul li {
    margin-left: 0px !important;
    padding-left: 0px;
    padding: 0px 0px 0px 0px !important;
}
  .design {
    background-color: #db222200 !important;
  }

  .bannertitle {
    text-align: left;
    color: #fff;
    padding-bottom: 20px;
    font-size: 45px !important;
}
p.text3 {
  padding-top: 20px;
}
.section-spacing {
  margin: 40px 0px;
}
.service-style-one .single-service .img-box {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 200px;
  background: #ffffff00;
  padding-top: 10px;
}
.service-style-one .single-service .img-box img {
  width: 80%;
  border-radius: 4px;
  opacity: 0.9;
}
.service-style-one .single-service .img-box1 {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 200px;
  background: #ffffff00;
  padding-top: 5px;
}
.service-style-one .single-service .img-box1 img {
  width: 80%;
  border-radius: 4px;
  opacity: 0.9;
}
.service-style-one .single-service {
  position: relative;
  padding-left: 190px;
  padding-top: 10px;
  margin-bottom: 30px;
  height: auto !important;
  padding-bottom: 16px;
}

.service-style-one .topping .img-box1 {
  padding-top: 0px;
}
.news1 {
  height: 328px;
  background: #fff !important;
  border: solid;
  border-width: 03px 1px 1px 1px;
  border-color: #D2DAE9;
  position: relative;
  border-top: 4px solid #e1051e;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.col-md-5.join-content {
  padding-left: 20px;
  padding-bottom: 50px;
}
.follow2, .follow3 {
  padding: 20px;
  background: #1877F2;
  border-radius: 10px;
  margin-bottom: 25px;
}
.mobile-break {
  display: inline !important;
}
.footer-list {
  margin: 0px !important;
}
.about-widget {
  margin-bottom: 20px !important;
}
p.foottext {
  padding-top: 15px;
  color: #fff !important;
}
/* .about .overlay {
  text-align: center;
  padding: 60px 0px 60px 0px !important;
}
.about {
  background: url(../images/home/banner1.jpg) no-repeat center center;
  background-size: contain;
  background-position: center top !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 22vh;
} */
.vision {
  padding-left: 10px !important;
  padding-bottom: 30px;
  padding-right: 10px !important;
}
p.bodytext.text3.abtwhite {
  color: #fff;
  padding-top: 100px;
}
.section-spacing {
  margin: 0px;
  padding-top: 40px;
}
.theme-title-one.theme-title-one1.mission-image {
  position: static;
  left: -100px !important;
  z-index: -1;
}
.col-md-6.mission-text {
  padding-left: 20px;
  padding-bottom: 50px;
}
/* .map-icon1 {
  display: none;
} */
p.bodytext.text3.infotext {
  margin: 0px;
}
.single-service {
  height: auto;
  border: solid;
  border-width: 03px 1px 1px 1px;
  border-color: #D2DAE9;
  position: relative;
  border-top: 4px solid #002D72;
}

.contact .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  padding: 60px 0 60px 0;
}
.contact {
  background: url(../images/home/contact.jpg) no-repeat center center;
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: left bottom !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 22vh;
}
/* .mission-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding-top: 40px;
} */
.service-style-one.section-spacing.team {
  padding-top: 60px;
}
.text.tabtext {
  padding: 40px 50px 0px 50px;
  /* align-content: center; */
  width: 70%;
  padding-right: 40px;
}
p.bodytext.text.tabtextendp {
  display: inline-block;
  position: relative;
  /* margin-bottom: 60px; */
} 
.img-box.tabimg {
  padding: 76px 31px 30px 30px;
  width: 90%;
}
.text.align-items-center {
  padding-top: 32px !important;
}
.text.tabtext {
  padding: 36px 10px 0px 20px;
  /* align-content: center; */
  width: 100%;
  /* padding-right: 40px; */
}
.single-service.tab {
  margin-top: 20px;
  margin-bottom: 70px;
  height: auto !important;
  flex-direction: column;
}
.img-box.tabimg {
  padding: 20px;
  width: 100%;
}
.about-us {
            background: url(../images/home/about-new.png);
        background-size: cover;
        background-position: top center !important;
        background-repeat: no-repeat;
        width: 100%;
        height: 24vh;
    }
.global .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  padding: 80px 0 80px 0px;
}
.global {
  background: url(../images/home/global.jpg);
  background-size: cover;
  background-position: top center !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
section.fullscreen-banner1 {
  height: 24vh !important;
  background: url(../images/home/map2.jpg) no-repeat center center / cover;
  background-size: cover;
  margin-top: 40px;
}
.theme-title-one h2 {
  font-size: 30px;
  padding-bottom: 18px;
  /* margin-bottom: 30px; */
}
.text.presence2 {
  padding: 30px 20px 30px 20px !important;
}
.corp .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  padding: 80px 0 80px 0;
}
.corp {
  background: url(../images/home/bannernew.jpg) no-repeat center center;
  /* background-attachment: fixed; */
  background-size: cover;
  background-position: bottom !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.expetise {
 background: url(../images/home/news.jpg) no-repeat center center;
  background-size: cover;
  background-position: bottom !important;
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.supply1 {
     background: url(../images/home/supplynew.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.quality1 {
      background: url(../images/home/quality.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.repair1 {
   background: url(../images/home/repairnew.jpg) no-repeat center center;

  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.design8 {
     background: url(../images/home/design.jpg) no-repeat center center;
    background-size: cover;
  
  background-repeat: no-repeat !important;
  width: 100%;
  height: 24vh;
}
.local1 {
    background: url(../images/home/local.jpg) no-repeat center center;
    background-size: cover;
  
  background-repeat: no-repeat !important;
  width: 100%;
  height: 24vh;
}
.newss {
  background: url(../images/home/news.jpg);
  /* background-attachment: fixed; */
  background-size: cover;
  /* background-position: bottom !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
}
.newss .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  padding: 80px 0 80px 0;
}
.text.team1.news123 {
  padding: 20px 0px;
}
    .career {
        background: url(../images/home/career.jpg) no-repeat center center;
        /* background-attachment: fixed; */
        background-size: cover;
        background-position: center !important;
        background-repeat: no-repeat;
        width: 100%;
        height: 24vh;
    }
.career .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  padding: 80px 0 80px 0;
}
.about-compnay img {
  border-radius: 0px;
  /*padding: 20px 0px 10px 0px;*/
}
.mission-image img {
  width: 100%;
  height: 30vh;
  object-fit: cover;
  /* padding-top: 40px; */
  margin-left: 20px;
}
.mission-text {
  background-color: #0d47a1;
  color: #ffffff;
  padding: 5rem;
  display: flex;
  flex-direction: column;
  width: 95% !important;
  justify-content: center;
}
.theme-title-one.theme-title-one1 {
  padding-bottom: 30px;
}
img.img-fluid.imghigh {
  height: 24vh;
  padding: 0px 0px;
  width: 100% !important;
}
/* .pdf-iframe{
  width: auto;
  height: auto ;
  background: white; border: none;
} */
.navigate-box {
  position: relative;
  bottom: 0px;
}
.navigate-box p {
  color: #e1051e !important;
  margin-top: 14px;
}

    .theme-inner-banner {
        background: url(../images/home/newsnew1.jpg) no-repeat center center;
       
        background-size: cover;
        width: 100%;
        height: 24vh;


        background-position: top center !important;
        background-repeat: no-repeat;
     
    
    }
h2.bodytitleh2.pad {
  padding-top: 30px;
}
h2.bodytitleh2 {
  margin: 0px;
}
.share-download-box.pad {
  padding-top: 30px;
}
.footer-list {
  padding-left: 20px;
}
p.bodytext.text3.infotext.pdftext {
  padding-bottom: 20px;

}
.col-xl-6.col-md-12.col-sm-12.desginpad {
    padding-left: 15px;
    padding-right: 15px;
}
/* .service-style-one .single-service {
  position: relative;
  padding-left: 190px;
  padding-top: 10px;
  margin-bottom: 30px;
  height: auto !important;
} */
.single-service.team1 {
  padding-bottom: 0px;
}
.theme-title-one2 p {
  padding-bottom: 20px;
}
img.img-fluid.local {
  padding: 0px 10px 0px 10px;
}
img.img-fluid.local1 {
  padding: 0px;
}
.design1 {
  padding-top: 50px !important;
}
.slickslide {
  text-align: center;
}

.slickslide div {
  justify-content: center !important;
  align-items: center;
  padding: 10px 0;
}

.slickslide img {
  width: auto;
  max-height: 80px;
  margin: 0 auto;
  display: block;
}
.col-xl-5.col-md-5.col-12 {
  display: none;
}
    p.bodytext.text2 {
       
        margin-top: 20px !important;
    } 
.container-fluid.join-section.section-spacing.customspace {
    margin-top: 0px !important;
}
.service-style-one.section-spacing-1 {
margin-bottom: 0px !important;
  padding-top: 50px;
}
.service-style-one .single-service .img-box1 {
  bottom: 0px !important;
}
.theme-title-one2 h2:before {
  content: '';
  width: 40px;
  height: 4px;
  /* border-radius: 10px; */
  background: #E1051E;
  position: absolute;
  bottom: 0px;
  top: -18px;
  left: 4%;
  text-align: left;
  color: #061835;
  text-transform: capitalize;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: red;
  clip-path: polygon(100% 0, 0 0%, 50% 50%);
  margin-right: 5px;
  vertical-align: middle;
  width: 15px;
  height: 24px;
}
p.bodytext.text3 {
  margin: 0px;
  padding-bottom: 20px;
}
p.bodytext.text2 {
  margin: 0px;
  
}
p.bodytext{
  margin: 0px;
}
.text.text7.align-items-center {
  padding: 0px;
  padding: 0px 80px 0px 5px !important;
}
.text.text8.align-items-center {
  padding: 0px;
  padding: 0px 80px 0px 5px !important;
}

.theme-title-one.theme-title-one1.mission-image.imgsec {
  padding: 0px;
}
.service-style-one .single-service .team  {
  position: relative !important;
  width: 100%;
}
.single-service.team {
  padding: 0px;
}
.img-box.team img {
  width: 100% !important;
  border-radius: 10px !important;
  padding-bottom: 20px;
}
p.bodytext.padb20 {
    padding-top: 20px;
}
p.bodytext.text3.infotext {
  padding-top: 0px !important;
  padding-bottom: 10px;
}
h2.bodytitleh2.abtewhite {
  color: #fff !important;
  float: left;
  margin-bottom: 30px;
}
    
.padbott{
  padding-bottom: 20px !important;
}
.padbott1{
  padding-bottom: 40px !important;
}
.customspace{
  padding-top: 20px !important;
}
.homebanner{
  position: relative;
  height: 34vh !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
}
.homevideo{
  position: relative !important;
  object-fit: contain !important;
}
.col-xl-3.col-lg-3.col-sm-6.footer-contact.customspace {
  margin-bottom: 40px;
}
#bioPopup {
  flex-direction: column !important;
  min-width: 90% !important;
  max-width: 90% !important;
  width: 90% !important;
  height: auto !important;
  padding: 15px !important;
  position: fixed !important;
        top: 57% !important;
}

#popupImage {
  width: 100% !important;
  height: auto !important;
 
}

#popupImage img {
  width: 96% !important;
  height: auto !important;
}

#popupClose {
  top: 5px !important;
  right: 10px !important;
}

#bioPopup > div:last-child {
  padding: 10px !important;
}

.about .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  /* padding: 23px 0 119px 0; */
  padding: 80px 0px 80px 0px !important;
}
.about {
  background: url(../images/home/banner1.jpg);
  /* background-attachment: fixed; */
  background-size: cover;
  /* background-position: center top !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
}
.newsnew1 .overlay {
  /* background: rgba(0, 26, 87, 0.4); */
  text-align: center;
  /* padding: 23px 0 119px 0; */
  padding: 80px 0px 80px 0px !important;
}
.newsnew1 {
  background: url(../images/home/newsnew1.jpg);
  /* background-attachment: fixed; */
  background-size: cover;
  /* background-position: center top !important; */
  background-repeat: no-repeat;
  width: 100%;
  height: 24vh;
}
.tooltip {
  position: absolute;
  background-color: #fff;
  color: #000;
  padding: 10px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 280px;
  top: -88px;
  left: -53px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
  font-family: 'NavalGroupSans', sans-serif !important;
  padding: 18px;
}
.newsnew .newsspace {
  display: -webkit-box;
  -webkit-line-clamp: 4 !important; 
  line-clamp: 4 !important; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: none !important;
}
.design {
  padding: 40px 0px !important;
}














/* Astle CSS END */
.breadcrumb {
 
    justify-content: flex-start !important;
   
}
    .menu-wrapper ul {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 54px !important;
        left: 0;
        z-index: 1000;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin: 0;
        padding: 0;
    }
.container.top-bar-content {
    padding: 0px 10px !important;
}
    img.logoimg.sticky-logo {
    width: 80%;
    padding-top: 0px;
}
   
       img.logoimg {
        width: 100%;
    }
  
  .header-one .top-header {padding-bottom: 0;}
  .header-one .top-header .address-wrapper {display: none;}
  .testimonial-section .wrapper .bg {padding-left: 15px;padding-right: 15px;}
  .theme-footer-one .bottom-footer,.theme-footer-one .bottom-footer ul {text-align: center;}
  .theme-footer-one .bottom-footer ul li a {margin: 2px 10px;}
  .our-solution .single-solution-block p {padding: 0;}
  .about-compnay-two .text p {padding-right: 0;}
  .faq-section .wrapper .faq-content {padding: 40px 15px;}
  .short-banner .overlay h2 {font-size: 38px;}
  .google-map-one {height: 250px;}
  .why-we-best .wrapper .best-list-item {padding: 40px 15px 44px 15px;}
  .core-values .single-value-block .text {padding-left: 15px;padding-right: 15px;}
  .shop-page .shop-filter {margin-bottom: 35px;}
  .theme-pagination ul {padding-top: 10px;}
  .shop-details .product-review-tab {margin: 60px 0 55px 0;padding-left: 10px;padding-right: 10px;}
  .shop-details .related-product {margin-bottom: 10px;}
  .service-details .service-content .market-growth img {display: none;}
  .project-details-sidebar {margin-bottom: 60px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text {padding-top: 70px;}
  .blog-details .single-blog .post-meta .mark-text .inner-text:before {top:10px;} 
  .contact-us-section .form-wrapper {padding: 40px 15px;}
  .google-map-two {height: 300px;}
  #theme-main-banner .camera_caption h1 br {display: none;}
  .error-page input {width: 100%;margin-top: 20px;}

/*(max-width: 767px)*/

@media (min-width: 576px) and (max-width: 767px) {
  .header-two .top-header .social-icon li:first-child {margin-left: 0;}
  .our-case .single-case-block .hover-content .text {padding: 0;}
  #theme-main-banner {height: 500px !important;}
  #theme-main-banner .camera_caption p {font-size: 20px;}
  #theme-main-banner .camera_caption h1 {font-size: 50px;line-height: 60px;}
}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
  .theme-inner-banner .overlay h2 {font-size: 35px;}
  .header-one .theme-menu-wrapper {background: #000f32;}
  .header-one .menu-collapser {margin-left: 0;}
  .theme-menu-wrapper .right-widget .search-option .dropdown-toggle {text-align: right;width: 25px;}
  .theme-menu-wrapper .right-widget .cart-icon {width: 42px;margin-left: 10px;}
  .theme-title-one h2 {font-size: 30px;padding-bottom: 18px;}
  /* .section-spacing {margin-bottom: 60px;} */
  .about-compnay .mission-goal li h4 {font-size: 18px;}
  .about-compnay .mission-goal li .icon {font-size: 35px;}
  .feature-banner .opacity h2 {font-size: 35px;line-height: 45px;}
  .feature-banner .opacity,.testimonial-section .overlay,.theme-counter .bg {padding: 60px 0;}
  .service-style-one .contact-text h5:before {display: none;}
  .testimonial-section .wrapper p {font-size: 18px;line-height: 27px;font-weight: normal;}
  .theme-counter h2 {font-size: 38px;}
  .single-counter-box .number {font-size: 25px;}
  .single-counter-box .number .timer {font-size: 50px;}
  .single-counter-box p {margin-top: -5px;}
  .partner-section h6 {text-align: center;margin:0 0 35px 0;}
  .partner-section h6 br {display: none;}
  .theme-footer-one .top-footer .title {margin-bottom: 15px;}
  .theme-footer-one .top-footer [class*="col-"],.theme-footer-two .top-footer [class*="col-"] {margin-bottom: 50px;}
  .header-two .top-header,.header-two .top-header .social-icon {text-align: center;}
  .header-two .top-header .left-widget li {margin: 0 10px;}
  .header-two .top-header .social-icon li {margin: 8px 5px 0 5px;}
  #polyglotLanguageSwitcher {margin: 0;}
  .about-compnay-two .quote-form {padding: 25px 15px 30px 15px;}
  .our-case .single-case-block .hover-content .text {padding: 0 15px;}
  .our-case .view-all {margin-top: 35px;}
  .why-we-best .wrapper .best-list-item li {padding-left: 55px;margin-bottom: 45px;}
  .why-we-best .wrapper .best-list-item li .icon {font-size: 42px;}
  .shop-page .single-product .image-box {min-height: 270px;padding: 0 5px;}
  .shop-page .single-product .product-name h5 {font-size: 20px;}
  .shop-details .product-details .product-tab .product-thumbnail {width: 40%;height: 290px;}
  .shop-details .product-details .product-tab .product-preview {width: 60%;height: 290px;}
  .shop-details .product-details .product-tab {min-height: 290px;}
  .shop-details .product-details .product-info .title {font-size: 22px;}
  .blog-details .share-option ul {width: 100%;}
  #theme-main-banner {height: 400px !important;}
  #theme-main-banner .camera_caption p {font-size: 18px;}
  #theme-main-banner .camera_caption h1 {font-size: 35px;line-height: 46px;padding: 12px 0 18px 0;}
}
/*(max-width: 575px)*/

@media (max-width: 650px) {
  #success, #error {
    width: 86%;
    height: auto;
    top: calc(50% - 50px);
    left: 7%;
    padding: 30px 10px;
  } 
}
@media (max-width: 400px) {
  .service-style-one .single-service .text {padding-right: 5px;padding-left: 10px;}
  .service-style-one .single-service .text h5 {font-size: 18px;}
  .service-style-one .single-service .text p {padding-bottom: 5px;}
  .shop-page .shop-filter {text-align: center;}
  .shop-page .shop-filter li,.project-details .project-details-sidebar .project-history li {width: 100%;}
}
@media (max-width: 380px) {
  .cunter-wrapper [class*="col-"] {max-width: 100%;flex: 0 0 100%;}
}
}