@media all and (max-width: 1200px) {
    .container {
        max-width: 1001px;
    }
    .box_hotline_header {
        width: 150px;
        right: 70px;
        top: 7px;
    }
    .box_hotline_header .hotline_header {
        height: 34px;
    }
    .box_hotline_header .hotline_header a {
        line-height: 33px;
        font-size: 14px;
    }
    #header {
        width: 100%;
        max-width: 100%;
        height: 50px;
    }
    #btn_open_menu {
        display: block;
        position: absolute;
        right: 55px;
        top: 7px;
        z-index: 9999999999999;
    }
    .menu_header {
        width: 100%;
    }
    .menu_show {
        display: none;
        position: fixed;
        right: 0;
        top: 50px;
        width: 100%;
        max-width: 350px;
        background: #18477F;
        opacity: 0;
        z-index: 999999;
        box-sizing: border-box;
        transition: opacity 0.5s ease-in-out;
        height: 100vh;
        overflow-y: auto;
        border: 0;
    }
    .menu_show.open {
        display: block;
        opacity: 1;
        pointer-events: all;
    }
    .burger-wrap {
        top: 0;
        width: 30px;
        height: 30px;
        background: none;
        position: absolute;
        z-index: 40;
        transition: 300ms 700ms transform ease-in;
    }
    .burger-wrap.reappearBurger {
        opacity: 0;
        animation: 0.5s 2s fadeAppear ease-out forwards;
    }
    @keyframes fadeAppear {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .burger {
        position: relative;
        width: 36px;
        height: 32px;
        border: 0;
        background: #18477F;
        border-radius: 4px;
        cursor: pointer;
        z-index: 30;
        transition: transform 1s ease-in;
    }
    .burger span {
        display: block;
        position: absolute;
        height: 2.4px;
        left: 15%;
        background: #FEDC00;
        opacity: 1;
        transform: rotate(0deg);
        transition: 0.25s ease-in-out;
    }
    .burger span:nth-child(1) {
        top: 8px;
        width: 70%;
    }
    .burger span:nth-child(2) {
        top: 15px;
        width: 70%;
    }
    .burger span:nth-child(3) {
        top: 22px;
        width: 70%;
    }
    .burger.active span:nth-child(1) {
        width: 70%;
        top: 15px;
        transform: rotate(135deg);
    }
    .burger.active span:nth-child(2) {
        opacity: 0;
    }
    .burger.active span:nth-child(3) {
        top: 15px;
        width: 70%;
        transform: rotate(-135deg);
    }
    .menu_header .menu_show .menu {
        width: 100%;
        right: 0;
        padding: 30px 30px 100px;
    }
    .menu_header .menu_show .menu li.menu_item {
        width: 100%;
        padding: 12px 0;
    }
    .menu_header .menu_show .menu li.menu_item a.menu_link {
        font-size: 16px;
        color: #FFFFFF;
    }
    .focus_show_sub_menu {
        display: block;
        position: absolute;
        right: 0px;
        top: 20px;
        width: 30px;
        height: 30px;
    }
    .focus_show_sub_menu::before {
        content: '';
        width: 15px;
        height: 1px;
        background: #FEDC00;
        position: absolute;
        top: 0;
        right: 0;
    }
    .focus_show_sub_menu::after {
        content: '';
        width: 1px;
        height: 15px;
        background: #FEDC00;
        position: absolute;
        top: -7px;
        right: 7px;
    }
    .menu_header .menu_show .menu li.menu_item:focus ul.menu_item_sub_open,
    .menu_header .menu_show .menu li.menu_item:hover ul.menu_item_sub_open {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
        background: none;
    }
    .menu_header .menu_show .menu li.menu_item ul.menu_item_sub_open li {
        padding: 10px 0;
    }
    .menu_header .menu_show .menu li.menu_item a.menu_link:before,
    .menu_header .menu_show .menu li.menu_item a.menu_link.active:before {
        height: 2px;
    }
    .logo {
        left: 15px;
        top: 4px;
    }
    .logo img {
        height: 40px;
    }
    .section_slider_home {
        margin-top: 50px;
        height: auto;
    }
    .slider_home .slick-prev {
        left: 15px;
    }
    .slider_home .slick-next {
        right: 15px;
    }
    .slider_service .slick-list {
        padding: 50px 220px !important;
    }
    .section_breadcrumb,
    .section_banner_subpage {
        margin-top: 50px;
    }
    #sidebar {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
    }
    .box_list_menu_sub {
        width: 26%;
    }
    .box_list_product {
        width: 74%;
    }
    .box_img_product {
        width: 100%;
        padding: 0;
    }
    .box_info_content_product {
        width: 100%;
        padding-top: 30px;
    }
    .info_content_product {
        height: auto;
    }
}

@media all and (max-width: 1000px) {
    .container {
        max-width: 801px;
    }
    .box_head_list_article_product {
        height: 45px;
    }
    .title_list_article_product h2 {
        font-size: 20px;
        line-height: 45px;
    }
    .more_list_article_product a {
        line-height: 45px;
        font-size: 14px;
    }
    .box_article_menu_product {
        width: 50%;
        float: left;
    }
    .box_article_product {
        width: 50%;
    }
    .slider_service .slick-list {
        padding: 50px 150px !important;
    }
    .content p{
        font-size:16px;
        line-height: 24px;
    }
    .form_contact form .textarea_form textarea,
    .form_contact form .input_form input,
    .box_form_contact .form_contact .des_form_contact p,
    .content ul li,
    .info_content_product p,
    .box_article_product .article_product .price_article_product span,
    .box_article_product .article_product .name_article_product strong,
    .box_form_select_arrange form select,
    .list_menu_sub ul li a,
    .head_list_menu_sub h2,
    .head_list_menu_sub p,
    .box_about_us .des_about_us p,
  
    .breadcrumb>li:last-child a,
    .breadcrumb>li a,
    .box_blog .blog .text_blog .des_blog span,
    .provided_lovaweb a,
    .coppyright span,
    .list_contact_footer p,
    .about_us_footer p,
    .box_service .service .name_service strong {
        font-size: 14px;
        line-height: 22px;
    }
    .box_list_about_us .title_list_about_us h2,
    .box_blog .blog .text_blog .title_blog strong,
    .title_footer strong {
        font-size: 16px;
    }
    .box_about_us .name_about_us h3 {
        font-size: 16px;
        margin: 10px 0 0px;
    }
    .box_list_menu_sub {
        width: 35%;
    }
    .box_list_product {
        width: 65%;
    }
    .list_menu_sub ul li {
        padding: 8px 0;
        padding-left: 20px;
    }
    .list_product .box_article_product {
        width: 50%;
    }
    .box_form_select_arrange {
        width: 240px;
    }
    .page-link {
        font-size: 14px;
    }
    .content h1,
    .title h1,
    .title h2,
    .title_content_product h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .price_content_product span {
        font-size: 16px;
        line-height: 24px;
    }
    .box_shopping_cart {
        width: 180px;
    }
    .box_shopping_cart a {
        font-size: 14px;
    }
    .box_blog {
        width: 50%;
    }
    .box_list_blog_latest {
        width: 100%;
        padding-left: 0;
    }
    .box_content {
        width: 100%;
    }
    .box_google_map,
    .box_form_contact {
        width: 100%;
    }
    .form_contact form .btn_send_contact button {
        font-size: 14px;
        width: 160px;
    }
}

@media all and (max-width: 800px) {
    .container {
        max-width: 601px;
    }
    .box_list_about_us .title_list_about_us h2,
    .box_blog .blog .text_blog .title_blog strong,
    .title_footer strong,
    .box_article_menu_product .article_menu_product .name_article_menu_product strong {
        font-size: 14px;
        line-height: 22px;
    }
    .content h1,
    .title h1,
    .title h2,
    .title_content_product h1,
    .title_list_product h1 {
        font-size: 18px;
        line-height: 26px;
    }
    .title_list_article_product h2 {
        font-size: 16px;
    }
    .slider_service {
        padding: 0;
    }
    .box_service {
        padding: 15px 0;
    }
    .box_footer_contact {
        width: 70%;
        margin: 0 15%;
        padding-top: 0;
    }
    .box_footer_contact:first-child {
        padding-top: 50px;
    }
    .box_about_us {
        width: 100%;
    }
    .box_list_menu_sub {
        width: 50%;
    }
    .box_list_product {
        width: 50%;
    }
    .box_form_select_arrange {
        float: none;
        clear: both;
        padding-bottom: 20px;
    }
    .hotline_fixed{
        display: none;
    }
    .zalo{
        right: 15px;
    }
    .ring{
        left: 15px;
    }
}

@media all and (max-width: 600px) {
    .container {
        max-width: 420px;
    }
    .box_hotline_header {
        width: 34px;
        height: 34px;
        border-radius: 36px;
    }
    .box_hotline_header .hotline_header a span {
        display: none;
    }
    .box_hotline_header .hotline_header a::before {
        padding: 0;
    }
    .slider_home .slick-prev,
    .slider_home .slick-next {
        display: none !important;
    }
    .slider_home .slick-dots {
        bottom: 10px;
    }
    .slick-dots li,
    .slick-dots li button:before,
    .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .box_article_menu_product {
        width: 100%;
    }
    .list_product,
    .list_article_product{
        padding: 15px 10px 30px;
    }
    .list_product .box_article_product,
    .box_article_product {
        width: 50%;
        padding: 5px;
    }
    .box_article_product .article_product .name_article_product{
        padding: 0 5px;
    }
    .box_footer_contact {
        width: 100%;
        margin: 0;
    }
    .provided_lovaweb,
    .coppyright {
        float: none;
        width: 100%;
        text-align: center;
    }
    .box_list_menu_sub {
        width: 100%;
        padding-right: 0;
    }
    .box_menu_sub:last-child {
        margin-bottom: 30px;
        display: inline-block;
    }
    .box_list_product {
        width: 100%;
    }
    .content img {
        width: 100% !important;
        margin-top: 15px;
    }
    .box_blog {
        width: 100%;
    }
    .box_form_contact .form_contact form .input_form {
        width: 100%;
    }
}

@media all and (max-width: 420px) {
    .container {
        max-width: 100%;
    }
}

@media all and (max-width: 386px) {
    .container {
        max-width: 100%;
    }
}