a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}

a:hover,a:active,a:focus{text-decoration:none!important}

img{max-width: 100%;}

body{font-size: 15px;margin:0;font-family: 'Open Sans', sans-serif; left: 0px;position: relative;}

body p{font-size:15px;margin:0;font-family: 'Open Sans', sans-serif;}

.clear60{clear:both;height:60px}

.clear40{clear:both;height:40px}

.clear20{clear:both;height:20px}

.clear10{clear:both;height:10px}

.center{text-align:center}

.left{text-align:left}

.right{text-align:right}

.nopadding{padding:0!important}

.nomargin{margin:0}

.fullwidth{width: 100%;}

.clwhite{color: #fff;}

.clblack{color: #000;}

.bold{font-weight: bold;}

.flex{display: flex;align-items: center;}

.flex-n{display: flex;}

.flex-bw{display: flex;align-items: center;justify-content: space-between;}

.flex-wrap{display: flex;flex-wrap: wrap;}

.show1199{display: none;}

.show991{display: none;}

.show767{display: none;}

.show480{display: none;}

.row:before{content: unset;}

.editer img{

    height: auto !important;

}

.editer p{

    margin-bottom: 10px;

}

.header-top {

    padding: 10px 0;

}

.at4-share,

.at-share-dock{

    display: none !important;

}

.logo{

    width: 330px;

    display: block;

}

.bn-header{

    width: calc(100% - 345px);

}

.header-bottom {

    background: #20437e;

}

.block-menu {

    width: 330px;

    position: relative;

}

.main-menu {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 50px;

    background: #ffea60;

    color: #af1418;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

}

.main-menu i {

    margin-right: 15px;

}

.ul-aside-menu {

    position: absolute;

    top: 100%;

    left: 0;

    width: 100%;

    z-index: 9999;

    list-style-type: none;

    margin: 0;

    background: #e1e1e1;

    padding: 20px 10px;

    min-height: 400px;

}

.f-search .stylish-input-group .input-group-addon{

    background: white !important; 

}

.f-search .stylish-input-group .form-control{

    border-right:0; 

    box-shadow:0 0 0; 

    border-color:#ccc;

}

.f-search .stylish-input-group button{

    border:0;

    background:transparent;

}

.btn-search{

    display: inline-block;

    border: none;

    background: #20437e;

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

    padding: 5px 10px;

    border-radius: 4px;

}

.block-note{

    margin-top: 20px;

}

.ul-main-menu {

    display: flex;

    align-items: center;

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.ul-main-menu > li > a {

    display: inline-block;

    color: #fff;

    text-transform: uppercase;

    padding: 10px 30px;

    font-weight: 700;

}

.ul-main-menu > li:hover > a {

    color: #ffea60;

}



.ul-main-menu > li.active > a {

    color: #ffea60;

}

.baogia {

    display: flex;

    align-items: center;

    border: 1px solid #ffea60;

    padding: 0px 15px 0px 0px;

    color: #af1418;

    border-radius: 50px;

    text-transform: uppercase;

    border-left: none;

}

.ic-bg {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 40px;

    height: 40px;

    background: #fff602;

    border-radius: 50%;

    margin-right: 10px;

    position: relative;

}

.ic-bg:before{

    content: "";

    position: absolute;

    width: calc(100% - 10px);

    height: calc(100% - 10px);

    top: 5px;

    left: 5px;

    border: 1px solid #af1418;

    border-radius: 50%;

}

.tit-bg{

    color: #ffea60;

    font-size: 12px;

    line-height: 14px;

}

.tit-bg span{

    font-weight: 700;

    color: #fff;

    font-size: 15px;

}

.main-banner-qc {

    background: #f8f8f8;

    padding: 5px 0;

}

.main-banner {

    width: 100%;

    padding-left: 345px;

}

.main-banner{

    position: relative;

}

.main-banner .owl-theme .owl-nav.disabled+.owl-dots{

    margin: 0 !important;

    position: absolute;

    bottom: 20px;

    right: 20px;

}

.main-banner .owl-theme .owl-dots .owl-dot{

    outline: unset;

}

.main-banner .owl-theme .owl-dots .owl-dot span {

    width: 16px;

    height: 6px;

    margin: 5px 7px;

    background: #20437e;

}

.main-banner .owl-theme .owl-dots .owl-dot.active span{

    background: #af1418;

    width: 40px;

}

.why-options {

    background: #136eb5;

    padding: 20px;

}

.p-tit-why {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 20px;

    color: #fff;

    font-weight: bold;

}

.p-tit-why span {

    margin-right: 10px;

}

.block-why {

    display: flex;

    align-items: center;

    margin-right: 10px;

}

.img-why {

    margin-right: 5px;

}

.ct-why p {

    font-size: 14px;

}

.view-detail {

    display: inline-block;

    padding: 7px 20px;

    background: #20437e;

    border-radius: 50px;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    border: 1px solid #20437e;

    height: 37px;

}

.view-detail:hover {

    background: #fff;

    color: #20437e

}

.bn-gt {

    position: relative;

    padding-top: 40px;

}

.bn-gt:before {

    content: "";

    position: absolute;

    top: 0;

    right: 80px;

    background: #ebebeb;

    width: 250%;

    height: calc(100% - 40px);

    z-index: -1;

}

.bn-gt img {

    box-shadow: 0 0 20px #757575;

    border-radius: 0 33px;

}

.mgbt20 {

    margin-bottom: 20px;

}

.block-prod {

    border: 1px solid #ccc;

    margin-bottom: 20px;

}

.img-prod {

    display: block;

    overflow: hidden;

}

.img-prod img {

    transform: scale(1);

    transition: all ease-in-out 0.3s;

}

.img-prod:hover img {

    transform: scale(1.1);

}

.content-prod {

    padding: 10px 5px;

}

.tit-prod {

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    margin: 0;

    margin-bottom: 10px;

    font-size: 14px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.p-pri {

    text-align: center;

    font-size: 12px;

}

.price-prod {

    font-weight: 700;

    font-size: 14px;

    color: #f00;

}

.nav.nav-tabs.liliana {

    background: #e8ebec;

    border: none;

}

.liliana.nav-tabs>li {

    min-width: 20%;

    margin: 0;

    text-align: center;

}

.liliana.nav-tabs>li>a {

    border-radius: 0;

    border: none;

    margin: 0;

    color: #ca1119;

    border-right: 1px solid #ccc;

    border-left: 1px solid #ccc;

    padding: 10px;

}

.liliana.nav-tabs>li.active>a, .liliana.nav-tabs>li.active>a:focus, .liliana.nav-tabs>li.active>a:hover, .liliana.nav-tabs>li>a:hover {

    color: #fff;

    cursor: default;

    background-color: #ca1119;

    border: none;

    border-radius: 0;

    cursor: pointer;

}

.liliana.nav-tabs>li:first-child>a {

    border-left: 0;

}

.liliana.nav-tabs>li.active>a:after, .liliana.nav-tabs>li>a:hover:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(102, 102, 102, 0);

    border-top-color: #ca1119;

    border-width: 6px;

    margin-left: -6px;

}

.chaugna {

    margin-bottom: 20px;

}

.main-tab-pro {

    max-height: 400px;

    overflow: hidden;

}

.nav-sp {

    background: #f8f8f8;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.nav-sp:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #20437e;

}

.tit-nav {

    background: #20437e;

    display: flex;

    align-items: center;

    padding: 8px;

    color: #fff;

    min-width: 200px;

    margin-right: 15px;

    position: relative;

    white-space: nowrap;

    padding-right: 37px;

}

.tit-nav:before{

    content: "";

    width: 37px;

    height: 37px;

    border-right: 37px solid #f8f8f8;

    border-bottom: 37px solid transparent;

    left: 100%;

    top: 0;

    background: #20437e;

    position: absolute;

}

.tit-nav > i {

    margin-right: 10px;

}

.tit-nav > span {

    text-transform: uppercase;

    font-weight: 700;

}

.view-cate {

    display: inline-flex;

    align-items: center;

    color: #0d99f2;

    white-space: nowrap;

    font-size: 13px;

    position: relative;

    margin-right: 5px;

}

.view-cate i {

    margin-left: 10px;

    position: relative;

    top: 1px;

}

.view-cate:before {

    /*content: "/";*/

    display: inline-block;

    margin: 0 10px;

    color: #000;

}

.tit-ser {

    margin: 0;

    text-transform: uppercase;

    font-weight: 700;

}

.tit-ser:after {

    content: "";

    display: block;

    width: 100px;

    height: 6px;

    background: #ac2029;

    margin-top: 10px;

}

.block-slider-dv {

    margin-top: 20px;

    margin-bottom: 20px;

}

.block-slider-dv .owl-theme .owl-nav {

    text-align: left;

}

.owl-carousel .owl-nav button.owl-prev {

    display: inline-flex;

    width: 25px;

    height: 25px;

    border-radius: 0;

    border: 1px solid #ccc;

    align-items: center;

    justify-content: center;

}

.owl-carousel .owl-nav button.owl-next {

    display: inline-flex;

    width: 25px;

    height: 25px;

    border-radius: 0;

    border: 1px solid #ccc;

    align-items: center;

    justify-content: center;

}

.block-service {

    margin-bottom: 30px;

}
.error {
    color: red;
}
.imb-blnews {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}

.a-img-blnews {

    display: block;

    width: 100%;

}

.imb-blnews:hover .view-news {

    display: inline-block;

}

.view-news {

    position: absolute;

    display: inline-block;

    background: #fff;

    color: #ac2029;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 20px;

    font-weight: 700;

    display: none;

}

.ct-blnews {

    border: 1px solid #ccc;

    border-top: none !important;

    padding: 15px 10px;

}

.tit-service {

    margin: 0;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 17px;

}

.imb-blnews:hover:before {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(0, 96, 164, 0.6);

}

.block-tintuc {

    border: 1px solid #ccc;

}

.ct-tintuc {

    padding: 15px 10px 30px 10px;

    position: relative;

}

.tit-tintuc {

    text-transform: uppercase;

    margin: 0;

    font-size: 16px;

    font-weight: 700;

    text-align: center;

}

.plus-view {

    position: absolute;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background: #b3b3b3;

    width: 25px;

    height: 25px;

}

.block-tintuc:hover .plus-view {

    background: #ac2029;

    color: #fff;

}

footer {

    background: #202020;

}

.tit-ft {

    text-transform: uppercase;

    margin: 0;

    margin-bottom: 20px;

    color: #fff;

    position: relative;

    padding-bottom: 20px;

}

.tit-ft:before {

    content: "";

    position: absolute;

    display: block;

    width: 47px;

    height: 4px;

    background: #ac2029;

    top: 100%;

    left: 0;

}

.tit-ft:after {

    content: "";

    position: absolute;

    display: block;

    width: 153px;

    height: 4px;

    background: #fff;

    top: 100%;

    left: 47px;

}

.item-add-ft {

    margin-bottom: 10px;

}

.top-add {

    color: #fff;

    text-transform: uppercase;

    font-weight: 700;

}

.top-add i {

    margin-right: 7px;

    color: #ac2029;

}

.form-ft form {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.form-ft input {

    width: calc(100% - 100px);

    padding: 6px 12px;

    border: none;

    font-size: 13px;

    height: 34px;

}

.form-ft button {

    width: 100px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    background: #ac2029;

    font-weight: 700;

    height: 34px;

    border: none;

}

.social-ft a {

    margin-right: 15px;

    color: #fff;

    display: inline-block;

}

.copyright {

    text-align: center;

    color: #fff;

}

.clred {

    color: #af1418;

}

.main-breac{

    background: #e1e1e1;

    padding: 10px 0;

}

.tit-page{

    margin: 0;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 700;

}

.block-dvnb {

    margin-bottom: 30px;

}

.tit-itdvnb {

    margin: 20px 0 30px 0;

    font-weight: 700;

    text-transform: uppercase;

    border-left: 10px solid #af1418;

    padding-left: 15px;

}

.btn-pub {

    display: inline-block;

    position: relative;

    color: #fff !important;

    background: #20437e;

    padding: 7px 20px;

    text-transform: uppercase;

}

.btn-pub:before {

    content: '';

    position: absolute;

    height: 1px;

    width: 36px;

    background: #af1418;

    top: -4px;

    left: 0;

    transition: all 0.3s;

}

.btn-pub:after {

    content: '';

    position: absolute;

    height: 1px;

    width: 36px;

    background: #af1418;

    bottom: -4px;

    right: 0;

    transition: all 0.3s ease-in-out;

}

.btn-pub:hover:before, .btn-pub:hover:after {

    width: 100%;

}

.big-newsm {

    position: relative;

    height: calc(100% - 15px);

}

.big-newsm > a, .small-newsm > a {

    display: block;

    overflow: hidden;

    height: 100%;

}

.big-newsm img, .small-newsm img {

    height: 100%;

    object-fit: cover;

}

.content-newsm {

    position: absolute;

    background: rgb(0,0,0,0.5);

    padding: 20px;

    bottom: 0;

    left: 0;

    width: 100%;

}

.tit-newsm {

    font-size: 18px;

    font-weight: 700;

}

.title-smnews {

    font-size: 14px;

    margin: 10px 0;

    height: 40px;

    overflow: hidden;

}

.block-list-news {

    margin-bottom: 30px;

}

.news-xt i {

    color: #ed1c24;

    margin-right: 10px;

}

.tit-dmth {

    color: #a91605;

    margin: 0;

    text-transform: uppercase;

    font-weight: 700;

    border-bottom: 1px solid #17557e;

    margin-bottom: 20px;

}

.tit-dmth:after {

    content: "";

    display: block;

    width: 100px;

    height: 5px;

    background: #17557e;

    margin-top: 10px;

    position: relative;

    top: 3px;

}

.block-bvm {

    margin-bottom: 15px;

}

.block-bvm .a-bvm {

    float: left;

    width: 100px;

    margin-right: 10px;

}

.block-bvm .nd-bvm {

    float: left;

    width: calc(100% - 120px);

    font-size: 12px;

}

.pagi {

    display: flex;

    align-items: center;

    justify-content: center;

}

.pagi a.active {

    color: #fff;

    background: #00aeef;

    border-radius: 4px !important;

}

.pagi a {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    min-width: 40px;

    color: #000;

    font-family: 'Montserrat', sans-serif;

    background: #fff;

    padding: 0 5px;

}

.block-khuyenmai {

    margin-bottom: 30px;

}

.tit-km {

    font-weight: 700;

    margin: 15px 0;

    text-align: center;

}

.des-km {

    margin-bottom: 15px;

    text-align: center;

}

.tit-tab {

    background: #ccc;

    color: #000;

    font-weight: 700;

    padding: 10px;

}

.ct-tab {

    padding: 10px;

}

.left-lh {

    background: #fbfbfb;

    border-radius: 6px;

    padding: 15px;

}

.bl-right-lh {

    margin-bottom: 20px;

}

.right-lh {

    background: #fbfbfb;

    padding: 30px;

    border-radius: 6px;

}

.share-blog {

    display: flex;

    align-items: center;

}

.share-blog a {

    display: inline-block;

    margin-right: 15px;

}

.tit-aside {

    background: #20437e;

    color: #fff;

    font-size: 20px;

    text-transform: uppercase;

    margin: 0;

    padding: 10px;

    font-weight: 700;

    margin-bottom: 20px;

}

.asd-dm > .cus-cate > a {

    display: block;

    color: #000;

    width: calc(100% - 20px);

}

.asd-dm > .cus-cate > i {

    display: inline-flex;

    align-items: center;

    width: 20px;

    height: 20px;

    cursor: pointer;

}

.cus-cate{

    display: flex;

    align-items: flex-start;

    margin-bottom: 10px;

}

.block-asd-dm{

    margin-bottom: 30px;

}

.item-bsl {

    display: flex;

    justify-content: space-between;

    margin-bottom: 20px;

}

.img-bsl {

    width: 100px;

    margin-right: 15px;

}

.ct-bsl {

    width: calc(100% - 115px);

}

.name-bsl {

    margin-bottom: 10px;

}

.name-bsl a {

    color: #000;

}

.new-pri-bsl {

    color: #000;

    font-weight: 800;

}

.old-pri-bsl {

    color: #c5c5c5;

    font-size: 12px;

    text-decoration: line-through;

    margin-left: 10px;

}

.spct-pri-old {

    color: #c5c5c5;

    text-decoration: line-through;

}

.spct-pri-new {

    font-size: 24px;

    font-weight: 800;

    color: #f92400;

}

.nhanbaogia {

    font-size: 18px;

    color: #fff !important;

    background: #20437e;

    padding: 10px 20px;

    font-weight: 700;

    display: inline-block;

}

.share-blog {

    display: flex;

    align-items: center;

}

.ul-social {

    display: flex;

    align-items: center;

    padding: 0;

    list-style-type: none;

    margin: 0;

}

.ul-social > li > a {

    display: inline-block;

    color: #919191;

    margin-right: 15px;

}

.tab-motasp .nav-tabs {

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

}

.tab-motasp .nav-tabs>li>a {

    border: none !important;

    margin: 0;

    padding: 10px 30px;

    color: #919191;

    margin: 0 10px;

    border-radius: 10px 10px 0 0;

}

.tab-motasp .nav-tabs>li.active>a, .tab-motasp .nav-tabs>li.active>a:focus, .tab-motasp .nav-tabs>li.active>a:hover {

    background: #f5f5f5;

    font-weight: 800;

    color: #000;

}

.tab-motasp .tab-content {

    background: #f5f5f5;

    padding: 30px;

    border-radius: 10px;

}

.main-banner .owl-carousel .owl-item img{

    min-height: 395px;

    object-fit: cover;

}

.ul-nav-cate {

    display: flex;

    align-items: center;

    list-style-type: none;

    padding: 0;

    margin: 0;

    white-space: nowrap;

    justify-content: flex-end;

}

.ul-nav-cate > li > a {

    color: #000;

    font-size: 13px;

}

.ul-nav-cate > li:after {

    content: "/";

    display: inline-block;

    margin: 0 10px;

}

.list-cate {

    width: calc(100% - 300px);

    overflow: hidden;

}

.view-cate-mb{

    display: none;

}

.back-to-top {

    cursor: pointer;

    position: fixed;

    bottom: 50px;

    right: 20px;

    display: none;

    background: #20437e !important;

    border: none;

    border-radius: 50%;

    height: 50px;

    padding: 0;

    width: 50px;

    z-index: 999;

}

.back-to-top span {

    position: relative;

    top: 15px;

}

.slider-spct .lSSlideOuter .lSPager.lSGallery img{

    width: 100%;

}

.ul-lcate > li > a{

    color: #000;

    display: block;

    margin-bottom: 5px;

}











@media (min-width: 1200px){

    .ul-main-menu > li > a{

        padding: 10px;

    }

}
/*


@media (min-width: 1300px){

    .container{width: 1270px;}

    .ul-main-menu > li > a{

        padding: 10px 15px;

    }

}



@media (min-width: 1470px){

    .container{width: 1440px;}

    .ul-main-menu > li > a{

        padding: 10px 30px;

    }

}*/



@media (max-width: 1199px){

    .show1199{display: block;}

    .hide1199{display: none;}

    .header-mobile {

        background: #136eb5;

        padding: 5px 0;

    }

    .header-mobile *{

        color: #fff;

    }

    .slogan{

        font-weight: 700;

    }

    .sp-sn{

        font-size: 18px;

    }

    .icon-home{

        font-size: 18px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background: #015c95;

        color: #fff !important;

    }

    .main-banner{

        padding: 0;

    }

    body{transition: all 0.3s;}

    .sidenav {

        height: 100%;

        width: 0;

        position: fixed;

        top: 0;

        left: 0;

        background-color: #136eb5;

        overflow-x: hidden;

        transition: 0.3s;

        z-index: 99999;

        padding: 0;

    }

    .sidenav .closebtn {

        font-size: 25px;

        display: block;

        align-items: center;

        width: 40px;

        background: #f5821f;

        color: #fff;

        margin: 0 auto;

        text-align: center;

        padding: 5px 0;

    }

    .menu-mobile {

        padding: 0;

        text-decoration: none;

        color: #818181;

        transition: 0.3s;

        list-style-type: none !important;

    }

    .menu-mobile li {

        margin: 0;

        background: unset;

        border: none;

        border-radius: 0;

        box-shadow: unset;

        border-bottom: 1px solid #fff;

    }

    .menu-mobile a {

        padding: 15px 0 15px 20px;

        display: inline-block;

        width: calc(100% - 50px);

        color: #fff;

        font-size: 15px;

        font-weight: 700;

        text-transform: capitalize;

    }

    .menu-mobile a >img{

        width: 25px;

        margin-right: 10px;

    }

    .menu-mobile .sub-menu-mb .phelp a:first-child{

        padding: 15px 0 15px 15px;

        width: calc(100% - 50px);

    }

    .menu-mobile .sub-menu-mb a{

        width: 100%;

        padding: 15px;

    }

    .hassub-mb .phelp .a-icon {

        position: absolute;

        right: 15px;

        top: calc(50% - 7.5px);

        z-index: 9999;

        text-align: center;

        width: 20px;

        padding: 0;

    }

    .phelp {

        position: relative;

    }

    .phelp > a:first-child{

        border-right: 1px solid #fff;

    }

    .sub-menu-mb{

        padding: 0;

        list-style-type: none;

        margin: 0;

    }

    .sub-menu-mb > li{

        border-top: 1px solid #fff;

        border-bottom: none;

        background: #000;

    }

    .sub-menu-mb > li:last-child{

        border-bottom: none;

    }

    .sub-menu-mb > li > .sub-menu-mb > li{

        background: #fff;

    }

    .push-left {

        position: relative;

        left: 280px;

        transition: all 0.3s;

        right: unset;

    }

    .sidenav.show-side{

        width: 280px;

    }

    .banner-mb{

        margin: 10px 0;

    }

    .p-search-hight{

        background: #136eb5;

        text-align: center;

        margin-bottom: 10px;

        cursor: pointer;

        color: #FFFFFF;

        padding: 10px;

    }

    .btn-snc{

        background: #047D2F;

        text-align: center;

        margin-bottom: 10px;

        cursor: pointer;

        color: #FFFFFF;

        padding: 8px 10px;

        display: block;

        border: none;

        width: 100%;

        border-radius: 4px;

        font-weight: 700;

    }

    .list-snc{

        background: #047D2F;

        border-radius: 4px;

    }

    .list-snc select{

        color: #fff;

        text-align: center;

        font-weight: 700;

    }

    .block-snc .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){

        width: 100%;

    }

    .block-snc .bootstrap-select .dropdown-toggle .filter-option-inner-inner{

        text-align: center;

        color: #fff;

        font-weight: 700;

    }

    .block-snc .bootstrap-select>.dropdown-toggle{

        background: none;

        border: none;

        padding: 8px 10px;

        background: #047D2F !important;

    }

    .block-snc .bootstrap-select .dropdown-toggle .caret{

        color: #fff;

    }

    .block-snc .bootstrap-select .dropdown-menu{

        padding: 0;

    }

    .block-snc .bootstrap-select .dropdown-menu li.disabled a{

        background: #ccc;

        color: #fff;

    }

    .list-snc {

        margin-bottom: 5px;

    }

    .block-snc {

        padding: 5px;

        background: #efefef;

        display: none;

        margin-bottom: 10px;

    }

    .item-fl a i{

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: 26px;

        height: 26px;

        border-radius: 50%;

        background: #015c95;

        color: #fff !important;

        margin-right: 10px;

    }

    .item-fl a{

        display: flex;

        align-items: center;

        color: #fff;

    }

    .fast-link {

        background: #136eb5;

        padding: 10px;

    }

    .main-banner .owl-carousel .owl-item img{

        min-height: unset;

    }

    .sp-sn-tg{

        font-size: 18px;

        display: inline-flex;

        align-items: center;

        justify-content: center;

        width: 30px;

        height: 30px;

        border-radius: 50%;

        background: #015c95;

        color: #fff !important;

    }

    .main-tab-pro{

        margin-top: 20px;

    }

    .list-cate{

        display: none;

    }

}



@media (max-width: 991px){

    .show991{display: block;}

    .hide991{display: none;}

    .block-tintuc{

        margin-bottom: 30px;

    }

    .tit-page{

        font-size: 20px;

    }

    .flex-order{

        display: flex;

        flex-wrap: wrap;

    }

    .order-1{

        order: 1;

        width: 100%;

    }

    .order-2{

        order: 2;

        width: 100%;

    }

}



@media (max-width: 767px){

    .show767{display: block;}

    .hide767{display: none;}

    .chaugna {

        overflow-y: hidden;

        overflow-x: auto;

        background: #e8ebec;

    }

    .nav.nav-tabs.liliana{

        display: flex;

    }

    .liliana.nav-tabs>li{

        min-width: unset;

        white-space: nowrap;

    }

    .liliana.nav-tabs>li>a{

        padding-right: 10px 15px;

    }

    .tit-nav{

        white-space: unset;

    }

    .view-cate-mb{

        display: block;

    }

    .view-cate-mb a{

        color: #fff !important;

        font-size: 18px;

    }

    .view-cate{

        display: none;

    }

    .nav-sp {

        background: #20437e;

        padding-right: 10px;

        position: relative;

    }

    .tit-nav:before{

        content: unset;

    }

    .ul-list-mb{

        list-style-type: none;

        padding: 0;

        margin: 0;

        position: absolute;

        right: 0;

        top: 100%;

        min-width: 200px;

        background: #20437e;

        box-shadow: 0 0 3px #ccc;

        z-index: 999;

        border-top: 1px solid #fff;

        display: none;

    }

    .ul-list-mb > li > a{

        display: block;

        color: #fff;

        border-bottom: 1px solid #fff;

        font-size: 13px;

        padding: 5px 10px;

    }

    .main-banner .owl-theme .owl-nav.disabled+.owl-dots {

        bottom: 10px;

        right: 10px;

    }

    .tit-itdvnb{

        font-size: 16px;

        border-left: 5px solid #af1418;

        padding-left: 10px;

    }

    .tit-km{

        font-size: 20px;

    }

    .flex-n.blmb {

        display: block;

    }

    .big-newsm{

        margin-bottom: 15px;

    }

    .title-smnews{

        height: auto;

    }

}



@media (max-width: 480px){

    .show480{display: block;}

    .hide480{display: none;}

    .fwmb{width: 100%;}

    .map-lienhe iframe{

        height: 300px;

    }

    .tab-motasp .tab-content{

        padding: 15px;

    }

    .tab-motasp .nav-tabs{

        display: block;

    }

    .tab-motasp .nav-tabs>li{

        float: none;

        width: 100%;

    }

    .tab-motasp .nav-tabs>li>a{

        border-radius: 0;

    }

    .clear40{

        height: 20px;

    }

    .list-allsp .col-md-3:nth-child(odd){

        padding-right: 7px;

        padding-left: 0;

    }

    .list-allsp .col-md-3:nth-child(even){

        padding-left: 7px;

        padding-right: 0;

    }

    .item-fl a i{

        margin-right: 5px;

    }

    .item-fl a{

        font-size: 13px;

    }

}