@media screen and (max-width: 1100px) {
  .menu-nav a {
    padding: 0px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .header-top,
  .header-nav {
    display: none;
  }
  .menu {
    padding: 5px 0;
  }
  .menu-nav {
    display: none;
  }
  #hamburger {
    display: block;
  }
  .center-layout,
  .inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .menu {
    display: none;
  }
  .menu-res {
    display: block;
  }
  .about-left {
    width: 100% !important;
    margin-bottom: 2rem;
  }
  .about-right {
    width: 100% !important;
  }
  .about-title {
    text-align: center;
    font-size: 22px;
  }
  .about-slogan {
    font-size: 30px;
  }
  .about-booking {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .heading-page h2 {
    font-size: 22px;
  }
  .tooth-item .info h3 {
    font-size: 16px;
  }
  .service__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .service__grid .serivce-item .info {
    padding-left: 5px;
    padding-right: 5px;
  }
  .service__grid .serivce-item .info h3 {
    font-size: 16px;
  }
  .wrapper-album {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .flex-about-me {
    flex-wrap: wrap;
  }
  .flex-about-me .about-one {
    width: 100%;
    margin-bottom: 2rem;
  }
  .flex-about-me .about-two {
    width: 100%;
    margin-bottom: 2rem;
  }
  .flex-about-me .about-three {
    width: 100%;
  }
  .grid-quy-trinh span {
    display: none;
  }
  .quy-trinh-item:not(:last-child) {
    margin-bottom: 20px;
  }
  #home-register {
    flex-wrap: wrap;
  }
  #home-register .register-left {
    width: 100%;
  }
  #home-register .register-right {
    width: 100%;
    padding: 30px 15px;
  }
  .heading-register {
    text-align: center;
  }
  .heading-register h2 {
    font-size: 22px;
  }
  .newsletter-button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .blog-item .info {
    padding-top: 0;
  }
  .blog-item .name {
    position: relative;
    width: 100%;
    border-radius: 0;
    max-width: 100%;
    top: initial;
    padding-top: 15;
  }
  .blog-item .name h3 {
    overflow: initial;
    text-overflow: ellipsis;
    line-height: normal;
    -webkit-line-clamp: initial;
    height: auto;
    font-size: 15px;
  }
  .flex-fanpage {
    flex-wrap: wrap;
  }
  .flex-fanpage .fanpage-left {
    width: 100%;
    margin-bottom: 2rem;
  }
  .flex-fanpage .fanpage-right {
    width: 100%;
  }
  .flex-footer {
    flex-wrap: wrap;
  }
  .flex-footer .footer-company {
    width: 100%;
    margin-bottom: 20px;
  }
  .flex-footer .footer-policy {
    width: 100%;
    margin-bottom: 20px;
  }
  .flex-footer .footer-google-map {
    width: 100%;
  }
  .footer-powered .flex_tc {
    flex-wrap: wrap;
  }
  .footer-powered .coppyright_left {
    text-align: center;
    width: 100%;
    margin-bottom: 6px;
  }
  .footer-powered .coppyright_right {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #home-about {
    padding: 30px 0;
    padding-bottom: 0;
  }
  #home-allbum, #home-service {
    padding: 30px 0;
  }
  .heading-about-me {
    text-align: center;
  }
  #home-about-me .heading-about-me h2 {
    font-size: 24px;
  }
  #home-blog {
    padding: 30px 0;
  }
  #home-fanpage {
    padding: 30px 0;
  }
  .footer-article {
    padding: 30px 0;
  }
  .box_bgia {
    padding: 30px 15px;
  }
  .blog__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .mm-listitem__text, .mm-navbar__title {
    text-transform: uppercase;
    font-family: "Muli-Bold";
    color: #0057a4 !important;
  }
  .grid__album {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  #footer-map{
    height: 300px;
  }
  .about-slogan:before{
    display: none;
  }
  .about-slogan {
    font-size: 15px;
    padding-left: 0px;
    text-align: center;
  }

}
@media screen and (max-width: 992px) {
  .footer .col_footer {
    grid-template-columns: 48% 48%;
  }
}
@media screen and (max-width: 768px) {
  .pd-detail__top {
    grid-template-columns: 100%;
    grid-gap: 20px;
  }
  .mobile-button {
    display: grid !important;
  }
}/*# sourceMappingURL=reponsive.css.map */