@media (min-width: 0px) and (max-width: 575px) {

    h1.large {

        font-size: 36px;
        line-height: 36px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    h1.large {
        font-size: 80px;
        line-height: 80px;
    }
}
@media screen and (max-width: 767px) {
   .col-2:has(.ap-g) {
    width: 100%;
   }
    .sh-title {
        font-size: 20px;
    }
    .section-header {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .col-3,.col-4  {
        border-right: none;
    }
    .col-4  {
        /* border-bottom: 1px solid; */
    }
    .col-4:nth-child(4n) {
        border-bottom: none;
    }
    .news-p img {
        width: 100%;
    }
    .news-header-content,.news-img {
        width: 100%;
      }
    .news-header {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .v-txt+img {
        width: calc(100% - 46px);
    }
    .o-title {
        width: 30%;
    }
    .o-title+p {
        width: 70%;
    }
    .col-2 {
        width: 100%;
    }
    p {
        font-size: 12px;
    }
    .about-row2 {
        flex-direction: column;
        padding: 0;
    }
    .about-row2 .acol-4 {
        width: 100%;
        padding-bottom: 15px;
    }
    .Policy-title {
        padding-left: 0;
    }
    .about-row2 .acol-4 h6 {
        padding-bottom: 10px;
    }
    .about-Overview {
        padding: 30px 0;
        margin-top: 30px;
    }
    .mess {
        text-align: center;
        padding: 20px 0;
        /* border-top: 1px solid;
        border-bottom: 1px solid; */
    }
    h6.large {
        line-height: 20px;
    }
    h6.large {
        font-size: 20px;
    }
    h5 {
        font-size: 25px;
    }
    .about-row,.about-row1 {
        flex-direction: column;
        margin-bottom: 60px;
        gap: 20px;
        padding: 0;
    }
    .about-txt, .about-img {
        width: 100%;
    }
    .news-p {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
    .shops-page-section.page-section {
        margin-top: 0;
    }
    .product-feature,.product-content {
        width: 100%;
    }
    .product-detail {
        display: flex;
        padding-top: 80px;
        max-width: calc(100% - 80px);
        margin: 0 auto;
        flex-direction: column;
    }
    h2 {
        font-size: 40px;
    }
    .menu-section-page.page-section {
        margin-top: 0;
    }
    .shop-grape {
        margin-top: 60px;
    }
    .des {
        display: none!important;
      }
      .mob {
        display: block!important;
      }
    .news-part {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .news-cate {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0!important;
    }
    .text-img {
        margin-top: 60px;
    }
    .shops-section .section-body {
        padding: 15px 0 15px 0;
    }
    .mob .shop-row {
        flex-direction: column;
    }
    .news-row svg {
        display: none;
    }
    h4 {
        font-size: 30px;
    }
    .news-grop {
        padding: 15px;
    }
    .menu-title {
        /* padding-left: 15px;
        padding-right: 15px; */
        padding-top: 20px;
        flex-direction: column;
    }
    .menu-logo {
        padding: 0;
    }
    .text-img-row {
        display: flex;
        align-items: flex-end;
        gap: 30px;
        padding: 15px;
    }
    .about-section.page-section .menu-title {
        padding-top: 20px;
    }
    .list-item {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        /* border-bottom: 1px solid; */
        position: relative;
    }
    .link-list {
        max-width: calc(100% - 80px);
        margin: 0 auto;
        width: 100%;
        /* border: 1px solid; */
        border-radius: 20px;
    }
    .navbar_menu {
        padding-top: 70px;
    }
    .list-item::after {
        content: '';
        position: absolute;
        width: 31px;
        height: 26px;
        background: url(../images/hicon.png);
        background-repeat: no-repeat;
        right: 27px;
        top: 44px;
    }
    .list-item h3 {
        line-height: 25px;
    }
    h3 {
        font-size: 25px;
    }
    .navbar_burger svg {
        width: 25px;
        height: auto;
    }
    .news-detail {
        padding: 15px;
    }
    .navbar_burger label {
        font-size: 9px;
    }
    .col-img-title img {
        width: 10px;
    }
    .shop-row .f-12 {     
        font-size: 14px;
        width: 100% ;
    }
    .shop-row .label {
        padding-top: 10px;
        font-size: 12px;
    }
    .navbar_burger {
        width: 22px;
        margin-top: 20px;
        margin-left: 0;
    }
    .fixed-logo img {
        width: 20px;
    }
    .hero-section {
        max-width: calc(100% - 80px);
        margin: 0 auto;
    }
    .page-section {
        max-width: calc(100% - 80px);
        margin: 0 auto;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .fixed-logo,.fixed-menu {
        width: 40px;
    }
    .footer-nav {
        display: flex;
        gap: 23px;
        flex-direction: column;
        margin-bottom: 25px;
    }
    .footer {
        /* border: 1px solid; */
        border-radius: 20px;
        padding: 51px 30px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }
    .col-3,.col-4 {
        width: 100%;
    }

    .header-title svg,
    .sub-title svg
     {
        width: 100%;
    }
    .horo-center {
        max-width: 150px;
        padding-top: 229px;
    }

}
@media screen and (min-width: 1024px) and (max-width: 1200px) {

}
@media screen and (max-width: 1023px) {
 
}
@media screen and (max-width:1023px) {
    .text-img-row {
        flex-direction: column;
    }
    .col-text,.col-img {
        width: 100%;
      }
      .col-text {
        order: 1;
      }
      .col-img-title+img {
        width: calc(100% - 46px);
      }
}
@media screen and (max-width:1023px) and (min-width: 768px)  {
    .col-3,.col-4 {
        width: calc(50% - 1px);
    }
    .row .col-3:nth-child(6n) {
        border-right: none;
    }
    .col-3:nth-child(2n),.col-4:nth-child(2n) {
        border-right: none;
    }
    .col-3:nth-child(3n) {
        border-right: 1px solid;
    }
    .col-4:nth-child(n) {
        border-bottom: 1px solid;
    }
    .menu-products+.delicious .de-link {
        border-top: none;
    }

}
@media screen and (max-width: 1200px) and (min-width:768px) {

}
@media screen and (max-width: 1537px) and (min-width: 1200px) {

}
@media screen and (max-width: 1200px) and (min-width:1024px) {

}
@media screen and (max-width: 1023px) and (min-width:768px) {
    .large {
        font-size: 100px;
        line-height: 100px;
    }
}
@media screen and (max-width: 1200px)  {

}
@media screen and (min-width: 1401px) {

}