/********** Template CSS **********/
/*:root {*/
/*    --color1: #ec5f23;*/
/*    --color2: #65B741;*/
/*    --white: #ffffff;*/
/*    --dark: #333333;*/
/*}*/

:root {
    --color1: #ec5f23;
    --color2: #427D9D;
    --color3: #9BBEC8;
    --white: #ffffff;
    --dark: #333333;
}

.text-primary a {
    color: var(--dark) !important;
}





body {
    font-size: 15px;
    font-family: 'Manrope', sans-serif;
    
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 600;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 17px;
}

a {
    transition: all 0.3s;
}

a:hover {
    color: var(--color1);
}

img {
    max-width: 100%;
    border-radius: 4px;
}

.title_section h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.btn_web {
    margin-top: 25px;
}

.btn_web a {
    display: inline-block;
    padding: 5px 20px;
    border-radius: 4px;
    font-size: 14px;
}

.btn_xtb {
    text-align: right;
}

.btn_xtb a {
    color: var(--color1);
}

.btn_xtb a:hover {
    color: var(--dark);
}


/********** HEADER **********/

.header p {
    margin-bottom: 0;
}

.header_top {
    font-size: 13px;
    padding: 5px 0;
}

.header_top i {
    margin-right: 5px;
    color: var(--color1);
}

.header_between {
    padding: 15px 0;
}

.logo img {
    width: 210px;
}

.search input {
    padding: 7px 6px;
    border-radius: 4px !important;
    border: 1px solid #eeeeee;
}

.search .input-group>.form-control:focus {
    z-index: 1;
    box-shadow: none;
    border: 1px solid #eeeeee;
}

.search span.input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 0 2px;
}

.search span.input-group-btn button {
    background-color: transparent;
    border: none;
    font-size: 18px;
    color: #9f9f9f;
}

.search span.input-group-btn button:hover {
    color: var(--color1);
}

.right_header_between {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
}

.right_header_between i {
    font-size: 30px;
}

.right_header_between p {
    padding-left: 15px;
}

.right_header_between p span {
    display: block;
    text-transform: initial;
    font-weight: 400;
}


.header_bottom,
.header_bottom .main_menu ul{
    background: var(--color2);
}

.main_menu li,
.main_menu a,
.header_bottom .cart i {
    color: var(--white);
}

.header_bottom .bp_cls_icon_cart:hover {
    color: var(--color1);
}

.main_menu a {
    text-transform: uppercase;
    font-weight: 600;
}


.main_menu .navbar  li:hover,
.main_menu .navbar ul.dropdown-menu li:hover {
    background-color: var(--color3);
}

.main_menu .navbar ul.dropdown-menu a:hover {
    background: none;
}

.main_menu a, 
.main_menu li, 
.main_menu .navbar ul.dropdown-menu a {
   transition: all 0.1s;
}

.main_menu .bp_sub_menu a {
    display: flex;
    align-items: center;
}

.main_menu .bp_sub_menu .icon_menu {
    height: 22px;
    width: 30px;
    display: inline-block;
    background-size: contain;
    margin-right: 6px;
    background-repeat: no-repeat;
}

.icon-nc-petra {
    background-image: url(/files_upload/ncpetra-logo_white.png);
}

.icon-emme {
    background-image: url(/files_upload/emme-logo-white.png);
}

.icon-millson {
    background-image: url(/files_upload/millson-logo-white.png);
}

.icon-biv {
    background-image: url(/files_upload/biv-logo-white.png);
}
.icon-yukazan {
    background-image: url('/files_upload/4-Yukazan/YUKAZAN-LOGO_130x.png');
}

.cart .bp_btn_icon_account {
    display: none;
}

.cart .d-flex {
    justify-content: end;
}


/********** FOOTER **********/

.footer {
    padding: 70px 0;
    background-color: var(--color2);
    color: var(--white);
}

.footer a {
    color: var(--white);
}

.footer a:hover {
    color: var(--color1);
}

.footer h1 {
    font-size: 17px;
}

.footer h3 {
    margin-bottom: 25px;
    text-transform: uppercase;
}

.box_ft_1 h4 {
    font-size: 16px;
    margin: 15px 0 10px;
    
}




/*** Kết nối ***/

.ket-noi {
    margin-bottom: 20px;
}

.ket-noi .icon-link {
    justify-content: start;
    margin-top: 15px;
    padding: 12px 0 0 0;
    border-top: 1px solid #ffffff63;
}

.ket-noi .icon-link i {
    color: var(--white);
    margin-right: 8px;
}


/********** COPY RIGHT **********/

.copy-right {
    padding: 10px 0;
    background-color: var(--color2);
    color: var(--white);
    border-top: 1px solid #ffffff54;
    font-size: 14px;
}

.copy-right p {
     margin: 0;
}
 
.copy-right a {
     color: #dfd002;
     font-weight: 500;
}

.copy-right a:hover {
    color: var(--color1);
}


 
 
/********** PRODUCTS **********/

.products .bp_discount_percent,
.products .product-quantity,
.products .btnAddAction,
.products .bp_pd_info,
.products .bp_pd_sub,
.products .cls_price_text,
.products .cls_old_price_text,
.products .bp_group_quantity,
.products .cls_product_sub {
    display: none;
}



.bp_cls_group_price:has(.bp_cls_price) .btn_lh {
    display: none;
}

.btn_lh {
    color: red;
    font-weight: 500;
}


.products .bp_product_item {
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    margin-bottom: 20px;
    background: var(--white);
}

.products .bp_product_item .row {
    margin: 0;
}

.products .bp_product_item .row > * {
    padding: 0;
}

.products .cls_img_product_focus,
.products .bp_img_product {
    overflow: hidden;
    border-bottom: 1px solid #eeeeee;
}


.products .cls_img_product_focus img,
.products .bp_img_product img {
    transition: all 0.3s;
    height: 238px;
    object-fit: contain;
}

.products .cls_img_product_focus:hover img,
.products .bp_img_product:hover img {
    transform: scale(1.1);
    border-radius: 4px;
}

.products .bp_content_product {
    padding: 10px 10px 15px;
    min-height: 137px;
}

.products .product_title {
    font-size: 15px;
    /*font-weight: 500;*/
}

.products .product_title a {
    color: var(--dark);
    min-height: 40.2px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.products .product_title a:hover {
    color: var(--color1);
}

.products .bp_cls_shopping_form {
    margin-top: 8px;
}

.products .bp_cls_group_price {
    display: flex;
    justify-content: center;
}

.products  .bp_cls_old_price {
    padding-left: 10px;
    color: #a3a3a3;
}

.products .bp_cls_old_price .cls_unit_price {
    color: #a3a3a3;
    font-weight: 400;
}

.products .btnAddToCart {
    font-size: 14px;
    color: var(--dark);
    transition: all 0.2s;
}

.products .btnAddToCart:hover {
    color: var(--white);
    background-color: var(--color1);
}



/********** BLOGS **********/

.bp_block_item .row {
    margin: 0;
}

.bp_block_item .row > * {
    padding: 0;
}

 .blogs .bp_block_item  {
    margin-bottom: 20px;
}

.blogs .bp_news_info {
    display: none;
}

.blogs .news_title {
    margin-top: 10px;
    font-weight: 600;
}

.blogs .news_title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 38.5px;
    color: var(--dark);
    font-size: 15px;
    line-height: 1.4;
}

.blogs .news_title a:hover {
    color: var(--color1);
}

.blogs .bp_news_sub {
    font-size: 14px;
    color: #6a6a6a;
    text-align: justify;
}

.blogs .bp_news_more {
    color: var(--color1);
}

.blogs .bp_news_more:hover {
    color: var(--dark);
}


/********** TRANG CHỦ **********/


/***** Slide *****/

.slide .swiper-slide img {
}

.slide  .swiper-button-prev,
.slide  .swiper-button-next {
    color: var(--white);
}

/***** Tab products *****/

.section_home {
    padding: 25px 0;
}



.my_pham {
    padding-top: 50px;
}

.thiet_bi {
    padding: 50px 0;
    background-color: var(--dark);
    color: var(--white);
}

.thiet_bi .title_section {
    margin-bottom: 20px;
   
}

.thiet_bi .products_home {
    padding-top: 25px;
}



.products .nav-tabs {
    border: 1px solid #427d9dab;
    border-radius: 0;
}

.thiet_bi .nav-tabs {
    border: 1px solid #DDF2FD;
    background-color: var(--white);
}

.products .nav-item .nav-link {
    border: none;
    margin: 0;
    transition: all 0.3s;
    border-radius: 0;
    text-transform: uppercase;
}

.products .nav-item .nav-link:hover,
.products .nav-item .nav-link.active {
    background: var(--color2);
    color: var(--white);
}

.products .tab-content {
    margin-top: 15px;
}


/***** Quảng cáo *****/


.quang-cao {
    padding: 40px 0 30px;
}

.quang-cao p {
    margin-bottom: 0;
}

.quang-cao  .qc-item {
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

.quang-cao  .qc-item img {
   border-radius: 4px; 
}


/***** Đào tạo *****/

.dao-tao {
    padding: 40px 0;
}

.dao-tao .bp_block_item .row> * {
    width: 50%;

}

.dao-tao .bp_block_item  {
    margin: 20px 0;
}


.dao-tao .bp_hot_news_img a {
    display: inline-block;
}

.dao-tao .bp_hot_news_img,
.dao-tao .bp_hot_news_img  a,
.dao-tao .bp_hot_news_img img {
    height: 100%;
}

.dao-tao .bp_block_item .cls_content_hot_news {
    background-color: #ffe4af;
    padding: 10px;
}

.dao-tao .blogs .news_title a {
    display: unset;
    color: #000000;
    text-transform: uppercase;
    font-size: 15px;
    min-height: auto;
}


/***** Video *****/

.video-home .title_section {
    text-align: center;
    margin-bottom: 30px;
}

.video-home .bp_hot_news_img img {
    display: none;
}

.bp_hot_news_img iframe {
    height: 200px;
    width: 100%;
    border-radius: 4px;
}


/***** Blogs home *****/

.blogs_home {
    padding: 60px 0 80px;
    background: #f5f5f5;
}

.blogs_home .btn_web {
    text-align: center;
}

.blogs_home .btn_web a {
    border: 1px solid var(--color2);
    color: var(--color2);
    
}

.blogs_home .btn_web a:hover {
    background: var(--color2);
    color: var(--white);
}


/***** Đối tác *****/

.doi-tac {
    padding: 40px 0 50px;
}

.doi-tac .title_section {
    margin-bottom: 30px;
}


.box-doi-tac > * {
    width: 20%;
    border: 1px solid #eeeeee;
    margin: 0;
    width: calc(100%/6);
}

.box-doi-tac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.box-doi-tac > * > a {
    overflow: hidden;
    display: inline-block;
}

.box-doi-tac  img {
    transition: all 0.3s;
}

.box-doi-tac > *:hover img {
    transform: scale(1.1);
}

.icon-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border-top: 1px solid #eee;
}

.icon-link i {
    font-size: 14px;
    color: #555;
    width: 35px;
    height: 35px;
    display: inline-flex;
    border: 1px solid #eee;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 5px;
    transition: all 0.3s;
}

.icon-link i:hover {
    color: #fff;
    background:var(--dark);
}


/********* TRANG KHÁC ***********/

.body_page {
    padding: 80px 0;
}

.duong_dan {
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.duong_dan ol.breadcrumb {
    margin: 0;
}

.duong_dan .breadcrumb li a, 
.duong_dan .breadcrumb li {
    color: var(--dark);
}

.duong_dan .breadcrumb li a:hover,
.duong_dan .breadcrumb li.active {
    color: var(--color1);
}

#btn_submit_coupon {
    background-color: var(--dark);
    border-color: var(--dark);
}

#btnSubmit {
    background-color: var(--color1);
    border-color: var(--color1);
}

#btnBack {
    background-color: var(--dark);
    border-color: var(--dark);
}

.rounded-pill {
    background: var(--color1) !important;
}




/********** TRANG CHI TIẾT SẢN PHẨM **********/

.product_details h2,
.blog_details h2 {
    margin: 20px 0 15px;
}

.product_details h3,
.blog_details h3 {
    margin: 15px 0 10px;
}

/*.product_details strong {*/
/*    font-weight: 500;*/
/*}*/

.product_details .bp_img_product .swiper-wrapper > * {
    border: 1px solid #eeeeee;
    border-radius: 4px;
}

.product_details .swiper-slide img {
    object-fit: contain;
}


.product_details .bp_content_product {
    display: flex;
    flex-direction: column;
}

.product_details .bp_content_product #shopping_form {
    order: 4;
}

.product_details .bp_pd_store {
    display: none;
}

.product_details .product_title {
    font-size: 22px;
}

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

.product_details .cls_price_text,
.product_details .cls_old_price_text {
    display: none;
}

.product_details .cls_price_number {
    font-size: 20px;
}

.product_details .bp_group_quantity {
    display: inline-flex;
}

.product_details .bp_cls_old_price {
    margin-left: 15px;
}

.product_details .cls_old_price {
    font-size: 18px;
    color: gray;
}

.product_details .bp_cls_old_price .cls_unit_price {
    color: gray;
}


.product_details .cls_product_sub {
    margin-top: 20px;
    color: #666666;
    padding-top: 10px;
    border-top: 1px solid #d5d2d2;
}


.product_details #shopping_form {
    margin-top: 20px;
}

.product_details #shopping_form .bp_group_quantity button, 
.product_details #shopping_form .bp_group_quantity input {
    width: 50px;
    min-height: 50px;
    border: 1px solid #e4e4e4;
    background: transparent;
    font-size: 20px;
}

.product_details #shopping_form .bp_group_quantity .product-quantity {
    display: unset;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    border-left: none;
    border-right: none;
}

.product_details .product-quantity::-webkit-outer-spin-button,
.product_details .product-quantity::-webkit-inner-spin-button {
  display: none;
}


.product_details .btnAddToCart {
    display: block;
    margin-top: 12px;
    background: var(--dark);
    color: #ffffff;
    min-height: 40px;
    padding: 0 15px;
    border: none;
    transition: all 0.3s;
}

.product_details .btnAddToCart:hover {
    background-color: var(--color2);
}


.product_details .cls_product_sub ul,
.product_details .cls_product_sub li,
.product_details .tab-content ul, 
.product_details .tab-content li {
    list-style-type: inherit;
    
}

.product_details .btnAddAction {
    background-color: var(--color1);
    color: var(--white);
    padding: 8px 20px;
    border-radius: 4px;
    transition: all 0.3s;
}


.product_details .btnAddAction:hover {
    background-color: var(--dark);
}


.product_details  .bp_pd_details_tab {
    margin-top: 50px;
}

.product_details .tab-content {
    padding-top: 30px;
}

.bp_comment_submit {
    background-color: var(--dark);
    color: var(--white);
    border: none;
    transition: all 0.1s;
}

.bp_comment_submit:hover {
    background-color: var(--color2);
}

.bp_btn_review {
    background-color: var(--color1);
    color: var(--white);
    border: none;
    transition: all 0.1s;
}

.bp_btn_review:hover {
    background-color: var(--color2);
}


/********** TRANG TIN BÀI **********/

.box-right {
    padding: 35px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
}

.box-right h3 {
    font-size: 16px;
    margin-bottom: 25px;
}

.blogs-right .bp_block_item .cls_img_hot_news {
    width: 24%;
}

.blogs-right .bp_block_item .cls_content_hot_news {
    width: 76%;
}

.blogs-right .bp_block_item {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.blogs-right .bp_block_item .cls_content_hot_news {
    padding-left: 15px;
}

.blogs-right .bp_news_sub {
    display: none;
}

.blogs-right .bp_news_info {
    display: block;
}

.blogs-right .bp_lb_user,
.blogs-right .bp_lb_comment {
    display: none;
}

.blogs-right .bp_lb_date {
    padding-right: 15px;
    font-size: 13px;
}

.blogs-right .bp_block_item .row {
    margin: 0;
    align-items: center;
}

.blogs-right .news_title {
    margin-bottom: 10px;
    margin-top: 0;
}

.blogs-right .news_title a {
    min-height: auto;
    font-size: 14px;
}


/********** TRANG CHI TIẾT TIN **********/



.blog_details .details_news .bp_news_info {
    margin-bottom: 20px;
    font-size: 13px;
    margin-top: 10px;
}

.blog_details .bp_news_info .bp_lb_user {
    display: none;
}



.blog_details .content_text_details ul,
.blog_details .content_text_details li {
    list-style-type: inherit;
    
}


/***** Form đăng ký *****/

.form-dk {
    padding: 40px;
    background-color: var(--color2);
    border-radius: 14px;
    color: var(--white);
    margin-top: 30px;
}

.form-dk h2 {
    text-align: center;
    margin-bottom: 25px;
}

/*.form-dk input::-webkit-outer-spin-button,*/
/*.form-dk input::-webkit-inner-spin-button {*/
/*  display: none;*/
/*}*/

/*.form-dk form label {*/
/*    display:  none;*/
/*}*/

.form-dk form > *{
    width: 48%;
    padding: 0 1%;
    margin-bottom: 15px;
    display: inline-block;
}

.form-dk form label {
    margin-bottom: 10px;
}

.form-dk form input,
.form-dk form select {
    padding: 8px 10px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #dddddd;
    
}

.form-dk form .bp-btn-send {
    background-color: #d5cf65;
    color: var(--dark);
    padding: 10px 25px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
}

.form-dk form button:hover {
    background-color: var(--color3);
    color: var(--dark);
}


/*** Phân trang ***/

.phan_trang span,
.phan_trang a {
    color: var(--color2);
}


/********************/

.rounded-circle {
    display: flex;
    align-items: center;
    justify-content: space-around;
}


/********** TRANG LIÊN HỆ **********/

.right_form_contact form label {
    display: none;
}

.right_form_contact form > * {
    margin-bottom: 15px;
}

.info {
    padding: 60px 0 30px;
}

.info_item {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 4px;
    min-height: 248px;
}

.info_item i {
    font-size: 35px;
    color: #9BBEC8;
    margin-bottom: 15px;
}

.info_item a {
    background:#164863;
    border-radius: 4px;
    color: var(--white);
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
}

.info_item a:hover {
    background-color: var(--color1);
}

.info_item a i {
    font-size: 18px;
    color: var(--white);
    margin-left: 6px;
    margin-bottom: 0;
}

.map_contact {
    padding: 30px 0;
}

.form-contact {
    padding: 30px 0 70px;
}

#contact_button button {
    background-color: #427D9D;
    border: none;
    border-radius: 4px;
    padding: 8px 25px;
    color: var(--white);
}

#contact_button button:hover {
    background-color: var(--dark);
}

#contact_button #contact_reset {
    background-color: #9BBEC8;
}

#contact_button #contact_reset:hover {
    background-color: var(--color1);
}


/********** ZALO - HOTLINE **********/

.fcta-zalo-ben-trong-nut {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

/* RESPONSIVE */

@media (max-width: 1399px) {
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 202px;
    }
    
    .main_menu .navbar ul.navbar-nav > li, 
    .main_menu .navbar ul.dropdown-menu li {
        padding: 10px 18px;
    }
    
    .main_menu li a {
        font-size: 14px;
    }

}


@media (max-width: 1199px) {
    
    .logo img {
        width: 170px;
    }
    
    .right_header_between i {
        font-size: 20px;
    }
    
    .right_header_between p {
        font-size: 14px;
    }
    
    .main_menu .navbar ul.navbar-nav > li {
        padding: 10px 15px;
    }
    
    .main_menu a {
        font-size: 14px;
    }
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 166px;
    }
    
    .products .product_title a {
        min-height: 36px;
        font-size: 15px;
    }
    
    .products .bp_cls_group_price {
        font-size: 14px;
    }
    
    .bp_hot_news_img iframe {
        height: 175px;
    }
    
    
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header_bottom  .col-lg-10 {
        width: 95%;
    }
    
    .header_bottom  .col-lg-2 {
        width: 5%;
    }
}

@media (max-width: 991px) {
    
    .logo img {
        width: 130px;
    }
    
    .header_bottom {
        padding: 5px 0;
        position: relative;
    }
    
    .main_menu button.navbar-toggler {
        border-color: #ffffff78;
    }
    
    .main_menu .navbar {
        --bs-navbar-toggler-icon-bg: url(/files_upload/menu.png);
    }
    
    .header_bottom .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 3;
        padding: 10px 0 20px;
        background-color: var(--color2);
    }
    
    .header_bottom .main_menu .navbar-collapse > ul {
        
        max-width: 720px; 
        margin: auto;
        background: var(--color2);
        border-top: 1px solid #ffffff4f;
        padding-top: 10px;
    }
    
    .main_menu .navbar li:hover, .main_menu .navbar ul.dropdown-menu li:hover {
        background-color: transparent;
    }
    
    .header_bottom .navbar .navbar-collapse ul.navbar-nav li a {
        width: unset;
    }
    
    .header_bottom .navbar ul.navbar-nav li.dropdown {
        flex-wrap: wrap;
    }
    
    .navbar ul.navbar-nav li.dropdown ul {
        position: unset;
        width: 100%;
    }
    
    .search input {
        padding: 5px 6px;
    }
    
    
    /***** Footer *****/
    
    .footer h3 {
        margin-bottom: 20px;
    }
    
    .box_ft_1 {
        margin-bottom: 25px;
    }
    
    
    
    .map_ft iframe {
        height: 150px;
    }
    
    /***** Products *****/
    
    .products .bp_content_product {
        min-height: 124px;
         padding: 10px 5px;
    }
    
    .products .product_title a {
        font-size: 14px;
        min-height: 34px;
    }
    
    .products .bp_cls_group_price {
        font-size: 13px;
    }
    
    
    
    .products .btnAddToCart {
        padding: 5px 7px;
        font-size: 13px;
    }
    
    
    .blogs .bp_block_item  {
        margin-bottom: 20px;
    }
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 154px;
    }
    
    .box-doi-tac > * {
        width: calc(94%/3);
        border: 1px solid #eeeeee;
        margin: 1%;
        margin-bottom: 20px;
    }
    
    .icon-link i {
        font-size: 15px;
        width: 38px;
        height: 38px;
        
    }
    
    .dao-tao .bp_block_item .row> * {
        width: 100%;
    }
    
    
    
    
    
    /*****Trang khác *****/
    
    .body_page {
        padding: 60px 0;
    }
    
    .right-blogs {
        margin-top: 30px;
    }
    
   
    
}


@media (max-width: 767px) {
    
    h2 {
        font-size: 22px;
    }
    
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .row >* {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .header_bottom .main_menu .navbar-collapse > ul {
        
        max-width: 540px; 
    }
    
    
    
    /***** Footer *****/
    
    .footer {
        padding: 50px 0;
    }
    
    .map_ft {
        margin-top: 10px;
    }
    
    .map_ft iframe {
        height: 200px;
    }
    
    /***** Products *****/
    
    .products .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    
    .products .row > * {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .quang-cao {
        padding: 15px 0;
    }
    
    .quang-cao  .qc-item {
        margin-bottom: 15px;
    }
    
    .blogs .bp_news_sub p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 164px;
    }
    
    .doi-tac {
        padding: 35px 0 30px;
    }
    
    .doi-tac .title_section {
        margin-bottom: 20px;
    }
    
    .box-doi-tac > * {
        width: 48%;
        border: 1px solid #eeeeee;
        margin: 1%;
        margin-bottom: 20px;
    }
    
    .icon-link i {
        font-size: 12px;
        width: 30px;
        height: 30px;
        
    }
    
    .dao-tao .bp_block_item {
        margin-bottom: 0;
    }
    
    
    
    .dao-tao .bp_block_item .bp_news_sub p {
        font-size: 13px;
    }
    
    
    /***** Form đăng ký *****/
    
    .form-dk form > * {
        width: 100%;
        
    }
    
    .form-dk form label {
        margin-bottom: 5px;
    }
    
    .form-dk form > * {
        padding: 0;
        margin-bottom: 10px;
    }
    
    /***** Trang liên hệ *****/
    
    .map_contact {
        padding: 20px 0;
    }
    
    .map_contact iframe {
        height: 250px;
    }
    
    .copy-right {
        font-size: 12px;
    }
    
  
}

@media (max-width: 768px) and (min-width: 576px) {
    .dao-tao .bp_block_item .cls_img_hot_news {
        width: 40%;
    }
    
    .dao-tao .bp_block_item .cls_content_hot_news {
        width: 60%;
    }
}

@media (max-width: 498px) {
    .logo img {
        width: 110px;
    }
    
    .products .cls_img_product_focus img,
    .products .bp_img_product img {
        height: 170px;
    }
    
    .products .nav-item .nav-link {
        font-size: 14px;
        padding: 8px 10px;
    }
    
    .thiet_bi .products .nav-item .nav-link {
        font-size: 12px;
    }
    
    .bp_hot_news_img iframe {
        height: 144px;
    }
    
    .form-dk h2 {
        font-size: 18px;
    }
    
    .form-dk {
        padding: 20px 15px 
    
    }
}

@media (max-width: 389px) {
    .logo img {
        width: 85px;
    }

}