@media (max-width:566px) {
    .div-pad{
        padding: 0;
    }
    .ban-heading-main {
        font-size: 44px;
    }
    .banner-text h3 {
        font-size: 25px;
        padding-left: 2rem;
    }
    .banner-text h3::before{
        width: 30px;
    }
    .banner-text p{
        font-size: 13px;
    }
    .theme_btn {
        padding: 12px 22px 12px 21px;
        font-size: 13px;
    }
    .b-img-cont::before{
        height: 78%;
        width: 61%;
        left:71px;
    }
    .b-img-cont img{
        width: 65%;
        left: 78px;
    }
    .home-banner::after{
        height: 70px;
    }
    .s1-main-img {
        width: 250px;
    }
    .s1-img::before{
        width: 50%;
        height: 82%;
        left: 25%;
    }
    .sec-heading {
        font-size: 30px;
    }
    .s1-shape1{
        right: 12%;
    }
    .s1-shape2{
        left: 12%;
    }
    .s1-shape1 img,.s1-shape2 img{
        width: 50px;
    }
    .sec-2-bg2,.sec-2-bg1{
        display: none;
    }
    .s3-card-bottom h5{
        font-size: 12px;
    }
    .s3-card-bottom{
        padding: 2px 14px;
    }
    .s3-card-bottom i{
        width: 30px;
        height: 30px;
        padding-top: 9px;
        font-size: 13px;
    }
    .sec-4-text h6{
        font-size: 15px;
    }
    .btn-container p{
        font-size: 11px;
    }
    .sec-4-img .dot-arrow {
        width: 98px;
        left: 111px;
    }
    .special-circle h5{
        font-size: 15px;
    }
    .s4-main-img {
        width: 170px;
    }
    .special-circle {
        width: 63px;
        height: 63px;
        top: 31px;
        left: 91px;
    }
    .content-main {
        font-size: 13px;
    }
    .s6-input input {
        padding: 1rem 1rem;
        width: 200px;
    }
    .ul-2 .mt-4{
        margin-top: 0 !important;
    }
    .ul-2 i{
        display: none;
    }
    .ul2-1{
        width: 158px;
        margin-left: 2rem;
    }
    .ul3-content i{
        font-size: 18px ;
    }
    .foot-bottom{
        margin-top: 1rem !important;
    }
    .inner-banner{
        padding: 2rem ;
    }
    .ib-heading {
        font-size: 40px;
    }
    .ib-tab{
        font-size: 13px;
        padding: 0.3rem .5rem !important;
    }
    .ab3-card{
        padding: .5rem 0;
        width: 180px;
    }
    .ab3-card h5{
        font-size: 30px;
        margin-bottom: .5rem !important;
    }
    .ab3-card h5::before{
        right: 59px;
        font-size: 20px;
    }
    .ab3-card p{
        font-size: 13px;
    }
    .s1-sec1,.s1-sec2,.s1-sec3{
        padding: 1rem 0;
    }
    .blog-col{
        padding: 0 4rem;
    }
    .nav-pills.r-gap{
        row-gap: .2rem;
    }
    .fsec {
        padding: .1rem .5rem !important;
        color: var(--text-color);
        margin-right: 1rem !important;
        border-radius: 30px !important;
        font-size: 12px;
    }
    div.c{
        margin: .5rem;
        padding: .7rem;
    }
    div.c h5{
        font-size: 14px;
    }
    .cart-sec1 {
        display: none;
    }
    .f2-heading h6{
        font-size: 17px
    }
    .col-lg-7 p.text-center.text-white.mt-5{
        font-size: 13px;
        margin-top: 1rem !important;
    }
    .ff-input{
        padding: .2rem 1.5rem;
        height: 42px;
    }
    .contact-sec{
        padding: 1rem;
    }
    .sp2-main-img{
        width: 250px;
    }
    .sp2-main-img::before {
        left: 10px;
        width: 250px;
        height: 250px;
    }
    .sec-1 .col-lg-7{
        padding-top: 1rem !important;
    }
}
@media (max-width:500px) {
    .blog-col{
        padding: 0 3rem;
    }
    .sp2-main-img {
        width: 200px;
    }
    .sp2-main-img::before {
        width: 200px;
        height: 200px;
    }
    .nav-extra{
        /* flex-direction: column !important;
        gap: 1rem !important;
        align-items: flex-start !important; */
        flex-wrap: wrap;
    }
    /* .nav-extra .theme_btn{
        margin-left: 0;
    } */
}