.pc{}
.sp{display: none;}

/* LAPTOP SCREEN */
@media screen and (max-width: 1280px){
    .wrapper{width: 100%;margin: 0 auto;min-width: inherit;}
    .container{width: 100%;padding: 0 15px;margin: 0 auto;box-sizing: border-box;}

    .modal_price_ct{width: 90%;left: 5%;flex-wrap: wrap;overflow: auto;}
    .modal_price_ct .modal_l{width: 100%;padding: 15px}
    .modal_price_ct .modal_r{width: 100%;padding: 15px;}
    .modal_price_ct .modal_l .big,
    .modal_price_ct .modal_r .big{font-size: 18px;}
    
    
    	#ddmenu li
{
	
	font-size:10.5px;
	display:inline-block;
    *display:inline;
	zoom:1; /*for IE6-7*/
	position:relative;
	color:#eeeeee;
	line-height:44px; /*This determines the height of the menu*/
	vertical-align:middle;
	transition:background-color 0.2s;
	outline:none;

 border-right: 1px solid #d0d0d0;
 margin-top:-1PX;


}
#ddmenu .top-heading   /*kich thuot khoan cách the a con cua san pham*/
{
	
	color:inherit;
	text-decoration:none;
	display:inline-block;
	outline:0;
	cursor:pointer;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 7px;
}


}



@media screen and (max-width:980px) {
    .i-con-menu-phone {
        display: block;
        background: url(../images/hamburger_50.png) no-repeat 50% ;
        width: 100%;
        height: 31px;
        position: absolute;
        top: 0px;
        right: 0px;
		background-color:#000;
    }
    
    
     /*override the original settings*/
	#ddmenu
{
	text-align:center;
	 /* background-color:#000;*/
	padding-top:10PX;
	padding-bottom:10PX;
	margin-top:10px;

}
	
    #ddmenu ul {
        width: 100%; 
        display: none;
        border-radius:0;

	
		
    }
	
    #ddmenu li {
        position:relative;
        display:block;
        font-size:13px;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius:0;
		
    }

    #ddmenu .full-width {
       position:relative;
	   
    }
    
    #ddmenu .dropdown {
        position:relative;
        *top:auto;/*for IE7*/
        border:none;
        border-radius:0;
        box-shadow:none;
       
    }
    
    #ddmenu .offset300 {
        left:0;
    }
    
    #ddmenu .full-width .dropdown{
        width:auto;
    }
    
    #ddmenu .dd-inner
    {
        margin:0;
        background:none;
        text-align:left;
		
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu .column {
        width:auto;
        padding:0;
        border:none;
        display:block;
		
    }

    /*move the arrow icon to right*/
    #ddmenu .caret {
        position:absolute;
        left:auto;
        right:14px;
        top: 19px;
        border-width:5px;
		
    }


    /* All the following are for the .menu-icon (pure CSS) */
    #ddmenu .menu-icon {
        font-size:16px;/*icon size*/
		display: block;
        position: relative;
		width: 40px;
		height:25px;
        text-align:center;
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
     
        border-radius: 3px;

        margin-bottom:6px;	
        /*align the icon to the left*/
        margin-left: auto;
        margin-right: auto;
		background-color:#F00;
		padding-top:5px;
		
		
		
		
		text-transform:uppercase;
        background:#ffb500;
        margin:0px auto 5px auto;
        display: block;
        width: 70%;
        border: 0;
        border-radius: 5px;
        color:#fff;
		
		
		
    }

    #ddmenu .menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #333333;
        border-bottom: 0.125em solid #333333;
        box-sizing:content-box;

    }


    #ddmenu .menu-icon-active 
    {
        background-color: #333333;
    }

    #ddmenu .menu-icon-active::before {
      border-color: #eeeeee;
    }
	
	
    
    
#ddmenu .column
{
	width:240px;
}
    
    .hinhanh img
{
	width:100%;
	height:auto;
}

 #ddmenu .over
{
    color:#FFFFFF;
background-color:#fbbd29;
}
    
}



@media screen and (min-width: 769px){
    header .head_ct nav ul li.sub:hover ul.nav_sub{opacity: 1;visibility: visible;top: 100%;}
    header .head_ct nav ul li.sub_lv2:hover ul.nav_sub_lv2{opacity: 1;visibility: visible;top: 0%;}
    header .head_fct p a:hover,
    header .head_ct nav ul li a:hover{color: #f8b15c;}

    header .head_ct nav ul li.sub ul.nav_sub li:hover,
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2:hover ul.nav_sub_lv2 li:hover{background: #de5f24}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2:hover,
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2:hover ul.nav_sub_lv2 li{opacity: 1;}
    header .head_ct nav ul li.sub ul.nav_sub li:hover a{color: #fff}
    header .head_ct .search_btn:hover{background: url('../images/ic_search_org.png') center no-repeat;background-size: cover;}

    .nav_2 ul li.sub:hover ul.nav_sub{opacity: 1;visibility: visible;top: 100%;}
    .nav_2 ul li.sub_lv2:hover ul.nav_sub_lv2{opacity: 1;visibility: visible;top: 0%;}
    .nav_2 ul li a:hover{text-decoration: underline;}
    .nav_2 ul li.sub a{text-decoration: none;}

    .nav_2 ul li.sub ul.nav_sub li:hover,
    .nav_2 ul li.sub ul.nav_sub li.sub_lv2:hover ul.nav_sub_lv2 li:hover{background: #de5f24}
    .nav_2 ul li.sub ul.nav_sub li.sub_lv2:hover,
    .nav_2 ul li.sub ul.nav_sub li.sub_lv2:hover ul.nav_sub_lv2 li{opacity: 1;}
    .nav_2 ul li.sub ul.nav_sub li:hover a{color: #fff}

    .btn a:hover{background: #000;color: #fff;border:1px solid #000;}
    .btn a:hover::before,
    .btn a:hover::after{background: #fff;}
    
    .box02 .box02_txt:hover .serv,
    .box02 .box02_txt:hover .name{opacity: 0;}
    .box02 .box02_txt:hover .link a{opacity: 1;visibility: visible;}
    
    .box01 .box01_txt .btn a:hover,
    .contact_form .contact_file .btn a:hover{background: #fff;color: #000}
    .contact_form .contact_file .btn a:hover input{color: #000}
    
    .function_aside ul li a:hover,
    .function_aside ul li a:hover span,
    .box03 .box03_list ul li .box03_img p a:hover,
    .box04 .box04_txt dt:hover,
    .box06 .box06_list dt a:hover,
    footer .foot_bot_it.desc ul li a:hover,
    .slick-arrow:hover{opacity: 0.7;cursor: pointer}
    
    .box03 .box03_list ul li .box03_txt .name a:hover,
    .box06 .box06_list dd .ttl a:hover,
    .box06 .box06_list dd .link a:hover,
    .news_list dd .ttl a:hover,
    footer .foot_mid_box ul li .txt a:hover,
    footer .foot_bot_it.info p a:hover,
    footer .foot_bot_it.link ul li a:hover,
    .main_news_2 .news_recent ul li a:hover{color: #fbaa39;text-decoration: underline;}

    header .head_ct nav ul li.sub:hover span::before,
    .nav_2 ul li.sub:hover span::before{transform: rotate(0)}

    .function_aside ul li a span{
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: sideways;
    -moz-text-orientation: sideways;
    -ms-text-orientation: sideways;
    text-orientation: sideways;
    transform: rotate(180deg)
    }

    .box_banner{max-width: 1920px;margin: 0 auto}

    /* ================= SUB PAGE  ================= */
    .breadcrumbs li a:hover{text-decoration: underline;}
    .main_news_2 .news_recent_item p a:hover,
    .prd_detail_img .slide_big li a:hover,
    .prd_detail_img .slide_thumb li:hover,
    .prd_detail_txt .form_ct .submit input:hover{opacity: 0.7;cursor: pointer;}
    .main_news_2 .news_recent_item .big a:hover{color: #de5f24}
    .main_news_2 .news_tags ul li a:hover,
    .taglink_ct dd ul li a:hover,
    .product_des .profile a:hover,
    .main_news_2 .news_recent .profile p a:hover{background: #fff;color: #fbaa39}
    .main_news_2 .news_recent .profile p a:hover span{background: #fbaa39;color: #fff;}
    .taglink_ct dd .big a:hover,
    .main_news_2 .news_related ul li a:hover{color: #fbaa39}






}

@media screen and (max-width: 980px){
    .pc{display: none}
    .sp{display: block;}
    .wrapper{width: 100%;margin: 0 auto;min-width: inherit;padding-top: 80px}
    .container{width: 100%;padding: 0 15px;margin: 0 auto;box-sizing: border-box;}
    .slick-arrow{width: 30px;height: 30px;top: calc(50% - 15px);opacity: 1;}
    .slick-arrow::before{width: 30px;height: 30px;}
    .slick-next{right: 15px}
    .slick-prev{left: 15px}

.product .product-img .product-img-list a
    {
        width: 49%;
        margin: 5px 0 0 0;
        height: 200px;
    }
.product .product-img .product-img-list a img{ width:auto; overflow:hidden; height:100%;}

    
    /* ================= HEADER ================= */
    .btn_open{display: flex;}
    header{position: relative;z-index: 9999;}
    header .container{padding: 0;align-items: center;height: 90px;}
    header .head_top{display: none;}
    header .head_ct{position: fixed;top: 0;left: 0;background: #fff;width: 100%;height: 80px;z-index: 20;padding: 0 15px;}
    header .head_ct #logo{width: 150px;height: 100%;}
    header .head_ct #logo a{width: 100%;height: 100%;display: flex;align-items: center;}
    header .head_ct .container{align-items: flex-start;justify-content: flex-start}
    header .head_ct .search_sp{width: 50px;height: 50px;line-height: 1em;background: #000 url('../images/ic_search_w.png') center no-repeat;background-size: 20px 20px;transition: all ease 0.3s;cursor: pointer;position: absolute;top: 0;right: 50px;display: flex}
    header .head_ct .cart_sp{width: 50px;height: 50px;line-height: 1em;background: #999 url('../images/ic_cart.png') center no-repeat;background-size: 20px 20px;transition: all ease 0.3s;cursor: pointer;position: absolute;top: 0;right: 100px;display: flex;}
    header .head_ct .user_sp{width: 50px;height: 50px;line-height: 1em;background: #f1f3f5 url('../images/ic_user.png') center no-repeat;background-size: 20px 20px;transition: all ease 0.3s;cursor: pointer;position: absolute;top: 0;right: 150px;display: flex;}
    
    /* NAV */
    header .head_ct nav{position:fixed;top: 100px;left: 0;width: 100%;height: calc(100vh - 80px);opacity: 0;visibility: hidden;transition: all linear 0.4s;overflow:auto;padding-bottom: 50px}
    header .head_ct nav.active{top: 80px;opacity: 1;visibility: visible;background: #f8b15c;}
    header .head_ct nav ul{padding:0;box-sizing:border-box;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 100%;height: 100%;}
    header .head_ct nav ul li{position:relative;padding: 0;width: 100%;border-bottom: 1px solid #fff;background: #f8b15c;margin: 0 auto}
    header .head_ct nav ul li a{color:#fff;padding:0 15px;text-decoration:none;position:relative;box-sizing:border-box;height: 50px;text-align: left;display: flex;justify-content: center;flex-direction: column-reverse;font-size: 14px;width: calc(100% - 50px);}
    header .head_ct nav ul li.sub a{border-right: 1px solid #fff}
    header .head_ct nav ul li.sub span{width: 50px;height: 50px;transition: all ease 0.3s;position: absolute;top: 0;right: 0; background: url('../images/ic_next.png') center no-repeat;background-size: 6px 12px;transform: rotate(90deg)}
    header .head_ct nav ul li.sub a.disable span{transform:rotate(-90deg)}
    header .head_ct nav ul li.sub ul{width: calc(100% + 30px);display:none;padding: 0;position: relative;top: inherit;left: -15px;opacity: 1;visibility: visible;border-radius: 0}
    header .head_ct nav ul li.sub ul.open{display:block}
    header .head_ct nav ul li.sub ul li{background: #fff;padding:0 15px;border-bottom:1px solid #f8b15c;}
    header .head_ct nav ul li.sub ul li:last-child{border-bottom: none;}
    header .head_ct nav ul li.sub ul li a{color:#f8b15c;background:none;border:none;padding:0;display: flex;align-items: center;justify-content: flex-start;flex-direction: row;height: 50px;}
    header .head_ct nav ul li.sub ul li a::before{display: none;}
    header .head_ct nav ul li:first-child a span{padding-top: 0}

    header .head_ct nav ul li.sub ul.nav_sub,
    header .head_ct nav ul li.sub_lv2 ul.nav_sub_lv2{position: relative;top: inherit;left: inherit;opacity: 1;visibility: visible;width: 100%;}
    header .head_ct nav p{display: none;}
    header .head_ct nav ul li.sub ul.nav_sub li{background: #da5d24;}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 a{border-right: 1px solid #fff;}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 ul.nav_sub_lv2{border-top: 1px solid #fff;}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 ul.nav_sub_lv2 li{background: #fff;border-color: #fbaa39}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 ul.nav_sub_lv2 li:last-child{border-bottom: none;}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 ul.nav_sub_lv2 li a{color: #fbaa39;}
    header .head_ct nav ul li.sub ul.nav_sub li.sub_lv2 span{right: 0}
    header .head_ct nav ul li.sub span::before{display: none}
    header .head_ct .search_btn{margin: 0;width: 50px;height: 50px;background-size: 20px 20px;border:1px solid #ccc;position: absolute;top: 15px;right: 70px;}

    .nav_2{background: #fff;z-index: 10;position: absolute;top: 80px;left: 0;max-height: calc(100vh - 80px);overflow: auto;width: 100%;}
    .nav_2 p{font-size: 18px;color: #fff;text-transform: uppercase;padding: 0 15px;height: 50px;display: flex;align-items: center;margin-bottom: 0;background: #da5d24;position: relative;}
    .nav_2 p::before{width: 0;height:0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #fff;position: absolute;top: calc(50% - 5px);right: 15px;content: '';transform: rotate(90deg);transition: all ease 0.3s;}
    .nav_2 p.active::before{transform: rotate(0)}
    .nav_2 ul{flex-direction: column;height: auto;border-top: 1px solid #fff;display: none;width: 100%;opacity: 0;visibility: hidden;transition: all ease 0.3s;justify-content: flex-start;background: #fbaa39;z-index: 10;}
    .nav_2 ul.active{display: flex;opacity: 1;visibility: visible}
    .nav_2 ul li{width: 100%;background: #fbaa39;height: auto;padding: 0;border-bottom: 1px dashed #fff}
    .nav_2 ul li:last-child{border-bottom: none;}
    .nav_2 ul li a{padding: 0 15px;width: 100%;height: 50px;display: flex;align-items: center;}
    .nav_2 ul li.sub{}
    .nav_2 ul li.sub a{position: relative;padding-right: 50px;}
    .nav_2 ul li.sub span{width: 50px;height: 50px;border-left: 1px solid #fff;position: absolute;top: 0;right: 0;z-index: 1}
    .nav_2 ul li.sub span::before{width: 0;height:0;border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #fff;position: absolute;top: calc(50% - 5px);right: calc(50% - 5px);content: '';transform: rotate(90deg);transition: all ease 0.3s;}
    .nav_2 ul li.sub span.active::before{transform: rotate(0)}
    

    .nav_2 ul li.sub ul.nav_sub li{background: #da5d24}
    .nav_2 ul li.sub ul.nav_sub li span{right: 0}
    .nav_2 ul li.sub ul.nav_sub,
    .nav_2 ul li.sub_lv2 ul.nav_sub_lv2{width: 100%;position: relative;top: inherit;left: inherit;opacity: 1;visibility: visible;}
    .nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li{background: #fff;border-color: #fbaa39}
    .nav_2 ul li.sub_lv2 ul.nav_sub_lv2 li a{color: #fbaa39;font-size: 14px;}


    /* BANNER */
    #banner{margin-top: 0;position: relative;z-index: 3;}
    #banner .slide{margin-bottom: 0}
    #banner .slide .slide_txt .title{font-size: 36px;text-align: center;margin-bottom: 30px;padding: 0 15px;}
    #banner .slide ul li{height: calc(100vh - 50px)}



    /* ================= MAIN ================= */
    .box01,
    .box03,
    .box04,
    .box05,
    .box06{padding: 50px 0}
    
    .box01 .box01_txt .title h3,
    .box05 .title,
    .box06 .box06_ct .title h3,
    footer .foot_top .title h3,
    footer .foot_mid_txt .big{font-size: 32px;line-height: 1.25em}

    .box_banner{flex-direction: column;justify-content: center;align-items: center;padding: 15px 15px 0;}
    .box_banner p{margin-bottom: 15px;width: 100%;}

    .box01 .box01_ct{justify-content: center;align-items: center;flex-direction: column;}
    .box01 .box01_txt{width: 100%;margin-bottom: 50px}
    .box01 .box01_img{width: 100%;}
    .box01 .box01_txt .btn a{margin: 0 auto;}
    .box01 .box01_year .big{font-size: 54px;}

    .box02 ul{flex-wrap: wrap;}
    .box02 ul li,
    .sub_page .box02 ul li{width: 25%}
    .box02 ul li .box02_txt .serv { display:none;}

    .box03 .box03_list ul li{padding-bottom: 15px; width:48%;}
    .box03 .box03_list ul li .box03_img{width: calc((100vw - 90px) / 2);height: calc((100vw - 90px) / 2)}
    .box03 .box03_list ul li .box03_img p a{width: calc((100vw - 90px) / 2);height: calc((100vw - 90px) / 2);top: 0;left: 0}
    .box03 .box03_list .slick-arrow{width: 30px;height: 30px;top: calc(50% - 15px);opacity: 1;left: 0;visibility: visible}
    .box03 .box03_list .slick-next{width: 30px;height: 30px;top: calc(50% - 15px);opacity: 1;left: inherit;right: 0;visibility: visible}
    .box03 .box03_list ul li .box03_txt{margin-top: 15px;}
   
    .box03 .box03_title{margin-bottom: 30px}
    .box03 .box03_title ul{position: relative;top: inherit;right: inherit;flex-wrap: wrap;justify-content: flex-start;height: auto;margin-top: 15px;}
    .box03 .box03_title ul li{margin: 0 15px 15px 0;}
    .box03 .box03_title ul li:last-child{margin: 0 0 15px}

    .box04 .box04_ct{flex-direction: column-reverse;justify-content: center;align-items: center}
    .box04 .box04_img{width: 50%;margin-bottom: 30px;}
    .box04 .box04_txt{width: 100%}    
    .box04 .box04_txt dt{font-size: 24px;}
    .box04 .box04_txt dt .num{width: 40px;height: 40px;font-size: 24px;font-weight: bold;}
    .box04 .box04_txt dd p{font-size: 14px;}
    .box04 .box04_txt dd.active{margin: 15px 0;padding: 15px;}
    .box04 .box04_txt dl:last-child dd{margin-bottom: 0}

    .box05 .box05_list{margin-top: 30px;}
    .box05 .box05_txt{padding: 0 30px;}
    .box05 .box05_txt::before{left: 0}
    .box05 .box05_user dl{justify-content: center;}
    .box05 .box05_user dt{margin-right: 15px;}
    .box05 .box05_user dd .staff{font-size: 14px;}
    .box05 .slick-prev{left: 0}
    .box05 .slick-next{right: 0}
    
    .box06{padding: 50px 0}
    .box06 .box06_list{margin-top: 30px;justify-content: space-between;}
    .box06 .box06_list dl{ width:45%; float:left; margin:0px;}
    .box06 .box06_list dl{width: calc((100vw - 50px) / 2)}
    .box06 .box06_list dt{width: calc((100vw - 50px) / 2);height: calc((100vw - 50px) / 2 * 28 / 38)}
    .box06 .box06_list dt a{width: calc((100vw - 50px) / 2);height: calc((100vw - 50px) / 2 * 28 / 38);top: 0;left: 0}
    .box06 .box06_list dd{padding: 15px;}

    /* ================= FOOTER ================= */
    footer{}
    footer .foot_top{padding: 0 0 50px;background: url('../images/foot_bot_bg.jpg') center /cover no-repeat;}
    footer .foot_top .container{padding: 0}
    footer .foot_top::before,
    footer .foot_top::after{display: none;}
    
    footer .foot_top .title{max-width: 100%;margin: 50px auto;padding: 0 15px}
    footer .foot_top .foot_partner{position: relative;top: inherit;left: inherit;}
    
    footer .foot_mid{padding-bottom: 50px}
    footer .foot_mid_box{top: -50px}
    footer .foot_mid_box ul{justify-content: center;flex-wrap: wrap;background: none;}
    footer .foot_mid_box ul li{height: 250px;padding: 0 15px;width: 98%;background: #fff;}

    footer .foot_bot{padding: 50px 0 0}
    footer .foot_bot .container{flex-direction: column;}
    footer .foot_bot_it{margin-bottom: 30px}
    footer .foot_bot_it.desc{text-align: center;width: 100%;padding: 0}
    footer .foot_bot_it.desc ul{justify-content: center;}
    footer .foot_bot_it.info,
    footer .foot_bot_it.link,
    footer .foot_bot_it.social{width: 100%;overflow: hidden}
    footer .copyright{margin-bottom: 50px}
    .btn_top,
    .function_aside ul li a{width: 35px;height: 35px;}
    .btn_top img{width: 16px}
    
    /* BÁO GIÁ */
    .function_aside{bottom: -100px;right: 0;width: 100%;background: #fff;padding: 5px 0;opacity: 0;transition: all ease 0.3s}
    .function_aside.active{bottom: 0;opacity: 1;}
    .function_aside ul{display: flex;}
    .function_aside ul li{margin-bottom: 0}
    .function_aside ul li a{display: flex;width: 100%}
    .function_aside ul li.fb,
    .function_aside ul li.zalo{margin: 0 10px;width: 40px}
    .function_aside ul li.money{width: calc(100% - 130px);height: 0px}
    .function_aside ul li.money span{height: 35px;width: 100%;padding: 0 15px;display: flex;align-items: center;justify-content: center}
    .function_aside ul li.money a span img{margin:0 0 0 10px;}
    .function_aside ul li.money a{height: 35px}

    

    /* ================= SUB PAGES ================= */
    .sub_head .title{font-size: 28px;letter-spacing: 0.05em;height: 200px;line-height: 1.5em}
    .sub_page main{margin: 0px 0 100px}

    /* PAGE TIN TỨC */
    .news_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .news_list dl,
    .news_list dl:nth-child(even){flex-direction: column;width: calc((100vw - 60px) / 2)}
    .news_list dl:nth-last-child(2){margin-bottom: 0}
    .news_list dt{width: 100%;height: calc((100vw - 60px) / 2 * 28 / 38)}
    .news_list dt a{width: 100%;height: calc((100vw - 60px) / 2 * 28 / 38);top: 0;left: 0}
    .news_list dd{width: 100%;padding: 15px;}
    .news_list dd .ttl{margin: 5px 0}
    .news_list dd .ttl a{font-size: 20px;}
    .news_list dd .txt{font-size: 14px}

    .main_news_2{flex-wrap: wrap}
    .main_news_2 .news_detail{width: 100%;padding: 0}
    .main_news_2 .news_recent{width: 100%;padding: 30px 0 0;border:none;border-top: 1px solid #ccc}

    .main_news_2 .news_detail .ttl,
    .main_news .news_detail .news_detail_ct .ttl{font-size: 20px;margin-bottom: 30px}

    .news_recent{width: 100%;padding: 30px 0 0;border: none;border-top: 1px solid #ccc;margin-top: 30px }
    .news_recent .profile{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ccc;}
    .news_recent .profile p a{width: 290px;margin: 0 auto;}

    .news_recent_list{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .news_recent_item,
    .news_recent_item:last-child{width: 48%;border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;}

    /* PAGE SẢN PHẨM */
    .box03.view_list{width: 100%;margin: 30px auto;padding-bottom: 30px;border-bottom: 1px solid #ededed;}
    .box03.view_list .product_list li{width: calc((100vw - 60px) / 3);margin-right: 15px}
    .box03.view_list .product_list li:nth-child(3n + 3){margin-right: 0}
    .box03.view_list .product_list li .main_product_img a{width: calc((100vw - 60px) / 3);height: calc((100vw - 60px) / 3);border:none;margin-bottom: 15px;}
    .box03.view_list .product_list li .main_product_txt .link a{font-size: 18px;margin-bottom: 10px;padding-bottom: 10px}
    .box03.view_list .product_list li .main_product_txt .price .real{font-size: 16px;}
    .box03.view_list .product_list li .main_product_txt .price .saleoff{font-size: 14px}
    
    /* PAGE CHI TIẾT SẢN PHẨM */
    .main_prd_detail{width: 100%;padding: 0;flex-wrap: wrap}
    .main_prd_detail .prd_detail_img{width: 100%;margin-bottom: 30px}
    .main_prd_detail .prd_detail_img .prd_big li{height: auto;}
    .main_prd_detail .prd_detail_txt{width: 100%;padding: 0}
    .main_prd_detail .prd_detail_txt h3{font-size: 24px;}

    .prd_related h3{font-size: 20px}
    .prd_related_list ul li{margin: 0 10px;padding: 5px}
    .prd_related_list li .img a{height: calc((100vw - 90px) / 2);width: calc((100vw - 90px) / 2)}
    .prd_related_list li .link a{font-size: 18px;margin-bottom: 10px;padding-bottom: 10px}
    .prd_related_list li .price .real{font-size: 16px}
    .prd_related_list li .price .saleoff{font-size: 14px}
    
    
    
    
    /* PAGE SẢN PHẨM */
    main .box03 .box03_title{margin-bottom: 20px}
    main .box03 .box03_title .big{font-size: 24px}
    main .box03 .box03_list{}
    main .box03 .box03_list ul{justify-content: space-between;}
    main .box03 .box03_list ul li{width: 49% ;margin: 0 0 30px;}
    main .box03 .box03_list ul li .box03_img,
    main .box03 .box03_list ul li .box03_img p a{width: calc((100vw - 60px) / 2);height: calc((100vw - 60px) / 2)}

    
     
    
    

    /* PAGE SẢN PHẨM */
    .sub_page .box03 .box03_title{margin-bottom: 20px}
    .sub_page .box03 .box03_title .big{font-size: 24px}
    .sub_page .box03 .box03_list{}
    .sub_page .box03 .box03_list ul{justify-content: space-between;}
    .sub_page .box03 .box03_list ul li{width: calc((100vw - 60px) / 2) ;margin: 0 0 30px;}
    .sub_page .box03 .box03_list ul li .box03_img,
    .sub_page .box03 .box03_list ul li .box03_img p a{width: calc((100vw - 60px) / 2);height: calc((100vw - 60px) / 2)}
    .sub_page .box03 .box03_list ul li:nth-child(3n + 3){}
    
    /* PAGE CHI TIẾT SẢN PHẨM */
    .prd_detail_img .slide_big li{width: 100%;height: calc((100vw - 30px) * 11 / 15)}
    .product_recent .ttl{font-size: 24px;margin-bottom: 15px}

    /* PAGE CHI TIẾT */
    .main_contact .title{font-size: 24px;}
    .main_contact .contact_info{width: 100%;padding: 15px;margin: 30px auto 50px}
    .main_contact .contact_info p{font-size: 14px;}
    .main_contact .contact_info .big{font-size: 18px;}

    .contact_map{height: 199px}
    .contact_form{padding: 0;width: 100%;margin-bottom: 0;flex-direction: column;justify-content: center;align-items: center;}
    .contact_form p{width: 290px}
    .contact_form .contact_area{width: 290px;}
    .contact_form .contact_file{width: 290px;flex-direction: column;}
    .contact_form .contact_file p{width: 100%;margin-bottom: 15px;}
    .contact_info .title p{font-size: 20px;}
    .contact_info p{font-size: 16px;}

    /* PAGE TAGLINK */
    .taglink_ct{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .taglink_ct .title{width: 100%;}
    .taglink_ct dl{flex-direction: column;width: calc((100vw - 60px) / 2);margin-top: 30px}
    .taglink_ct dt{width: 100%;text-align: center;}
    .taglink_ct dd{width: 100%;padding: 0;margin-top: 15px;}
    .taglink_ct dd .big a{font-size: 16px}
    .taglink_ct dd ul li{height: 35px}
    .taglink_ct dd ul li a{padding: 0 15px}
    
    .taglink_page{flex-wrap: wrap;}
    .taglink_outer{width: 100%;padding: 0}



 .vnxk_box01{margin-bottom: 50px;}
    .vnxk_box01_ct{flex-direction: column;}
    .vnxk_box01_ct .vnxk_box01_l{width: 100%;margin-right: 0}
    .vnxk_box01_ct .vnxk_box01_l ul li{width: calc((100vw - 90px) / 2);height: calc((100vw - 90px) / 2);margin-bottom: 30px;margin-right: 15px}
  

    .vnxk_box01_ct .vnxk_box01_r{width: 75vw;height: 75vw;margin: 0 auto;}
    .vnxk_box01_ct .vnxk_box01_r li{}
    .vnxk_box01_ct .vnxk_box01_r ul li h4{left: 20px;bottom: 20px;font-size: 36px;}
    .vnxk_box01_ct .vnxk_box01_r ul li span{font-size: 18px;padding-top: 20px;}

.vnxk_box01_ct .vnxk_box01_l ul li a:hover,
.cart_form_ct .cart_form_list dd .del:hover{cursor: pointer;opacity: 0.7;}
    
    
.vnxk_box01_ct .vnxk_box01_l ul li h4{font-size: 17px;}
.vnxk_title h3{font-size: 22px;}
.vnxk_title p{margin-top: 10px;padding-top: 10px;font-size: 16px}

#side-menu{display:none}
.phonemes
{
position: fixed; bottom: 40px; 
}

footer .foot_bot_it.viet11 ul
{
 width:20%; }


}   



/* IPHONE 8 - LANSCAPE*/
@media screen and (max-width: 640px)
{
      .vnxk_box01_ct .vnxk_box01_l ul li{width:46%;height: 30%;margin-bottom: 30px;margin-right: 10px; float:left;}
      
      
      .box03 .box03_list ul li .box03_txt .name a
        {

        font-size: 15px;

        }
  
      
    
}

@media screen and (max-width: 580px){
    .modal_price_ct .modal_r .modal_r_list{flex-wrap: wrap;}
    .modal_price_ct .modal_r .modal_item{width: 100%;margin-bottom: 15px}
    .modal_price_ct .modal_r .modal_item:last-child{margin-bottom: 0}
    .modal_price_ct .modal_confirm{flex-wrap: wrap}
    .modal_price_ct .modal_confirm p{width: 100%;margin-bottom: 15px;}
    .modal_price_ct .modal_confirm p:last-child{margin-bottom: 0}

}

@media screen and (max-width: 480px)
{
    
  
    
     #banner .slide ul li{height: 300px;}
    .box02 ul li,
    .sub_page .box02 ul li{width: 100%}
    .box04 .box04_img{width: 100%;}
    .box03 .box03_title{padding: 0}
    .box03 .box03_list ul li{width:49%;}
      .box03 .box03_list ul li .box03_img,
    .box03 .box03_list ul li .box03_img p a{width: calc(100vw - 30px);height: calc(100vw - 30px);margin-left:auto; margin-right:auto;}

    .box05 .box05_user dl{flex-direction: column;align-items: center;justify-content: center;}
    
    .box06 .box06_list{flex-wrap: wrap}
    .box06 .box06_list dl{width: 100%;margin:0 0  30px}
    .box06 .box06_list dt{width: 100%;height: calc((100vw - 30px) * 28 / 38)}
    .box06 .box06_list dt a{width: calc(100vw - 30px);height: calc((100vw - 30px) * 28 / 38);top: 0;left: 0}
    .box06 .box06_list dl:nth-child(n + 3){display: block;}
    .box06 .box06_list dl:last-child{margin-bottom: 0}

    footer .foot_mid_box ul li{width: 100%;border-right: none;border-bottom: 1px solid #ededed;height: auto;padding: 30px 15px}
    footer .foot_mid_box ul li:last-child{border-bottom: none;}

    /* ================= SUB PAGES ================= */
    .news_list dl,
    .news_list dl:nth-child(even){width: 100%;border-top: none;}
    .news_list dl:nth-last-child(2){margin-bottom: 50px;}
    .news_list dt,
    .news_list dt a{height: calc((100vw - 30px) *28 / 38)}

    .news_recent_item{width: 100%;}
    .news_recent_item:last-child{margin-bottom: 0;padding-bottom: 0;border: none;width: 100%;}
    
    
     /* 1 COT */
    /*
    .sub_page .box03 .box03_list ul li{width: calc(100vw - 30px)}
    .sub_page .box03 .box03_list ul li .box03_img,
    .sub_page .box03 .box03_list ul li .box03_img p a{width: calc(100vw - 30px);height: calc(100vw - 30px)}
*/
    
    
     /* 2 COT */

    .sub_page .box03 .box03_list ul li{width: 49% ;margin: 0 0 30px;}
    .sub_page .box03 .box03_list ul li .box03_img,
    .sub_page .box03 .box03_list ul li .box03_img p a{width: calc((100vw - 60px) / 2);height: calc((100vw - 60px) / 2)}

    
    
    

    .taglink_ct dl{width: 100%;}
    .sub_page .box02 ul li{width: 50%}
    .box02 ul li .box02_txt .serv { display:none;}
   
   
   
.product .product-img .product-img-list a
    {
        width: 49%;
        margin: 5px 0 0 0;
        height: 200px;
    }
.product .product-img .product-img-list a img{ width:auto; overflow:hidden; height:100%;}



.vnxk_box01_ct .vnxk_box01_l ul li{width:46%;height: 30%;margin-bottom: 30px;margin-right: 2.7%; float:left;}
    /*
    .vnxk_box01_ct .vnxk_box01_l ul li:nth-child(6n + 6),
    .vnxk_box01_ct .vnxk_box01_l ul li:nth-child(4n + 4),
    .vnxk_box01_ct .vnxk_box01_l ul li:nth-child(3n + 3){margin-right: 20px}
    .vnxk_box01_ct .vnxk_box01_l ul li:nth-child(2n + 2){margin-right: 0} */

    .vnxk_box01_ct .vnxk_box01_r{width: calc(100vw - 30px);height: calc(100vw - 30px)}
    .vnxk_box01_ct .vnxk_box01_r ul li h4{font-size: 32px}
    
    
     /*override the original settings*/
	#ddmenu
{
	text-align:center;
	  /* background-color:#000;*/
	padding-top:15PX;
	padding-bottom:10PX;
	margin-top:10px;


}
	
    #ddmenu ul {
        width: 100%; 
        display: none;
        border-radius:0;

	
		
    }
	
    #ddmenu li {
        position:relative;
        display:block;
        font-size:13px;
        text-align:left;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        border-radius:0;
		
    }

    #ddmenu .full-width {
       position:relative;
	   
    }
    
    #ddmenu .dropdown {
        position:relative;
        *top:auto;/*for IE7*/
        border:none;
        border-radius:0;
        box-shadow:none;
       
    }
    
    #ddmenu .offset300 {
        left:0;
    }
    
    #ddmenu .full-width .dropdown{
        width:auto;
    }
    
    #ddmenu .dd-inner
    {
        margin:0;
        background:none;
        text-align:left;
		
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu .column {
        width:auto;
        padding:0;
        border:none;
        display:block;
		
    }

    /*move the arrow icon to right*/
    #ddmenu .caret {
        position:absolute;
        left:auto;
        right:14px;
        top: 19px;
        border-width:5px;
		
    }


    /* All the following are for the .menu-icon (pure CSS) */
    #ddmenu .menu-icon {
        font-size:16px;/*icon size*/
		display: block;
        position: relative;
		width: 40px;
		height:25px;
        text-align:center;
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
        background-color: #eeeeee;
        border-radius: 3px;

        margin-bottom:6px;	
        /*align the icon to the left*/
        margin-left: auto;
        margin-right: auto;
	
		padding-top:5px;
		
		
		
		
		   text-transform:uppercase;
    	background-color:#ffb500;
        margin:0px auto 5px auto;
        display: block;
        width: 70%;
        border: 0;
        border-radius: 5px;
        color:#fff;
		
		
		
    }

    #ddmenu .menu-icon::before {
        content: "";
        position: absolute;
        top: 0.25em;
        left: 4px;
        width: 1em;
        height: 0.125em;
        border-top: 0.375em double #333333;
        border-bottom: 0.125em solid #333333;
        box-sizing:content-box;

    }


    #ddmenu .menu-icon-active 
    {
        background-color: #333333;
    }

    #ddmenu .menu-icon-active::before {
      border-color: #eeeeee;
    }
	
	
    
    
#ddmenu .column
{
	width:100%;
}
    
    .hinhanh img
{
	width:100%;
	height:auto;
}

 #ddmenu .over
{
    color:#FFFFFF;
background-color:#fbbd29;
}

    
      #ddmenu .menu-icon
     {
         margin-bottom:10px;
     }
    
#side-menu{ display:none;}
}

/* IPHONE 5/6 */
@media screen and (max-width: 380px){
    
}