@charset "UTF-8";
.title-menu{display:inline-block;font-family:'Roboto-Bold';font-size:22px;text-transform:uppercase;vertical-align:middle;color:#fff;margin-left:15px}
nav:not(.mm-menu){display:none}
.mm-listview > li{text-transform:capitalize}
.mm-navbar .mm-title{text-transform:uppercase}
.mm-listview{font-size:16px!important}
.mm-title{font-size:20px}
.mm-menu { background: #A91D21 !important;}
.mm-menu .mm-listview > li .mm-next:after{border-color:#fff!important}
.mm-menu .mm-btn::after,.mm-menu .mm-btn:before{border-color:#fff!important}
.mm-listview > li > a,.mm-listview > li > span{color:#fff!important}
.mm-listview > li,.mm-listview > li .mm-next,.mm-listview > li .mm-next::before,.mm-listview > li::after,.mm-navbar{border-color:#ffffff1a!important}
.mm-navbar .mm-title,.mm-menu em.mm-counter{color:#fff!important}

.c-mburger { display: none; color: #fff; align-self: center; text-align: center;}
.c-mburger span { text-transform: uppercase; font-family: var(--font-bold); font-size: 28px; margin-left: 5px;}
.mburger { --mb-button-size: 40px !important; --mb-bar-width: 1  !important; --mb-bar-height: 1px !important;}

@media only screen and (max-width: 1199px) {
/**/
.wrap-content{margin-left: 15px; margin-right: 15px}
}
@media only screen and (max-width: 1024px) {
.mmt {
    margin-top: 40px !important;
}
.header-top-left, .bannner, .header-hotline, .list-menu { display: none; }
.header-top .wrap-content { justify-content: flex-end; }
.header { padding: 15px 0px; }
.header .wrap-content { justify-content: center !important; }
.search-mobile, .c-mburger { display: block; }
.menu .wrap-content { display: flex; justify-content: space-between; align-items: center; }
.title-mid-about { font-size: 30px; }
.title-bot-about { font-size: 50px; }
.box-pro .box.bt { padding: 0px; }
.box-pro .title { margin: 10px; }
.box-pro .box.bt { margin: 10px 15px 10px 0px; width: calc((100% + 15px) / 4 - 15px); width: -moz-calc((100% + 15px) / 4 - 15px); width: -webkit-calc((100% + 15px) / 4 - 15px);}
.title-main { font-size: 35px; }
.box-service .title, .box-news .title { font-size: 14px; }
.box-service .content, .box-news .content { padding: 10px; }
.box-service .box:after, .box-service .thumb, .box-service .box-content { clip-path: unset; }
.box-service .box-content { padding: 0px; }
.box-service .box.bt, .box-news .box.bt {  margin: 10px 15px 10px 0px; width: calc((100% + 15px) / 3 - 15px); width: -moz-calc((100% + 15px) / 3 - 15px); width: -webkit-calc((100% + 15px) / 3 - 15px);}
.box-news .desc { margin-top: 5px; }
.box-album-single .box.bt{width:calc((100% + 10px) / 4 - 10px);width:-moz-calc((100% + 10px) / 4 - 10px);width:-webkit-calc((100% + 10px) / 4 - 10px)}
.box-album-single .box.bt:nth-child(5n){margin-right:10px}
.box-album-single .box.bt:nth-child(4n){margin-right:0}
.title-line { flex-direction: column;  }
.title-line .title-p { width: 100%; min-width: unset; }
.title-line a { margin: 5px 0px; }
/**/
.c-mburger { display: block;}
.scrollToTop { bottom: 90px;}
.btn-zalo, .btn-phone, #messages-facebook { display: none;}
.btn-zalo { bottom: 160px;}
.toolbar { display: block; }
.mb-toolbar { margin-bottom: 50px; }
}
@media only screen and (max-width: 768px) {
.wrap-about .item-1,.wrap-about .item-2, .wrap-commit .item-1, .wrap-commit .item-2, .wrap-why .item-1,.footer .item-1,.footer .item-2,.footer .item-3, .wrap-partner-video .item-1, .wrap-partner-video .item-2 { width: 100%; }
.wrap-about .item:not(:last-child), .wrap-commit .item:not(:last-child),.footer .item:not(:last-child), .wrap-partner-video .item:not(:last-child) { margin-bottom: 30px; }
.box-pro .box.bt { width: calc((100% + 15px) / 3 - 15px); width: -moz-calc((100% + 15px) / 3 - 15px); width: -webkit-calc((100% + 15px) / 3 - 15px);}
.box-pro .box.bt:nth-child(4n) { margin-right: 15px;}
.box-pro .box.bt:nth-child(3n) { margin-right: 0px;}
.box-album .box.bt1:nth-child(4), .box-album .box.bt1:nth-child(5), .box-album .box.bt1:nth-child(6), .box-album .box.bt1:nth-child(7) { width: calc((100% + 10px) / 2 - 10px); width: -moz-calc((100% + 10px) / 2 - 10px); width: -webkit-calc((100% + 10px) / 2 - 10px); }
.box-album .box.bt1:nth-child(5) { margin-right: 0px; }
.box-album .box.bt1:nth-child(4) { margin-right: 10px; }
.box-commit { padding-left: 0px !important; }
.box-commit .title, .box-why .title { font-size: 16px; }
.box-commit:not(:last-child) { margin-bottom: 15px; }
.box-commit label { width: 65px; height: 60px; line-height: 60px; }
.box-commit .content { padding-left: 25px; }
.wrap-why { padding: 40px 0px; }
.wrap-newsletter .wrap-content {flex-direction: column;}
.box-album-single .box.bt{width:calc((100% + 10px) / 3 - 10px);width:-moz-calc((100% + 10px) / 3 - 10px);width:-webkit-calc((100% + 10px) / 3 - 10px)}
.box-album-single .box.bt:nth-child(4n){margin-right:10px}
.box-album-single .box.bt:nth-child(3n){margin-right:0}
/**/
.left-pro-detail, .right-pro-detail, .contact-text, .contact-form { width: 100%; }
.right-pro-detail { padding-left: 0px; margin-top: 30px; }
.contact-form { margin-top: 30px; }
}
@media only screen and (max-width: 555px) {
.box-pro .box.bt { width: calc((100% + 15px) / 2 - 15px); width: -moz-calc((100% + 15px) / 2 - 15px); width: -webkit-calc((100% + 15px) / 2 - 15px);}
.box-pro .box.bt:nth-child(3n) { margin-right: 15px;}
.box-pro .box.bt:nth-child(2n) { margin-right: 0px;}
.box-album-single .box.bt{width:calc((100% + 10px) / 2 - 10px);width:-moz-calc((100% + 10px) / 2 - 10px);width:-webkit-calc((100% + 10px) / 2 - 10px)}
.box-album-single .box.bt:nth-child(3n){margin-right:10px}
.box-album-single .box.bt:nth-child(2n){margin-right:0}
#form-newsletter { flex-wrap: wrap; }
.newsletter-input { width: 100%; margin-right: 0px; margin-bottom: 5px; }
.wrap-newsletter .item-2 { padding-bottom: 30px; }
.box-service .box.bt, .box-news .box.bt {  margin: 10px 15px 10px 0px; width: calc((100% + 15px) / 2 - 15px); width: -moz-calc((100% + 15px) / 2 - 15px); width: -webkit-calc((100% + 15px) / 2 - 15px);}
.box-service .box.bt:nth-child(3n), .box-news .box.bt:nth-child(3n) { margin-right: 15px;}
.box-service .box.bt:nth-child(2n), .box-news .box.bt:nth-child(2n) { margin-right: 0px;}
}
@media only screen and (max-width: 380px) {
}
@media only screen and (max-width: 320px) {
}