/* blog heading */
.blog_banner h1,
.page_banner h1 {
    font-size: 48px;
    line-height: 1.2;
}

/* blog design end */

@media (max-width:1650px) {
    .container {
        max-width: 1420px;
    }

    .vegan__go.vegan__support .image {
        margin: 0;
        background-size: contain;
    }

    .vegan__go .image {
        margin-left: 0px;
    }
}

@media (max-width:1440px) {
    .container {
        max-width: 1320px;
    }

    /*listing Page */
    .btn_veg {
        font-size: 18px;
    }

    .btn_veg img {
        height: 32px;
    }

    .listing_label {
        font-size: 22px;
        margin: 30px 0 25px;
    }

    .product_grid {
        padding: 15px;
    }

    .porduct_title {
        margin: 10px 0 10px 0;
    }

    .product_name {
        font-size: 18px;
        line-height: 26px;
        display: block;
    }

    .location_text {
        font-size: 15px;
    }

    .dollar .first_dollar {
        color: gray;
        font-size: 13px !important;
    }

    .dollar .second_dollar {
        color: gray;
        font-size: 15px !important;
    }

    .dollar .third_dollar {
        color: gray;
        font-size: 19px !important;
    }

    .rating {
        padding: 7px;
    }

    .rating-sec {
        margin-top: 8px;
    }

    .blog_banner {
        padding-bottom: 55px;
        padding-top: 150px;
    }

    .banner__text {
        width: 40%;
    }

    .banner__text h1 {
        font-size: 50px;
        line-height: 1.2;
    }

    .country_detail h2,
    .all-countries-sec h2 {
        font-size: 35px;
    }

    .country_detail h2 {
        flex-wrap: wrap;
    }

    .country_desc {
        font-size: 18px;
        line-height: 1.2;
    }

    .desc_light_txt {
        font-size: 23px;
    }

    .popular-contry-sec .country_list {
        padding: 10px 15px;
        margin-bottom: 15px;
    }

    .popular-contry-sec .country_list h4 {
        font-size: 21px;
    }

    .listed-sec .country_list h4,
    .listed-sec .desc_light_txt {
        font-size: 21px;
    }

    .all-countries-sec .country_list h4 {
        font-size: 23px;
    }

    .country_list img,
    .Countries-img {
        height: 40px;
        width: 60px;
        object-fit: cover;
        border-radius: 5px;
    }

    .count_box {
        padding: 50px 0 40px 0;
    }

    .count_box h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .count_box p {
        font-size: 20px;
    }

    .list_layout .product_name {
        margin-bottom: 12px;
    }

    .list_layout {
        padding: 30px 20px;
    }

    .list_text {
        font-size: 15px;
    }

    .hrs_table tbody tr td.pl-90 {
        padding-left: 10px !important;
    }

    .hilight_text {
        margin: 30px 0 20px 0;
    }

    .sec_title {
        margin: 30px 0 15px;
    }

    .mt-55 {
        margin-top: 30px;
    }

    .btn_desc {
        margin-bottom: 20px;
    }

    .medal_txt {
        margin-bottom: 30px;
    }

    .btn_transparent {
        padding: 10px;
        font-size: 18px;
    }

    .vf__item {
        margin-top: 50px;
    }

    .inner__item {
        margin: 15px 0 60px;
    }

    .inner__item .light__green__txt {
        padding-bottom: 15px;
    }

    .inner__item .gen__btn {
        margin-top: 15px;
    }

    .vegan__food .section__top {
        margin-bottom: 20px;
    }

    .amenities_text {
        font-size: 18px;
        text-indent: 0;
        margin-left: 0;
    }
}

@media (max-width:1299px) {
    .container {
        max-width: 1170px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    h2,
    .h2{
        font-size: 38px;
    }
    .h4 {
        font-size: 24px;
    }
    .h6 {
        font-size: 20px;
        line-height: 30px;
    }
    /* Home Page CSS */
    .banner__text h1{
        font-size: 42px;
        line-height: 54px;
    }
    .gen__btn a{
        font-size: 20px;
        line-height: 25px;
        padding: 10px 28px;
    }
    .vc__item{
        min-height: 228px;
    }
    .vf__item .num span{
        padding: 20px 25px;
        font-size: 34px;
        width: 100px;
    }
    .vegan__faq .card-header a.btn{
        font-size: 20px;
        line-height: 24px;
    }

}
@media (max-width:1099px) {
    .blog-box {
        width: 100%;
    }

    .blog-box .blog_title {
        font-size: 20px;
    }

    .blog_short_desc {
        font-size: 14px;
    }

    .blog_thum_img {
        padding-left: 30px;
    }

    .related_blog {
        width: 100%;
        padding: 0;
    }

    .related_blog_title {
        padding: 0;
    }

    .blog_banner {
        padding-top: 100px;
    }
    .blog_banner h1, .page_banner h1{
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 12px;
    }
    .blog_banner .small_txt{
        font-size: 20px;
        line-height: 26px;
    }

    .home__banner.countries_banner {
        margin-bottom: 50px;
    }

    .banner__text {
        width: 50%;
    }

    .mt-90 {
        margin-top: 70px;
    }

    .listed-sec {
        margin-top: 50px;
    }

    .all-countries-sec {
        margin-top: 65px;
    }

    .count_box {
        padding: 40px 0 35px 0;
    }

    .list_layout {
        padding: 15px;
    }

    .list_layout .wishlist_list {
        top: 15px;
    }

    .list_layout img {
        height: auto;
    }

    .why_vegan_content {
        margin-right: 0px;
    }

    .why_vegan .sec-title {
        font-size: 38px;
    }

    .why_vegan .sec-sub-title {
        font-size: 16px;
    }

    .vegan__go .image {
        margin: auto;
        width: 100%;
    }

    .inner__item {
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .vegan__go.vegan__support .image {
        margin: auto;
    }

    .home__baner_img {
        background-position: center;
    }

    .product_grid .product_img_box img {
        height: 200px
    }

    .why_vegan .sec-sub-text:after {
        height: 30px;
        bottom: 12px;
    }
}

@media (max-width:902px) {
    section.section {
        margin: 50px 0;
    }

    .inner__item {
        margin-bottom: 30px;
    }

    .banner__text h1 {
        font-size: 40px;
    }

    .all-countries-sec h2 {
        margin: 0 0 30px 0;
    }

    .count_box {
        padding: 35px 0 30px 0;
        margin: 0 0 15px 0;
    }

    .why_vegan .sec-sub-title {
        margin-top: 20px;
        font-size: 25px;
    }

    .why_vegan .sec-head:after {
        display: none;
    }

    .vf__item {
        margin-top: 80px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .vegan__go.vegan__support .image {
        margin-top: 30px;
    }

    .headerLogo {
        width: 200px;
    }

    .header-close-btn {
        display: block;
    }

    .headerNav.slide-in {
        left: 0;
    }

    .headerNav {
        position: absolute;
        display: block;
        overflow: auto;
        background-color: #edf8ef;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        z-index: 10;
        padding: 20px;
        transition: all 0.3s cubic-bezier(0.68, 0.05, 0.24, 1);
    }

    .headerNav>ul>li {
        display: block;
        padding: 0;
        margin: 0 0 20px 0;
    }

    .headerNav>ul>li>ul::before {
        display: none;
    }

    .headerNav>ul>li.has-submenu {
        padding-right: 0;
    }

    .headerMain .btn_menu {
        display: block;
    }

    .headerNav>ul>li a {
        font-size: 20px;
        line-height: 26px;
    }

    .submenu-toggle-icon,
    .headerNav>ul>li:hover>.submenu-toggle-icon {
        right: 5px;
        top: 10px;
        transform: translateY(0%) rotate(45deg);
    }

    .headerNav>ul>li:hover>.submenu-toggle-icon.active {
        transform: translateY(60%) rotate(225deg);
    }

    .headerNav>ul>li>ul {
        position: unset;
        box-shadow: none;
        min-width: 100%;
        display: none;
        padding: 0;
        transition: unset;
        display: none;
        top: unset;
        left: unset;
        transform: translate(0);
        background-color: transparent;
    }

    .headerNav>ul>li>ul li {
        display: block;
        line-height: inherit;
        margin: 0 0 20px 0;
    }

    .headerNav>ul>li>ul li:first-child {
        margin-top: 20px;
    }

    .headerNav>ul>li>ul li:last-child {
        margin-bottom: 0;
    }

    .headerNav>ul>li ul {
        display: none;
    }

    .headerNav>ul>li:hover>a,
    .headerNav>ul>li a:hover {
        color: #00a86d;
    }

    .headerNav>ul>li:hover>ul {
        display: none;
    }

    .home__banner {
        background-image: none;
        background-color: #edf8ef;
        align-items: center;
        padding-top: 75px;
        height: auto;
    }

    .banner__image {
        display: block;
        width: 100%;
        margin: auto;
    }

    .banner__image img {
        background-size: cover;
        width: 100%;
        height: auto;
        max-width: 400px;
        margin: 0px auto;
        display: block;
    }

    .banner__text {
        position: unset;
        top: 0;
        transform: translateY(0);
        margin-bottom: 30px;
        padding: 40px 0;
    }

    .vegan__carousel {
        margin: 0;
    }

    .vegan__go {
        padding: 15px 25px;
        text-align: center;
    }

    h2 {
        font-size: 30px;
    }

    .vegan__go h2 {
        margin-bottom: 20px;
    }

    .vf__item .dark__green__txt {
        font-size: 20px !important;
    }

    .vegan__go .image {
        margin-top: 30px;
        width: 80%;
    }

    .vk__item {
        margin-bottom: 0px;
        padding: 30px;
        min-height: 368px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .va__item {
        background-position: 50% 0;
    }

    .banner__text {
        width: 100%;
    }

    .small-ratings i {
        font-size: 14px;
    }

    .nearby_listings .sec_title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }
    .nearby_listings .desc_star_rating{
        margin-bottom: 0px;
    }
    .popular-contry-sec .country_list {
        padding: 0;
        margin-bottom: 0;
    }

    .pages-content {
        margin-right: 40px;
    }

    .w-90 {
        width: 100% !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .vegan-reason-list{
        text-align: center;
    }
    .vk__item{
        padding: 62px 30px;
        max-width: 276px;
        min-height: 275px;
        margin: 0px auto;
    }
    .vk__item h5, .vk__item .h5{
        margin-bottom: 15px !important;
    }
    .vk__item h6, .vk__item .h6{
        font-size: 18px;
        line-height: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .vk__item{
        height: 375px;
    }
    .vegan-reason-row{
        justify-content: center;
    }
    .vegan-reason-list{
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    /* Common Element CSS */
    .h4 {
        font-size: 26px;
    }
    .h5{
        font-size: 22px;
        line-height: 32px;
    }
    .h6{
        font-size: 20px;
        line-height: 30px;
    }
    /* Header CSS */
    .headerLogo,
    .foot__logo{
        width: 170px;
    }
    .foot__logo{
        margin: 0px auto;
    }
    .headerMain.is-header-sticky .headerLogo{
        width: 180px;
    }
    .vegan__go .image{
        width: 440px;
    }
    .section.vegan__food{
        margin-bottom: 30px;
    }
    .section.vegan__go{
        margin-top: 0px;
    }
    /* Home page Nanner CSS Start */
    .home__banner > .container > .row{
        flex-direction: column-reverse;
    }
    .banner__text{
        text-align: center;
    }
    .banner__text h1{
        font-size: 34px;
        line-height: 48px;
    }
    .vf__item .num span{
        padding: 25px 20px;
        width: 100px;
        font-size: 40px;
        line-height: 45px;
    }
    .vf__item .dark__green__txt{
        margin-top: 20px;
    }
    .vf__item .num span{
        padding: 20px 15px;
        width: 86px;
        font-size: 34px;
        line-height: 38px;
    }
    .vf__item .dark__green__txt{
        margin-top: 20px;
    }
    .vegan__faq .card-header a.btn{
        font-size: 20px;
        line-height: 26px;
    }
    .vegan__faq .card-body{
        font-size: 18px;
        line-height: 26px;
    }
    .vr__item .image img{
        max-height: 374px;
    }
    .trending-blogs-list > a{
        width: 100%;
    }
    .top-vegan-cities-list {
        text-align: center;
    }
    .vk__item{
        max-width: 322px;
        margin: 0px auto;
    }
    /* Product Listing page */
    .porduct_title{
        margin-bottom: 10px;
    }
    /* Common Link Section Home page  */
    .gen__btn a{
        padding: 5px 20px;
        font-size: 18px;
        line-height: 30px;
    }
    /* blog page */
    .blog_banner h1,
    .page_banner h1 {
        font-size: 30px;
    }
    /* Common Content Area Section */
    .pages-content p{
        font-size: 18px;
        line-height: 32px;
    }

    /*new css*/
    /* common page content ul li font size */
    .pages-content ul li {
        font-size: 18px;
        line-height: 32px;
    }

}
@media (max-width: 768px){
    /* Common Heading Element */
    .pages-content h2{
        font-size: 20px;
        line-height: 28px;
    }
    /* Common Button */
    .gen__btn a{
        font-size: 16px;
        line-height: 28px;
        padding: 5px 20px;
    }
    /* header CSS */
    .headerLogo {
        width: 150px;
    }
    .headerMain.is-header-sticky .headerLogo{
        width: 160px;
    }
    .headerMain.is-header-sticky{
        padding: 8px 0;
    }
    /* Home Page Banner Section */
    .home__banner{
        height: auto;
    }
    .home__banner > .container > .row{
        flex-direction: column-reverse;
    }
    .vegan__carousel{
        padding: 5px 0;
    }
    .vegan__carousel span{
        display: inline-block;
        font-size: 14px;
        line-height: 14px;
    }
    .banner__text h1{
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .banner__text{
        margin: 20px 0px 30px;
        padding: 0px;
    }
    .vegan__carousel img{
        height: 22px !important;
        width: 22px !important;

    }
    /* Veganism Section */
    .vf__item{
        margin-top: 45px;
    }
    .vf__item .num span{
        padding: 20px;
        font-size: 30px;
        width: auto;
    }
    .vf__item .dark__green__txt{
        font-size: 16px !important;
    }
    .h6{
        font-size: 16px;
        line-height: 26px;
    }
    .vegan__food h5, .vegan__food .h5{
        font-size: 16px;
        line-height: 25px;
        margin-top: 18px;
    }
    /* Vegan Cities */
    .vegan__cities > .container .row > div{
        text-align: center;
    }
    .vegan__cities > .container .row > div h2{
        text-align: left;
    }
    /* Blog sidebar section */
    .advertise_grid{
        text-align: center;
    }
    /* blog banner */
    .blog_banner {
        padding-bottom: 75px;
    }
    /* .social_icons {
        display: none;
    } */
    .blog_banner .small_txt{
        font-size: 14px;
        line-height: 22px;
    }
    .blog_banner h1,
    .page_banner h1 {
        font-size: 26px;
        line-height: 32px;
    }
    /* Footer Section */
    #footer {
        padding: 25px 0px;
        text-align: center;
    }
    .footer__strip.py-3{
        padding: 12px 0px 10px ;
    }
    .foot__logo{
        max-width: 160px;
        margin: 0px auto;
    }
    .copy__right__text {
        display: none;
    }
    /* Social Icon section */
    .social ul li a{
        font-size: 18px;
        line-height: 20px;
    }
    /* Contact Page css */
    .section.contact-section{
        margin: 20px 0px 50px;
    }
    .list-view-desc-wrap{
        margin-top: 15px;
    }
    .location_text{
        margin-top: 5px !important;
    }
    .list_layout .product_name {
        margin-bottom: 5px;
    }
}
@media (max-width:560px) {
    h4.sec_title {
        font-size: 24px;
    }

    .question_title {
        font-size: 20px;
        margin: 0;
    }

    .ask_question .sec_title {
        margin: 0 0 7px 0 !important;
    }

    .ask_question .d-flex {
        flex-direction: column;
        align-items: flex-start !important;
        margin-bottom: 20px;
    }

    .product_grid .product_img_box img {
        height: 350px;
        width: 100%;
    }

    .blog-box {
        margin: auto;
        padding: 20px 0;
        max-width: 100%;
    }

    .blog_thum_img {
        padding-left: 0;
        width: 100%;
        max-height: 200px;
        object-fit: cover;
    }

    .blog_note {
        padding: 30px 10px;
    }

    .blog_note .sec_title {
        font-size: 25px;
    }

    .related_blog {
        padding: 0 10px;
    }

    .related_blog .blog_thum_img {
        padding-left: 0;
        background-size: cover;
    }

    .related_blog_title {
        padding: 0 10px;
    }

    .banner__text {
        width: 100%;
    }

    .mt-90 {
        margin-top: 50px;
    }

    .listed-sec {
        margin-top: 50px;
    }

    .all-countries-sec {
        margin-top: 50px;
    }

    .list_layout .product_name {
        margin-bottom: 15px;
    }

    .list_layout img {
        width: 100%;
    }

    .list_layout .wishlist_list_2 {
        margin-top: 20px;
    }

    .why_vegan .advertise_grid {
        margin-top: 35px;
    }

    .banner__text {
        top: 245px;
    }

    .vegan__cities .section__top a,
    .vegan__recipes .section__top a,
    .vegan__know .section__top a {
        width: 102px;
    }

    .view__link {
        font-size: 16px;
    }
    .view__link .ft-chevron-right-solid{
        padding-left: 16px;
    }
    /* .vegan__recipes .section__top a.view__link{
        width: auto;
    } */

    .fwh {
        margin-bottom: 10px !important;
    }

    .vegan__food h5,
    .vegan__food .h5 {
        font-size: 16px;
        line-height: 25px;
    }

    .vegan__go .image {
        width: 100%;
    }

    .vegan__faq .card-body {
        font-size: 16px;
    }

    .vegan__faq .card-header a.btn {
        font-size: 18px;
    }

    .review_select {
        font-size: 18px;
        padding: 10px;
    }

    .vc__item {
        min-height: 200px;
        background-size: contain;
    }

    .vf__item {
        max-width: 82%;
        padding: 0 10px 30px 10px;
    }

    .vf__item .image img {
        padding: 15px 20px;
        margin-top: -45px;
        max-width: 100px;
    }

    .inner__item .gen__btn {
        margin-top: 30px;
    }

    .inner__item .light__green__txt {
        padding-bottom: 0;
    }

    .vf__item .dark__green__txt {
        margin-top: 10px;
    }

    .foot__menu ul li {
        margin-bottom: 5px;
    }

    .vk__item {
        margin-bottom: 30px;
        padding: 0px 30px;
        min-height: 265px;
        background-size: 300px 100%;
        background-position: center;
    }
    .vk__item h6, .vk__item .h6{
        font-size: 16px;
        line-height: 25px;
    }

    .amenities_text {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .btn_transparent {
        font-size: 15px;
    }

    .map_desc {
        margin-bottom: 15px;
    }

    .btn_veg {
        font-size: 16px;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 8px 10px;
    }

    .btn_veg img {
        height: 22px;
    }

    .about-slide img {
        max-width: 100%;
        height: 350px;
    }

    .blog-box .blog_title {
        font-size: 18px;
    }

    .blog-box .blog_short_desc {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        line-height: 1.3;
        font-size: 16px;
    }

    .pages-content {
        margin-right: 0;
    }

    .container,
    .row {
        --bs-gutter-x: 20px;
    }

    /* .blog_social_icons_wrap {
        display: none;
    } */

    .pages-content .in-1t {
        padding-left: 2rem !important;
    }

    h2 {
        font-size: 26px;
    }
    /* Home Banner CSS */
    .banner__image{
        max-width: 330px;
    }
    .home__banner{
        padding-top: 90px;
    }
    /* Product Listing page  */
    .porduct_title {
        margin: 10px 0 5px 0;
    }
}