@media only screen and (max-width:991px){.img-auto img{width:auto !important;height:auto !important;}

}

@media only screen and (max-width:991px){.mgb-res{margin-bottom:30px;}

.mb-block{display:block !important;}

.py-70{padding-top:40px;padding-bottom:40px;}

.py-60{padding-top:30px;padding-bottom:30px;}

.py-50{padding-top:30px;padding-bottom:30px;}

.mb-50{margin-bottom:30px;}

}

@media only screen and (max-width:991px){.scrollToTop{right:15px;}

}

@media (max-width:850px){.footer-news,.col-left,.col-right{-ms-flex:0 0 100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;flex:0 0 100%;max-width:100%;}

}

@media (max-width:440px){}

@media only screen and (max-width:991px){.btn-buy{font-size:14px;}

}



@media (max-width:992px){

.menu-res{display:block !important;}

.search-res-w100 p{background:transparent;color:#fff;}

.img-auto img{width:auto !important;height:auto !important;}

.wrap-container.internal-page{overflow:unset;}

.title__main h1,.title__main h2,.title__main span{font-size:20px;}

.search input{width:calc(100% - 35px);height:35px;font-size:15px;}

.search p{width:35px;height:35px;line-height:35px;color:var(--color-main);}

.mgb-res{margin-bottom:30px;}

.mb-none{display:none !important;}

.py-50{padding-top:30px !important;padding-bottom:30px !important;}

.mb-50{margin-bottom:30px !important;}

.pagination{flex-wrap:wrap;justify-content:center;}





/* .wrap-container {

    overflow: hidden;

} */

.top_content {

    padding: 10px 30px;

    font-size: 14px;

    text-transform: capitalize;

    height: 37px;

    border-radius: 30px;

}

.top_content span {
    top: 2px;
    line-height: 15px;
}

.food_town_info {

    padding: 10px 10px;

    background-color: #fff;

}

.food_town2_box {

    display: flex !important;

    justify-content: space-between;

}

.food_town2_img{

    width: 40%;

    border-radius: 0px;

}

.food_town2_info{

     width: 60%;

    background-color:#EDDEC5;

    padding: 10px 20px;

}

.wrap_food_town_2.py-50{

    padding: 10px 0px !important;

}

.food_town2_name.text-split {

    min-height: unset;

    margin-bottom: 3px;

    line-height: 19px;

    -webkit-line-clamp: 2;

    font-size: 12px;

}

.food_town2_desc.text-split {

    line-height: 18px;

    -webkit-line-clamp: 2;

    font-size: 13px;

}

.footer_phone {

    transform: scale(0.52) scaleY(1.1);

    margin-top: 50px;

    bottom: 8px;

}

.title__main h1, .title__main h2, .title__main span {

    font-size: 16px;

}

.title__main {

    font-size: 15px;

    margin: 40px 0px;

    padding: 10px 20px;

    border-radius: 30px;

    min-height: unset;

    height: 37px;

}

.btn_custom {

    margin: 5px auto -10px auto;

    max-width: 85%;

    transform: scale(0.8);

}

.btn_custom p:first-child::after {

    right: -14px;

}

.btn_custom p:last-child span {

    position: relative;

    left: -15px;

}



.news_simple_box {

    display: flex !important;

    justify-content: center;

    align-items: center;

    flex-direction:column;

}

.news_simple_img{

    width: 100%;

}

.news_simple_info{

    width: 100%;

    padding: 10px 20px;

}

.custom_pagination.pagination li.left, .custom_pagination.pagination li.right {

    min-height: 40px;

    width: 85px;

}

.page-item.mid {

    width: unset;

    min-height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    border:  none !important;

}

.custom_pagination.pagination {

    margin: 0px auto;

    width: 90%;

    transform: scale(0.8);

    justify-content: space-between;

}

.custom_pagination.pagination .page-item.right a {

    height: 45px;

}

.custom_pagination.pagination .page-item.left a {

    height: 45px;

}

.page-item.mid::before {

    left: -19px;

}





.news_simple_detail_box {

    display: flex !important;

    justify-content: space-between;

    flex-direction: column;

    align-items: center;

}

.news_simple_detail_img {

    width: 100%;

}

.news_simple_detail_info {

    width: 100%;

    padding: 20px 20px 10px 20px;

}

.news_simple_detail_name h3 {

    line-height: 28px;

    font-size: 20px;

    min-height: 56px;



}

.swiper_branch_swiper {

    margin: unset;

    width: 100%;

}

.chicken_icon {

    bottom: 7px;

    transform: scale(0.65);

}

.wrap_food_town_2 .wrap-content{

    padding: 0px 0px;

}

.branch_name {
    width: 65%;
    min-width: unset;
    min-height: unset !important;
    height: 37px !important;
    padding: 0px 18px 0px 25px;
    font-size: 12px;
    padding-left: 40px;
    position: relative;
}
.branch_name::after {
    position: absolute;
    content: '';
    background-color: #EDDEC5;
    clip-path: polygon(0 0, 0% 120%, 58% 0);
    width: 20px;
    height: 35px;
    top: 0px;
    bottom: 0px;
    right: -12px;
}
.branch_name marquee{
    position: relative;
    top: 0px;
}
.branch_desc {
    padding: 15px 10px 15px 11px;
    max-height: 37px;
    width: 30%;
    font-size: 11px;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 97px;
}
.branch_box {
    margin: 8px 17px 0px 17px;
}
.offcanvas{
    background-color: #EDDEC5 !important;
}

.offcanvas-start {

    height: 399px;

    top: 145px;

    right: 0;

    width: 300px;

    border-right: 1px solid rgba(0,0,0,.2);

    transform: translateX(100%);

}

.offcanvas.fixed-spec{

    top: 45px;

}



.top_content_sub_box1,.top_content_sub_box2{

    display: none;

}

.title__main.foodtown {

    margin: 40px auto;

    max-width: 90%;

    min-height: unset;

    height: 37px;

}

.branch_desc.lang_en span {

    font-size: 11px;

}

#chat-container {

    z-index: 9999;

    position: fixed;

    bottom: 70px;

    right: 3px;

    transform: scale(0.95);

}

.top_content1{

    text-align: center;

}

.collapse.show{

    visibility: visible;

}

.title__main h1 {

    position: relative;

    top: 2px;

    font-size: 14px;

}

#hamburger {

    width: unset;

    height: unset;

    right: -10px;

}

.footer_phone_item_2 {

    position: relative;

    margin-left: -9px;

}

.pagination_custom .line2{

    display: none;

}
.sipmple_poduct_item {
    font-size: 16px;
}
.noilau {
    overflow: hidden;
    margin-top: 28px;
}
.swiper_noilau_swiper{
    max-width: 360px;
}



}

@media (max-width:768px){}

@media (max-width:576px){}