@media (min-width: 992px) {
    .logo_header{
        margin-top: -25px;
        margin-bottom: -25px;
      }
      .pic_album,
.pic_album img {
  border-radius: 0px 180px 180px 0px;
}
.wap_album {
    background: url(../images/hoa.jpg) no-repeat top 50px right calc(50% + 230px/2);
  }
  
}
@media (min-width: 768px) {
    #fanpage-facebook {
        border-radius: 100%;
        overflow: hidden;
        max-width: 360px;
        margin-bottom: 30px;
    }
    #footer-map {
        aspect-ratio: 1/1;
        border-radius: 100%;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.25);
    } 
    .info_footer {
        padding-bottom: 35px;
    }
}

@media (max-width: 1024px) {

    .top_footer .d-flex {
        flex-direction: column;
        gap: 10px;
    }

    .footer_bottom .d-flex {
        flex-wrap: wrap;
    }

    .contact-input {
        margin-bottom: 15px;
    }

    .flex-cus,
    .row-video,
    .row-20 {
        margin-left: -5px;
        margin-right: -5px;
    }

    .mg-cus,
    .mg-video,
    .col-20 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .content-text img {
        height: auto !important;
    }

    .padding-top-bottom {
        padding: 2rem 0;
    }

    .pad-top {
        padding-top: 2rem;
    }

    .pad-bottom {
        padding-bottom: 2rem;
    }

    .mg-top {
        margin-top: 2rem;
    }

    .mg-bottom {
        margin-bottom: 2rem;
    }

    .title-detail-main {
        font-size: 20px;
    }

    .cart-fixed {
        bottom: 220px;
    }

    .btn-frame {
        display: none;
    }

    .cart-pro-detail {
        width: 100%;
        margin-top: 10px;
    }

    .pad-bottom {
        padding-bottom: 2rem !important;
    }

    .pad-top {
        padding-top: 2rem !important;
    }

    .padding-top-bottom {
        padding: 2rem 0 !important;
    }
}

@media (max-width: 992px) {
    .box_sanpham{grid-template-columns: repeat(3,1fr);}
    .right_gioithieu,.left_gioithieu{max-width: 100%;}
    .left_gioithieu{margin: auto;margin-bottom: 15px;}
    .right_gioithieu{width: 100%;}
    .boxdichvu,.boxdichvu img{border-radius: 0px;}
    .list_album{flex-direction: row;flex-wrap: wrap;}
    .right_khachhang, .left_khachhang,.left_album,.right_album{width: 100%;max-width: 100%;margin: 15px 0;}
    .right_khachhang form{margin: auto;}
    .left_tintuc,.right_tintuc{max-width: 100%;margin:15px auto;}
    .logo_header{margin: auto;}
    .header_bottom{padding: 10px 0;}
    .footer-news:nth-child(2){width: 100%;order: 1;}
    .footer-news:nth-child(1),.footer-news:nth-child(3){width: 50%;order: 2;}
    .footer-news:nth-child(1){  display: -webkit-box;
      display: -ms-flexbox;
      display: flex;flex-direction: column;  -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;align-items: center;}
    .othernews {
        position: initial;
    }

    .footer-title:after {
        width: 100%;
    }

    #fanpage-facebook {
        max-width: 500px;
        width: 100%;
        margin:15px  auto;
    }



    .time-news {
        display: none;
    }
    .wap_tintuc,.wap_khachhang,.wap_album,.wap_dichvu,.wap_gioithieu{padding: 20px 0;}
    .social_footer{justify-content: space-around;}
}

@media (max-width: 768px) {
    .boxbaiviet{grid-template-columns: 100%;}
    .left-pro-detail,
    .right-pro-detail {
        width: 100%;
        margin: 0px;
    }

    .left-pro-detail,
    .top-contact .article-contact {
        margin-bottom: 30px;
    }
    .footer-news{width: 100% !important;margin-bottom: 15px;}
    #footer-map {height: 200px;}
    .footer-article{padding: 30px 0 0;}
    .box_sanpham{grid-template-columns: repeat(2,1fr);gap: 10px;}
}
@media (max-width: 576px) {
    .title-gioithieu,.title-gioithieu span{padding: 0;}
    .pic_gioithieu1,.title-gioithieu{background: #fff;}
    .pic_gioithieu1{padding: 0px;}
    .left_khachhang{zoom: 0.8;}
    input.newsletter-button[type="submit"]{margin: 0;}
    .right_khachhang form{padding: 10px 20px;}
    .title-trangchu span,.title-gioithieu span{font-size: 25px;}
    .title-trangchu h2,.title-feedback,.title-album h2,.title-gioithieu h2{font-size: 30px;}
    .toast-cus {
        left: 5px;
        width: calc(100% - 10px);
    }

    .box-readmore {
        width: calc(100% - 5px);
    }

    .newshome-scroll {
        width: 100%;
    }

    .newshome-intro {
        width: 100%;
        margin-bottom: 20px;
    }

    .top-contact .form-contact .button-contact .file-contact span b {
        max-width: 105px;
    }

    .cart-pro-detail {
        flex-wrap: wrap;
    }

    .cart-pro-detail a {
        width: 100%;
        text-align: center;
        margin: 0px !important;
    }

    .cart-pro-detail a:first-child {
        margin-bottom: 5px !important;
    }
    .title-gioithieu{}
}
@media (max-width: 400px) {
.grid_album{grid-template-columns: 100%;gap: 10px;}
.right_khachhang form{background: #fff;padding: 10px;}
}