@media (max-width: 768px) {
html, body { overflow-x: hidden; }
 #header .navbar-nav > li > a {
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 4px;
    height: 40px;
    background: #61c7c5;
    padding: 0 20px;
    margin: 6px 2px 0px 2px;
    text-transform: capitalize;
}

 }

@media (max-width: 414px) {
html, body { overflow-x: hidden; }

.col-sm-3.bggrey {
    background: white;
    height: 276px;
    width: 100%;
    margin: 40px 6px 0 0px;
    text-align: center;
    border-radius: 200px;
}
img.imal1 {
    margin: -44px 0px 0 -40px;
}
}

/* XS Portrait */
@media (max-width: 480px) {
html, body { overflow-x: hidden; }

.input-group.text-theme {
    width: 90%;
    margin: 0px 0 0 0px;
}

.section-heading-page {
    margin: 4px 0 0 0;
    padding: 20px 0;
    color: black;
    border-bottom: 1px solid #ddd;
    background: url(../images/infrastructure-inner-page/infrastructure.png);
    height: 200px;
}

.heading-page {
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 40px 34px -26px 0;
    color: white;
}

img.ban-img {
    margin: 0 0 0 0;
}
p.phone {
    margin: 36px 5px 0 18px;
    font-weight: 600;
}
.phone {
    -webkit-animation: NAME-YOUR-ANIMATION 0s infinite;
    -webkit-animation-iteration-count: infinite;
}

.section-sm.section-both {
    padding:36px 0px 0px 0px;
}

.section.section-bg-img {
    background: url(../images/who-we-are.webp);
    background-size: cover;
    /*float: right;*/
    width: 100%;
    top: 0px;
    right: 0px;
    margin-bottom: 30px;
    min-height: 600px;
    padding: 0px 0 0 0;
}

p.infra-hed {
    width: 80%;
    text-align: justify;
    font-size: 14px;
    margin: -10px 0 42px 0;
}
p.whowe {
    text-align: justify;
}

.swiper-container {
    width: 100%;
    margin: 0 0px 0 0px;
    height: auto;
    margin-bottom: 1em;
}
.col-sm-4.bggrey {
   background: white;
    height: 300px;
    width: 80%;
    margin: 30px 0px 0 42px;
    text-align: center;
    border-radius: 200px;
}

.col-sm-3.bggrey {
    background: white;
    height: 276px;
    width: 100%;
    margin: 40px 6px 0 0px;
    text-align: center;
    border-radius: 200px;
}
.section.section-testominals {
    background: #61c7c5;
    margin-bottom: 36px;
    padding: 60px 0 5px 0;
}

.our-commitments1 {
   
    width: 100%;
    max-width: 90%;
    margin: auto;
    background: linear-gradient(to bottom, rgb(78 84 82 / 19%), rgb(0 0 0 / 9%)), url(../images/sub.png);
    background-size: cover;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    margin-top: 0px;
    /* margin-bottom: 28px; */
    position: absolute;
    left: 4%;
    /* transform: translateX(-50%); */
    padding: 22px 0 20px;
    /* border-radius: 4px; */
    bottom: -36px;
    height: 345px;
}
h1.text-theme.title-xl.hr.text-uppercase {
    color: white;
    margin: 74px 0 0 0;
}
p.text-theme.lead.left {
    margin: 0 0 0 0px;
    color: white;
}
img.arb {
    margin: -42px 0 0 -67px;
}
img.imal1 {
    margin: -44px 0px 0 -40px;
}
img.img-slide-about.aos-init.aos-animate {
    width: 100%;
}
span.john {
    float: right;
    margin: 0 17px 0 0;
}

}