@media(max-width:1080px) {
    .header {
        margin: 0 20px;
    }

    .header .searchbar .search-input {
        width: 100%;
    }

    .search-result {
        width: 100%;
    }
}

@media(max-width:960px) {
    .logo img {
        width: 180px;
    }
.blogs-slider-content{
    padding: 0 20px;
}
    .blogs-slider-content .blog-title {
        font-size: 19px;
    }
    .blogs-slider-content .blog-para {
    font-size: 15px;
}
}

@media(max-width:760px) {
    .header {
        margin: 0;
        flex-direction: column;
        padding: 10px;
        top: -128px;
        position: sticky;
        background-color: white;
        left: 0;
        z-index: 5;
    }

    .header .navbar {
        width: 100%;
        order: 3;
        flex-direction: column;
        align-items: flex-start;
        /* padding: 10px; */
    }

    .header .navbar .bi {
        display: block;
    }

    .header .navbar ul {
        flex-direction: column;
        display: none;
    }

    .header .searchbar {
        width: 100%;
        margin: 20px 0;
    }

    .header .searchbar .search-input {
        width: 100%;
    }

    .about-store-right-col {
        margin-top: 20px;
    }

    .single-blog {
        flex-direction: column;
    }

    .single-blog .blog-content {
        padding-right: 0;
    }

    .blog-image img {
        height: auto;
    }

}

@media(max-width:575px) {
    .coupon-col {
        padding: 0 40px;
    }

    .coupon:before {
        left: -4%;
    }

    .coupon:after {
        right: -4%;
    }

    .single-blog .blog-image {
        width: 100%;
    }

    .footer-bottom {
        margin: 0;
    }

    .footer-bottom p {
        font-size: 13px;
        font-weight: 600;
    }

    .about-section {
        text-align: center;
    }

     .blogs-slider {
        flex-direction: column;
    }

    .blogs-slider-image {
        width: auto;
        height: 190px;
    }

    .blogs-slider-content {
        padding: 15px 0 0 0;
    }

    .blogs-slider-content .blog-title {
        font-size: 20px;
    }

    .blogs-slider-content .blog-para {
        font-size: 13px;
    }
}

@media(max-width:525px) {
    .top-bar p {
        font-size: 13px;
    }

    .header {
        padding: 10px 20px;
    }

    .section-heading h3 {
        font-size: 28px;
    }
    .section-heading h2{
        font-size: 33px;
    }

    .newsletter-section {
        margin: 0 0px;
    }

    .newsletter-center h3 {
        text-align: center;
        font-size: 25px;

    }

    .newsletter-circle-left,
    .newsletter-circle-right {
        height: 100px;
        width: 100px;
    }

    .newsletter-input {
        padding: 10px;
    }

    .newsletter-input input {
        max-width: 150px;
    }

    .newsletter-input button {
        padding: 8px 15px;
    }

    .newsletter-center p {
        width: 90%;
    }

    .newsletter-circle-left {
        left: -50px;
    }

    .newsletter-circle-right {
        right: -50px;
    }

    .page-heading-title {
        font-size: 20px;
    }

    .page-heading-para {
        padding: 0 20px;
        font-size: 12px;
        font-weight: 500;
    }

    .country-flag {
        flex-wrap: wrap;
    }

    .country-select-section {
        width: 100%;
    }

    .select-section select {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .coupon-list ul li {
        font-size: 12px;
    }

    .coupon:before {
        left: -7%;
    }

    .coupon:after {
        right: -7%;
    }

    .footer-navigation {
        margin: 30px 0;
    }

    .footer-section {
        padding: 30px 20px;
    }

    .footer-newsletter-input input {
        margin: 0;
    }

    .footer-newsletter-input input,
    .footer-newsletter-input button {
        font-size: 12px;
    }

    .characters {
        /* justify-content: space-between; */
    }

    .characters span {
        width: 42px;
        padding: 3px 7px;
    }

    .characters a {
        font-size: 10px;
    }

}

@media(max-width:425px) {
    .breadcrumb {
        font-size: 12px;
    }
    .post-view .about-post{
        flex-direction: column;
        align-items: center;
    }
    .post-view .post-title{
        font-size: 22px;
    }
}