@media (max-width:1600px){
    .rightImgLeftContent_section .imgBOX.outRight{
    }
    .rightImgLeftContent_section .imgBOX.outRight img{
        width:100%
    }
    .container-fluid{
        width:100%
    }
    .boxContent {
    padding-left: 40px;
}
.shapeBox .crosDesign {
  position: absolute;
  left: -230px;
  right: 0;
  margin: 0 auto;
  height: 150%;
  width: 220px;
  display: flex;
  flex-direction: column;
  background: #fff;
  clip-path: polygon(0 0,100% 0,100% 50%,100% 100%,0 100%,87% 50%);
  transition: all ease 1s;
    transition-duration: 1s;
    transition-timing-function: ease;
  justify-content: center;
  opacity: 0;
}
.shapeBox .bigNumber::before {
  position: absolute;
  content: '';
  width: 57px;
  height: 100px;
  background: linear-gradient(60deg,transparent,#00000082);
  top: 0;
  bottom: 0;
  right: 0px !important;
  margin: auto;
  z-index: -1;
}
}
@media (max-width:1399px){
    .container-fluid{
        width:100%
    }
     .boxContent {
  padding-left: 100px;
}
    .btn{
        padding-left:20px;
        padding-right:20px;
        font-size:12px;
        margin-left:10px!important;
        right:-20px!important
    }
    header div#navbarCollapse ul{
        margin-left:0!important
    }
    .blackTXt{
        font-size:14px
    }
    .shapeBox{
        width:400px;
        margin:0 auto;
        margin-bottom:50px
    }
    .shapeBox .bigNumber{
        font-size:240px
    }
    .row.txtRow{
        margin-top:0
    }
    .shapeBox .crosDesign{
        width:220px
    }
    .shapeBox .crosDesign .s1{
        top:15px
    }
    .shapeBox .crosDesign .s2{
        bottom:15px
    }
    .shapeBox:hover .crosDesign{
        width:250px;
        left:-250px
    }
    .shapeBox:hover .s1{
        right:11px;
        top:20px;
        transform:rotate(-40deg)
    }
    .shapeBox:hover .s2{
        right:15px;
        bottom:30px;
        transform:rotate(-133deg)
    }
}
@media (max-width:1169px){
    .competitiveAdvantagesSec .row{
        display:flex;
        justify-content:center
    }
    .ratesAndViews .gblHeading{
        font-size:70px
    }
    .quoteSec .readyBox .WhiteHeading{
        font-size:34px;
        line-height:1.2
    }
      .boxContent {
    padding-left: 70px;
  }
    .gblHeading{
        font-size:35px;
        line-height:1.2
    }
    .msgBox .gblheading{
        font-size:18px
    }
    .sMain .sText{
        height:200px;
        overflow:scroll;
        padding-right:10px;
        text-align:left;
        margin:0;
        font-size:14px
    }
}
@media (max-width:991px){
    .blackTXt{
        font-size:14px
    }
    .quoteSec .readyBox .WhiteHeading{
        font:500 32px/1.2 'Fira Sans',sans-serif
    }
      .boxContent {
    padding-left: 70px;
  }
    .quoteSec{
        background-size:cover;
        background-position:right
    }
    .gblHeading{
        font:500 32px/1.2 'Fira Sans',sans-serif
    }
    .ratesAndViews .row{
        display:flex;
        justify-content:center
    }
    .ratesAndViews .row .rateBox{
        margin-bottom:20px
    }
    .sMain .sHeading{
        height:50px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-size:16px
    }
    .keysToExpert ul li p{
        font-size:14px
    }
    #accordionExample .card-body{
        font-size:14px;
        padding-top:0
    }
    .sMain{
        padding:10px
    }
    .topProjects_section .row{
        display:flex;
        justify-content:center
    }
    .keysToExpert .bigImg img{
        width:80%
    }
    .bigImg{
        text-align:center
    }
}
@media (max-width:767px){
    .rightImgLeftContent_section ul li{
        width:100%;
        padding:0
    }
      .boxContent {
    padding-left: 70px;
  }
    .imgBOX img{
        width:80%
    }
    .imgBOX{
        text-align:center;
        padding:30px 0
    }
    .blackTXt{
        font-size:12px;
        text-align:center
    }
    .gblHeading{
        font:500 28px/1.2 'Fira Sans',sans-serif;
        text-align:center
    }
    .rightImgLeftContent_section.sec2 .redSubtitle{
        text-align:center
    }
    .quoteSec .readyBox .WhiteHeading{
        font:500 26px/1.2 'Fira Sans',sans-serif
    }
    .rightImgLeftContent_section ul{
        flex-direction:column
    }
    .keysToExpert ul{
        flex-direction:column
    }
    .keysToExpert ul li{
        width:100%
    }
    .hero-other h1{
        text-align:center;
        font-size:28px
    }
    .hero-other p{
        text-align:center;
        font-size:12px
    }
    .leftImgRightContent_section .gblHeading{
        width:100%
    }
    .leftImgRightContent_section .rightContent .blackTXt{
        text-align:center
    }
    .topProjects_section .centerContent .gblHeading{
        width:100%
    }
    .topProjects_section .centerContent{
        width:100%
    }
    .redSubtitle{
        text-align:center
    }
    .sMain .sText{
        font-size:12px;
        text-align:center;
        padding:0
    }
    .row.txtRow{
        margin-top:11px
    }
    .gray-Bg-Color h2{
        font-size:28px;
        text-align:center
    }
    .gray-Bg-Color .subHeading{
        text-align:center
    }
    .testimnl .txt-wrp{
        padding:0
    }
    .btn.btn-1{
        margin-left:0!important;
        right:0 !important;
    }
    .gray-Bg-Color p{
        font-size:12px;
        text-align:center
    }
    .ratesAndViews .gblheading{
        text-align:center
    }
    .keysToExpert ul li h4{
        margin:0 auto;
        margin-bottom:10px
    }
    .keysToExpert ul li p{
        font-size:12px;
        text-align:center
    }
    #accordionExample .card-body{
        font-size:12px
    }
    #accordionExample .card .card-header .collapse_btn{
        font-size:18px
    }
}
@media (max-width:479px){
    .quoteSec .readyBox .WhiteHeading{
        font:500 26px/1.2 'Fira Sans',sans-serif
    }
      .boxContent {
    padding-left: 50px;
  }
}