@media screen and (max-width:1300px) {
    .header-menu ul li {
        padding-right: 9px;
    }
    p.about-para {
        font-size: 14px;
    }
    .small-text {
        font-size: 22px;
    }
    .footer-heading {
        font-size: 20px;
    }
}
@media screen and (max-width:1199px) {
    .banner-text h1 {
        font-size: 45px;
    }
    .banner-img::after {
        width: 40%;
        height: 40%;
    }
    .header-menu ul li {
        padding-right: 6px;
    }
    .header-menu ul li a {
        font-size: 15px;
    }
    .Experience h3 {
        width: 25%;
    }
    button.btn {
        font-size: 15px;
    }
    .footer ul li a {
        font-size: 16px;
    }
    .blog-details-tag ul li {
        padding: 5px;
    }
}
@media screen and (max-width:991px) {
    ul.header  {
        display: none;
     position:relative;
    }
    ul.header.main-btn  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    max-width: 25%;
    background-color: rebeccapurple;
    height: 100vh;
    }
    ul.header.main-btn li {
    width:100%;
    padding-top:20px;
    }
    button.header-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 26px;
    display:inline;
    }
    #header-main {
        position: fixed;
        background: #9f72cd;
    }
    #banner-main {
        padding-top: 115px;
    }
    .banner-text h1 {
        font-size: 40px;
    }
    .banner-img img {
        aspect-ratio: 5 / 4;
        height: inherit;
    }
    .bannerm-sec {
        width: 193px;
        height: 272px;
    }
    .bannerf-sec {
        position: absolute;
        top: 46px;
    }
    .banners-sec {
        position: absolute;
        bottom: 26px;
    }
    img.first-img , img.second-img {
        height: 400px;
    }
    .big-headinng {
        font-size: 40px !important;
    }
    .Experience h3 {
        width: 20%;
    }
    p.about-para {
        font-size: 16px;
    }
    .banner-text {
    padding: 25px 0;
}
.about-img {
    display: none;
}
}
@media screen and (max-width:767px) {

  .banner-text h1 {
    font-size: 35px;
}
.big-headinng {
    font-size: 30px !important;
}
.banner-img img {
    aspect-ratio: 4 / 4;
}
#breadcrumb-main img {
    height: 250px;
}

.bannerf-sec {
    top: 24px;
}
.banners-sec {
    bottom: 13px;
}

.bannerm-sec {
    width: 200px;
    height: 200px;
    font-size: 18px;
    text-align: center;
}
.bannerf-sec p, .banners-sec p {
    font-size: 14px;
}
   img.first-img, img.second-img {
    height: 300px;
}
.small-text {
    font-size:19px;

}
.footer-bottom p {
    font-size:13px;
}
}
@media screen and (max-width:639px) {
    .award-content img, .product-content img, .blog-content img, .pooja-content img {
        height: 400px;
    }
    .gallery img {
        aspect-ratio: 4 / 6;
        height:inherit;
    }
}
@media screen and (max-width:539px) {
    img.first-img, img.second-img {
        border-radius: 140px 0 0 0;
}
.footer-social-icon ul li {
    width: 35px;
    height: 35px;
}
}
@media screen and (max-width:479px) {
    ul.header.main-btn {
        padding: 0 15px;
        max-width: 35%;
}
.banner-text h5 {
    font-size: 16px;
}
.banner-text h1 {
    font-size: 26px;
}
.banner-img img {
    width: 100%;
}
.banner-img::after {
    display: none;
}
#banner-main {
        padding-top: 89px;
    }
        .bannerm-sec {
        width: 140px;
        height: 140px;
    }
   
img.first-img, img.second-img {
    height: 200px;
}
.bannerm-sec {
    bottom: -76px;
    padding-bottom:0;
}
.bannerm-sec {
    width: 140px;
    height: 140px;
    font-size: 16px;
}
.bannerf-sec {
    padding-bottom:0;
}
.bannerf-sec p, .banners-sec p {
    font-size: 11px;
}
.bannerf-sec {
    top: 15px;
}
img.first-img, img.second-img {
    border-radius: 100px 0 0 0;
}
.big-headinng {
    font-size: 25px !important;
}
.Experience h3 {
    width: 35%;
}
.award-content img, .product-content img, .blog-content img, .pooja-content img {
    height: 300px;
}
.testimonial-img {
    width: 30%;
}
.breadcrumb-text h1 {
    font-size: 23px;
    text-align: center;
}
#breadcrumb-main img {
    height: 200px;
}
.breadcrumb-text {
    top: 75%;
    transform: translate(-50%, -75%);
}
.big-heading {
    font-size: 32px !important;
}
}