body { min-width: initial; }
.container { max-width: calc(var(--ctn-px) + 30px); width: 100%; }
.noidung img { max-width: 100%; width: auto; height: auto; }
.tools-mobile, #block-toolbar,#block-mmenu { display: none; background: #0207cb; }
#block-mmenu { background: #fff; }
#block-mmenu .mmenu-box { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.mmenu-box .search-inOut svg,.bt_search svg {
    fill: #0207cb;
    width: 20px;
}
.mmenu-box .header-logo { width: 60px; }
.tools-mobile { position: fixed; bottom: 100px; left: 10px; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; box-shadow: 0 0 5px black; z-index: 9999; }
.tools-mobile svg { width: 25px; }
.tools-mobile ul { bottom: 100%; position: absolute; display: none; }
.tools-mobile ul li { background: #fcd0d3; margin: 5px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; box-shadow: 0 0 5px #949494; }
.tools-mobile ul li a svg * { fill: #000; }

/*mmenu*/
.mmenu-show {font-size: 15px;font-weight: bold;/* color: #000; */line-height: 40px;position: relative;width: 40px;height: 40px;align-items: center;}
.mmenu-nav { position: relative; }
.mmenu-nav a { display: block; position: relative; padding: 7px 0; }
.mmenu-nav a span { width: 30px; height: 3px; display: block; background: #0207cb; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.mmenu-nav a::before, .mmenu-nav a::after { position: absolute; content: ''; background: inherit; width: 25px; height: 3px; background: #0207cb; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.mmenu-nav a::before { top: 0; }
.mmenu-nav a::after { bottom: 0; }
.mmenu-nav a:hover::before { width: 30px; }
.mmenu-nav a:hover::after { width: 28px; }
.mmenu-nav a:hover span { width: 25px; }
.mmenu-search { position: relative; margin: 0; overflow: hidden; display: block; flex-grow: 1; max-width: 250px; }
.mmenu-search form { border: none !important; position: relative; margin: 0; display: flex; align-items: center; width: 100%; }
.mmenu-search input { border-radius: 5px; text-indent: 10px; right: 0px; top: 0; color: #000; font-size: 12px; width: 100%; height: 33px; line-height: 30px; margin-left: 0px; font-weight: normal; border: none; }
#keyword { border-radius: 5px; }
#btnSearch { width: 17px; height: 17px; border: none; }
.bg_input input { border: 1px solid #cecece; width: 310px; margin: 0px; height: 27px; line-height: 27px; color: #a3a3a3; background: none; outline: none; padding-left: 10px; font-size: 13px; }
.mmenu-icon { position: absolute; right: 10px; top: 7px; height: auto; line-height: initial; }
.mmenu-icon i { color: #000; font-size: 18px; }
.header-bot {height: 60px;}
/*end mmenu*/
#block-toolbar { width: 100%; bottom: 0; position: fixed; z-index: 500; height: auto; left: 0; right: 0; margin: 0 auto; display: none; padding: 8px 0; box-shadow: 0px -1px 2px #8e8b8b; }
.toolbar-box { display: flex; align-items: center; justify-content: space-between; }
.toolbar-box li { text-align: center; flex-grow: 1; }
.toolbar-box li a { display: block; }
.toolbar-box li a svg { width: 25px; }
.toolbar-box li a svg * { fill: #fff; }
.toolbar-box li a span { font-weight: 400; color: #fff; font-size: 13px; display: none; }
.list-menu {display: block;width: 40px;top: 0;z-index: 78;right: 10px;padding: 10px 0;}
.list-menu li { display: inline-block; margin-left: 20px; }
.list-menu li a { color: #fff; }
.frm_search_rp {
    background: #fff;
    display: flex;
}

.frm_search_rp .search-field {
    padding: 9px;
    border: none;
    line-height: 20px;
    width: calc(100% - 40px);
}

.frm_search_rp .bt_search {
    width: 40px;
    padding: 8px;
    cursor: pointer;
}
/*media*/

/*Responsive default*/
@media screen and (max-width:1200px) {
    .container { padding: 0 10px; }
    #block-mmenu.fixedx {position: fixed;top: 0;width: 100%;z-index: 78;}
    .header-top { display: none; }
}
@media screen and (max-width:992px) {
    .resCol-4 { width: calc(100%/3); }
    .title-main h3 i {display: none;}
}
@media screen and (max-width:768px) {
    .tools-mobile {/*display: block;*/ }
    .resCol-3 { width: calc(100%/2); }
    .cart-fixed { bottom: 100px; }
    #footer { margin-bottom: 40px; }
}
@media screen and (max-width:580px) {
    .resCol-4 { width: calc(100%/2); }
}
@media screen and (max-width:450px) {
    .resCol-2 { width: calc(100%); }
}

/*end Responsive default*/

/*===================================*/

/*Responsive Pagein*/
@media screen and (max-width:992px) {
    .inSanpham-aside { display: none; }
    .inSanpham-img { width: 40%; }
    .inSanpham-text { width: calc(60% - 20px); }
    .newsPicture-col, .flipper-col { width: calc(100% / 3); }
    .inNews-box { margin: 0 -5px; }
}
@media screen and (max-width:768px) {
    .inNews-date { position: absolute; top: 0; left: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); }
    .inNews-text h3 { width: 100%; padding: 0; }
    .newsPicture-col, .flipper-col { width: calc(100% / 2) }
    .inSanpham-img, .inSanpham-text, .inSanpham-col, .inContact-col { width: 100% !important; }
    .inSanpham-img { max-width: 400px; margin: 0 auto; }
    .inNews-col, .inVideo-col { width: 50%; }
    .inContact-info, .inContact-form { width: calc(50% - 5px); }
}
@media screen and (max-width:580px) {
    .inContact-info, .inContact-form, .right-pro-detail, .left-pro-detail { width: 100%; }
    .inNews-col, .inAlbum-col { width: 50%; }
    .inNews-col { padding: 0 5px; margin-bottom: 10px; }
    .inNews-box { margin: 0 -5px; }
    .inContact-info { margin-bottom: 20px; }
}
@media screen and (max-width:450px) {
    .newsClassic-text article, .newsPicture-text article { display: none; }
    .inVideo-col { width: 100%; }
    .inNews-date { transform: scale(1); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
}

/*end Responsive Pagein*/

/*===================================*/
@media screen and (max-width:1200px) {
    :root { --lor: 10px; }
}
@media screen and (max-width:992px) {
    .info-item { width: 50%; justify-content: flex-start; }
    .info-item:nth-child(1), .info-item:nth-child(2) { margin-bottom: 10px; }
    .procedure-col { width: calc(100%/3); margin-bottom: 15px; }
}
@media screen and (max-width:768px) {
    .btn-zalo, .btn-phone, #messages-facebook, #block-menu { display: none; }
    #block-toolbar, #block-mmenu { display: block; }
    .merge-news, .merge-video { width: 100%; }
    .slideshow-text { width: 100%; top: 0; max-width: initial; }
    .copyright-text { text-align: center; }
    #block-header { position: relative; top: 0; }
    .header-top .box { padding: 10px 0; justify-content: center; }
    .slideshow-btn a { padding: calc(12/768*100%) calc(25/768*100%); }
    .procedure-col { width: calc(100%/3); }
    .mail-form textarea, .mail-form input { width: 100%; margin-bottom: 10px; }
    .merge-video { margin-bottom: 20px; }
}
@media screen and (max-width:580px) {
    .footer-info, .info-item, .footer-facebook, .footer-company, .footer-policy, .header-info { width: 100%; }
    .left-pro-detail, .footer-top .box>div { margin-bottom: 20px; }
    .slideshow-text h3 { font-size: 25px; }
    .slideshow-text p span, .slideshow-text p { font-size: 15px; margin-bottom: calc(20/580*100%); padding: calc(10/580*100%) 0; }
    .info-item:nth-child(3) { margin-bottom: 10px; }
}
@media screen and (max-width:450px) {
    .pay-title { display: none; }
    .title-main h3 span, .about-text h3 { font-size: 25px; }
    .title-main p { font-size: 13px; }
    .procedure-col { width: calc(100%/2); }
}