@media (min-width: 1200px) and (max-width:1366px) {
    .container { width: 990px; }
}

@media(min-width: 992px) {
    #sticker .body-sticker > ul { list-style: none; transition: all .35s; font-family: 'Open Sans', sans-serif; width: 100%; margin: 0; padding: 0; }
    #sticker .body-sticker > ul > li { position: relative; padding: 0 16px; text-align: center; padding-bottom: 20px; }
    #sticker .body-sticker > ul > li:last-child > a:before { display: none }
    #sticker .body-sticker > ul > li > a { font-size: 14px; line-height: 1.3; text-transform: uppercase; position: relative; font-family: 'Muli'; font-weight: 700; display: block; transition: all 0.3s ease-in-out; }
    #sticker .body-sticker > ul > li > a.btn-search { width: 25px; height: 36px; background: url('../images/ic-seach.png')center no-repeat; display: block; float: right; }
    #sticker .body-sticker > ul > li:hover > a.btn-search { transform: translateY(100%); height: 46px; }
    #sticker .body-sticker > ul > li > a img { margin-bottom: 5px; }
    #sticker .body-sticker > ul > li > ul.sub-menu {position: absolute;background: #fff;list-style: none;min-width: 250px;top: 0;left: 100%;z-index: 1000;transform: translate(0,10px);box-shadow: none;border-radius: 0;visibility: hidden;opacity: 0;padding: 0;border-radius: 0 6px 0 0;transform: scale(0);transition: all .1s ease-in-out;border-top: 3px solid #ed1f24;}
    #sticker .body-sticker > ul > li > ul.sub-menu {box-shadow: 0 0 8px rgba(0,0,0,.3);}
    #sticker .body-sticker > ul > li:hover > a, #sticker .body-sticker > ul > li.active > a { color: #ed1f24; }
    #sticker .body-sticker > ul > li:hover a:before, #sticker .body-sticker > ul > li.active a:before { width: 100%; }
    #sticker .body-sticker > ul > li:hover > ul {visibility: visible;  opacity: 1;  transition: ease-in-out .3s; transform: scale(1);}
    #sticker .body-sticker > ul > li > ul li { position: relative; }
    #sticker .body-sticker > ul > li > ul li a{display: block;line-height: 24px;font-size: 14px;color: #586974;padding: 4px;border-bottom:1px solid #ddd;transition: all .35s;padding-left: 20px;text-align: left;}
    #sticker .body-sticker > ul > li > ul li:last-child a{border-bottom:0;}
    #sticker .body-sticker > ul > li > ul li:hover a{color: #ed1f24;}
    #sticker .body-sticker > ul > li ul > li > a:hover, #sticker .body-sticker > ul > li ul > li.active > a {background: #ffffff;color: #ed1f24;padding-left: 10px;}
}
@media(max-width: 1200px) {
    .logo {/* width: 148px; */margin: 0 auto;}
    .logo a {display: block; overflow: hidden}
    .logo a img {width: 100%}
}
@media(max-width: 991px) {
    header { transition: all .5s ease-in-out; height: auto; opacity: 0; transform: scale(0); transform-origin: 50% 0; left: initial; top: 60px; overflow: initial; right: -100%; width: 250px; }
    .header:before { content: ""; display: none; position: absolute; top: -26px; right: 36px; background: transparent; border-left: 20px solid transparent; border-right: 0px solid transparent; border-bottom: 27px solid #ed1c24; z-index: 999; }
    header.active { opacity: 1; right: 0; transform: scale(1); }
    .div-content { display: block; width: 100% }
    .header { padding-top: 10px; background: rgba(237, 28, 36, 0.7); position: relative; overflow: inherit; }
    .fr-search { width: 80% }
    .logo, .lang { display: none }
    ._top-mobile { position: fixed !important; width: 100%; height: 74px; top: 0; left: 0; right: 0; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 7px 0 rgba(0,0,0,.1); z-index: 1020; background: rgb(255, 255, 255); animation-name: header; animation-duration: .6s; animation-iteration-count: 1; }

    @keyframes header {
        0% { top: -100%; opacity: 0; visibility: hidden; transform: scaleX(0) }
        100% { top: 0; opacity: 1; visibility: visible; transform: scaleX(1) }
    }

    ._top-mobile .logo {display: block;float: left;line-height: 78px;}
    ._top-mobile .lang { display: block; float: left; left: 80%; position: absolute; }
    #sticker .sticker-header { top: 0; left: 0; width: 100%; }
    #sticker .sticker-header .title { font-size: 20px; line-height: 68px; font-weight: 700; text-transform: uppercase; text-align: initial; padding: 0 36px 0 15px; border-bottom: 1px solid #fff; color: #fff; }
    #sticker .sticker-header .close-menu { width: 36px; height: 32px; line-height: 40px; position: absolute; right: 10px; top: 0; cursor: pointer; text-transform: uppercase; display: none; }
    #sticker .sticker-header .close-menu:before, #sticker .sticker-header .close-menu:after { width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -9px; content: ""; background: #fff; }
    #sticker .sticker-header .close-menu:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
    #sticker .sticker-header .close-menu:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
    #touch-menu { width: 30px; height: 25px; position: absolute; right: 24px; top: 25px; z-index: 50; transition: ease-in-out .3s; }
    #touch-menu .touch-menu-inner, #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after { position: absolute; background-color: #ed1f24; width: 30px; height: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; }
    #touch-menu .touch-menu-inner { display: block; margin-top: -2px; top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s; }
    #touch-menu.opened .touch-menu-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg); }
    #touch-menu.opened .touch-menu-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg); }
    #touch-menu.opened .touch-menu-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0; }
    #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after { display: block; content: ""; }
    #touch-menu .touch-menu-inner:before { top: -10px; transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19); }
    #touch-menu .touch-menu-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear; }
    #sticker ul.main-menu { display: block; float: none !important; padding: 0; margin: 0; }
    #sticker .main-menu > li { display: block; padding: 0 20px; position: relative; width: 100%; clear: both; }
    #sticker .main-menu > li:nth-child(7) { border: none; }
    #sticker .main-menu > li.sch-hidden { display: none }
    #sticker .main-menu > li > a { line-height: 14px; padding: 11px 0 11px 0; display: block; text-align: left; font-weight: normal; font-size: 16px; text-transform: capitalize; position: relative; clear: both; color: #fff; }
    #sticker ul.main-menu > li > .fa { position: absolute; right: 0; top: 0; line-height: 39px; width: 39px; text-align: center; cursor: pointer; margin: 0; font-size: 12px; display: block; color: #fff; }
    #sticker ul.main-menu > li ul {position: static;transform: none;display: none;width: 100%;padding-left: 6px;margin-left: 0;background-color: transparent;margin-bottom: 10px;}
    #sticker ul.main-menu > li ul:after { display: none; }
    #sticker ul.main-menu > li ul > li {border-bottom: none;list-style: none;text-align: initial;}
    #sticker ul.main-menu > li ul > li h3 { color: #fff; font-size: 18px; padding: 8px 0 }
    #sticker ul.main-menu > li ul > li > a {border-bottom: none;padding: 7px 10px 7px 20px;color: #fff;font-size: 14px;position: relative;}
    #sticker ul.main-menu > li ul > li > a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: 12px; left: 5px; position: absolute; top: 8px }
    .dw {display: block !important}
    .banner-slider .text p { font-size: 18px; padding-bottom: 20px; }
    .title-topCT ul li a:before { display: none }
    .list-field ul li .avt .desc p { font-size: 14px; }
    .list-col > img { width: 100%; }
    .list-col .table-responsive { border: none; }
    .content-ft { padding: 15px 0 }
    .wow { animation-name: none !important; -o-animation-name: none !important; -ms-animation-name: none !important; -moz-animation-name: none !important; -webkit-animation-name: none !important; visibility: visible !important }
    .banner-content .text p, .banner-slider .text p { font-size: 32px; }
    .btn-more { padding: 8px 20px }
    .btn_toggle { display: none; }
    .list-pro .lSAction > a, .slider-partner .lSAction > a { right: -22px; }
    .list-pro .lSAction > .lSPrev, .slider-partner .lSAction > .lSPrev { left: -22px; }
    .list-nwRight { height: auto; }
    .itemNL, .itemNR { width: 100%; padding: 15px 0 0; height: auto; }
    .itemRe ._img, .ctent { display: table; width: 100%; height: auto; padding-bottom: 15px; }
    .list-col { padding: 15px 0 }
    .title-topCT ul li a { line-height: 28px }
    .title-topCT ul li:first-child, .title-topCT ul li { border: none; padding-left: 22px; height: auto; }
    .itemRe .text { width: 100%; margin: 0; padding-top: 15px; height: auto; }
    .select-title button { display: block; border-radius: 0; padding: 6px 15px; font-size: 14px; font-weight: 700; font-family: 'Muli'; text-transform: uppercase; background: transparent; border: none; padding-left: 0; }
    .caret { margin-left: 16px; }
    .title-topCT ul { display: none }
    .banner { padding-top: 73px; }
    .list-col .col-md-3, .list-col .col-md-4 { padding: 0 15px }
    ._detail ul {padding-left: 15px}    
}

@media(max-width: 1366px) {
    .list-col .col-md-3, .list-col .col-md-4 { padding: 0 15px }
}

@media(min-width: 1024px) and (max-width:1079px) {
    ._top-mobile { display: none; }
    header { width: 175px; }
    .div-content { width: calc(100% - 175px); }
    .offcanvas header { transform: translateX(-175px); }
    .container { width: 810px; }
    .list-pro .item { height: 153px; }
    .project { padding: 35px 0; }
    .news { padding: 35px 0; }
    .itemNL .avt { height: 155px; }
    .partner { padding-top: 0; }
    .list-field ul li .avt .desc p { font-size: 14px; }
    .title-topCT ul li a { font-size: 13px; }
    .list-col { margin: 0 -7.5px; padding: 15px 0 15px 0; }
    .list-col .col-md-3, .list-col .col-md-4 { padding: 0 7.5px; }
    .itemPro { margin-bottom: 15px; }
    .itemPro .avt, .itemNw .avt { height: 155px; }
    .list-col .table > thead > tr > th.th1 { width: 45%; }
    .itemRe .text { padding-top: 0; margin-left: 0; height: auto; width: auto; }
    .list-col .itemRe { display: grid; grid-template-columns: 30% 70%; grid-gap: 15px; margin: 0 -7.5px; padding: 15px 0; }
    .itemRe ._img { width: auto; height: auto; }
    .itemRe ._img img { width: 100%; }
    .list-col .itemRe h3 { margin-bottom: 15px; }
    .itemRe .text .titleCol { font-size: 16px; }
    .itemRe .desc { margin-bottom: 15px; }
    .media-body { width: calc(100% - 46px); }
    .fr-search { width: calc(100% - 30px); }
}

@media(min-width: 768px) and (max-width:1023px) {
    .container { width: 100% }
    ._top-mobile .logo {width: 26%}
    .slider-partner .lSAction > .lSPrev { left: -20px; }
    .slider-partner .lSAction > a { right: -20px; }
    .list-col .col-md-3, .list-col .col-md-4 { padding: 0px 7.5px; }
    ._top-mobile { display: block; }
    .list-pro .item { height: 224px; }
    .project { padding: 35px 0; }
    .list-pro .lSAction > .lSNext { right: 10px; }
    .list-pro .lSAction > .lSPrev { left: 10px; }
    .news { padding: 35px 0; }
    .content-nws .col-md-8, .content-nws .col-md-4 { padding: 0 15px; }
    .list-itemN { overflow: hidden; margin: 0 -7.5px; }
    .itemNL, .itemNR { width: 50%; padding: 0 7.5px; padding-top: 15px; }
    .itemNR ul { padding: 0; }
    .partner { padding-top: 0; }
    .title-topCT ul li { padding: 0 10px; }
    .title-topCT ul li:first-child { padding-left: 0; }
    .title-topCT ul li:last-child { padding-right: 0; }
    .select-title { background: transparent; }
    .title-topCT.dropdown { background: #f0f0f0; }
    .select-title button {padding-left: 15px;}
    .title-topCT ul {background: hsl(0, 10%, 98%);border: 1px solid #f0f0f0;margin: 0;}
    .title-topCT ul li { padding: 0 10px !important; text-align: left; }
    .title-topCT ul li a { font-weight: 400; text-transform: initial; text-align: left; }
    .title-topCT ul li a:after { right: -13px; bottom: 7px; }
    .list-col { margin: 0 -7.5px; }
    .select-content, .world { padding-top: 0; }
    .tdung {padding-top: 15px}
    .itemPro .desc .titA-2 { font-weight: 600; }
    .itemPro { margin-bottom: 10px; }
    .itemRe .text { padding-top: 0; }
    .list-col .itemRe { display: grid; grid-template-columns: 25% 75%; grid-gap: 15px; margin: 0 -7.5px; padding: 15px 0; }
    .list-col .itemRe h3 { margin-bottom: 15px; }
    .itemRe .text .titleCol { font-size: 16px; }
    .itemRe .desc { margin-bottom: 15px; }
    .itemCRs h1 {font-size: 15px}
    .content-nws .title {margin-top: 15px}
    .contact .itemCL {padding-top: 0}
    .select-title .col-xs-12 {padding: 0}
}

@media(max-width: 767px) {
    #fixed-left { bottom: 0; top: initial; transform: initial; left: 0; right: initial; }
    #fixed-left ul { margin-bottom: 0; width: auto; }
    #fixed-left ul li { display: inline-block; margin-bottom: 0; margin-right: 0; border-radius: 0; border-left: 1px solid #ddd; float: left; }
    #fixed-left ul li a { position: relative; top: 0 !important; width: 46px; transform: initial; padding-left: 13px; font-size: 0; margin-bottom: 0; padding: 0; border-radius: 5px; }
    ._top-mobile .logo {width: 42%;line-height: 60px;}
    .banner-content .text p, .banner-slider .text p {font-size: 16px;}
    .btn-more { padding: 2px 16px; border: 1px solid #ffffff; font-weight: 400; }
    .project, .news, .field { padding: 15px 0 }
    .title-topCT ul li { width: 100%; text-align: center; float: initial; }
    .itemRe ._img { width: 100% }
    .itemCRs { padding-top: 15px }
    ._top-ft .left-ct { float: initial }
    ._top-ft .right-ct { height: auto; float: initial; }
    .list-field ul li .avt .desc p {font-size: 12px;line-height: 1.6;padding: 0 5px 0;}
    .list-item .item-left { float: initial; margin-bottom: 15px; }
    .list-item .item-right { float: initial; margin: auto; display: table; }
    ._top-ft .right-ct p { display: none }
    ._top-mobile .lang { right: 60px; left: initial; }
    #touch-menu { right: 15px; top: 15px; }
    .itemCR form .form-group .col-sm-10 { padding: 0 }
    .list-col .col-md-3, .list-col .col-md-4 { padding: 0 15px }
    ._top-mobile { display: block; }
    #back-top { transform: translateX(0) translateY(48px); }
    #back-top.active { transform: translateX(0) translateY(0); }
    ._top-mobile { height: 60px; }
    .lang ul { margin: 20px 0; }
    .lang ul li span { margin-left: 5px; }
    .banner { padding-top: 60px; }
    .title h2 { font-size: 20px; padding-bottom: 10px; }
    .list-pro { margin-top: 15px; }
    .list-pro .lSAction > a { right: 15px; }
    .list-pro .lSAction > .lSPrev { left: 10px; }
    .list-pro .lSAction > .lSNext { right: 10px; }
    .list-pro .item .box h3 a { font-size: 14px; }
    .content-nws .col-md-8, .content-nws .col-md-4 { padding: 0 15px; }
    .itemNL .avt { height: auto; }
    .title .more { line-height: 1; }
    .itemNL .desc .titA-2a { line-height: 1.4; }
    .itemNR { padding-top: 0; }
    .itemNR .desc h3 { font-weight: 400 !important; }
    .list-nwRight ul li .item .avt {width: 100%;height: auto;margin-bottom: 15px;}
    .list-nwRight ul li .item .desc {width: 100%;height: auto;padding: 0;}
    .itemNR ul li:last-child { border-top: 1px solid #dfdfdf; }
    .list-field ul { margin: 0 -5px; }
    .list-field ul li { width: 50%; padding: 0 5px; margin-bottom: 10px; }
    .list-field ul li .avt .desc img { transform: scale(0.8); }
    .list-field .desc {/* display: grid; */}
    .list-field .desc span {/* text-align: center; *//* align-self: end; */display: table;margin: 0 auto;}
    .partner { padding-top: 0; }
    .slider-partner { padding: 15px 0; }
    .slider-partner .lSAction > a { right: 0; }
    .slider-partner .lSAction > .lSPrev { left: 0px }
    .list-item .item-left p { text-align: center; line-height: 1.4; font-size: 13px; }
    .list-item .item-right ul { padding: 0 }
    .mxh { margin-bottom: 10px; }
    #RegisterEmail { width: 100%; }
    #RegisterEmail .form-group input { width: 100%; }
    .item-ft > ul { padding: 0; padding-bottom: 15px; }
    .item-map { width: 100%; }
    .copyRight { padding: 15px 0 45px 0; }
    .list-item .item-left { margin-bottom: 10px; }
    .list-item .item-right ul li { padding: 0 5px; }
    #fixed-left ul li a { width: 35px; height: 35px; line-height: 35px; transform: scale(0.8); }
    .fr-search { width: 100%; padding: 0 10px 15px 10px; }
    #sticker .main-menu > li { padding: 0 10px; }
    .select-title { background: transparent; }
    .select-title .col-xs-12 {padding: 0}
    .title-topCT.dropdown { background: #f0f0f0; }
    .select-title button {padding-left: 15px;}
    .title-topCT ul {background: hsl(0, 10%, 98%);border: 1px solid #f0f0f0;margin: 0;}
    .title-topCT ul li {padding: 0 15px !important;text-align: left;}
    .title-topCT ul li a { font-weight: 400; text-transform: initial; text-align: left; }
    .title-topCT ul li a:after { display: none; }
    .title-topCT.dropdown.no-child { display: none; }
    .list-col { padding: 0; margin: 0 -15px; }
    .itemPro .desc h3 { height: auto; }
    .itemPro { margin-bottom: 15px; }
    .pagination { padding: 0; text-align: center; }
    .documnet .pagination {padding-bottom: 15px}
    .documnets .pagination {/* padding: 15px 0 */}
    .title.title-detail { margin-bottom: 15px; }
    .select-content .world { padding: 0; }
    #DetailPopup .modal-body .close { right: 0; display: block; }
    .list-col .itemRe h3 { margin-bottom: 10px; }
    .itemRe .text { padding-top: 0; }
    .itemRe .desc { margin-bottom: 10px; }
    .itemRe .text .titleCol { font-size: 14px; }
    .list-col .itemRe { padding: 15px 0; }
    .ic_add { width: 35px; height: 35px; }
    .media-body {width: calc(100% - 42px);}
    .media { margin-bottom: 10px; }
    .media-body p { margin-bottom: 0; line-height: 1.4; }
    .select-content.contact { padding: 15px 0; }
    .itemCL h4 { padding-bottom: 0; }
    .itemCR h4 { font-size: 16px; }
    .itemCR { padding: 15px; }
    #contact-form .form-group .row .col-sm-3, #contact-form .form-group .row .col-sm-9 { padding: 0 15px; }
    .list-pro .item:hover .box { bottom: -4px; height: 36px; transform: initial; }
    .list-pro .item:hover .circlePro { opacity: 0; }
    .light-gallary-product .lSAction > .lSPrev {left: -16px;}
    .light-gallary-product .lSAction > a {right: -16px;top: 89%;}
    .itemPro, .itemNw {  margin-bottom: 20px;}
    .itemCRs h1 {font-size: 14px}
    .select-content.listNw {padding: 15px 0}
    .select-content img, ._img img, ._imgs img {width: 100% !important;object-fit: cover;margin: 0 !important;}
    .select-nopadding > img {width: initial;}
    .itemPro .avt, .itemNw .avt, .itemRe p, .itemPro .desc p, .itemNL .desc p, .itemPro .desc .titA-2, .itemNw .avt img, .select-content .itemNw p, .itemNL .desc .titA-2, .itemNw .desc, .itemNL .desc,.itemNw .desc .titA-2 { height: auto; font-size: 14px;max-height: initial;}
    .select-content {padding: 10px 0;}
    .select-nopadding {padding: 15px 0;}
    .itemNw .desc, .itemNL .desc, .itemPro .desc {height: auto}
    .itemNR ul, .list-nwRight ul {padding: 18px 0 0}
    .list-nwRight ul li .item .desc .titA-2 {font-weight: 700}
    ._detail table, .world table {width: 100%}
    .select-nopadding img {width: initial;}
    .tdung img {width: 100%}
    .modal-dialog {width: 94%;}
    .pagination li {margin-bottom: 10px}
}