@media screen and (max-width: 1820px) {

}
@media screen and (max-width: 1720px) {

}
@media screen and (max-width: 1620px) {

}
@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1420px) {

}
@media screen and (max-width: 1320px) {
.apg-nav a, .apg-nav button {
    font-size: 16px;
}
.divabout h1 {
    font-size: 28px;
    line-height: 38px;
}
.section-head h2 {
    font-size: 26px;
}
}
@media screen and (max-width: 1220px) {

}
@media screen and (max-width: 1120px) {
.apg-nav a, .apg-nav button {
        font-size: 15px;
    }
    .divabout {
    padding: 40px 0px;
}
}
@media screen and (max-width: 1020px) {

}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 880px) {

}
@media screen and (max-width: 767px) {
.vastu-images img {
    border-radius: 8px;
    margin-bottom: 20px;
}
    .hero-section {
        background-position: center top;
        height: auto;
        padding-bottom: 0px;
    }
        .divabout h1 {
        font-size: 20px;
        line-height: 30px;
    }
        .divabout {
        padding: 20px 0px;
    }
     
        .content-box {
        padding: 0px 0px;
    }
    .Divwhy {
    background: #1c2e59;
    padding: 20px 0px;
}
.Divwhy h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.Divwhy ul li {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin: 4px 0px;
}

.Divwhy p {
    font-size: 14px;
    line-height: 28px;
}
.copyright {
    font-size: 12px;
}
}
@media screen and (max-width: 680px) {

}
@media screen and (max-width: 580px) {
.apg-top-item {
    gap: 6px;
}

a.navbar-brand span {
    display: inline-block;
    width: 210px;
}
}
@media screen and (max-width: 480px) {

}