/* @media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 865px;
    }
} */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 885px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1320px;
    }
}
@media (min-width: 992px) {
    .heroHeading {
    font-family: 'Roslindale';
    color: #00DBFF !important;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: bold;
      line-height: 80px;;
}
.subText {
  font-size: 20px;
        color: #fff;
        font-family: Helvetica, sans-serif;
        margin-bottom: 40px;
        padding-bottom: 15px;
        line-height: 30px;
        margin-top: 4px;
}
}
@media (min-width: 992px) {
}
@media (min-width: 768px) {
  .aboutLeftBox{
    padding-left: 79px;
  }
  .aboutBox{
    padding-right: 79px;
  }
}
 
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 768px) and (max-width: 1199.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
      .aboutLeftBox {
        padding-left: 35px;
    }
        .aboutBox {
        padding-right: 35px;
    }
 
}

 
@media (max-width: 991.98px) {
    .footer_wrapper {
    padding: 50px 0;
    }
  .blogSection {
    margin: 50px 0;
}
.heroHeading {
    font-size: 40px;
}
.subText {
   font-size: 16px;
    color: #fff;
    font-family: Helvetica, sans-serif;
    margin-bottom: 10px;
    line-height: 24px;
    margin-top: 12px;
}
.aboutTitle {
    font-size:32px;
    margin-bottom: 22px;
}
.text {
    font-size: 16px;
    margin-bottom: 30px;
}
.aboutsection {
    padding: 70px 0 20px;
}
.blogSectionTitle {
 font-size: 32px;
        margin-bottom: 40px;
}
.readFullLink {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.blodimg {
    border-radius: 20px;
    margin-bottom: 20px;
    height: 190px;
}
.blogTitle {
    font-size: 14px;
    margin-bottom: 5px;
}
.blogText {
    font-size: 14px;
    margin-bottom: 10px;
}
.workWebsiteTitle {
    font-size: 32px;
}
.workWebsiteSubTitle {
    font-size: 16px;
        margin-bottom: 40px;
}
.footLogo {
    max-width: 85%;
    margin-left: 0;
}
a.idLink {
    font-size: 15px;
}
h3.letsTalk {
    font-size: 42px;
}
.formCard label, .form-control{
    font-size: 15px;
}
.webLogo {
    display: flex;
    width: 100px;
    height: 100px;
    min-width: 100px;
}
.linkedBtn {
           padding: 16px 16px;
        gap: 8px;
        font-size: 16px;
        margin-top: 21px;
        margin-bottom: 40px;
        border-radius: 15px;
}
.instituTitle {
         margin-top: 10px;
        padding-top: 6px;
        font-size: 16px;
    
}
.workWebTitle {
    font-size: 16px;
}
.herosection {
    display: flex;
    align-items: center;
    
}
.navbar-brand {
    font-size: 52px;
}
.text, .textDiv p, .textDiv div {
    font-size: 14px;
}
}

@media (max-width: 767.98px) {
    .herosection {
    background: transparent url(../img/onmobile.jpg) 0% 0% no-repeat padding-box;
        background-size: cover;
                background-position: top center;  
                    min-height: 80vh;
}
    .blodimg {
    margin-bottom: 22px;
            display: none;
}
.subText {
        font-size: 14px;
        margin-bottom: 30px;
        line-height: 25px;
    }
    .blogTitle {
        font-size: 18px;
        margin-bottom: 8px;
        font-weight: 500;
    }
    .text, .textDiv p, .textDiv div {
    font-size: 14px;
    }
    .footLogo {
        max-width: 220px;
        margin-left: 0;
    }
    .blogText {
        font-size: 14px;
        margin-bottom: 16px;
    }
        .workWebsiteTitle {
        font-size: 32px;
    }
        .workWebsiteSubTitle {
        font-size: 16px;
            margin-bottom: 45px;
    }
    .workWebTitle {
        font-size: 16px;
    }
        .blogSectionTitle {
        font-size: 32px;
        margin-bottom: 45px;
    }
    .readFullLink {
    font-size: 16px;
    font-weight: 600;
    }
    .workWebsite{
    padding: 45px 0;
}
    .aboutsection {
        padding: 0px 0 20px;
    }
    .aboutsection::before{
        content: none
    }
    .mobileBefore{
        padding-top: 70px;
        background-color:#000
    }
  .webLogo {
    width: 100px;
    height: 100px;
    min-width: 100px;
}
  .aboutLeftBox {
    padding-top: 30px;
}
    .instituTitle {
        margin-top: 8px;
        padding-top: 10px;
        font-size: 15px;
    }
  .workWebCard {
    display: flex
;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
  .instituLogo img {
    height: 100px;
}
 .aboutsection::before {
    width: 100%;
    height: 50%;
}
.aboutsection::after {
    width: 0;
    height: 100%;
}
}