@font-face {
    font-family: "GT-Walsheim-Pro-black";
    src: url("../fonts/GTWalsheimPro-Black.eot");
    src: url("../fonts/GTWalsheimPro-Black.woff") format("woff"),
    url("../fonts/GTWalsheimPro-Black.ttf") format("ttf")
    }
    
    
    @font-face {
    font-family: "GTWalsheimPro-Bold";
    src: url("../fonts/GTWalsheimPro-Bold.eot");
    src: url("../fonts/GTWalsheimPro-Bold.woff") format("woff"),
    url("../fonts/GTWalsheimPro-Bold.ttf") format("ttf")
    }
    
    
    
    @font-face {
    font-family: "GTWalsheimPro-Regular";
    src: url("../fonts/GTWalsheimPro-Regular.eot");
    src: url("../fonts/GTWalsheimPro-Regular.woff") format("woff"),
    url("../fonts/GTWalsheimPro-Regular.ttf") format("ttf")
    }
    
    @font-face {
        font-family: "GTWalsheimPro-light";
        src: url("../fonts/GTWalsheimPro-Light.eot");
        src: url("../fonts/GTWalsheimPro-Light.woff") format("woff"),
        url("../fonts/GTWalsheimPro-Light.ttf") format("ttf")
        }
        
        


    @font-face {
        font-family: SocialGothic-Bold;
        src: url("../fonts/SocialGothic-Bold.eot");
        src: url("../fonts/SocialGothic-Bold.woff") format("woff"),
        url("../fonts/SocialGothic-Bold.ttf") format("ttf")
    }
        
    @font-face {
        font-family: SocialGothic-light;
        src: url("../fonts/SocialGothic.eot");
        src: url("../fonts/SocialGothic-Bold.woff") format("woff"),
        url("../fonts/SocialGothic-Bold.ttf") format("ttf")
    }

     
    .row::before,.row::after{
      display: none;
    }
    body{
      font-family: "GTWalsheimPro-Regular" !important;
    }
    
    
    
    .header-section {
      position: relative;
  }
  
    .section-right img {
        width:100%;
        height: auto;
        box-shadow: -9px 8px 24px 17px #f4f4f4;
    }
    
    
    .section-one {
        padding: 100px 0;
        height:100%;
    }
    
    
  .section-left {
      padding-left: 63px;
      /* padding-top: 90px; */
  }
  
  
  .section-bottom-left {
      display: flex;
      padding: 90px 50px;
  }
  
  .section-bottom-left .section-text .row{
      justify-content: space-between;
  }
  
    
    .section-container{
        max-width:100%;
    }
    
    
    .no-p{
        padding:0px !Important;
    }
    
    .no-m{
        margin:0px !important;
    }
    
    
    .section-heading {
        display: flex;
  
        align-items:center;
    }
  
    .section-heading p {
      font-size: 24px;
      line-height: 30px;
      color: #111111;
      font-weight: bold;
      font-family: "GTWalsheimPro-Bold";
  }
    
    
    .section-heading span {
        width: 130px;
        height: 2px;
        display: block;
        background: #727272;
        position: relative;
        line-height: 0px;
        margin-right: 15px;
        margin-left: 15px;
    }
    
    
    /* .section-text{ */
        /*    margin-left: 234px;*/
        /*margin-right: 450px;*/
        /* margin-left: 19%;
        margin-right: 37%;
        margin-top:12%; */
    /* } */
  
  
    span.why-us {
      font-family: "GTWalsheimPro-Bold";
      font-size: 24px;
      line-height: 30px;
      display: block;
      margin-bottom: 160px;
      letter-spacing:1px;
      
  }
    
    
    p{
        margin:0px;
    }
    
    
    .section-text h2 {
        font-size: 38px;
        font-family: "GTWalsheimPro-Bold";
           margin:0px;
           line-height: 67px;
               letter-spacing: 2px;
    }
    
    
    span.single-line {
      width: 130px;
      height: 2px;
      display: block;
      background: #727272;
      margin-top: 10px;
      margin-bottom: 50px;
    }
    
    

    
    .section-text P {
      font-size: 18px;
      line-height: 30px;
      color: #fff;
      font-family: "GTWalsheimPro-Regular";
      margin-right: 22px;
  }
  
  span.why-us ~ p{
      color: #111111;
  }
  
  
  .section-text P span {
      /* font-size: 18px; */
      line-height: 30px;
      color: #111111;
      font-family: "GTWalsheimPro-Bold";
  }
    
    .explore-box {
        margin-top: 90px;
        display: flex;
        align-items: center;
    }
    
    .explore-box>div{
        display:flex;
        align-items: center;
        transition:all .9s;
    }
    
    .explore-box div:hover span{
        width:150px ;
        transition:all .9s;
        
    }
    
    
    .line-one {
        width: 130px;
        height: 2px;
        display: inline-block;
        background: #727272;
        line-height: 0px;
        transition:all .9s;
    }
    
    .explore-box a {
        display: inline-block;
        margin-left: 18px;
        padding: 5px 7px;
        background: #F3812F;
        color: #000;
        font-family: "GTWalsheimPro-Regular";
    
    }
    
    .section-two {
        background: #fcf5f5;
        color:#000;
    }
    
    
    
    .section-three{
        background:#fff;
    }
    
    .whats-good-section .section-two {
        background: #191919;
        color:#fff;
    }
    
    
    
    .section-number {
        color: #F4812F !important;
    }
    
    span.why-us-two {
      font-family: "GTWalsheimPro-Bold";
      font-size: 24px;
      line-height: 30px;
          letter-spacing: 3px;
      display: block;
      margin-bottom: 50px;
      text-transform: capitalize;
      letter-spacing:1px;
  }
  
  .explore-box a{
      white-space: pre;
      font-size: 11px;
  }
  
  .section-left {
      padding-top: 80px ;
      padding-bottom: 80px;
  }
  
  .section-right-full {
      /*margin-left: 93px;*/
      height: 100%;
  }
  
  
  .section-right-full img {
      height: 100%;
       object-fit: cover; 
  }
  
  .client-name{
      /*width: 100%;*/
      /*flex: 0 0 100%;*/
      /*max-width: 100%;*/
      /*margin-top: 10px;*/
      padding-left: 15px !important;
  }
  
  .row.box >div>img {
    width: 100%;
}

.row.box {
    align-items: flex-start;
}
  
  .logos-outer {
      margin-top: 50px;
     
  }
  
  
  .logos-outer>div{
          display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .logos-outer>div>div{
          -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  
  .logos-outer>div>div img{ 
      width: 100%;
    padding: 15px;
    /* border: 1px solid #f58330; */
    border: 1px dotted #c6c4c4;
    filter: grayscale(1);
    transition: all .5s;
    /* width: auto; */
    max-width: 100%;
    
  }
  
  
  .logos-outer>div>div img:hover {
    filter: grayscale(0);
    transition: all .5s;
}
  p.blog-text{
      max-width: 78%;
  }
  
  /* .footer-bottom-row .col-lg-5,.footer-bottom-row .col-lg-4{
      width: 100% !important;
      flex: 0 0 50%;
      max-width: 50%;
  } */
  
  
  /*.footer-bottom-row .col-lg-3{*/
  /*    display: none;*/
  /*}*/
  
  
  p.why-us-subheading {
      font-size: 18px;
      line-height: 30px;
      color: #000;
      font-family: "GTWalsheimPro-Regular";
      margin-right: 0px;
  }
  
    
    .section-two img{
        box-shadow:none;
    }
    
    
    .section-list{
        list-style:none;    
        padding:0px;
        margin:0px;
        margin-top:90px;
    }
    
    
    .section-list li{
        font-size: 18px;
        font-family: "GTWalsheimPro-Regular";
        padding-bottom:10px;
        display: flex;
        align-items: center;
    }
    
    .section-list li a {
        font-size: 18px;
        font-family: "GTWalsheimPro-Regular";
        padding-bottom:10px;
        display: flex;
        align-items: center;
        color:#000;
    }
  
    .line-before li:before {
      content: '';
      width: 50px;
      display: inline-block;
      height: 2px;
      margin-right: 30px;
      background: #727272;
      position: relative;
      line-height: 0px;
  }
    
    
    /* .section-right-full {
      height: 100%;
      display: flex;
      align-items: stretch;
  } */
  
  section.section-one {
      background: #fff;
  }
  div#typed strong {
      font-weight: 800;
   
  }
  
  div#typed{
      font-family: "GT-Walsheim-Pro-black";
  }
  
  div#typed{
      font-weight: 500;
   
  }
  
    .section-two .explore-box{
        margin-top:50px;
        padding-right: 16px;
    }
    
    
    .section-three {
        background: #fff;
    }
    
  /*   
    .section-two .section-left {
      padding-top: 185px;
      padding-bottom: 107px;
  } */
  
  /* .section-three .section-left { */
      /* padding-bottom: 121px; */
  /* } */
  
  
  .section-three .explore-box{
      margin-top: 80px;
  }
  
  .section-four .explore-box {
      margin-top: 120px;
  }
  
  /* .section-four .section-left {
      /* padding-bottom: 148px; */
  /* } */ 
  
  
  
  .section-five {
      background: #fff;
  }
  
 .section-five-two  {
    background: #fcf5f5;
  }
  
  .section-five .explore-box {
      margin-top: 100px;
  }
  
  /* .section-five .section-left {
      /* padding-bottom: 138px; */
      /* padding-bottom: 110px; */
  /* } */ 
  
  
  p.blog-text {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 24px;
      color: #050505;
      max-width: 69%;
      font-weight: bold;
      margin-top: 20px;
  }
  
  
  
  .section-text{
      width:100%;
      color:#000;
  }
  
  .section-left {
      display: flex;
      align-items: center;
      height: 100%;
      justify-content: center;
  }

  .section-left>div{
      margin: 0px;
  }
  
  .section-five .why-us-subheading{
      margin-right: 59px;
  }
    
  
  .section-six{
      background-color: #fffcfc;
  }
    
    
  span.why-us-two.why-us-three {
      color: #000;
      display: inline-block;
  }
  
    
    
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
      padding: 0px;
  }
  
  .row{
      margin:0px;
  }
  
  .why-explore-three-outer {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
  }
  
  .explore-box-three {
      margin: 0px !important;
  }
   
  .section-six .section-left{
      padding-right: 70px;
      /* padding-top: 138px; */
  }
  
  
  
  .client-column{
  -ms-flex: 0 0 89.4% !important;
  flex: 0 0 89% !important;
  max-width: 89% !important;
  }
  
  .client-subheading {
      color: #000 !important;
      display: inline-block;
      margin: 0px;
      width: 31% !important;
      margin-bottom:50px ;
  }
  
  .box {
      background: #fff;
      padding: 20px;
      align-items: center;
      text-align: justify;
  }
  
  p.client-text{
      margin:0px;
  }
  
  p.client-text {
      margin: 0px;
      font-size: 16px;
      line-height: 24px;
      color: #000000;
      font-family: "GTWalsheimPro-Regular";
      margin-top: 40px;
  }
  
  .client-name h6 {
      font-size: 14px;
      line-height: 18px;
      color: #000000;
      font-weight: bold;
      font-family: "GTWalsheimPro-Bold";
      text-transform: uppercase;
  }
  
  
  
  
  .client-name span {
      font-size: 14px;
      line-height: 18px;
      color: #797979;
      font-weight: bold;
      font-family: "GTWalsheimPro-Regular";
  }
  
  
  .box-col {
      -ms-flex: 0 0 23% !important;
      flex: 0 0 23% !important;
      max-width: 23% !important;
  }
  
  .client-column>div>.row {
      justify-content: space-around;
  }
  
  
  .client-name {
      padding-left: 25px;
  }
  
  
  .logos {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 60px;
      
  }

  a.dd-d-logo img {
    width: 70px !important;
    height: auto !important;
}

  
  .logos:last-child {
      margin: 0px;
  }
  
  .logos-outer {
      margin-top: 100px;
      padding-right:16px;
  }
  
  .section-seven {
      background: #fff;
  }
  
  .section-eight {
      background-color: #fffcfc;
  }
  
  
  .section-nine {
      background-color: #201e1e;
  }

  /*.section-nine >div{*/
  /*  padding-right: 150px;*/
  /*}*/
  
  /* 
  .section-nine .section-left {
      padding-top: 90px;
  } */
  
  
  .why-us-four {
      margin-bottom: 90px;
      color: #fffdfd;
  }
  
  .comp-name h3 {
      margin: 0px;
      font-size: 24px;
      letter-spacing: 1px;
      line-height: 30px;
      font-family: "GTWalsheimPro-Bold";
      color: #fbf6f6;
  }
  
  .comp-name p {
      font-size: 24px;
      letter-spacing: 1px;
      line-height: 40px;
      color: #fbf6f6;
      margin: 0px;
      font-family: "GTWalsheimPro-Regular";
      max-width: 500px;
  }
  
  img.blog-img {
      max-width: 100%;
      height: auto;
  }
  
  
  .location-track {
      margin-top: 90px;
      /* text-align: right; */
  }
  
  
  .location-track img {
      width: 20px;
      height: 30px;
  }
  
  .location-track p {
      display: inline-block;
  }
  
  .location-track span{
      display: inline-block;
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      margin:0px;
      display: inline-block;
      color: #b8b7b7;
  }
  
  .location-track i {
      color: #b8b7b7;
      border-radius: 50%;
      font-size: 25px;
      width: 70px;
      height: 70px;
      text-align: center;
      padding-top: 23px;
      display: inline-block;
      background: #3a3535;
  }
  
  
  
  
  .footer-client-column >div>.row {
      justify-content: initial;
  }
  
  
  .request-row-main {
      margin-top: 50px;
      margin-bottom: 0px;
  }
  
  .request-row-main span {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #b8b7b7;
      /* margin-bottom: 20px; */
      display: inline-block;
  }
  
  .request-row-main a {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
  }
  
  .social-row {
      margin-top: 40px;
  }
  
  p.social-left {
      margin: 0px;
  }
  
  p.social-right a {
      color: #fff;
      display: inline-block;
      margin-right: 20px;
      border: 1px solid #fff;
      border-radius: 50%;
      width: 30px;
      font-size: 16px;
      padding: 0px;
      height: 30px;
      text-align: center;
  }
  
  
  p.social-right a:hover{
      background: #000;
    color: #f27820;
  }
  p.social-left a {
      color: #fff;
      margin-right: 25px;
  }
  
  
  p.social-left a {
    font-size: 20px;
    margin-right: 10px;
}

  p.social-left a:hover{
      color: #f27820;
  }
  
  
  a.send-req {
      width: 312px;
      height: 120px;
      background-color: #7b2323;
      display: block;
      color: #fff;
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      
      margin-bottom: 40px;
      padding: 40px 140px 60px 40px;
  }
  
  .row:before{
      display: none !important;
  }
  /* .section-bottom-left .section-text .row {
      justify-content: flex-end;
  } */
  
  a.send-req:after {
      content: '';
      display: block;
      height: 2px;
      background-color: #b8b7b7;
      width: 51px;
  }
  
  .working-hrs-row {
      border-top: 2px solid #484848;
      border-bottom: 2px solid #484848;
      padding-top: 20px;
      padding-bottom: 20px;
  }
  
  .working-hrs-row p {
      font-size: 18px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #b8b7b7;
      margin: 0px;
      margin-bottom: 20px;
  }
  
  
  .working-hrs-row span {
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #ffffff;
  }
  
  .live-time {
      text-align: right;
  }
  
  .row.footer-bottom-row {
      margin-top: 30px;
  }
  
  .happy h5 {
      font-size: 14px;
      line-height: 30px;
      color: #ffffff;
      font-weight: bold;
      display: inline-block;
      font-family: "GTWalsheimPro-Bold";
      margin: 0px;
  }
  
  .happy p {
      font-size: 14px;
      line-height: 30px;
      color: #ffffff;
      margin-right: 65px;
  }
  
  .happy {
      display: flex;
      align-items: center;
  }
  
  .happy div {
      margin-left: 20px;
  }
  
  .footer-bottom-row {
      align-items: center;
  }
  
 p.copyright {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    text-align: right;
    position: relative;
    top: 25px;
    left: -10px;
    text-transform: uppercase;
}

 
.download_brochure{
    position: relative;
    top: 20px;
    font-size: 15px;
    right: 30px
}


  /* .copyright-col {
    width: 57%;
    text-align: -webkit-right;
} */
  
  .bottom-social-icons {
      display: flex;
      /* align-items: center; */
      justify-content: flex-end;
      margin: 0 20px;
      /* width: 220px; */
      /* margin: auto; */
  }
  
  .bottom-social-icons i {
    font-size: 24px;
    margin-right: 20px;
  }

  .bottom-social-icons i:last-child {
    margin-right: 0px;
  }
  
  .what-good-inner {
      background: #191919;
      padding: 0px 66px;
      padding-left: 0px;
  }
  
  
  
  
  
  /* .comp-name {
      text-align: right;
  } */
  
  
  
  .footer-menu {
      display: flex;
      display: none;
      justify-content: space-around;
  }
  
  .footer-menu ul {
      list-style: none;
      margin: 0px;
      /* padding: 0px; */
  }
  
  .footer-menu ul li {
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 30px;
      color: #ffffff;
  }
  
  .footer-menu ul li span{
      font-family: "GTWalsheimPro-Bold";
  }
  
  
  #pointer-ring{
      padding: 20px !important;
      border: 2px solid grey !important;
  }
  
  html{
      cursor: default !important;
  }
  
  #pointer-dot{
      border:none !important;
  }
  
  
  .row.request-row-main {
      justify-content: flex-start !important;
  }
  
  
  .nav-up {
      top: -40px;
  }
  
  
  
  
  .blog-text .client-subheading {
      width: 35% !important;
  }
  
  
  
  .logos img {
      max-width: 100%;
  }
  
  
  .allow-cookies {
      box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
      border-radius: 100%;
      width: 595px;
      height: 595px;
      position: fixed;
      padding: 37px 40px;
      left: -70px;
      bottom: -250px;
      background: #333;
      z-index: 99999;
      display: none;
  }
  
  .cookie-text {
      position: fixed;
      width: 430px;
      left: 29px;
      bottom: 103px;
      text-align: center;
  }
  
  .cookie-text a {
      color: #ddd;
      margin-top: 0px;
      border-bottom: 1px solid #999;
      display: inline-block;
  }
  
  
  .cookie-header,p.cookie-para {
      margin-bottom: 10px;
      color: #ddd;
      font-size: 21px;
      line-height: 24px;
  }
  
  p.cookie-para {
      font-size: 15px;
      margin-top: 20px;
      margin-bottom: 19px;
  }
  
  .allow-cookie a {
      border: 0;
      padding: 17px 20px;
      font-size: 13.5px;
      letter-spacing: .2px;
      font-weight: 700;
      cursor: pointer;
      text-transform: uppercase;
      margin-bottom: 0!important;
      min-height: auto!important;
      box-shadow: 0 0 10px 0 rgb(0 0 0 / 12%);
      width: 160px;
      background: #f4812f;
      color: #fff;
      white-space: nowrap;
      height: 13px;
  }
  
  .allow-cookie a+a {
      margin-left: 17px;
      background: #fff;
      color: #000;
  }
  
  .allow-cookie {
      left: 60px;
      position: fixed;
      width: 430px;
      bottom: 50px;
  }
  
  .logo{
      float: none !important;
  }
  
  .header-right {
      display: flex;
      align-items: center;
      justify-content: space-between;
        margin-bottom: 5px;
  }
  
  header.header.darkHeader.nav-up .header-right {
    justify-content: flex-end;
}

.type-wrap {
    display: block !important;
}


  
  header>div{
      padding-left: 38px !important; 
       padding-right:46px !important;
  }
  
  .darkHeader >div{
      /* padding-left: 0px !important; */
      /* padding-right:0px !important; */
      /* margin-left: 38px; */
      /* margin-right: 46px; */
      background-color: #fcf6f5;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
  }
  
  .darkHeader{
      padding: 0px !important;
  }
  .header{
      position:fixed !important;
      /* padding: 0px !important; */
      /* background-color: #fcf6f5; */
  }
  
  
  .brand-of-designdot {
      padding-right: 43px;
      padding-left: 100px;
      display:flex;
          align-items: center;
  }
  
  
  ul.city li a {
      font-size: 14px;
      line-height: 30px;
      color:#707070;
      font-weight: 800;
      font-family: "GT-Walsheim-Pro-black";
  }
  ul.city li.active a{
      color: #f58331;
  }
  
  ul.city li {
      display: inline-block;
  }
  
  ul.city li:after{
      content: '/';
      padding-left: 10px;
      padding-right: 10px;
      font-size: 32px;
      color: #c9c9c9;
      position: relative;
      top: 5px;
  }
  ul.city li:last-child::after{
      display: none;
  
  }
  
  .menu{
      margin: 0px !important;
      padding-top: 10px;
  }
  
  a.dd-d-logo img{
      height: 69px;
  }
  
  span.line-one.view-project {
      margin-left: 40px;
  }
  
  
  .visible-menu {
      float: left;
      /* margin-left: 65px; */
      margin-left: 38px;
  }
  
  
  .header-left {
      display: flex;
      align-items: center;
  }
  
  .visible-menu ul li {
      /* padding-left: 40px; */
      display: inline-block;
  }
  
  .visible-menu ul li:first-child{
      padding-left: 0px;
  }
  
  
  .visible-menu ul li.quick-enquery a{ 
      padding: 15px;
      background: #f58331;
      border-radius: 21px;
      display: block;
      color: #fff;
  }
  .visible-menu ul li a {
      font-size: 14px;
      letter-spacing: 1px;
      color: #000000;
      font-family: "GTWalsheimPro-Bold";
      font-weight: bold;
      text-transform: uppercase;
  }

  .visible-menu ul li.home a{
   font-family: "GT-Walsheim-Pro-black";
   color: #f58331;
}
  
.visible-menu ul li.home a img{ 
    padding-left: 15px;
}


  a.dd-d-logo {
      display: none;
  }
  .nav-up .visible-menu {
      display: none;
  }
  
  .nav-up ul.city,.nav-up .brand-of-designdot,.nav-up a.dd-logo{
  display: none;
  }
  
  .nav-up a.dd-d-logo{
      display: block;
  }
  
  
  .nav-up >div{
      background: transparent;
      padding-top: 40px !important;
  }
  
  
  .nav-up .menu {
      background: transparent;
      /* padding: 10px; */
  }
  

  
  a.menu {
      padding: 10px;
  }
  
  
  .swiper-container-outer {
      background-color: #f6f7fb;
      /* height: 100vh; */
      width: 100%;
      padding: 0px 101px;
      background: #000;
      display: flex;
      /* font-family: "Montserrat", sans-serif; */
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    
  
    .section-heading.slider-heading {
      padding-left: 65px;
      padding-top: 120px;
      padding-bottom: 50px;
  }
  
    .slider-inner img {
      width: 100%;
      object-fit: cover;
  }
  
  .slider-inner h2 {
      color: #000;
      font-size: 25px;
      padding: 20px;
  }
  span.whats-good {
      width: auto;
      height: auto;
      background: transparent;
      padding-top: 0px;
      display: inline-block;
      font-family: "GTWalsheimPro-Bold";
      font-size: 24px;
      line-height: 30px;
      display: block;
      letter-spacing:1px;
  }
  
    .swiper-container {
      /* height: 800px; */
      width: 100%;
      padding-bottom: 85px;
    }
    
    .swiper-wrapper {
      width: 73.8%;
      will-change: transform;
    }
    
    
    .swiper-pagination {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 85px;
    }
    .swiper-pagination.swiper-pagination {
      bottom: 0;
    }
    
    .swiper-pagination-bullet {
      background: tomato;
      width: 22px;
      height: 4px;
      border-radius: 0;
      transition: opacity 1s ease;
    }
    .swiper-pagination-bullet.swiper-pagination-bullet.swiper-pagination-bullet {
      margin: 0;
    }
  
  
    .slide-image {
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      transform: scale3d(1.3, 1.3, 1);
      backface-visibility: hidden;
      will-change: transform;
      transition: transform 1400ms ease;
    }
    
    .slide-content {
      padding: 0 2.2rem;
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .slide-content h4 {
      font-size: 25px;
      font-weight: 400;
      margin: 0 0 1rem;
      padding-top: 2.8rem;
      flex-grow: 0;
    }
    .slide-content p {
      display: flex;
      line-height: 1.8;
      margin-top: 0;
      font-size: 14px;
      flex-grow: 1;
    }
    .slide-content footer {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding-bottom: 2.8rem;
      font-size: 14px;
      color: #c2c0e0;
    }
    .slide-content a {
      color: tomato;
      font-size: 12px;
      font-weight: 700;
      text-decoration: none;
      border-bottom: 3px solid currentColor;
      padding-bottom: 3px;
    }
    
    .what-good-inner img {
      width: 100%;
  }
  
  .what-good-item .row{
      margin-left: 0px;
      margin-right: 0px;
  }
  
  
  .what-good-item .row>div{
      padding: 0px;
      background: #191919;
  }
  
  .sliderContainer.what-good-container {
      padding-left: 252px;
  }
  
  
  .sliderContainer.what-good-container{
      cursor: url(../images/slide-arrow-white.png), default; 
  }
  
  .Mydiv div#pointer-ring {
      border-color: transparent !important;
  }
  


  
  .what-good-text {
      padding: 20px;
      margin-bottom: 30px;
      margin-right: 90px;
      padding-left: 0px;
  }
  
  .heading1 {
      font-family: "GTWalsheimPro-Bold";
      font-size: 26px;
      line-height: 30px;
      display: block;
      margin-bottom: 50px;
      letter-spacing:3px;
      color:#fff;
  }   
  
  .what-good-item a{
      color:#fff;
  }
  
  .what-good-text p {
      font-size: 18px;
      line-height: 30px;
      color: #ffffff;
      font-family: "GTWalsheimPro-Regular";
      margin-right: 0px;
  }
  
  .box-col>DIV>DIV{
      padding: 0PX;
  }

  .visible-menu ul li a span {
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
}

ul.city li a span{
    width: 5px;
    height: 5px;
    display: inline-block;
    background: #707070;
    border-radius: 50%;
    position: relative;
    top: 1px;
    left: 1px;
}

ul.city li.active a span{
background: #f58331;
}

.visible-menu ul li:last-child a span{
    background:#fff;
}

span.city-name {
    position: relative;
    font-size: 19px;
    margin-bottom: 10px;
    display: block;
}


span.city-name:before {
    content: '';
    display: inline-block;
    width: 22px;
    position: absolute;
    height: 2px;
    top: 8px;
    background: grey;
    left: -40px;
}


/* .comp-name{
    margin-bottom: 20px;
} */


.lets-build{
    margin-top: 0px;
    font-size: 48px;
line-height: 48px;
color: #ffffff;
font-weight: bold;
font-family: "GTWalsheimPro-Bold";
max-width: 500px;
display: block;
}

.lets-design {
    font-size: 48px;
    line-height: 48px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 180px;
    margin-bottom: 125px;
    display: block;
    font-family: "GTWalsheimPro-Bold";
}

.row.working-hrs-row {
    margin: 0px;
}

.mg-right{
    margin-top:1rem;
}
.sec-left.hidden-for-form .line-through {visibility: hidden;}
.contact-us a {
    margin-top: 50px;
    display: inline-block;
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 20px 28px;
}

.contact-us a:before{
    content: "";
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 3.75rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.45s;
    transition: 0.45s;
    background-color: rgba(255, 255, 255, 0.1);

}

.contact-us a:hover:before{
    width: 100%;
    
}

.contact-us a:hover{
    color: #fff;
}

.why-explore-three-outer>div:first-child {
    padding: 0px;
}

.lets-talk img {
    position: relative;
    top: -57px;
    margin-left: 15px;
    transition:all .5s;
    transform: translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
}


.lets-talk p:hover img{
    /*top: -80px;*/
    transition:all .5s;
    transform: translate3d(15px, -15px, 0px);
}

.lets-talk p:hover  .arrow1 {
    /*display: none;*/
    transition:all .5s;
}


.lets-talk-underline {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 88%;
    height: 4px;
    /*margin-top: 15px;*/
    -webkit-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}


.lets-talk-underline-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #000;
    transform: translate3d(-101%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg); 
    transform-style: preserve-3d;
    transition:all .9s;
}

.lets-talk a:hover .lets-talk-underline-inner{
    transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); 
transform-style: preserve-3d;
transition:all .9s;
}
/*.lets-talk p:hover .hover-arrow{*/
/*    display: inline-block;*/
/*    transition:all .5s;*/
/*}*/

/*.lets-talk p:hover{*/
/*    color:#f4812f;*/
/*}*/

.lets-talk span {
    font-size: 14px;
    line-height: 48px;
    color: #ffffff;
    font-weight: 300;
    display: block;
    margin-bottom: 0px;
    font-family: "GTWalsheimPro-light";
}


.lets-talk p {
    font-size: 115px;
    line-height: 1;
    color: #f4812f;
    margin: 0px;
    /* font-family: "GTWalsheimPro-Bold"; */
    position: relative;
    left: -7px;
}


.section-nine .section-text>.row {
    margin-bottom: 57px;
}


.footer-right p{
    font-size: 18px;
letter-spacing: 0px;
line-height: 1;
color: #b8b7b7;
margin-bottom: 17px;
}

.footer-right  span{
width: 130px;
    height: 2px;
    display: inline-block;
    background: #727272;
    content: '';
    line-height: 0px;
    position: relative;
    top: 4px;
    margin-right: 32px;

    }

    .footer-right>div>div {
        display: inline-block;
        vertical-align: text-top;
        width: 66%;
    }

    .footer-right>div{
        margin-bottom: 63px;
    }
    .footer-right>div:last-child{
        margin-bottom: 0px;
    }

    .footer-right p+div{
        display: flex;
        justify-content: space-between;
    }


    li.home {
        margin-right: 25px;
        padding-right: 25px;
        border-right: 2px solid #d2d2d2;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    

ul.phone-number-header {
    margin-left: 38px;
}

li.support-icon {
    margin-right: 10px;
}


.brand-of-designdot img {
    /*width: 142px;*/
        width: 121px;
}

.mb-top-header{
    display: none;
}

.menu-box .column:nth-child(2){
    border-left:none;
}


.menu-box{
    padding-left:95px !important; 
}

.social{
    text-align: left !important;
}

.navigation, .showcase, .creative h3, .creative .numb, .main-content h3, .portfolio-lists h4, .project h3, .project .bx-pager a, .clients-say h6, .clients .bx-pager, .project-planner h4, .services-list-boxs h4, .why-designdot h4, .why-designdot h5, .team h4, .career h4, .main-content h4, .services-list li.active a, .projects-links h5{
    font-family: "GTWalsheimPro-Bold" !important;
}

.address strong, .creative ul, .clients-say h6 span, .services-list-boxs h6, .testimonials h4{
    font-family: "GTWalsheimPro-Regular" !important;
}
.address{
    /* top: 63%  !important;  */
    /*padding-top: 80px  !important;*/
}

/*.navigation li a{ */
/*    color: #6e6a6a !important;*/
/*}*/
/*.navigation li a span{*/
/*    background: #6e6a6a !important;*/
/*}*/

.navigation li.active a{
    color: #fff !important;
}

.navigation li.active a span{
    background: #fff !important;
}

.navigation{
    font-size: 48px !important;
    text-transform: lowercase;
}

.navigation li a:hover{
    color:#ff850f !important;
}

.navigation li a:hover span{
    background: #ff850f !important;
}

.payment a:hover{
    color:#F4812F;
}

.payment, .address strong{
    color: #6d6a6a !important; 
}

.payment p{
    color: #fff;
}

/* footer start */
/*.footer .section-bottom-left{*/
/*    padding-left: 130px;*/
/*}*/

.section-heading span{
    
    margin-left: 7px;
}

.section-bottom-left .section-text {
    /*padding-left: 6px;*/
}

.section-six{
    background-color:#FFF;
}


/*.section-seven{*/
/*    background: #fcf5f5;*/
/*}*/



.why-us-four,.lets-build,.lets-talk p,.lets-design,.request-row-main a,p.social-left a,p.social-right a,.lets-talk span,.happy p
,.happy h5,p.copyright,.working-hrs-row span{
    color:#000;
}
p.social-right a{
border:1px solid #000;
}
.footer-right p,.working-hrs-row p{
    color: #b8b7b7;
}
.footer,.section-nine{
    background-color: #fcf5f5;
}

.section-bottom-left{
    padding-bottom: 50px;
}

.footer-bottom-row {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.working-hrs-row {
    margin-bottom: 30px !important;
}


.working-hrs-row{
display: flex;
}

.working-hrs-row>div{
    width: 100%;
}


.working-hrs-row>div + div {
    width: 65%;
}

.footer-menu-2 {
    display: inline-block;
    margin-left: 30px;
}

.footer-menu-2 ul li {
    display: inline-block;
}

.footer-menu-2 ul li a {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    padding: 0 15px;
    border-right: 1px solid;
}

.footer-menu-2 ul li:first-child a{
    padding-left: 0px;
}
.footer-menu-2 ul li:last-child a{
    padding-right: 0px 10px 0 0;
    border: none;
}

.row.footer-bottom-row {
    display: inline;
}

.footer-right-2 {
    display: flex;
    justify-content: space-between;
}


.bottom-social-icons{
    margin: 0px;
}

.bottom-social-icons i{
    font-size: 26px;
    margin-right: 40px;
}

.our-achieve {
    /*display: flex;*/
    /*align-items: center;*/
    /*    justify-content: flex-end;*/
}

.our-achieve-img {
    display: flex;
    align-items: center;
  justify-content: center;
}


.our-achieve h4 {
    text-align: left;
    font-size: 20px;
    line-height: 21px;
    color: #000000;
    font-family: SocialGothic-Bold;
    font-weight: bold;
    margin-right: 40px;
    margin-bottom: 20px;
}

.our-achieve img {
    width: 100%;
    margin-right: 35px;
}

.our-achieve img  ~ img{
}

.footer-right span{
    top: 1px;
}


.working-hrs-row {
    display: flex;
}
.working-hrs-row>div {
    width: 54%;
}

.working-hrs-row>div + div {
    width: 44%;
}

.live-time {
    text-align: right;
}

/*.footer .section-bottom-left {*/
/*    padding-left: 130px;*/
/*}*/


/*.footer .section-heading span{*/
/*    margin-top: 15px;*/
/*}*/

p.section-number.visibility {
    visibility: hidden;
}

.section-bottom-left {
    padding-bottom: 50px;
    padding-left:63px;
}


.design-by p {
    text-transform: lowercase;
    color: grey;
    font-size: 14px;
    line-height: 1;
    margin-right:0px;
}


.design-by p a{
background: url(../images/designdot-logo.png) no-repeat scroll left top;
    width: 72px;
    height: 17px;
    display: inline-block;
    /* float: right; */
    margin-left: 5px;
    transition: 0.3s;
}

.design-by p a:hover{
background: url(../images/designdot-logo.png) no-repeat scroll left bottom;
width: 72px;
height: 17px;
/* display: block; */

}


.design-by {
    display: flex;
    align-items: flex-end;
    text-align:right;
    justify-content:flex-end;
}



.class-to-style.left-arrow.slick-arrow {
    position: absolute;
    top: -70px;
    z-index: 1;
    right: 80px;
    padding-right: 0px;
    margin-right: 50px;
    cursor: pointer;
}


.class-to-style.right-arrow.slick-arrow {
    position: absolute;
    top: -70px;
    right: 16px;
    padding-right: 0px;
    margin-right: 50px;
    cursor: pointer;
}

/* footer ends */


.video-text .dot,.dot-big {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
}


.dot-big.white{
    background: #000 !important;
}
.video-text .dot1{
    background:#f58331;    
}

div#typed .dot{
            width: 8px;
    height: 8px;
    margin-left: 5px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

div#typed strong .dot{
        width: 16px;
    height: 16px;
    margin-left: 5px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

.section-text span span.dot,.whats-good .dot{
       width: 8px;
    height: 8px;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#fff;
    /*margin:0px;*/
}


.section-text span span.dot{
    background:#000;
}
.section-text>h2>span.dot,.why-us-four .dot{
            width: 11px ;
    height: 11px ;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}


.dot-2{
                width: 8px ;
    height: 8px ;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
}

.dot-3{
                    width: 6px ;
    height: 6px ;
    margin-left: 2px;
    display: inline-block;
    border-radius: 100%;
    background:#000;
    
}


.dot-3.white{
    background:#fff !important;
}




.why-us span.dot,span.why-us-two.why-us-three .dot,.why-us-four .dot{
    background:#000 !important;
}


.container-box>div{
        align-items: center;
        display:flex;
}


/*.footer-right-2 {*/
/*    justify-content: flex-end;*/
/*}*/

.blog-inner {
    position: relative;
    overflow: hidden;
}


.blog-inner>a {
    display: inline-block;
    width:100%;
}

.blog-inner:hover .blog-img img {
    transform: scale(1.3);
    transition: all 2s;
}


.blog-inner:hover .bdl-text p i {
    transform: translateX(20px);
    transition: all 2s;
}


.blog-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .5s ease;
    background-color: #2e2e2ea3;
}

.blog-img img {
    width: 100%;
    transition: all 2s;
}

.blog-date-info {
    padding: 20px 40px;
    font-size: 16px;
    color: #a6a6a6;
}

.blog-date {
    display: block;
    font-size: 40px;
    color: #a6a6a6;
}

.blog-text {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}




.bdl-text {
    position: absolute;
    bottom: 24px;
    padding: 10px 40px;
}

.bdl-auhtor-name {
    color: #a6a6a6;
    font-size: 16px;
    margin: 10px 0;
}

.blog-text h1 {
    font-size: 26px;
    /* font-family: 'Lato-Light'; */
    font-family: "GTWalsheimPro-light";
    margin-bottom: 26px;
    /* color: #fff; */
    color: #e1e1e1;
}

.blog-text h1 strong {
    font-family: "GTWalsheimPro-Regular";
    display: block;
}

.bdl-text p i {
    color: #fff;
    font-size: 30px;
    transition: all 2s;
    display: block;
}

.mobile-video{
    display:none;
}

p.p1,p.p2,p.p3,p.p4,p.p5,p.p6 {
    font-size: 20px;
    line-height: 1.4;
}


ul.ul1 {
    padding-left: 20px;
    font-size: 20px;
    line-height: 1.4;
}

ul.ul1 li {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 10px;
}

span.s2{
        color: #f48841;
    line-height: 2;
    text-decoration:none;
}

span.s1{
    color: #f48841;
    text-decoration:none;
}
p.p2 strong,p.p5 strong ,p.p6 strong,p.p1 strong,p.p3 strong,p.p4 strong{
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: "GTWalsheimPro-Bold";
    display:block;
    text-align:left;
}

 
 .quick-enquery1 {
    float: left;
    margin: 0px;
    text-align: center;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 130px;
    top: 26px;
    z-index: 99;
}


.quick-enquery1 a {
    padding: 15px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #000000;
    font-family: "GTWalsheimPro-Bold";
    font-weight: bold;
    text-transform: uppercase;
    background: #f58331;
    border-radius: 21px;
    display: block;
    color: #fff;
}
.contact-text{
        margin-top: 100px;
        font-size: 18px;
    line-height: 30px;
}

.contact-text1 b {
    color: #fff !important;
    margin-bottom:15px !important;
    font-family: "GTWalsheimPro-Bold";
}

.contact-text1 p {
    color: #fff !important;
    font-family: "GTWalsheimPro-Regular";
}


.section-left>.row>div {
    padding: 0px;
}


ul.city li a:hover{
    color:#00539c;
}

ul.city li a:hover span{
    background:#00539c;
}

.stars i {
    color: #f59050;
}


.dowload-bro {
    margin-top: 20px;
    text-align: right;
    width: 100%;
}

.dowload-bro a {
    color: #f68d32;
}

.blog-box {
    padding-right:16px;
}

.text-padding {
    padding-right: 16px !important;
}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1920px){
    .dowload-bro {
    margin-top: 50px;
    text-align: right;
    width: 100%;
    position: absolute;
    /*right: 3rem;*/
}
}

@media(max-width:1800px){
    .visible-menu ul li a{
        font-size: 14px;
    }
    
    
    .section-text h2{
            font-size: 32px;
    }
    /* header ends */

    /* footer start */



    .lets-talk p{
        font-size: 96px;
    }

    /*.section-bottom-left {*/
    /*    padding-left: 50px;*/
    /*}*/


    .our-achieve img{
        height: 81%;
    width: auto;
    }

    .lets-build,.lets-design{
        font-size: 40px;
    }

    .request-row-main a {
        font-size: 17px;
    }
    .happy p{
        margin-right: 30px;
    }

    

}
  @media(max-width:1680px){
      img.blog-img {
          padding-right: 20px;
      }
  
      .logos img{
          width: 10%;
      }
      
      
      
  }
  
  @media(max-width:1600px){
  

    .lets-talk p {
        font-size: 76px;
    }
    
    
    
    .lets-talk img {
        width: 40px;
    }

    .navigation {
        font-size: 37px !important;
    }
      .section-heading span,.line-one,.footer-right span{
          width: 108px;
      }
      .heading1{
          margin-bottom: 30px;
      }
      /* .section-left .row{
          justify-content: center;
      } */
  

      span.whats-good {
        width: auto;
    }


    .sliderContainer.what-good-container {
        padding-left: 237px;
    }
      
      /* .visible-menu ul li{
          padding-left: 27px;
      } */
      /* .visible-menu ul li:last-child a{
          padding: 11px;
      } */
      .visible-menu ul li a{
          font-size: 14px;
      }
  
      .brand-of-designdot{
          padding-left: 50px;
      }
  
      span.why-us{
          margin-bottom: 60px;
      }
  
      .section-text h2{
          font-size: 27px;
      }
  
  

  
      /* .section-left>div>div {
          width: 31%;
      } */
  
      
      .section-left>div>div:nth-child(2) {
          width: 100%;
      }
  
  
      .class-to-style.right-arrow.slick-arrow img, .class-to-style.left-arrow.slick-arrow img{
          width: 30px;
      }
      
      .logos-outer {
          margin-top: 50px;
      }
/* footer */

    /*  .footer .section-bottom-left {*/
    /*    padding-left: 100px;*/
    /*    padding-right: 100px;*/
    /*}*/


    .working-hrs-row>div {
        width: 56%;
    }

    .footer-menu-2 {
        display: inline-block;
        margin-left: 20px;
    }
    .footer-menu-2 ul li a{
        padding: 0 12px;
    }



    .our-achieve h4{
        margin-right: 20px;
        font-size: 19px;
    }

    .row.footer-bottom-row{
        align-items: flex-end;
    }
    /* footer ends */


      /* header start */
      .visible-menu ul li a,ul.city li a {
        font-size: 14px;
    }




.visible-menu{
    margin-left: 10px;
}

li.home{
    margin-right: 10px;
    padding-right: 15px;
}

ul.phone-number-header {
    margin-left: 10px;
}

.visible-menu ul li {
    padding-left: 0px;
}

.visible-menu ul li.quick-enquery a{
    padding: 11px;
}

li.support-icon img {
    width: 40px;
}
.visible-menu ul li.home a img {
    padding-left: 10px;
    width: 33px;
}

ul.city li:after{
    padding-left: 5px;
    padding-right: 5px;
}

ul.phone-number-header img {
    width: 25px;
}

li.support-icon {
    margin: 0px;
}

.logo img {
    width: 175px;
    height: auto;
}


.brand-of-designdot {
    padding-left: 20px;
    padding-right:20px;
}

/*.container-box>div{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/


/* header ends */
 

.award-winning h5{
    font-size: 24px;
}


.video-text h1,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
    font-size: 80px;
    max-width: 773px;
    /* left: 150px; */
}

.sec-left-text{
    max-width: 473px;
}
.achievements-inner h2{
    font-size: 80px;
}

.video-text p{
    font-size: 22px;
    
    margin-top: 30px;
}

.estd,.visitors-count b,.sec-two-text ul li b,.sec-three-two .sec-right>.why-designdot,
.sec-three-two ul li b,.process-heading{
    font-size: 32px;
}

.estd-subheading,.sec-three-one b,.meet-designers>div>p{
    font-size: 22px;
}
.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong,.visitors-count span,.sec-two-text ul li p,.sec-three-one p,
.sec-three-two ul li p,.process-right-heading,.sec-four-text p{
    font-size: 17px;
}
.visitors-count li{
    padding-right: 50px;
}

.sec-three-two ul li{
    margin-right: 70px;
}

.sec-four-inner .sec-left {
    width: 200%;
}

.sec-four-text>div {
    display: block;
}

.sec-four-text>div>div {
    float: none;
    width: 100%;
}

.process-right-heading {
    display: block;
    float: none;
    width: 100%;
    margin-top: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.sec-five-two ul li b,.sec-five-two ul li p{
    font-size: 16px;
}

.achievements-inner h2{
    font-size: 60px;
}

.sec-three-two ul li {
    margin-right: 50px;
}

}
  
  @media(max-width:1500px){  
      .download_brochure {
        right: -10px;
    }
    
    .section-text P {
     margin-right: 0px; 
}

        p.copyright {
            font-size:12px;
            left: 10px;
        }

}
  
  @media(max-width:1400px){
    
    .happy p {
        font-size: 12px;
        padding: 0 10px 0 0;
    }
    
    .main-content h1 {
      font-size: 80px;
 }
    

    .client-subheading{
        width: 39% !important;
    }

    p.client-text{
        text-align: justify;
    }
    .social li {
        /* float: left; */
        margin: 0 7px !important;
    }


  
      .section-heading span,.line-one,.footer-right span {
          width: 96px;
      }
  
      
      p.blog-text{
          max-width: 76%;
      }
      .section-one {
          padding: 50px 0;
          height: 100%;
      }
  
      
  
      .section-text h2 {
          font-size: 23px;
          line-height: 1.4;
      }
  
      .section-left ,.section-heading.slider-heading{
          padding-top: 70px;
          padding-bottom: 70px;
      }
  
      .section-list li{
          font-size: 15px;
      }
  
      .section-list {
          list-style: none;
          padding: 0px;
          margin: 0px;
          margin-top: 50px;
      }
      .heading1{
          font-size: 24px;
          line-height: 30px;
          display: block;
          margin-bottom: 30px;
      }
  
      
  
      span.why-us-two{
          font-size: 22px;
      }
  
      .box{
          padding: 15px;
      
      text-align: left;
      }

  
      a.send-req{
          font-size: 17px;
          width: 280px;
          height: 102px;
          padding: 34px 92px 60px 40px;
      }
  
      /* .visible-menu{
          margin-left: 50px;
      } */
  
      .visible-menu ul li {
          padding-left: 13px;
      }
  
      ul.city li a{
          font-size: 13px;
      }
  
      .brand-of-designdot {
          padding-left: 30px;
      }

      .video-text h1,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
        font-size: 60px;
        max-width: 773px;
        /* left: 150px; */
        line-height: 1.3;
    }   

    .award-winning h5{
        font-size: 21px;
    }
    .estd,.visitors-count b,.sec-two-text ul li b,.sec-three-two .sec-right>.why-designdot,
.sec-three-two ul li b,.process-heading{
    font-size: 28px;
}

.estd-subheading,.sec-three-one b,.meet-designers>div>p{
    font-size: 19px;
}
.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong,.visitors-count span,.sec-two-text ul li p,.sec-three-one p,
.sec-three-two ul li p,.process-right-heading,.sec-four-text p{
    font-size: 16px;
}

.sec-five-two ul li b,.sec-five-two ul li p {
    font-size: 14px;
}


span.whats-good{
    width: auto !important;
}

.footer-menu-2 ul li a{
    font-size: 13px;
}



.working-hrs-row>div {
    width: 70%;
}

.working-hrs-row>div + div {
    width: 30%;
}

.happy p {
    margin-right: 0px;
}

.design-by p{
    text-align: right;
}





.request-row-main a {
    font-size: 17px;
}



.design-by{
    width: 100%;
}

.our-achieve{
    width: 70%;
}

.design-by p{
    text-align: right;
}


  }
  

  @media(max-width:1330px){

    p.copyright {
    font-size: 10px;
}

.download_brochure{
    position: relative;
    top: 20px;
    font-size: 15px;
}

    .sliderContainer.what-good-container {
        padding-left: 207px;
    }

    .section-heading span,.line-one,.footer-right span {
        width: 75px;
    }


    .lets-talk p {
        font-size: 66px;
    }


    .lets-talk img {
        width: 30px;
    }

    .our-achieve img{
        height: 71%;
    }

    .line-before li:before{
        width: 30px;
    }
    .section-one .section-text p ,.what-good-text p,p.why-us-subheading,.section-list li,.section-text P span
    ,p.blog-text{
        font-size: 16px;
        line-height: 1.5;
    }

    .heading1,span.why-us-two{
        font-size: 20px;
    }


    .logo img {
        width: auto;
        height: 46px;
    }
    

    
    .brand-of-designdot img {
        width: 114px;
    }

  }


  
  @media(max-width:1279px){
      .brand-of-designdot {
          padding-left: 30px;
          padding-right: 30px;
      }
  
      div#typed strong {
        font-size: 40px !important;
    }
    
    
    div#typed strong .dot{
        width:14px;
        height:14px;
    }
    div#typed {
        font-weight: 500;
        font-size: 16px;
    }


      .menu-box {
        padding-left: 50px !important;
    }


    .navigation {
    font-size: 27px !important;
}

.address{
    padding: 0 27px !important;
}

.social li a{
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
    
    line-height: 30px !important;
}

.social li a i {
    line-height: 30px !important;
}
  
      .logo img {
          width: auto;
          height: 51px !important;
      }
  
      ul.city li a {
          font-size: 12px;
      }
      
  
      .visible-menu ul li a {
          font-size: 12px;
      }
  
      .our-achieve img {
        width: 100%;
        margin-left: 15px !important;
        margin-right: 0;
    }
  }
  

  
  @media(max-width:1199px){
      
   .row.box >div>img.img-width {
     width: 20%;
   }  
   
 .client-name {
    padding:0 !important;
     margin-top: 10px;
    }
    
 
 .client-subheading .box >div> img{
    width:40% !important;   
 }   
      
 .dowload-bro {
    padding: 0 40px !important;
}
 
 .dowload-bro {
     padding: 0 0px !important; 
     margin-top: 72px;
     text-align: left;
} 

p.copyright {
    line-height: 20px;
    text-align: left;
}

.header-right{
    justify-content: flex-end;
}
.header-right{
        margin-top: 5px;
}
    
    .row.footer-bottom-row{
        display: block;
    }
    .darkHeader .mb-top-header {
        display: none;
    }


    .container-box>div {
        align-items: center;
    }

    .section-one .section-text p , .what-good-text p, p.why-us-subheading, .section-list li, .section-text P span, p.blog-text {
        /*font-size: 14px;*/
        line-height: 1.5;
    }

    .section-text h2 {
        font-size: 20px;
    }

    span.why-us {
        font-size: 15px;
        margin-bottom: 22px;
    }

    .section-bottom-left,.section-left{
        display: block;
        /*padding: 30px;*/
    }

    .section-bottom-left .section-text {
        margin-top: 40px;
    }



    .box-col {
        margin-bottom: 20px;
    }


    /*.footer .section-bottom-left{*/
    /*    padding-left: 50px;*/
    /*    padding-right: 50px;*/
    /*}*/
   
    header.header {
        padding-top: 5px;
    }

    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }
    .showcase .caption{
        min-height: auto !important;
    }
      .section-left>div>div:nth-child(2) {
          width: 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 40px;
          padding: 0px;
      }
  
    

      ul.phone-number-header img {
        width: 19px;
    }
  
      /* header.header>div>.row>div {
          width: auto;
          max-width: initial;
          flex: auto;
          float: none;
      } */
  

      /*.visible-menu{*/
      /*    display: none;*/
      /*}*/
      header>div {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
      .section-one .section-left>div>div:nth-child(2) {
          margin-top: 20px;
      }
  
      span.why-us {
          margin-bottom: 30px;
      }
  
      .section-text h2{
          font-size: 23px;
      }
  
      span.why-us{
          font-size: 18px;
          margin-bottom: 22px;
      }
  
       .what-good-text p{
          margin-right: 120px;    
      }
  
      .what-good-text{
          margin-right: 0px;
      }
  
      .what-good-text{
          padding: 15px;
      }
  
      .section-left, .section-heading.slider-heading {
          padding-top: 30px;
          padding-bottom: 30px;
      }

      .section-heading.slider-heading{
          padding-left: 30px;
      }


      .section-heading.slider-heading {
        display: block;
    }

    .section-heading.slider-heading p, .section-heading.slider-heading span.line-through{
        display: inline-block;
    }
    .section-heading.slider-heading span.line-through{
        position: relative;
        top: -7px;
    }

    .class-to-style.left-arrow.slick-arrow,.class-to-style.right-arrow.slick-arrow{
        top: -55px;

    }

    

      
      .sliderContainer.what-good-container {
          padding-left: 40px;
      }
      
      span.whats-good{
          font-size: 19px;
          margin: 0px;
          display: block;
      }
  
      .heading1{
          font-size: 20px;
          margin-bottom: 22px;
          line-height: 1.4;
      }
  
      .section-left{
          display: block;
      }
  
      .box>div {
          width: 100%;
          max-width: 100%;
          flex: 0 0 100%;
      }
  
  
      .box-col {
          width: 50%;
          max-width: 50% !important;
          flex: 0 0 50% !important;
      }
  
      /* .box{
          margin: 15px !important;
      } */
  
      /*.footer-bottom-row .col-lg-5, .footer-bottom-row .col-lg-4,.col-lg-7.footer-right-2 {*/
      /*    width: 100% !important;*/
      /*    flex: 0 0 100%;*/
      /*    max-width: 100%;*/
      /*}*/
      .what-good-text p {
          margin-right: 40px;
          line-height: 1.4;
      }
  

      .design-by{
        justify-content: flex-end;
      }
      /* div#typed strong {
          font-weight: 800;
          font-size: 30px !important;
      } */
      
      /* div#typed{
          font-weight: 500;
          font-size: 15px !important;
      } */


      .header-under-common {
        padding-top: 200px;
    }

    .award-winning h5 {
        font-size: 18px;
    }

    .section-container {
        padding: 0 50px;
        
    }
    .video-text,.sec-three-banner-text,.sec-left-text,.sec-five-banner h4{
        left: 100px;
        font-size: 55px;
    }

    .video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
        font-size: 55px;
    }

    .achievements-inner h2{
        font-size: 55px;
        line-height: 1.3;
    }
    .section-one{
        padding-top: 80px;
    }

    .estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot,
     .sec-three-two ul li b, .process-heading{
        font-size: 24px;
    }
    .estd-subheading, .sec-three-one b, .meet-designers>div>p{
        font-size: 17px;
    }

    .sec-one-inner .sec-right p,.sec-one-inner .sec-right strong, .visitors-count span, .sec-two-text ul li p, 
    .sec-three-one p, .sec-three-two ul li p, .process-right-heading, .sec-four-text p{
        font-size: 14px;
    }

    


    .sec-five-two ul li {
        width: 29%;
        margin-right: 47px;
        display: inline-block;
        margin-bottom: 20px;
    }



    .sec-five-two ul li:nth-child(3){
        margin-right: 0px;
    }

    .sec-five-two ul{
        display: block;
    }

    .sec-three-two ul{
        margin-bottom: 30px;
    }
    .sec-left span{
        width: 100px;
    }
    .achievements-inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }


    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }

    .mb-top-header>div>div>ul>li>a{

    
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
}

.top-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.top-right>div>a {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #f58331;
    border-radius: 12px;
    padding: 6px;
    display: inline-block;
}



.mb-top-header>div>div {
    border-bottom: 2px solid #dadada;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 20px;
}

ul.city li:after {
    padding-left: 0px;
    padding-right: 0px;
}


.mb-top-header {
    margin-left: -20px;
    margin-right: -20px;
}

.mb-top-header>div>div {
    width: 100%;
    justify-content:end;
}

.mb-top-header>div {
    display: flex;
}

.logo img {
    width: auto;
    height: 50px !important;
}

.brand-of-designdot img {
    width: 93px;
}


.lets-build, .lets-design {
    font-size: 30px;
    line-height: 1.4;
}
.footer .section-text {
    margin-top: 0px;
}

.section-heading span, .line-one, .footer-right span {
    width: 48px;
}

.footer-right span{
    margin-right: 10px;
}

.footer .section-heading span{
    margin-left: 0px;
}


.request-row-main a {
    font-size: 14px;
}


p.social-left a {
    font-size: 15px;
}





p.social-right a{
    margin-right: 16px;
}


.footer .section-text P{
    margin-right: 0px;
}

.footer-right>div {
    margin-bottom: 30px;
}

.lets-design{
    margin-top: 100px;
    margin-bottom: 100px;
}

.lets-talk p {
    font-size: 46px;
}

.lets-talk img {
    width: 24px;
}


.section-nine .section-text>.row {
    margin-bottom: 30px;
}

.footer-menu-2{
    margin-left: 0px;
}

.happy img {
    width: 120px;
}

.working-hrs-row p {
    
    margin-bottom: 10px;
}

.footer-right p,.working-hrs-row p{
    font-size: 16px;
}
.working-hrs-row>div + div {
    width: 27%;
}

.working-hrs-row>div {
    width: 73%;
}


.footer .section-bottom-left {
    display: flex;
}


span.whats-good {
    margin-top: 30px;
}


.our-achieve {
    width: 100%;
}

  }

  @media(max-width:1000px){
      
     .section-left {
        padding-left: 65px;
    }
      
    .visible-menu {
      display: none;
     }  
      
    .mb-top-header,.mb-top-header ul.city{
        display: block;
    }
    .header-right  ul.city{
display: none;
    }   
      
   .top-right {
    display: flex;
    justify-content: end;
    }
    
    .mb-top-header>div>div {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
    
    a.menu {
         padding: 0px; 
    }


}

  @media(max-width:991px){
      
 
          
      .logos-outer>div>div{
        flex: 0 0 24.5%;
        max-width: 24.5%;
        display: inline-block;
      }
      
      .logos-outer>div{
              display: flex;
      }
      
      .logos-outer {
    overflow: auto;
}
      .footer span.line-through{
          top: -8px;
      }
      
      span.why-us-two {
    margin-bottom: 20px;
        line-height: 1;
}

      a.dd-d-logo img{
        width: 60px !important;
        height: auto !important;
    }

      
      .dot-3{
       width: 5px;
       height: 5px;
      }
      .navigation li a .dot{
            width: 6px !important;
            height: 6px !important;
            margin-left:2px;
      }

      .section-text span span.dot, .whats-good .dot,ul.city li a span{
            width: 5px;
            height: 5px;
            margin-left:2px;
        }
      
      .section-text>h2>span.dot, .why-us-four .dot{
            width: 8px;
            height: 8px;
            margin-left:2px;
      }
      
      span.why-us-two{
          letter-spacing: 1px;
      }
      
      .client-name{
              padding-left: 0px !important;
    padding-top: 10px !important;
      }
      div#typed strong{
          font-size:30px !important;
      }

    p.social-right a{
    width: 25px;
    font-size: 14px;
    padding: 0px;
    line-height: 24px;
    height: 25px;
}

p.social-right a {
    margin-right: 10px;
}

    /*.footer .section-bottom-left {*/
    /*    padding-left: 30px;*/
    /*    padding-right: 30px;*/
    /*}*/

    .lets-build, .lets-design {
        font-size: 25px;
        line-height: 1.4;
    }

    
    .footer-right p+div {
        display: block;
    }

    .footer-right p+div a {
        display: block;
    }

    .row.box {
        margin: 10px;
    }

    .showcase .caption{
        padding: 85px 0 !important;
    }

    .clip .clip-box{
        margin: 0 0px !important;
    }
    .section-left, .section-heading.slider-heading {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .section-one {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .section-heading.slider-heading {
        padding-left: 65px;
    }

    .sliderContainer.what-good-container {
      padding-left: 65px;
    }

    header>div{
        padding-left: 20px !important;
    padding-right: 20px !important;
    }


    .menu-box {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .payment strong {
        font-size: 14px;
    }

    .payment a,.payment p{
        font-size: 12px;
    }

    .address {
        padding: 0 11px !important;
    }


    .navigation {
        font-size: 20px !important;
    }


    .mb-top-header ul.city{
        display: block;
    }

    header.header {
        padding-top: 5px;
    }
.footer-right>div>div{
    width: 69%;
}

.section-two .explore-box {
    padding-right: 0px;
}

.row.box {
     margin: 0px; 
}

.blog-inner {
    margin-bottom: 20px;
}

.blog-box {
     padding-right: 0px; 
}

.lets-talk img {
   
    top: -86px;
    left: 215px;
}
 }
  
 @media(max-width:770px){
     
      .url-text-black {
        word-break: break-all;
       }
      .our-achieve img {
        height: 51%;
        width: 120px;
       } 
       
      p.social-right i {
       line-height: 25px !important;
     }
     
     .footer-menu-2 ul li:last-child a {
        padding-right: 0px 10px 0px 0px !important;
      
    }
    
    p.social-right a {
    margin-bottom: 10px;
}

a.mob-pr {
    padding: 0 !important;
}
    
.happy h5 {
    line-height: 20px;
} 

.happy p {
    font-size: 14px;
    padding: 0 10px 0 0;
    line-height: 24px;
}

.row.box {
    padding: 0;
}

.blog-date {
    display: block;
    font-size: 24px;
    color: #c5c5c5;
}

.blog-date-info {
    font-size: 14px;
    color: #c5c5c5;
    line-height: 21px;
}

.blog-text h1 {
    font-size: 16px;
    font-family: "GTWalsheimPro-light";
    margin-bottom: 5px;
    color: #e1e1e1;
    line-height: 18px;
}

.bdl-text {
    position: absolute;
    bottom: 12px;
    padding: 10px 20px;
}

.blog-date-info {
    padding: 20px 20px;
}

.p-0mob {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.download_brochure {
    right: 10px;
}

p.copyright {
    left: -10px;
}
}
  
 @media(max-width:768px){
     
     
.our-achieve {
    width: 100%;
    margin-top: 50px;
}   
   
.our-achieve-img {
    justify-content: start;
}   
  
.dowload-bro {
    text-align: left !important;
}

.section-bottom-left {
    padding-bottom: 50px;
    padding-left: 65px;
}

span.lets-build {
    display: none;
}

.lets-talk img {
    top: -57px;
    left: 0px;
}

.lets-design {
    margin-top: 30px;
    margin-bottom: 30px;
}
   
  .p-0mob1 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}   

.happy {
    border-top: 2px solid #0f0f0f00;
}

.blog-text h1 {
    font-size: 26px;
    line-height: 35px;
}

.blog-date {
    font-size:40px;
}

.blog-date-info {
    font-size: 18px;
    line-height: 34px;
}
}

 @media(max-width:767px){

.happy {
    border-top: 2px solid #48484800;
}

.sec-left.hidden-for-form .line-through {display:none;}      
.footer-bottom-row {
    position: relative;
    margin-bottom: 30px !important;
}

.dowload-bro {
    position: absolute;
    bottom: -23px;
    /*right: 2.22rem;*/
}

  .p-0mob2 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}  

      
.row.box {
    justify-content: flex-start !important;
    align-items: flex-start;
}

.box>div.col-md-3 {
    width: 24%;
    max-width: 24%;
    flex: 0 0 24%;
}


.row.box >div>img {
    width: 100%;
}


.client-name {
    padding-top: 0px !important;
    margin-left: 20px !important;
        width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 60% !important;
}

.logos-outer>div>div{
        flex: 0 0 49%;
    max-width: 49%;
    display: inline-block;
}


      .mobile-video{
          display:block;
      }
      
      .mobile-video+ video#bgvideo{
          display:none;
      }
      
      .blog-inner {
    margin-bottom: 20px;
}
.working-hrs p+span {
    text-align: right;
}

      div#typed strong{
          font-size:30px !important;
      }
      
      div#typed strong .dot{
          width:12px;
          height:12px;
          /*margin-left:2px;*/
      }
      
      .section-text>h2>span.dot, .why-us-four .dot{
          margin-left:2px;
      }
    header>div{
        padding-left: 20px !important;
    padding-right: 20px !important;
    }

    .mb-top-header ul.city{
        display: block;
    }

    header.header {
        padding-top: 5px;
    }

    .mb-top-header>div>div>ul {
        display: flex;
        width: 100%;

        justify-content: space-between;
    }

    .mb-top-header>div>div>ul>li>a{

    
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
}

.top-right {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.top-right>div>a {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #f58331;
    border-radius: 12px;
    padding: 6px;
    display: inline-block;
}



.mb-top-header>div>div {
    border-bottom: 2px solid #dadada;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 20px;
}

ul.city li:after {
    padding-left: 0px;
    padding-right: 0px;
}

.mb-top-header{
    display: block;
}
.mb-top-header {
    margin-left: -20px;
    margin-right: -20px;
}

.section-container {
    padding: 0 30px;
}

.award-winning h5 {
    font-size: 16px;
}

.video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4 {
    font-size: 45px;
}

.video-text p{
    font-size: 20px;
    margin-top: 22px;
}

.section-one {
    padding-top: 50px;
}

.sec-one-inner .sec-right p{
    padding-top: 15px;

}

.estd{
    margin-bottom: 30px;
}

.visitors-count{
    margin-top: 50px;
    margin-bottom: 50px;
}

.sec-one-inner .sec-right p,.sec-one-inner .sec-right strong, .visitors-count span, .sec-two-text ul li p, .sec-three-one p, .sec-three-two ul li p, .process-right-heading, .sec-four-text p{
    font-size: 13px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{
    font-size: 22px;
}
.visitors-count li {
    padding-right: 30px;
}
.sec-two-text ul li{
    margin-right: 37px;
}

.sec-three-banner{
    min-height: 360px;
}

.sec-three-two ul li {
    margin-right: 30px;
}

.sec-left span {
    width: 70px;
}

.sec-four-one{
    margin-left: 30px;
}

.sec-four-one:before{
    height: 70px;
}

.sec-five-two ul li{
    width: 31%;
    margin-right: 20px;
}

.sec-five-two ul li p {
    max-width: 169px;
}

.achievements-inner h2{
    font-size: 45px;
}



/* footer */

.section-bottom-left ,.section-nine >div{

padding: 20px;
}

.section-nine >div{
padding-left: 0px;
}



.happy div {
margin-left: 14px;
}
.why-explore-three-outer{
display: block;
}

span.lets-build {
display: none;
}

.lets-design{

font-size: 17px;
line-height: 1;
margin: 30px 0px ;
}

.lets-talk span{
font-size: 12px;
line-height: 20px;
}

.lets-talk p {
font-size: 44px;
line-height: 1;
left: 0;
}

.lets-talk img {
position: absolute;
top: -3px;
/* right: 32px; */
width: 20px;
transform: rotate(-3deg);
}

.footer-right span {
width: 18px;
margin-right: 20px;
top: -3px;
}


.footer-right>div>div{
width: 81%;
}
span.why-us-two {
font-size: 15px;
}


.row.working-hrs-row {
display: block;
position: relative;
padding-bottom: 40px;
}

.working-hrs>p,.working-hrs>span {
font-size: 11px;
width: 49%;
display: inline-block;
margin-bottom: 5px;
}

.footer-menu-2 {
margin-left: 0px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 10px;

}


.section-nine .section-text>.row {
margin-bottom: 10px;
}




.sec-four-inner {
display: block;
}

.section-four .section-container {
padding-left: 20px;
}

.sec-four-inner .sec-left {
width: 100%;
}


.sec-left-banner img{

min-height: 280px;
}

.sec-four-one {
margin-left: 0px;
}

.sec-four-inner .sec-right {
padding-bottom: 20px;
}

.sec-five-banner{
min-height: 250px;
}

/* .sec-five-two ul li{
width: 100%;
} */
p.social-right {
margin-right: 0px;
}

p.social-right a {
border-radius: 50%;
font-size: 12px;
padding: 0px;
height: 19px;
text-align: center;
}
.working-hrs-row>div + div {
width: 100%;
text-align: left;
}


.what-good-text p {
font-size: 12px;
margin-bottom: 10px;
margin-right: 0px;
}



.footer-menu-2 ul li a {
font-size: 12px;

padding: 0 10px;
line-height: 23px;
}

.footer-menu-2 ul li:nth-child(2) a {
border: none;
padding-right:0px;
}
.footer-right p+div{
display: block;
}




.request-row-main a {
font-size: 14px;
display: block;
line-height: 1.5;
}

p.social-left a {
margin-right: 10px;
display: inline-block;
}

.footer-right>div {
margin-bottom: 25px;
}


.row.footer-bottom-row {
display: flex;
flex-direction: column-reverse;
}

.footer-right-2 {
display: block;
}

.our-achieve {
display: block;
}

.our-achieve h4{
max-width: 131px;
margin-bottom: 10px;
}

.our-achieve img {
width: auto;
height: 100px;
}

.our-achieve img {
margin-right: 15px;
}


.happy img {
height: 100px;
}

.happy p{
font-size: 10px;
margin: 0px;
line-height: 1.3;
}

.happy h5{
line-height: 1;
margin-bottom: 10px;
}

.working-hrs-row {
margin-bottom: 20px !important;
}


.happy {
margin-top: 20px;
padding-top: 20px;
}


/* footer ends */



.header-under-common {
    padding-top: 200px;
}

.section-container {
    padding: 0 20px;
}

.sec-two-text ul{
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
}

.sec-two-text ul li{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 30px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{
    font-size: 20px;
}

.sec-two-text ul li b{
    margin-bottom: 20px;
}

.sec-two-text ul li:first-child p {
    margin-bottom: 20px;
}

.sec-three-two ul{
    display: block;
}

.sec-three-two ul li{
    margin-right: 0px;
    width: 100%;
}

.award-winning h5 {
    font-size: 12px;
    line-height: 16px;
}
.sec-left span {
    width: 25px;
    margin-top: 10px;
    margin-right: 10px;
}

.video-text h1, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
    font-size: 18px;
}

.video-text, .sec-three-banner-text, .sec-left-text, .sec-five-banner h4{
    left: 30px;
}


.video-text h1{
    font-size:30px;
}
.video-text p{
    font-size: 16px;
    margin-top: 5px;
}

.award-winning{
    padding-bottom: 10px;
}
/*  */
.container-box {
padding: 0 20px !important;
}
.visitors-count{
    display: block;
}

.visitors-count li{
    padding-right: 0px;
    padding-bottom: 20px;
}

ul.city {
    display: none;
}

.brand-of-designdot img {
    /*width: 74px;*/
    width: 99px;
    padding: 0px;
}

.logo img {
    width: 160px;
    height: auto !important;
}

.menu span{
    display: none;
}

.brand-of-designdot {
    padding-left: 20px;
    padding-right: 16px;
        text-align: center;
    display: block;
    margin-bottom: 20px;
}

header.header>div>.row>div{
    /* display: flex; */
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.header-under-common {
    padding-top: 200px;
}

.container-box>div {
    margin: 0px;
    margin-left: -10px;
        align-items: center;
    display: block;
   
}


/*  */

/* footer */

.section-bottom-left ,.section-nine >div{

padding: 20px;
}

.section-nine >div{
padding-left: 0px;
}

.section-heading span,.line-one,.footer-right span {
width: 20px;
margin-right: 5px;
}


.happy div {
margin-left: 14px;
}
.why-explore-three-outer{
display: block;
}

span.lets-build {
display: none;
}

.lets-design{

font-size: 17px;
line-height: 1;
margin: 30px 0px ;
}

.lets-talk span{
font-size: 12px;
line-height: 20px;
}

.lets-talk p {
font-size: 49px;
line-height: 1;
left: 0;
}

.lets-talk img{
    margin-left: 5px;
}
.menu-box .column:nth-child(2){
    margin-top: 0px;
}

span.lets-build-2{
    font-size: 20px;
    line-height: 1;
    margin-top: 30px;
    display: block;
    font-family: "GTWalsheimPro-Bold";
    max-width: 220px;

}
.lets-talk img {
position: absolute;
top: -3px;
/* right: 32px; */
width: 20px;
transform: rotate(-3deg);
}

.footer-right span {
width: 18px;
margin-right: 20px;
top: -3px;
}


.footer-right>div>div{
width: 81%;
}
span.why-us-two {
font-size: 15px;
}


.why-explore-three-outer {
    display: block;
    align-items: center;
}


.blog-text .client-subheading {
    width: 100% !important;
}



img.blog-img {
    padding-right: 0px;
}

.row.working-hrs-row {
display: block;
position: relative;
padding-bottom: 40px;
}

.working-hrs>p,.working-hrs>span {
font-size: 10px;
width: 49%;
display: inline-block;
margin-bottom: 5px;
}


.working-hrs-row span{
font-size: 12px;    
}

.blog-text h1{
        font-size: 16px;
            margin-bottom: 10px;
}

.bdl-text p i{
        font-size: 19px;
}
.bdl-auhtor-name{
    font-size:13px !important;
}

.blog-date-info{
        padding: 10px 20px;
}
.footer-menu-2 {
margin-left: 0px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding-bottom: 10px;

}


.section-nine .section-text>.row {
margin-bottom: 10px;
}




.sec-four-inner {
display: block;
}

.section-four .section-container {
padding-left: 20px;
}

.sec-four-inner .sec-left {
width: 100%;
}


.sec-left-banner img{

min-height: 280px;
}

.sec-four-one {
margin-left: 0px;
}

.sec-four-inner .sec-right {
padding-bottom: 20px;
}

.sec-five-banner{
min-height: 250px;
}

.sec-five-two ul li{
width: 100%;
}
p.social-right {
margin-right: 0px;
}

p.social-right a {




border-radius: 50%;
width: 20px;
font-size: 12px;
padding: 0px;
height: 19px;
text-align: center;
}
.working-hrs-row>div + div {
width: 100%;
text-align: left;
}


.what-good-text p {
font-size: 12px;
margin-bottom: 10px;
margin-right: 0px;
}



.footer-menu-2 ul li a {
font-size: 12px;

padding: 0 10px;
line-height: 23px;
}

.footer-menu-2 ul li:nth-child(2) a {
border: none;
}
.footer-right p+div{
display: block;
}

.request-row-main a {
font-size: 14px;
display: block;
line-height: 1.5;
}

p.social-left a {
margin-right: 10px;
display: inline-block;
}

.footer-right>div {
margin-bottom: 25px;
}


.row.footer-bottom-row {
display: flex;
flex-direction: column-reverse;
}

.footer-right-2 {
display: block;
}

.our-achieve {
display: block;
}

.our-achieve h4{
max-width: 131px;
margin-bottom: 10px;
    max-width: initial;
    
    text-align: center;
    margin-bottom: 20px;
    margin-right:0px;
}



.our-achieve img {
margin-right: 38px;
}


.happy img {
height: 90px;
}

.happy p{
font-size: 14px;
margin: 0px;
line-height: 1.3;
}

.happy h5{
line-height: 1;
margin-bottom: 10px;
}

.working-hrs-row {
margin-bottom: 20px !important;
}


.happy {
margin-top: 20px;
padding-top: 20px;
}


/* footer ends */
.achievements-inner {
    padding-top: 30px;
    padding-bottom: 30px;
}

.achievements-inner>div {
    display: block;
}

.achievements-inner h2 {
    font-size: 20px;
    max-width: 150px;
    margin-bottom: 15px;
}
.section-one {
    padding-top: 20px;
}

.estd, .visitors-count b, .sec-two-text ul li b, .sec-three-two .sec-right>.why-designdot, .sec-three-two ul li b, .process-heading{

    font-size: 15px;
}

.sec-two-banner{
    min-height: 246px;
    background-size: cover;
}

.section-three {
    padding-top: 30px;    
}

.sec-three-banner {
min-height: 260px;
}

.mb-top-header>div {
    display: block;
}

.sliderContainer.what-good-container {
    padding-left: 30px;
}
.section-heading.slider-heading {
    padding-left: 20px;
}

.section-left, .section-heading.slider-heading {
    padding-top: 20px;
    padding-bottom: 20px;
}

.box-col {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.client-subheading {
    width: 100% !important;
    margin-top: 20px;
    margin-bottom: 20px;
}


.section-left>div>div:nth-child(2) {
    
    margin-top: 20px;
    
}

.explore-box {
    margin-top: 20px;
    
    
}
.design-by {
    display: none;
}



.footer .section-bottom-left {
    padding-left: 0px;
    padding-right: 20px;
    margin-left: -10px;
}



.footer .section-text P {
    margin-right: 0px;
    line-height: 1.4;
}

.working-hrs>p, .working-hrs>span{
    width: 100%;
}

.working-hrs-row>div + div{
    margin-bottom: 30px;
}

.our-achieve {
    width: 100%;
        text-align: center;
}


p.blog-text {
    margin-bottom: 20px;
}


span.why-us,span.whats-good {
    font-size: 16px;
    margin-bottom: 10px;
}

.darkHeader >div{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


a.menu {
    padding: 5px;
}


.row.box {
    margin: 0px;
    padding: 5px;
}


.section-bottom-left .section-text {
    margin-top: 20px;
    padding-left:0px;
}


.section-five .explore-box {
    margin-top: 50px;
}


.heading1{
    font-size: 16px;
    margin-bottom: 10px;
}

.what-good-text {
    padding: 15px 0px;
    margin-bottom: 20px;
}

.section-list{
    margin-top: 20px;
}

.section-two .explore-box {
    margin-top: 20px;
}
.explore-box a{
    margin-left: 10px;
}

.section-heading span, .line-one, .footer-right span{
    margin-right: 0px;
}

.sliderContainer.what-good-container {
    padding-left: 0px;
}

.what-good-inner{
    padding: 0px 20px;
}
p.client-text{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
}

.client-name h6,.client-name span{
    font-size: 12px;
}



.section-text h2 {
    font-size: 18px;
}

span.single-line{
    width: 50px;
    margin-bottom: 20px;
}

.section-heading p{
    font-size: 18px;
}

.section-right-full{
    margin-left: 0px;
}

.section-left, .section-heading.slider-heading {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

span.whats-good {
    margin-top: 20px;
}

.footer .section-bottom-left .section-text {
    margin-top: 0px;
    /*padding-left: 10px;*/
    
}

.footer .why-explore-three-outer {
    display: block;
    align-items: center;
}

.lets-design {
    font-size: 17px;
    line-height: 1;
    margin: 20px 0px;
}

.request-row-main {
    margin-top: 30px;
    margin-bottom: 0px;
}
.footer-right>div {
    margin-bottom: 25px;
}


.our-achieve img {
    width: auto;
    height: 92px;
        margin-right: 18px;
    display: inline-block;
    text-align: center;
}


.footer-right p, .working-hrs-row p {
    font-size: 14px;
    margin-bottom: 13px;
}

p.social-left {
    margin: 0px;
}

p.social-right a{
    line-height: 18px;
}

.live-time,.working-hrs {
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.working-hrs-row>div{
    width: 100%;
}
.live-time p,.working-hrs p{
    margin: 0px;
}

.clip {
    padding: 0 0 20px 0 !important;
}


.quick-enquery1{
        left: auto;
    
    right: 20px;
}

.quick-enquery1 a{
        padding: 10px;
    font-size: 10px;
}

.logos-outer {
    margin-top: 20px;
}

.bdl-text{
        padding: 10px 20px;
}



.logos{
    display:block;

    text-align: center;
}

.logos img{
        width: 60%;
            margin-bottom: 40px;
}

.achieve h4 {
    text-align: center;
}


span.s1{
   word-break: break-word !important; 
}



  }
  
  
  /*mobile responsive*/
  


.display-inline {
    display: flex;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    background-color: #f58331;
    border-radius: 2px;
    height: 50px;
    margin-top: 0px;
    margin-left: 7px;
}
  
.mt-8{
    margin-top: -8px !important;
}
  



.whatsaap {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 65px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 999;
    line-height: 60px;
}


.phone-number-header .divder {
   display: inline-block;
    float: right;
    margin-left: 10px;
    font-size: 32px;
    color: #c9c9c9;
    top: -8px;
    position: relative;
}

/*i.my-icon {*/
/*    margin-top: 16px !important;*/
/*}*/

@media(max-width:600px){
    .row.box >div>img.img-width {
        width: 100%;
    }
    
    p.social-right a {
    border-radius: 50%;
    width: 25px;
    font-size: 12px;
    padding: 0px;
    height: 25px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

}

@media(max-width:500px){


.mb-top-header>div>div {
    justify-content: start;
}
  .nav-up {
    top: -10px;
}
 .our-achieve h4 {
    text-align: center;
    line-height: 24px;
}  
    
  .mb-top-header>div>div {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.footer-menu-2 {
    text-align: left;
}

.row.working-hrs-row {
    margin-right: -15px;
    margin-left: -15px;
}

.our-achieve {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-auto {
    margin: 0;
}

.our-achieve-img {
    justify-content: center;
}

.dowload-bro {
    text-align: center !important;
}

p.copyright {
    line-height: 20px;
    text-align: center;
    font-size:12px;
}

.whatsaap {
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 90px;
    right: 20px;
    line-height: 50px;
}
 
 .lets-talk img {
    top: -25px;
    width: 20px;
    left: 250px;
} 
.my-icon {
    margin-top: 10px;
}
}



 
 
   
 /*---max-width:375px----*/
  @media(max-width:375px){

  .whatsaap {
    line-height: 50px;
}
 
  p.copyright {
    font-size:10px;
} 
 .download_brochure {
    font-size: 14px;
    left: 20px;
} 
.dowload-bro {
    right: 95px ;
}

.footer .section-text P {
    text-align: left;
}
.download_brochure {
    font-size: 14px;
    left: 45px;
}

p.copyright {
    left: 40px;
}

.lets-talk p {
  font-size: 36px;
}

.lets-talk img {
    top: -25px;
    width: 20px;
    left: 187px;
} 

p.copyright {
    font-size: 10px;
    text-align:center !important;
}

.working-hrs-row span {
    font-size: 11px;
}


 }
  
  /*---max-width:320px----*/ 
  
   @media(max-width:330px){
 .mob-pr-t {
    padding: 0 10px 0 0 !important;
}

a.mob-pr {
    padding: 0 0px 0px 0px !important;
}

.working-hrs-row>div {
    width: 90%;
}

.working-hrs-row>div + div {
    width: 90%;
}

.footer-menu-2 {
    padding: 0 20px 0 0px;
}
}
  
 @media(max-width:320px){
    

    .dowload-bro {
        right: 20% !important;
    }
    
}