@media only screen and (max-width: 768px) {

    .innerheaderContent {
        padding-top: 100px !important;
    }
    .innerdarkshadow {
        height: 45vh !important;
        top: 16px;
    }
    .carousel-indicators {
    z-index: 999999999999999999999 !important;
    top: 20% !important;
    right: 92% !important;
}
    .darkshadow {
        height: auto !important;
        bottom: -63px !important;
    }
    .askbg {
        height: auto !important;
    }
    .carousel-item .content {
        position: absolute;
        top: 29% !important;
        z-index: 999;
        left: 0% !important;
        width: 100% !important;
        text-align: center;
    }

    .home-hero-section {
        height: 100vh !important;
    }

    .carousel-item img {
        height: 100% !important;
    }

    .blue {
        position: unset !important;
    }
    .breadcrumbpart {
        flex-direction: column !important;
        display:flex !important;
    }
    .navbar-brand {
        position: relative;
        top: 20px !important;
        bottom: 0px !important;
    }
    .about {
        padding-top:50px !important;
        height: auto !important;
    }
    .innerheader {
        background-size: auto !important;
    }
    .customblock-card
    {
        margin-bottom:20px !important;
    }
    .home-hero-slider .swiper-slide .quote, .home-hero-slider .swiper-slide h2, .home-hero-slider .swiper-slide .animated-link {
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem);
        opacity: 0;
        position: relative;
        z-index: 1000;
        text-align: center;
        top: -55%;
        width: 90% !important;
        font-size: 22px !important;
        line-height: 3rem !important;
    }

  h1{
    font-size:25px !important ;
  }
 
h2{
  font-size:22px !important ;
}
.navbar-nav{
  background: #0d3859;
}
.animated-link strong {
  font-size: 13px !important ;
  line-height: 2rem !important;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.home-hero-section-inner .swiper-pagination .button img{
  display:none;
}
.newsticker {
  display:none;

}
.newsCover6 {
  margin-top: -67px;
}
.ask {
  background-image: url(../images/image1.png);
  height: 240px;
  padding: 20px;
  position: relative;
  top: -21px;
  z-index: 99999999999 !important;
}
.homesearch {
  background-color: #0495A7;
  min-height: 108px;
  position: relative;
  padding: 20px;
  top: -30px;
  z-index: 100;
}
.homesearch .dropdown{
  margin-bottom:10px ;
}
h6 {
  font-size: 14px !important;
  line-height: 3rem;
}
.seachbtn {
  background-color: white;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  padding: 15px;
  margin: auto;
    font-family: 'Bukra-Bold';

}
.Services{
  text-align: center ;
}
.mtop {
  margin-top: 0px !important;
}
.Services h2{
  font-size:22px !important ;
}
.Services .nav-pills .nav-link.active, .nav-pills .show > .nav-link {

}
.Services .nav-pills .nav-link{
  margin: auto !important;
}
.Services .nav-pills .nav-link.active::after {
display: none;
margin-bottom: 11px !important;
}
.servicecard {
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  text-align: center;
  padding-top: 6% !important;
  height: 170px;
  margin-bottom: 15px;
  margin-top: 20px;
  background-color: white;
}
.seachbtn {
  background-color:white ;
  border-radius:40px ;
  width:120px;
  height: 50px;
  padding: 15px;
  text-align: center;
  color:gray;
  font-size:13px ;
}

.seachbtn:hover {
color:white;
}
.paddingTop2 {
  padding-top: 10%;
}
.About .nav-pills .nav-link {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.23);

  font-family: 'Bukra-Bold' !important;
  font-size: 12px !important;
  padding: 11px 0px !important;
  border-radius: 40px !important;
  margin: -1px 2px;
  width: 156px !important;
}
.About  h2{
  font-size: 22px !important;
}
p{
  font-size: 13px !important;
}
.facilitie1 {
  height: 330px;

}
.shape {
  position: absolute;
  top: 158px;
  left: -34px;
  filter: brightness(150%);
  opacity: 0.4;
}

.facilitie2 {
  height: 330px;

}
.facilitieShadow {
  height: 330px;
}
.facilitieShadow2 {
  height: 330px;
}
.aboutjordan h2{
  font-size: 22px !important;

}
.paddingTop {
  padding-top: 36%;
}

.number {
  font-size: 24px !important;
  font-family: 'Lato-Regular';
  color: white;
  margin-right: 10px;
}
.aboutjordan .nav-tabs .nav-link {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.23) !important;
  font-size: 12px !important;
  font-family: 'Bukra-Bold' !important;
  padding: 16px 0px;
  border-radius: 40px !important;
  margin: 0px 5px !important;
  width: 156px !important;
  border: none;
}
.homecounters {
        position: relative;
        top: 7% !important;
    }
.number {
  font-size: 24px !important;
  font-family: 'Lato-Regular';
  color: white;
  margin-right: 10px;
}
.footer .d-flex{
display: block !important;
}
.Services h6 {
  font-size: 13px !important;
  margin-bottom: 1px;
  line-height: 1.5;
}
.nav-link {
  color:white !important;
  font-family: 'Bukra-Bold' !important;
  font-size: 13px !important;
  margin: 5px 20px;
}
.dropdown-toggle::after {

  content: url(../images/downarrow.png);
  border: none;
  top: 15px;
  left: 22px;
  position: absolute;

}
.navbar-toggler-icon  {
  background-image: url("../../images/menu.png");
}

#main_nav{
  width: 100%;
  background: white;
}
.paddingTop4 {
  padding-top:30%;
}
.projectSection{
  display:none ;
}

.hidden{
  display:none !important ;

}  
.footer{
  min-height:150px ;
}
}


@media only screen and (min-width: 1400px) {


}




@media only screen and (min-width: 1500px) {

  .shape2 {
    position: absolute;
    top: -10px;
    right: 352px;
    filter: brightness(150%);
    opacity: 0.4;
  }
  .shape {
    position: absolute;
    top: -66px;
    left: 214px;
    filter: brightness(150%);
    opacity: 0.4;
  }

}

@media only screen and (min-width: 1800px) {
  .home-hero-section-inner .swiper-pagination {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    bottom: 39rem;
    left: 21%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

}
