@media screen and (min-width: 1440px) {
    .gd_product_wrap {
        max-width: 80%;
        margin: auto;
    }
}


@media screen and (min-width: 1200px) {
    .gd_product_wrap {
        max-width: 80%;
        margin: auto;
    }
}
@media screen and (min-width: 1280px) {
    .page-single-article .hb_post_inner{
        margin: 40px 90px;
    }
}

@media screen and (min-width: 993px) and (max-width: 1279px) {
    .hb_border {
        margin: 0 120px auto auto;
    }
    .gd_absolute .gd_text {
        padding-right: 20px;
    }

}
@media screen and (min-width: 1025px) and (max-width: 1199px) {
    .page-single-article .hb_post_inner {
        margin: 40px 40px;
    }
    .page-single-article .hb_post_single {
        padding: 0 50px;
    }
    .content_wrap {
        max-width: 100%;
        padding: 0 50px;
    }

    .gd_ft_info {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .gd_post__excerpt {
        color: #626262;
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.2;
    }

    .gd_post__title .gd_text {
        font-size: 1.25rem;
        margin-bottom: 15px;
    }

    .gd_readmore {
        font-size: 1.125rem;
    }

    .gd_related__content .gd_post__title .gd_text {
        font-size: 1.125rem;
    }

    .gd_destination__single .nav-tabs .nav-item {
        margin-right: 10px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .page-single-article .hb_post_inner {
        margin: 40px 30px;
    }
    .page-single-article .hb_post_single {
        padding: 0 30px;
    }
    .content_wrap {
        max-width: 100%;
        padding: 0 50px;
    }

    #header .content_wrap {
        padding: 0;
    }

    .gd_main_menu_container .offer {
        display: none;
    }

    .logo {
        max-width: 210px;
    }

        .logo img {
            width: 100%;
            height: auto;
            object-fit: contain;
        }

    .gd_box__title .gd_text {
        font-size: 2.5rem;
    }

    .gd_m_col .gd_img_col6 {
        display: flex;
    }

    .gd__charming_wrap .gd_box__title {
        padding-bottom: 0;
    }

    .gd_term__overview {
        padding-bottom: 30px;
    }

        .gd_term__overview .gd_box__title {
            padding: 0;
        }

    .gd_related__content {
        flex-wrap: wrap;
    }

        .gd_related__content .gd_post__content {
            padding: 20px 10px;
        }

        .gd_related__content .gd_post__item {
            flex: 0 0 25%;
            max-width: 25%;
            margin-bottom: 0;
        }

        .gd_related__content .gd_post__excerpt {
            font-size: 16px;
        }

    .gd_ft_info {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 992px) {
    .gd_single__bn img {
        max-width: 100%;
        height: auto;
    }

    .gd_banner {
        height: auto;
    }

    .content_wrap {
        max-width: 100%;
   }
   .hb_border {
       margin: 0 70px auto auto;
   }
}

@media screen and (min-device-width: 1600px) and (max-device-width: 1800px) {
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(53/180 * var(--content-size)/3 - 15px);
    }
    .kh_bottom_prod {
        width: 90%;
        margin: 30px auto 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
        margin: 50px 0;
        padding: 40px 0;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none!important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .gd_contact_form .wpcf7-submit{
        width: 100%;
    }
/*End*/
}

@media screen and (max-device-width: 1536px) and (min-device-width: 1440px) {
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(53/180 * var(--content-size)/3 - 15px);
    }
    .kh_bottom_prod {
        width: 90%;
        margin: 30px auto 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
        margin: 50px 0;
        padding: 40px 0;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none!important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .gd_contact_form .wpcf7-submit{
        width: 100%;
    }
/*End*/
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(53/180 * var(--content-size)/3 - 15px);
    }
    .kh_bottom_prod {
        width: 90%;
        margin: 30px auto 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
        margin: 50px 0;
        padding: 40px 0;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none!important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .gd_contact_form .wpcf7-submit{
        width: 100%;
    }
/*End*/
}

@media only screen and (max-width: 1280px) and (min-width: 1199px){
    .kh_bottom_prod {
        width: 90%;
        margin: 20px auto 0;
    }
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(53/180 * var(--content-size)/3 - 15px);
    }

}

@media only screen and (max-width: 1119px) and (min-width: 1080px){
    .kh_bottom_prod {
        width: 80%;
        margin: 20px auto 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
        margin: 50px 0;
        padding: 40px 0;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none!important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .gd_contact_form .wpcf7-submit{
        width: 100%;
    }
/*End*/
}

@media only screen and (max-width: 1079px) and (min-width: 992px) {
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(70/180 * var(--content-size)/3 - 15px);
    }
    .kh_bottom_prod {
        width: 90%;
        margin: 20px auto 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
        margin: 50px 0;
        padding: 40px 0;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none!important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .gd_contact_form .wpcf7-submit{
        width: 100%;
    }
/*End*/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-article{
        padding: 30px 0;
    }
    .page-single-article .hb_post_single {
        padding: 0 15px;
    }
    .page-single-article .hb_post_inner {
        margin: 20px 15px 30px 15px;
    }
    .hb_border {
        width: 85%;
        margin: 0 0 auto auto;
    }
    .gda-popular-post .gd_post__content .gd_date {
        display: none;
    }

    .gda-popular-post .gd_post__image {
        flex: 0 0 70px;
        height: 52px;
    }

    .gda-popular-product .gd_post__image {
        flex: 0 0 70px;
        height: 70px;
    }

    .gd_post__image {
        flex: 0 0 35%;
    }

    .gd_post__meta .gd_date {
        display: none;
    }

    .gd_post__title .gd_text {
    }

    .gd_ft_address {
        margin-bottom: 30px;
    }

    .gd_post__content .gd_readmore {
        display: none;
    }

    .gd_post__single_content iframe {
        height: 300px;
    }

    .related-product .gd_p__image {
        height: calc(250/300 * (720px/4 - 30px));
    }
    .hb_border {
        width: 65%;
        margin: 0 15px auto auto;
        padding-left: 0;
    }
    .hb_border {
        padding: 30px 65px;
    }
    .gd_cover_item {
        height: 27vw;
    }
    .gd_cover_item .img-fluid {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .gd_loadbtn .button_link.kh_btn{
        width: 200px;
    }
    .kh_btn::after{
        width: 200px;
    }
    .hb_post_inner .gd_post__single_title{
        padding: 10px 25px;
    }
    .gd_related__content .gd_post__item{
        margin-bottom: 0;
    }
    .page-single-article{
        padding: 30px 0;
    }
    .kh_item_khpro {
        margin-bottom: 30px;
        flex: 0 0 33.3333%;
        max-width: 33.333%;
    }
    .kh_download_doc.hb_button_about{
        flex-wrap: wrap;
    }
    .kh_download_doc.hb_button_about .kh_wrap_btn{
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px 10px;
        margin: 0 auto;
    }
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(70/180 * var(--content-size)/3 - 15px);
    }
    .kh_bottom_prod{
        width: 100%;
        margin: 10px auto 0;
    }
    .kh_inner_tab img{
        display: block;
        margin: 0 auto;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
    }
    .page-content.page-contact .kh_bg_map{
        border-top: none !important;
        width: 50% !important;
    }
    .page-content.page-contact .kh_bg_map .kh_fake_div{
        display: none;
    }
    .kh_nav_branchs .kh_item_nav{
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
    .hb_addres_contact{
        flex: 0 0 50% !important;
        max-width: 50% !important;
        position: relative;
        left: -7px;
        padding-right: 0 !important;
    }
    .kh_row .gd_contact_us{
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 48px 0 15px;
    }
    .hb_nav_contact ul{
        justify-content: center !important;
        margin: 0 !important;
    }
/*End*/
}

@media screen and (max-width: 767px) {
    .page-article{
        padding:30px 0;
    }
    .hb_border {
        width: 65%;
        margin: 0 15px auto auto;
        padding-left: 0;
    }
    .hb_border {
        padding: 10px 45px;
    }
    .gd_cover_item {
        height: 27vw;
    }
    .gd_cover_item .img-fluid {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .gd_breadcrumb {
        flex-flow: wrap;
        justify-content: flex-end;
    }
/*    .gd_breadcrumb .breadcrumbs > span > span > span span{
        display: none;
    }*/
    .gd_absolute .gd_text {
        font-size: 2.125rem;
        width: 100%;
        margin-bottom: 15px;
    }
    .kh_item_khpro .kh_img_khpro {
        height: calc(1 * var(--content-size)/2 - 30px);
    }
    .kh_info_khpro {
        height: auto;
        padding: 20px 10px;
    }

    #gd_sidebar {
        /* margin-top: 40px;*/
    }

    #media_image-4, #media_image-5 {
        display: none;
    }

    .gd_post__excerpt {
        font-size: 1rem;
    }

    .gd_post__single_content img.alignnone, #nav-tabContent img.alignnone {
        margin: 0;
    }

    .related-product .gd_p__image {
        height: calc(250/300 * (540px/3 - 30px));
    }

    .gd_p__title .gd_text {
        font-size: 1.25rem;
    }
    .list_tax_filter .nav-link {
        width: auto;
    }
    .gd_gallery_inner a::after {
        width: 45px;
        height: 45px;
        line-height: 43px;
        font-size: 22px;
    }
    .gd_gallery_video .gd_gallery_inner a::after {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    .gd_gallery_content {
        opacity: 1;
    }
    .google-map .gd_map{
        height: 400px;
    }
    .hb_post_single .gd_post__single {
        border: unset;
    }
    .page-single-article .hb_post_inner {
        margin: 0
    }
    .page-single-article .hb_post_single {
        padding: 0 40px;
    }
    .gd_loadbtn .button_link.kh_btn{
        width: 200px;
    }
    .gd_loadbtn .kh_btn::after{
        width: 200px;
    }
    .page-single-article{
        padding: 30px 0;
    }
/*Liên Hệ*/
    .page-content.page-contact{
        height: unset !important;
    }
    .kh_container{
        padding: 0 15px;
    }
    .page-content.page-contact{
        margin: 0;
        padding: 0;
    }
    .hb_addres_contact,
    .hb_order{
        display: none;
    }
    .kh_row .gd_contact_us{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
/*End*/
/*single post*/
    .hb_post_inner .gd_post__single_title{
        font-size: 20px;
        text-align: left;
        padding: 10px 0;
        margin: 0;
    }
/*End*/
/*Single product*/
    .kh_single_product{
        padding: 30px 0 0; 
    }
    .kh_download_doc.hb_button_about{
        flex-wrap: wrap;
    }
    .kh_download_doc.hb_button_about .kh_wrap_btn{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5px 10px
    }
    .kh_list_img .owl_thumb_slider .kh_img_project{
        height: calc(129/180 * var(--content-size)/2 - 15px);
    }
    .kh_bottom_prod{
        width: 100%;
        margin: 15px auto 0;
    }
    .kh_inner_tab img{
        width: 100%;
    }
/*End*/

}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .product_action {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

        .product_action .btn {
            flex: 0 0 100%;
            margin-bottom: 15px;
        }

            .product_action .btn i {
                flex: 0 0 40px;
                line-height: 40px;
            }

            .product_action .btn span {
                padding-top: 10px;
            }

    .gd_contact_form {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .kh_info_prod {
        padding-top: 15px;
    }
    .swiper-container.gallery-top .kh_box_img.kh_img_intro {
        height: calc(2.5 * var(--content-size)/12 * 5 * 0.80 - 30px);
    }
    .kh_img_prod {
        height: calc(2.5 * var(--content-size)/12 * 5 * 0.80 - 30px);
    }
    .kh_page_list {
        padding: 30px 0 0;
    }
    .kh_item_khpro{
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .kh_info_khpro:before{
        display: none;
    }
    .kh_khpro_list.row {
        padding: 30px 5px;
    }
    .kh_info_khpro .kh_title_khpro{
        display: -webkit-box!important;
        max-width: 100%;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
      .gd_absolute .gd_text {
        font-size: 1.5rem;
        margin-bottom: 2px;
      }
      .hb_border {
            margin: 0 35px auto auto;
      }
    .breadcrumbs::before {
        font-size: 1rem;
    }

    .breadcrumbs {
        font-size: 0.8rem;
    }

    .kh_fillter .kh_search_box {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kh_fillter .kh_select {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .kh_fillter {
        flex-wrap: wrap;
    }

    .kh_fillter .kh_select #kh_form_select .kh_select_box {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 15px;
    }

    .kh_fillter .kh_select #kh_form_select {
        flex-wrap: wrap;
    }

    .video-about {
        order: 2;
    }

    .gd_box__desc {
        width: 100% !important;
    }

    /*Blog Post*/

    .gd_post__content {
        padding: 0 0 0 15px;
    }

    .gd_post__title .gd_text {
        text-transform: none;
        font-size: 1rem;
        -webkit-line-clamp: 2;
        /*margin-bottom: 0.5rem;*/
    }

        .gd_post__excerpt p.text-right {
            display: none;
        }

    .gd_post__meta .gd_date {
        font-size: 12px;
        white-space: normal;
    }

    .gd_post__meta .views {
        flex: 0 0 100%;
    }

    .gd_post__single_content {
        padding-left: 0px;
        margin-bottom: 0;
    }

        .gd_post__single_content::before {
            display: none;
        }

    .gd_ft_address .gd_add_inner {
        padding-right: 0px;
    }

    .gd_post__single_content iframe {
        height: 300px;
    }
    .gd_post__col .gd_post__item{
        flex:0 0 50%;
        max-width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .gd_post__col .gd_post__image{
        height:calc(45/135 * (var(--content-size) - 15px));
        margin-bottom: 0;
    }
    .gd_actione{
        margin-bottom: 0;
    }
    .gd_post__items #load-posts{
        margin: 0 -10px;
    }
    /*Product*/
    .related-product .gd_p__image {
        height: calc(250/300 * (414px/2 - 30px));
    }

    .gd_contact_form {
        width: 100%;
    }

    .page-single-article .hb_post_single {
        padding: 0 15px;
    }
    .kh_bottom_prod .kh_nav .kh_nav_item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .kh_bottom_prod .kh_nav .kh_nav_link {
        padding: 10px;
    }
    .kh_bottom_prod .kh_nav .kh_nav_link .kh_name_nav {
        font-size: 1rem;
        text-align: center;
    }
    .kh_bottom_prod .kh_nav {
        align-items: center;
    }
}

@media screen and (max-width: 480px) {
    .gd_cover_item {
        height: 40vw;
    }
    .hb_border {
        width: 90%;
    }
    .hb_border {
        margin: 0 15px auto auto;
    }
    .social-bar {
        display: none;
    }

    .gd_related__content {
        margin-left: -5px;
        margin-right: -5px;
    }

        .gd_related__content .gd_post__item {
            padding: 0 5px;
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom: 0;
        }
    .gd_box__title .gd_text {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 15px;
        line-height: 1.42;
    }
    .breadcrumbs::before {
        width: 30px;
    }
    .google-map .gd_map{
        height: 300px;
    }
    .gd_contact_us {
        margin-top: 0;
        padding: 30px 0;
    }
    .gd_contact_form .form-group {
        padding: 0;
    }
    .gd_contact_form .wpcf7-submit {
        width: 100%;
        background-position: left 35% center;
    }
}

@media screen and (max-width: 414px) {
    .gd_post__list .gd_post__inner {
        display: block;
    }

    .gd_post__list .gd_post__excerpt {
        display: block !important;
    }

    .gd_post__list .gd_post__title .gd_text {
        display: block !important;
        font-size: 1.25rem;
        line-height: 1.42;
    }

    .gd_post__content {
        padding: 5px 0 0;
    }
    .list_tax_filter .nav-link {
        padding: .5rem 2rem;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 380px) {

    /*   .gd_form {
        padding: 0 30px;
    } */
    .gd_contact_form .wpcf7-submit {
        width: 100%;
    }

    .gd_add_colright {
    }

    .gd_contact_us a:not(.hotline) {
        line-height: 30px;
        width: 32px;
        flex: 0 0 32px;
        font-size: 14px;
    }

    .gd_contact_us {
        display: block;
        margin-top: 25px;
    }

        .gd_contact_us .hotline {
            display: block;
            margin-bottom: 15px;
        }

        .gd_contact_us a.facebook {
            margin-left: 0;
        }

    .gd_main__footer {
        margin-bottom: 10px;
    }
}