body{
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .demos{
        display: none;
    }
    .hthree{
        display: none;
    }
    .hone img {
    width: 13%;
}
.open {
    flex-direction: column;
}
.openone {
    width: 100%;
}
.omnia{
    flex-direction: column;
    gap: 0px;
}
.histo{
    text-align: end;
    flex-direction: column;
    font-size: 46px;
}
.histo img{
    height: auto;
    width: 20%;
    display: none;
}
.omniaone {
    font-size: 46px;
}
main {
    padding: 30px 20px;
}
.our {
    display: flex;
    padding-top: 50px;
    flex-direction: column;
}
.ourone {
    width: 100%;
}
.ai {
flex-direction: column;
}
.onetwo {
    justify-content: left;
}
.ourtwo {
    width: 100%;
}
.section-wrapper {
    flex-direction: column;
    padding-right: 0px;
    height: auto;
}
.img {
    flex-direction: column;
}
.imgone {
    width: 100%;
}
.imgtwo {
    width: 100%;
}
.school {
    flex-direction: column;
}
.schoolone {
    width: 100%;
    padding-top: 30px;
}
.art{
    padding-right: 0px;
}
.schooltwo {
    width: 100%;
}
.schoolthree {
    width: 100%;
    padding-top: 0px;
}
.cur{
    flex-direction: column;
    padding-top: 50px;
}
.curone {
    width: 80%;
    font-size: 35px;
}
.curtwo {
    width: 20%;
}
.curtwo img {
    width: 70%;
    height: 100px;
}
.dive {
    padding-top: 0px;
    font-size: 42px;
}
.section-wrapper {
    padding-top: 20px;
}

.curthree{
    width: 100%;
}
.imagesss {
    flex-direction: column;
}
.profile {
    width: 100%;
}
.latest {
    flex-direction: column;
}
.ltwo{
    display: none;
}
.role{
    flex-direction: column;
}
.roleone {
    width: 100%;
}
.roletwo {
    width: 100%;
}
.rolethree {
    width: 100%;
}
.bg{
    flex-direction: column;

}
.bgone{
    width: 100%;
}
.bgtwo{
    width: 100%;
}
.bgtwo .location {
    font-size: 34px;
}
.signup {
    flex-direction: column;
}
.signup-one {
    width: 100%;
}
.signup-two {
    text-align: center;
    width: 100%;
    padding-left: 0px;
}
.signup-three {
    text-align: center;
    width: 100%;
}
.signup-four {
    text-align: center;
    width: 100%;
}
.omniaa {
    flex-direction: column;
    text-align: center;
}
.omniatwoo img {
    text-align: center;
    width: 10%;
}
.omniatwoo{
    justify-content: center;
}
.signup-one-one {
font-size: 36px;
text-align: center;
}
.email-form {
width: auto;
}
.lone {
font-size: 38px;
}
.welcome {
    font-size: 36px;
}
.omniaone{
    order: 2;
}
.ominotwo{
    order: 1;
}
.omniaone {
letter-spacing: 0px;
}

.opentwo img{
    width: 20%;
   
    margin-top: -60px;
    display: flex;
}
.opentwo{
    width: 100%;
    justify-content: end;
}
.discover span{
    display: block;
}
.open{
    gap: 0px;
}
.hone {
    order: 2;
}
.htwo {
order: 1;
}
.hh {
    justify-content: space-between;
}
header {
    padding: 0px 20px;
}
.navv img{
    width: 100%;
}
.hone{
    width: 50%;
    justify-content: end;
}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) {

    .opentwo img{
    width: 50%;
   
}
.openone {
    width: 100%;
}
.histo{
    font-size: 85px;

}
.section-wrapper {
    height: 70vh;
}
.education{
    font-size: 30px;
}
.sc {
font-size: 12px;
}
.bgtwo .location {
font-size: 34px;
}

}




/* about page  */
@media (max-width: 768px) {
.aabout{
    flex-direction: column;
}
.spano{
    display: inline;
}

.aaboutone {
    width: 100%;
}
.aabouttwo{
    width: 100%;
}
.aplace {
    padding: 50px 0px;
    font-size: 24px;
}
.aat{
    flex-direction: column;
}
    
.aatone {
    width: 100%;
}
.aattwo{
    width: 100%;
}
.aatthree{
    width: 100%;
}
.ahair{
    flex-direction: column;
}
.ahairone {
    width: 100%;
}
.ahairtwo {
    width: 100%;
}
.ahairthree {
    width: 100%;
}
.awetwo {
padding: 20px 0px;
}
.aart{
    flex-direction: column;
}

.aartone {
    width: 100%;
}
.aarttwo {
    width: 100%;
}
.aartthree {
    width: 100%;
    padding-bottom: 20px;
}
.testimonial-container {
    padding: 100px 0px 0px 0px;
}
.abouttt {
    padding: 0px 20px;
}
}



@media only screen and (min-width: 768px) and (max-width: 1180px) {

.aattwotwo {
    align-items: end;
}
.aattwoone {
    align-items: end;
}


}