﻿@media (max-width: 1400px){
}
@media (max-width: 1300px){
}
@media (max-width: 1200px){
}
@media (max-width: 1100px){
}
@media (max-width: 1000px){
}
@media (max-width: 991px){
    .section-content-post .list_item_row{
        flex-direction: column;
    }
    .section-content-post .list_item_row .row_left,
    .section-content-post .list_item_row .row_right{
        max-width: 100%;
    }
}
@media (max-width: 950px){
}
@media (max-width: 850px){
    .section-content-post .list_item_row .row_left .list-content-post{
        grid-template-columns: repeat(2 , 1fr);
    }

    .tinhnang .tinhnang_bg .tinhnang_detailds .col-inner,
    .tinhnang .tinhnang_bg .tinhnang_detailds.two .col-inner {
        padding: 61px 24px 24px 24px;
    }
    .dangky .row::before{
        background: url(../images/dangky-3112024-bg-mobile.png) no-repeat;
        background-size: 100% 100%;
    }
    .dangky .dangky_general {
        justify-content: center;
    }
    .dangky .dangky_right {
        left: 0px;
        right: 0px;
        margin: 0px auto;
        top: -200px;
        transform: inherit;
    }
    .dangky .dangky_left {
        margin: 150px 0px 0px 0px;
    }
    .dangky .dangky_title {
        font-size: 18px;
        line-height: 26px;
        text-align: center;
    }
    .dangky .dangky_btn {
        flex-direction: column;
        gap: 24px;
    }
    .dangky .dangky_btn span {
        font-size: 40px;
        line-height: 48px;
    }
    .dangky .dangky_btn a {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        padding: 11px 25px;
    }
    .title-section{
        font-size: 28px;
    }
    .section-one .box-item{
        flex-direction: column;
    }
    .section-one .box-item .item-right,
    .section-one .box-item .item-left{
        width: 100%;
    }
    .section-one .box-item .item-right{
        padding-top: 20px;
    }
    .section-two .list-why{
        grid-template-columns: repeat(2, 1fr);
    }
    .section-three .tab-content .table_price_content{
        position: relative;
        overflow: auto;
    }
    .section-three .tab-content .table_price_content::after{
        content: "";
        width: 80px;
        height: 80px;
        background-image: url(../images/hand_clgt.png);
        position: absolute;
        -webkit-animation: linear infinite;
        -webkit-animation-name: run;
        -webkit-animation-duration: 1s;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 2;
        top: 180px;
    }
    @-webkit-keyframes run {
        0% {
          right: 20%;
          opacity: 1; 
        }
        100% {
          right: 60%;
          opacity: 0; 
        } 
    }
    .section-banner-home img{
        height: 100%;
    }
}
@media (max-width: 767px){
    .list-product-theme{
        grid-template-columns: repeat(2, 1fr);
    }
    .list-product-theme .product-item:nth-child(2)::before,
    .list-product-theme .product-item:nth-child(6)::before,
    .list-product-theme .product-item:nth-child(10)::before {
        display: none;
    }
    .list-product-theme .product-item:nth-child(9)::after,
    .list-product-theme .product-item:nth-child(10)::after{
        display: block;
    }
}
@media (max-width: 650px){
    .section-content-post .list_item_row .row_left .list-content-post{
        grid-template-columns: repeat(1 , 1fr);
    }
}
@media (max-width: 574px){
    .section_faq .title_faq .accordion-title span{
        font-size: 16px;
    }
}
@media (max-width: 500px){
    .dangky .dangky_right {
       display: none;
    }
    .dangky .dangky_left {
        margin: 20px 0px 0px 0px;
    }
    .dangky .dangky_title {
        font-size: 22px;
    }
    .dangky .dangky_btn span {
        font-size: 45px;
    }
}
@media (max-width: 400px){
    .dangky {
        padding: 20px !important;
    }
    .section-two .list-why{
        grid-template-columns: repeat(1, 1fr);
    }
    .section-three .table_price_tab .tabs li a{
        white-space: nowrap;
    }
}
@media (max-width: 390px){
    .bangia_dichvu .banggia_btn .btn_contact.one{
        padding: 2px 6px;
    }
}