/********** Template CSS **********/
:root {
    --green-1: #0E5B52;
    --green-2: #1BC5B1;
    --color-2: #D49B39;
    
    --white: #ffffff;
    --black: #000000;
}

.bp_msg_show{
    display: inline-block !important;
    color: red;
}

body {
    font-size: 15px;
    font-family: "Open Sans",sans-serif;
    /*font-family: 'Raleway', sans-serif;*/
}


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

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 17px;
}

a {
    transition: all 0.3s;
}

a:hover {
    color: var(--green-1);
}

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);
}

.xem-them {
    text-align: right;
    margin-top: 20px;
}

.xem-them a {
    color: var(--color-2);
}



.headding_section {
    margin-bottom: 35px;
    text-align: center;
}

.headding_section > * {
    text-transform: uppercase;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
    color: var(--green-1);
    font-size: 25px;
}

.headding_section > *:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: var(--green-2);
}



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

.header {
    padding: 10px 0;
}

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

.logo img {
    height: 70px;
}

.logo h1 {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--green-1);
    margin-bottom: 0;
    padding-left: 10px;
    font-family: 'Oswald', sans-serif;
}

.header p {
    margin: 0;
}

.main_menu .navbar-nav {
    width: 100%;
    justify-content: end;
}

.main_menu a:hover {
    color: var(--green-1);
}


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


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

.footer {
    background-color: var(--green-1);
    color: var(--white);
}

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


.footer_top {
    padding: 60px 0;
}

.info_ft img {
    padding: 5px;
    background: var(--white);
}


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

.footer .menu_ft a:before {
    content: "\F280";
    font-family: bootstrap-icons;
    display: inline-block;
    color: var(--green-2);
    margin-right: 10px;
    font-size: 12px;
}

.footer .menu_ft ul li ul,
.footer .menu_ft ul li:hover ul,
.footer .menu_ft .bp_toggle_arrow {
    display: none;
}

.footer .menu_ft ul  {
    flex-direction: column;
    margin: auto;
}

.footer .menu_ft ul li {
    padding: 0;
    margin-bottom: 10px
}

.footer .link_ft h3 {
    text-align: center;
}

.footer .icon_ft {
    display: flex;
    justify-content: center;
}

.footer .icon_ft > * {
    width: 40px;
    height: 40px;
    background: var(--white);
    margin-right: 10px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
}


.footer .icon_ft > p:last-child {
    margin-right: 0;
}

.footer .icon_ft  i {
    color: #000000;
}

.footer .icon_ft > *:hover i {
    color: var(--green-2);
}

/* copy right*/

.copy-right {
    padding: 10px 0;
    border-top: 1px solid #ffffff2e;
}

.copy-right p {
    margin: 0;
    font-size: 14px;
}

.copy-right a {
    color: var(--green-2);
}

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


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

/*** Slide ***/

.slide .text_slide {
    color: var(--white);
    left: 0;
    right: 0;
}

.slide .bp_slide_title_note {
    width: 55%;
    margin: auto;
    font-size: 15px;
    background: #0e5b5299;
    padding: 15px 10px;
    border-radius: 5px;
}

.slide .text_slide h1 {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 10px 
}

.slide .swiper-button-prev,
.slide .swiper-button-next {
    color: var(--white);
    width: 38px;
    height: 38px;
    background-color: var(--green-1);
    border-radius: 5px;
}

.slide .swiper-button-prev:after,
.slide .swiper-button-next:after {
    font-size: 15px;
} 



/*** Giới thiệu ***/

.about_us {
    padding: 60px 0 25px;
}

.content_about {
    text-align: justify;
}

.content_about .bp_block_item .cls_img_hot_news {
    display: none;
}

.content_about .headding_section {
    text-align: left;
    margin-bottom: 25px;
}

.content_about .news_title a:after {
    left: 0;
    transform: translateX(0);
}

.content_about p {
    margin-bottom: 12px
}


.content_about .bp_news_more {
    color: var(--white);
    background-color: var(--color-2);
    padding: 8px 20px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 20px;
}


.video iframe {
    border-radius: 4px;
}

/********** Blogs ***********/

.blogs .bp_news_info {
    display: none;
}

.bp_block_item .row {
    margin: 0;
}

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



/*** Service ***/


.service {
    padding: 30px 0;
}

.main_service  .headding_section {
    margin-bottom: 30px;
}

.main_service > .row {
    margin-right: calc(-.5 * var(--bs-gutter-x) - 15px);
    margin-left: calc(-.5 * var(--bs-gutter-x) - 15px);
}

.main_service > .row > .col {
    padding-right: calc(var(--bs-gutter-x) * .5 + 15px);
    padding-left: calc(var(--bs-gutter-x) * .5 + 15px);
}

.main_service  .bp_hot_news_img a {
    display: inline-block;
    position: relative;
}

.main_service .bp_hot_news_img p {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    color: var(--color-2);
    width: 95px;
    height: 95px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    bottom: 0%;
    left: 0;
    background: var(--white);
}


.main_service .bp_news_more {
    display: none;
}

.main_service .bp_block_item .cls_img_hot_news {
    padding: 0 38px;
}

.main_service .news_title {
    margin-top: 25px;
}

.service .news_title a {
    font-size: 15px;
}

.main_service .news_title a {
    display: block;
    background: var(--green-1);
    color: var(--white);
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 35px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s;
}

.main_service .bp_block_item:hover .news_title a {
    background-color: var(--color-2);
}


.service_specific {
    padding-top: 30px;
}

.service_specific h3 {
    text-transform: uppercase;
    font-size: 15px;
    color: var(--green-1);
    margin-bottom: 20px;
}

.service_specific .news_title {
    margin-bottom: 12px 
}

.service_specific .news_title a {
    background-color: #F2F8F7;
    display: block;
    padding: 11px 20px;
    color: var(--black);
    font-weight: 600;
    border-radius: 4px;
}

.service_specific .news_title a:before {
    content: "\F280";
    font-family: bootstrap-icons;
    display: inline-block;
    color: var(--green-2);
    margin-right: 10px;
    font-size: 12px;
}

.service_specific .news_title a:hover {
    color: var(--color-2);
}


/*** Why choose? ***/

.why_choose {
    padding: 30px 0;
}

.why_choose > .container > .row > .col {
    margin-bottom: 30px;
}

.why_choose .bp_news_more {
    display: none;
}

.why_choose .bp_block_item {
    height: 100%;
    border: 1px solid #e4e4e4;
    padding: 20px 10px;
}

.why_choose .bp_hot_news_img {
    width: 78px;
    height: 78px;
    background-color: var(--color-2);
    padding: 23px;
    border-radius: 50%;
}

.why_choose .cls_img_hot_news {
    width: 25%;
}


.why_choose .cls_content_hot_news {
    width: 75%;
    font-size: 14px;
    text-align: justify;
}

.why_choose .news_title a {
    color: var(--black);
}

.why_choose .bp_news_sub ul {
    margin: 0;
}

.why_choose .bp_news_sub ul li {
    list-style-type: initial;
    
}

.why_choose .bp_news_sub ul li::marker {
    color: var(--color-2);
}


/*** Form home ***/

.form_home {
    padding: 40px 0;
    background-color: var(--green-1);
    background-image: url('/files_upload/bg-form.jpg');
    position: relative;
}

.form_home:before {
    position: absolute;
    content: "";
    background: #0e5b52ad;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* z-index: 1; */
}

.form_home .container {
    position: relative;
    z-index: 1;
}

.form_home .headding_section h2 {
    color: var(--white);
}

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

.form_home form > div {
    margin-top: 0;
    width: 30%;
    padding-right: 12px 
}

.form_home label {
    display: none;
}

.form_home form > div:last-child {
    width: 9%;
    height: 100%;
    padding-right: 0;
}

.form_home form input,
.form_home form textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    height: 40.5px;
}

.form_home form  button.bp-btn-send {
    margin: 0;
    border: none;
    width: 100%;
    height: 40.5px;
    background: var(--color-2);
    color: var(--white);
    border-radius: 5px;
    padding-right: 0;
    transition: all 0.3s;
}


.form_home form  button.bp-btn-send:hover {
    background: var(--green-2);
}


/*** Album ***/

.album {
    padding: 50px 0;
}


.album .gallery {
    max-width: 100%;
}

.album  .gallery a {
    position: relative;
}

.album  .gallery .img_demo {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 10px;
    left: 10px;
    border-radius: 50%;
}


div.sl-overlay {
    background: var(--black);
    opacity: 0.8 !important;
}

.sl-wrapper.simple-lightbox button,
div.sl-wrapper .sl-navigation button {
    color: var(--white);
}


/*** Blogs home ***/

.blogs_home  {
    padding: 0 0 50px;
}



.blogs_home .card,
.blogs_page .bp_block_item {
    box-shadow: none !important;
    padding: 15px;
    background: #F2F8F7;
    border-radius: 5px;
}

.blogs_home .item  {
    /*padding: 0 15px;*/
}


.blogs_home .bp_hot_news_slide_img img {
    height: 25px;
    object-fit: cover;
}

.blogs_home .card-body .news_title,
.blogs_page .news_title {
    font-size: 15px;
    text-align: left;
}

.blogs_home .card-body .news_title a,
.blogs_page  .news_title a {
    color: var(--black);
    min-height: 38px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.blogs_home .card-body .news_title a:hover,
.blogs_page .news_title a:hover {
    color: var(--color-2);
}

.blogs_home .card-text,
.blogs_page .bp_news_sub{
    text-align: justify;
    font-size: 14px;
    /*-webkit-line-clamp: 3;*/
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
}

.blogs_home .cls-click-xem,
.blogs_page .bp_news_more {
    background: none;
    border: none;
    color: var(--color-2);
    font-size: 14px;
    padding: 0;
    display: inline;
}

.blogs_home .cls-click-xem:hover,
.blogs_page .bp_news_more:hover {
    color: var(--black);
}

.blogs_home .owl-carousel {
    position: relative;
}

.blogs_home .owl-carousel .owl-dots {
    display: block;
}

.blogs_home .owl-carousel .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

.blogs_home .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
}

.blogs_home .owl-nav button span {
    font-size: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    background-color: #0e5b52a8;
    color: var(--white);
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight:  700;
}


.blogs_home .owl-nav button span:before {
    font-family: bootstrap-icons;
    font-size: 17px;

}



.blogs_home .owl-next span:before {
    content: "\F285";
}

.blogs_home .owl-prev span:before {
    content: "\F284";
}

.blogs_home .owl-theme .owl-dots .owl-dot.active span, 
.blogs_home .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--green-2);
}




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

.body_page {
    padding: 70px 0;
}

.banner_page {
    position: relative;
}

.banner_page h1 {
    text-transform: uppercase;
    color: var(--white);
    width: 55%;
    margin: 0;
    padding: 10px ;
    background-image: linear-gradient(to right, #0e5b5200 , #0E5B52 70%, #0e5b5200 );
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.blog_detail ul li {
    list-style: initial;
    line-height: 1.6;
}

.blog_detail h1 {
    margin-bottom: 25px;
}

.blog_detail h2 {
    margin: 20px 0 15px;
    font-size: 22px;
}

.blog_detail h3 {
    margin: 15px 0 10px;
}

/********** TRANG SẢN PHẨM **********/

.bp_pd_info {
    display: none;
}

.products .product_title {
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}

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

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

.products .bp_product_item {
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin-bottom: 30px;
}



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

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


.products .bp_product_item .bp_img_product img {
    border-radius: 5px;
    height: 280px;
    object-fit: contain;
}


/* right_page */

.box_right {
    padding: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    margin-bottom: 30px;
}

.box_right h3 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.products_right_page .bp_product_item {
    padding: 5px;
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
}

.products_right_page .bp_product_item .row {
    align-items: center;
}

.products_right_page .cls_img_product_focus {
    width: 25%;
}

.products_right_page.products .cls_content_product_focus {
    width: 75%;
    padding-left: 10px;
}

.products_right_page .product_title {
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    margin: 0;
}



.blogs_right_page .bp_lb_user,
.blogs_right_page .bp_lb_comment,
.blogs_right_page .bp_news_sub {
    display: none;
}

.blogs_right_page .bp_block_item {
    margin-bottom: 10px;
}

.blogs_right_page .bp_block_item .row {
    align-items: center;
}

.blogs_right_page .cls_img_hot_news {
    width: 25%;
}

.blogs_right_page .cls_content_hot_news {
    width: 75%;
    padding: 0 0 0 10px;
}

.blogs_right_page .news_title {
    font-weight: 500;
    font-size: 13px;
    margin: 0;
}

.blogs_right_page .news_title a {
    color: var(--black);
}

.blogs_right_page .news_title a:hover {
    color: var(--color-2);
}


.blogs_right_page .bp_lb_date {
    margin-top: 5px;
    padding-right: 0;
    font-size: 13px;
    color: #a3a3a3;
    font-weight: 300;
}

.blogs_right_page .bp_lb_date i {
    font-size: 10px;
}

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

.detail_product .product_title {
    font-size: 20px;
    font-weight: bold;
}


/********** TRANG BÀI VIẾT **********/

.blogs_page .bp_block_item {
    margin-bottom: 30px;
}

.blogs_page .bp_content_news_main {
    padding: 10px 0;
}

/********** TRANG CHI TIẾT BÀI VIẾT **********/


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

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

.right_form_contact {
    text-align: center;
    padding: 40px 30px;
    background-color: #0e5b52;
    color: var(--white);
}

.right_form_contact p {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid #ffffff5c;
}



.right_form_contact p i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    border-radius: 50%;
    color: var(--color-2);
    border: 1px solid;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
}

.form_contact form label {
    display: none;
}

.form_contact form > div {
    margin-bottom: 15px;
}

.btn-web {
    transition: .5s;
    font-weight: 500;
}

.form_contact form input,
.form_contact form textarea {
    padding: 10px;
}

.form_contact form button#sub_mit {
    background: var(--color-2);
    border-color: var(--color-2);
}

.form_contact #contact_reset {
    background: var(--green-2);
    border-color: var(--green-2);
    color: var(--white);
}


/********** NÚT ZALO **********/

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

.fcta-zalo-nen-nut::after, .fcta-zalo-nen-nut::before {
    border: 1px solid var(--green-2);
    background: #3dc6b280;
    
}

.fcta-zalo-nen-nut {
    background: var(--green-2);
}

.fcta-zalo-mess span a {
    color: var(--green-1);
}


/********** RESPONSIVE **********/



@media (min-width: 1199px) {
    .slide .swiper-button-prev,
    .slide .swiper-button-next,
    .blogs_home .owl-nav button span {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }
    
    .slide:hover .swiper-button-prev,
    .slide:hover .swiper-button-next,
    .blogs_home .owl-carousel:hover .owl-nav button span {
        opacity: 1;
        visibility: visible;
    }
    

}


@media (max-width: 1399px) {
    
    .header {
        padding: 6px 0;
    }
    
    .logo img {
        height: 60px;
    }
    
    .logo h1 {
        font-size: 14px;
    }
    
    .main_menu .navbar ul.navbar-nav > li, 
    .navbar ul.dropdown-menu li {
        padding: 10px 15px;
        
    }
    
    
    /* Service */
    
    .main_service .bp_hot_news_img p {
        font-size: 35px;
        width: 70px;
        height: 70px;
        
    }
    
    .main_service .bp_block_item .cls_img_hot_news {
        padding: 0 32px;
    }
    
    
    /* why choose */
   
    .why_choose .bp_block_item .row > * {
        width: 100%;
    }
    
    .why_choose .bp_hot_news_img {
        width: 55px;
        height: 55px;
        padding: 16px;
        margin: auto;
        margin-bottom: 10px;
    }
    
    .why_choose .news_title {
        font-size: 15px;
        text-align: center;
    }
    
    /*Album*/
    
    .album .gallery a img {
        height: 173px;
    }
    
    
    /* Trang khác */
    
    .banner_page h1 {
        font-size: 24px;
        padding: 8px;
    }
    
    .products .bp_product_item .bp_img_product img {
        height: 240px;
        
    }
}


@media (max-width: 1199px) {
    
    .logo h1 {
        font-size: 13px;
    }
    
    .main_menu .navbar ul.navbar-nav > li, 
    .navbar ul.dropdown-menu li {
        padding: 10px 12px;
    }
    
    .main_menu a {
        font-size: 13px;
    }
    
    .main_menu .bp_toggle_arrow {
        font-size: 14px;
    }
    
    .slide .bp_slide_title_note {
        font-size: 14px;
    }

    .slide .text_slide h1 {
        font-size: 25px;
    }
    
    /* Service */
    
    .main_service > .row {
        margin-right: calc(-.5 * var(--bs-gutter-x) - 10px);
        margin-left: calc(-.5 * var(--bs-gutter-x) - 10px);
    }
    
    .main_service > .row > .col {
        padding-right: calc(var(--bs-gutter-x) * .5 + 10px);
        padding-left: calc(var(--bs-gutter-x) * .5 + 10px);
    }
    
    .main_service .bp_block_item .cls_img_hot_news {
        padding: 0 20px;
    }
    
    .main_service .bp_hot_news_img p {
        font-size: 30px;
        width: 65px;
        height: 65px;
    }
    
    
    /* why choose */
    
    .why_choose > .container > .row > .col {
        margin-bottom: 20px;
    }
    
    
     /*Album*/
    
    .album .gallery a img {
        height: 145px;
    }
    
    
    /*Trang khác*/
    
    .products .bp_product_item .bp_img_product img {
        height: 190px;
        
    }
    
}

@media (max-width: 991px) {
    
    h3 {
        font-size: 16px;
    }
    
    .header {
        position: relative;
    }
    
    .main_menu .navbar .container-fluid {
        justify-content: end;
    }
    
    .main_menu  .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 2;
        background: var(--white);
    }
    
    .main_menu .navbar-nav {
        max-width: calc(720px - 1.5rem);
        margin: auto;
        border-top: 1px solid #e4e4e4;
        margin-top: 10px;
        padding-top: 5px;
    }
    
    .main_menu .navbar ul.navbar-nav > li {
        padding: 10px 0;
        border-bottom: 1px solid #f1f1f1;
    }
    
    .main_menu .navbar ul.navbar-nav li.dropdown {
        flex-wrap: wrap;
    }
    
    .main_menu a {
        font-size: 14px;
    }
    
    .main_menu .navbar ul.navbar-nav li.dropdown a {
        width: unset;
    }
    
    .main_menu .navbar-nav .dropdown-menu {
        position: unset;
        width: 100%;
    }
    
    /* Footer */
    
    .footer {
        font-size: 14px;
    }
    
    .footer_top {
        padding: 50px 0 40px;
    }
    
    .footer .info_ft img {
        padding: 5px;
        background: var(--white);
        height: 60px;
    }
    
    .footer .icon_ft > * {
        width: 35px;
        height: 35px;
        
    }
    
    /* Slide */
     .slide .bp_slide_title_note {
        font-size: 13px;
        width: 65%;
    }

    .slide .text_slide h1 {
        font-size: 22px;
    }
    
    .content_about .bp_news_more {
        margin-top: 10px;
        
    }
    
    .about_us .video {
        margin-top: 25px;
    }
    
    
    
    /* Service */
    
    .main_service .bp_hot_news_img p {
        font-size: 40px;
        width: 85px;
        height: 85px;
    }
    
    .main_service > .row {
        margin-right: calc(-.5 * var(--bs-gutter-x) - 15px);
        margin-left: calc(-.5 * var(--bs-gutter-x) - 15px);
    }
    
    .main_service > .row > .col {
        padding-right: calc(var(--bs-gutter-x) * .5 + 15px);
        padding-left: calc(var(--bs-gutter-x) * .5 + 15px);
        margin-bottom: 25px;
    }
    
    .service_specific {
        padding-top: 10px;
    }
    
    
    /* Form home */
    
    .form_home form {
        align-items: start;
        flex-direction: column;
    }
    
    .form_home form > div {
        width: 100%;
        margin-bottom: 15px
    }
    
    .form_home form > div:last-child {
        width: auto;
        
    }
    
    .form_home form button.bp-btn-send {
        width: auto;
        height: auto;
        padding: 8px 20px 
    }
    
    .form_home form textarea {
        height: 75px;
        font-size: 13px;
    }
    
    /* Album */
    
    .gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        
    }
    
    .album .gallery a img {
        height: 144px;
    }
    
    /*Trang khác*/
    
    .body_page {
        padding: 50px 0;
    }
    
}

@media (max-width: 767px) {
    .logo img {
        height: 55px;
    }
    
    .main_menu .navbar-nav {
        max-width: calc(540px - 1.5rem);
    }
    
    .slide .bp_slide_title_note {
        font-size: 13px;
        width: 75%;
        padding: 10px;
    }
    
    .slide .bp_slide_title_note h1 {
        font-size: 18px;
        
    }
    
    .about_us {
        padding: 40px 0 25px;
    }
    
    .about_us .video iframe {
        height: 290px;
    }
    
    .blogs_home #carousel_fav img {
        height: 182px;
    }
    
     /* Album */
    
    .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        
    }
    
    .album .gallery a img {
        height: 161px;
    }
    
    
    /*Footer*/
    
    .footer .logo_ft {
        margin-bottom: 12px;
    }
    
    .footer .menu_ft {
        margin: 25px 0;
    }
    
    .footer .menu_ft .navbar-toggler {
        display: none;
    }
    
    .footer .menu_ft .navbar-collapse {
        display: block;
    }
    
    .footer .link_ft h3 {
        text-align: left;
    }
    
    .footer .link_ft .icon_ft {
        justify-content: start;
    }
    
    
    /* Trang khác*/
    
    .body_page.service {
        padding: 40px 0;
    }
    
    .banner_page img {
        height: 180px;
        object-fit: cover;
    }
    
    .banner_page h1 {
        font-size: 20px;
        padding: 8px;
    }
    
    .blogs_page .bp_block_item {
        margin-bottom: 20px;
    }
    
    .products .bp_product_item .bp_img_product img {
        height: 200px;
        
    }
    
    
    
}


@media (max-width: 575px) {
    .logo img {
        height: 45px;
    }
    
    .logo h1 {
        font-size: 12px;
    }
    
    .main_menu .navbar-nav {
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);

    }
    
    .footer_top {
        padding: 50px 0 40px;
    }
    
    
    .copy-right p {
        font-size: 13px;
    }
    
    .slide .swiper-button-prev, 
    .slide .swiper-button-next {
        width: 30px;
        height: 30px;
        background-color: var(--green-1);
        border-radius: 5px;
        
    }
    
    .slide .swiper-button-prev {
        left: 3px;
    }
    .slide .swiper-button-next {
        right: 3px;
    }
    
    .slide .bp_slide_title_note {
        font-size: 12px; 
        
    }
    
    .slide .bp_slide_title_note h1 {
        font-size: 15px;
    }
    
    .about_us .video iframe {
        height: 300px;
    }
    
    .service {
        padding: 20px 0;
    }
    
    .blogs_home #carousel_fav img {
        height: 250px;
    }
    
    .album .gallery a img {
        height: 147px;
    }
    
    .banner_page h1 {
        width: 75%;
    }
    
    /*Trang bài viết */
    .blogs_home .card-text, .blogs_page .bp_news_sub {
        text-align: justify;
        font-size: 13px;
        
    }
}

@media (max-width: 475px) {
    
    /* Service */
    
    .main_service .bp_hot_news_img p {
        font-size: 30px;
        width: 65px;
        height: 64px;
    }
    
    .main_service .news_title a {
        font-size: 14px;
        
    }
    
    .main_service .news_title a {
        padding: 8px 20px;
    }
    
    .about_us .video iframe {
        height: 250px;
    }
    
    .service {
        padding: 20px 0;
    }
    
    .album .gallery a img {
        height: 123px;
    }
    
    .banner_page img {
        height: 150px;
        
    }
    
}

@media (max-width: 425px) {
    
    .headding_section > * {
  
        font-size: 22px;
    }
    
    
    .header {
        padding: 5px 0;
    }
    
    .logo img {
        height: 40px;
    }
    
    .logo h1 {
        font-size: 11px;
    }
    
    .slide .bp_slide_title_note {
        width: 83%;;
        
    }
    
    .slide .bp_slide_title_note h1 {
        font-size: 14px;
    }
    
    .slide .swiper-button-prev, .slide .swiper-button-next {
        width: 25px;
        height: 25px;
        
    }
    
    .slide .swiper-slide img {
        height: 200px;
    }
    
    /* Service */
    
    .main_service > .row > .col {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    
    .main_service > .row {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    
    .main_service .news_title a {
        padding: 8px 10px;
    }
    
    .main_service .bp_hot_news_img p {
        font-size: 25px;
        width: 55px;
        height: 55px;
    }
    
    .about_us .video iframe {
        height: 205px;
    }
    
    .album .gallery a img {
        height: 115px;
    }
    
}