/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
/*
##   ##  ####  ##   #        ####    ####    ####   
### # #   ##   ###  #       ##   #  ##   #  #   ##  
## #  #   ##   ## # #        #####   #####    ##    
##    #   ##   ##  ##            #       #  ##      
##    #  ####  ##   #        #####   #####  ######  
/*
/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media screen and (min-width: 992px) {

	/*
	 ####    ####   ##   #  ######  #####    ####   ##      
	##   #  ##   #  ###  #    ##    ##   #  ##   #  ##      
	##      ##   #  ## # #    ##    #####   ##   #  ##      
	##   #  ##   #  ##  ##    ##    ##  #   ##   #  ##      
	 ####    ####   ##   #    ##    ##   #   ####   ######  
	*/
	.header{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
	}
	/*###########################*/
	.header_submenu{
		font-size: 78%;
		text-align: right;
		padding-bottom: 10px;
	}
	.header_submenu .link{
		cursor: pointer;
		padding: 10px;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}
	.header_submenu .link:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
		animation: color_darkwhite_to_white_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}
	/*###########################*/
	.header_modal_title{ /*Home session name*/
		font-weight: bolder;
		font-size: 300%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	.header_modal_session{ /*input session name*/
		color: rgb(0,255,0);
		font-size: 110%;
		font-weight: bold;
		border-bottom: solid 1px rgb(50,50,50);
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.header_modal_body_struc{
		display: inline-block;
		width: 49%;
		padding: 5px;
		margin-bottom: 10px;
		position: relative;
		height: 100%;
		vertical-align: top;
		height: 370px;
	}
	.header_modal_frame{ /*INPUT FROM , LOGIN, REGISTER ...*/
		position: relative;
	    padding: 10px;
	    border: 1px solid rgb(50,50,50);
	    border-radius: 3px;
	    width: 100%;
	    background-image: url("../image/body-bg.gif");
	    height: 100%;
	}

	/*###########################*/
	.header_navbar{
		display: none;
	}
	/*###############################*/
	.header_menuframe{
   		overflow: hidden;
   		height: 60px;
	}
	.header_menuframe .menu_logo {
		background-image: url("../image/logomono_100.png");
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center;
		width: 60px;
		height: 100%;
	    float: left;
	    cursor: pointer;
	}
	/*###############################*/
	.header_menu{
		float: left;
		width: 60%;
		height: 60px;
		position: relative;
	}
	.header_menu_item{
		position: absolute;
		width: 200px;
		background-image: url('../image/menu_item_1.png');
		height: 60px;
		line-height: 60px;
		text-align: center;
		top:0px;
		z-index: 1;
		cursor: pointer;
		
		color: rgb(200,200,200);
		font-size: 120%;
	}
	.header_menu_item:hover{
		background-image: url('../image/menu_item_2.png');
		color: rgb(30,30,30);
	}
	.header_menu_item_active{
		position: absolute;
		width: 200px;
		background-image: url('../image/menu_item_2.png');
		height: 60px;
		line-height: 60px;
		text-align: center;
		top:0px;
		z-index: 1;
		color: rgb(30,30,30);
		font-size: 120%;
		font-weight: bold;
	}
	.header_menu_item_pos1{
		left: 0px;
	}
	.header_menu_item_pos2{
		left: 180px;
	}
	.header_menu_searchitem{
		position: absolute;
		width: 290px;
		background-image: url('../image/menu_item_bg.png');
		height: 60px;
		line-height: 60px;
		top:0px;
		left: 360px;
		padding-left: 30px;
		z-index: 0;
		border: black solid 1px;
		padding-top: 12px;
	}

	.header_menu_searchitem input{
		width: 200px;
	}
	/*###########################*/
	.footer_menu{
		float: left;
		/* width: 25%; */ /*---- Old code -----*/
		width: 20%; /*---- New code -----*/
		font-size: 80%;
		color: rgb(110,110,110);
	}
	.footer{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.footer_menu h2{
		font-size: 160%;
		font-weight: bold;
		color: rgb(220,220,220);
	}

	.footer_menu h4{
		font-size: 130%;
		font-weight: bold;
		color: rgb(220,220,220);
		padding-bottom: 40px;
	}
	.footer_menu a{
		color: rgb(150,150,150);
		display: block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 7px;
		cursor: pointer;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}

	.footer_menu a:hover{
		text-decoration: none;
		color: rgb(250,250,250);
		border-color: rgb(200,200,200);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}
	/* ########################### Khanh ########################### */
	.footer_map {
		float: left;
		width: 55%;
	}
	
	.footer_map iframe {
		width: 100%;
		height: 350px;
		border: 3px solid #fff !important;
	}
	
	.footer_contact {
		margin-left: 5%;
	}
		
	.btn_start_checkout_pop {
		float: right;
	}
	
	.btn_view_cart_pop  {
		float: left;
	}
	/* ########################### Khanh end ########################### */
	.footer_copyright{
		float: left;
		width: 100%;
		padding-top: 70px;
		font-size: 75%;
		text-align: center;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}
	.footer_copyright:hover{
		color: rgb(250,250,250);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}


	/*###############################*/
	.header_cart_info{
		float: right;
		width: auto;
		height: 60px;
		border-width: 0px;
		position: relative;
		text-align: right;
		line-height: 60px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.header_cart_info:hover{
		background-color: rgb(30,30,30);
		border-radius: 10px;
		cursor: pointer;
	}

	.header_cart_info:active{
		border-width: 0px;
	}

	.header_cart_info .badge{
		color: rgb(0,255,0);
		font-size: 120%;
	}

	.header_cart_info img{
		height: 40px;
	}

	.header_cart_info .price{
		color: rgb(250,250,250);
	}
	/*###############################*/
	.header_cart_detail_title{
		text-align: left;
	}
	.header_cart_detail_title .close{
		top:-5px;
		padding: 0px;
		text-shadow: 1px 1px rgb(200,200,200);
	}
	.header_cart_detail_title .close:hover{
		background-color: rgba(0,0,0,0);
	}
	.header_cart_detail_title .subtotal{
		color: rgb(241,11,158);
		font-size: 120%;
	}
	.header_cart_detail_content{
		display: inline-block;
		width: 100%;
	}

	.header_cart_detail_content .cart_item{
		float: left;
		width: 33.333%;
		height: auto;
		padding: 5px;
		position: relative;

	}

	.header_cart_detail_content .cart_item img{
		width: 100%;
		border: solid 1px rgb(150,150,150);
		border-radius: 4px;
		z-index: 0;
	}

	.header_cart_detail_content .cart_item .badge{
		position: absolute;
		left: 100%;
		top: 0px;
		z-index: 1;
		background-color: rgb(250,250,250);
		border: solid 1px rgb(150,150,150);
		color: red;
		cursor: pointer;
		-webkit-transform: translate(-100%, 0%); 
	    -moz-transform: translate(-100%, 0%);
	    -ms-transform: translate(-100%, 0%); 
	}
	.header_cart_detail_content .cart_item .badge:hover{
		background-color: rgb(0,255,0);
	}
	

	.header_cart_detail_footer{
		display: inline-block;
		width: 100%;
	}
	.header_cart_detail_footer button{
		float: right;
		margin-left: 5px;
	}
}
/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #        ####    ####     ##          ###         ##   ##  ####  ##   #       ######   ####    ####   
### # #   ## #    ## #        ##   #  ##   #   ###           ##         ### # #   ##   ###  #           ##  ##  ##  ##  ##  
## #  #  ##   #    ##          #####   #####    ##          # ###       ## #  #   ##   ## # #          ##   ## # #  ## # #  
##    #  ######   # ##             #       #    ##         #  ###       ##    #   ##   ##  ##         ##    ###  #  ###  #  
##    #  ##   #  #   ##        #####   #####  ######        ##  ##      ##    #  ####  ##   #        ##      ####    ####   

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/

@media screen and (max-width: 991px) and (min-width: 700px){

	/*
	 ####    ####   ##   #  ######  #####    ####   ##      
	##   #  ##   #  ###  #    ##    ##   #  ##   #  ##      
	##      ##   #  ## # #    ##    #####   ##   #  ##      
	##   #  ##   #  ##  ##    ##    ##  #   ##   #  ##      
	 ####    ####   ##   #    ##    ##   #   ####   ######  
	*/
	.header{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
	}
	/*###########################*/
	.header_submenu{
		font-size: 78%;
		text-align: right;
		padding-bottom: 10px;
	}
	.header_submenu .link{
		cursor: pointer;
		padding: 10px;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}
	.header_submenu .link:hover{
		text-decoration: none;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
		animation: color_darkwhite_to_white_in 0.5s;
	    -webkit-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	}
	/*###########################*/
	.header_modal_title{
		font-weight: bolder;
		font-size: 250%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	.header_modal_session{
		color: rgb(0,255,0);
		font-size: 110%;
		font-weight: bold;
		border-bottom: solid 1px rgb(50,50,50);
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.header_modal_body_struc{
		float: left;
		width: 100%;
		padding: 5px;
		margin-bottom: 10px;
		position: relative;
	}

	.header_modal_frame{
		position: relative;
	    padding: 10px;
	    border: 1px solid rgb(50,50,50);
	    border-radius: 3px;
	    width: 100%;
	    background-image: url("../image/body-bg.gif");
	}
	/*###########################*/
	.header_navbar{
		display: none;	
	}
	/*###########################*/
	.header_menuframe{
   		overflow: hidden;
   		height: 40px;
	}
	.header_menuframe .menu_logo {
		background-image: url("../image/logomono_100.png");
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center;
		width: 40px;
		height: 100%;
	    float: left;
	    cursor: pointer;
	}
	/*###########################*/
	.header_menu{
		float: left;
		width: 60%;
		height: 40px;
		position: relative;
	}
	.header_menu_item{
		position: absolute;
		width: 133px;
		background-image: url('../image/menu_item_1.png');
		background-position: center; 
		background-size: auto 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		cursor: pointer;
		
		color: rgb(200,200,200);
		font-size: 120%;
	}
	.header_menu_item:hover{
		background-image: url('../image/menu_item_2.png');
		color: rgb(30,30,30);
	}
	.header_menu_item_active{
		position: absolute;
		width: 133px;
		background-image: url('../image/menu_item_2.png');
		background-position: center; 
		background-size: auto 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		color: rgb(30,30,30);
		font-size: 120%;
		font-weight: bold;
	}
	.header_menu_item_pos1{
		left: 0px;
	}
	.header_menu_item_pos2{
		left: 120px;
	}
	.header_menu_searchitem{
		position: absolute;
		width: 265px;
		background-image: url('../image/menu_item_bg.png');
		height: 40px;
		line-height: 40px;
		top:0px;
		left: 240px;
		z-index: 0;
		border: black solid 1px;
		padding-top: 3px;
		padding-left: 25px;
	}
	.header_menu_searchitem input{
		width: 180px;
	}
	/*###########################*/
	.footer_menu{
		float: left;
		/* width: 50%; */ /*OLD CODE  */
		width: 40%;  /*NEW CODE  */
		font-size: 80%;
		color: rgb(110,110,110);
	}
	.footer{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.footer_menu h2{
		font-size: 220%;
		font-weight: bold;
		color: rgb(220,220,220);
	}

	.footer_menu h4{
		font-size: 200%;
		font-weight: bold;
		color: rgb(220,220,220);
		padding-bottom: 40px;
	}
	.footer_menu a{
		color: rgb(150,150,150);
		font-size: 120%;
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: pointer;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}

	.footer_menu a:hover{
		text-decoration: none;
		color: rgb(250,250,250);
		border-color: rgb(200,200,200);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}
	
	/* ########################### Khanh ########################### */
	.footer_map {
		float: left;
		width: 60%;
	}
	
	.footer_map iframe {
		width: 100%;
		height: 350px;
		border: 3px solid #fff !important;
	}
	
	.footer_contact {
		float: none;
	}
	
	.btn_start_checkout_pop {
		float: right;
	}
	
	.btn_view_cart_pop  {
		float: left;
	}
	
	/* ########################### Khanh end ########################### */
	
	.footer_copyright{
		float: left;
		width: 100%;
		padding-top: 70px;
		font-size: 75%;
		text-align: center;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}
	.footer_copyright:hover{
		color: rgb(250,250,250);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}

	
	/*###############################*/
	.header_cart_info{
		float: right;
		height: 40px;
		line-height: 40px;
		padding-right: 10px;
		padding-left: 10px;
		cursor: pointer;
	}
	.header_cart_info:hover{
		background-color: rgb(30,30,30);
		border-radius: 10px;
	}

	.header_cart_info .badge{
		color: rgb(0,255,0);
		font-size: 120%;
	}

	.header_cart_info img{
		margin-top: 0px;
		height: 30px;
	}

	.header_cart_info .price{
		display: none;
	}

	.header_cart_detail_title{
		width: 600px;
	}
	.header_cart_detail_title .subtotal{
		color: rgb(241,11,158);
		font-size: 120%;
	}
	.header_cart_detail_content{
		display: inline-block;
		width: 100%;
	}

	.header_cart_detail_content .cart_item{
		float: right;
		width: 33.333%;
		height: auto;
		padding: 5px;
		position: relative;

	}

	.header_cart_detail_content .cart_item img{
		width: 100%;
		border: solid 1px rgb(150,150,150);
		border-radius: 4px;
		z-index: 0;
	}

	.header_cart_detail_content .cart_item .badge{
		position: absolute;
		left: 100%;
		top: 0px;
		z-index: 1;
		background-color: rgb(250,250,250);
		border: solid 1px rgb(150,150,150);
		color: red;
		cursor: pointer;
		-webkit-transform: translate(-100%, 0%); 
	    -moz-transform: translate(-100%, 0%);
	    -ms-transform: translate(-100%, 0%); 
	}
	.header_cart_detail_content .cart_item .badge:hover{
		background-color: rgb(0,255,0);
	}
	

	.header_cart_detail_footer{
		display: inline-block;
		width: 100%;
	}
	.header_cart_detail_footer button{
		float: right;
		margin-left: 5px;
	}
	
	
}

/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #        #####   ####    ####        ##   ##  ####  ##   #       ######   ####     ##    
### # #   ## #    ## #        ##      ##   #  ##   #       ### # #   ##   ###  #       ##      ##  ##   ###    
## #  #  ##   #    ##         #####    #####   #####       ## #  #   ##   ## # #       #####   ## # #    ##    
##    #  ######   # ##        ##   #       #       #       ##    #   ##   ##  ##           ##  ###  #    ##    
##    #  ##   #  #   ##        ####    #####   #####       ##    #  ####  ##   #       #####    ####   ######  

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media only screen and (max-width: 699px) and (min-width: 501px){
	/*
	 ####    ####   ##   #  ######  #####    ####   ##      
	##   #  ##   #  ###  #    ##    ##   #  ##   #  ##      
	##      ##   #  ## # #    ##    #####   ##   #  ##      
	##   #  ##   #  ##  ##    ##    ##  #   ##   #  ##      
	 ####    ####   ##   #    ##    ##   #   ####   ######  
	*/
	.header{
		background-image: url("../image/body-bg.gif");
		padding-top: 70px;
	}
	/*###########################*/
	.header_submenu{
		display: none;
	}
	/*###########################*/
	.header_modal_title{
		font-weight: bolder;
		font-size: 250%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	.header_modal_session{
		color: rgb(0,255,0);
		font-size: 110%;
		font-weight: bold;
		border-bottom: solid 1px rgb(50,50,50);
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.header_modal_body_struc{
		float: left;
		width: 100%;
		padding: 5px;
		margin-bottom: 10px;
		position: relative;
	}
	.header_modal_frame{
		position: relative;
	    padding: 10px;
	    border: 1px solid rgb(50,50,50);
	    border-radius: 3px;
	    width: 100%;
	    background-image: url("../image/body-bg.gif");
	}
	/*###########################*/
	.header_navbar{
		border-bottom: 1px solid rgb(80,80,80);
		background-color: rgba(30,30,30,0.9);
	}
	.header_navbar button{
		float: left;
		margin-left: 10px;
		margin-right: 5px;
	}
	.header_navbar .logo{
		background-image: url("../image/logo_100.png");
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center;
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 8px;
		cursor: pointer;
		-webkit-transform: translate(-50%, 0%); 
	    -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%); 
	}
	.header_navbar .logo:hover{
		background-color: rgb(70,70,70);
		border-radius: 5px;
	}
	.header_navbar .btn_nav_cart{
		float: right;
		margin-top: 8px;
		margin-right: 10px;
		border: 1px solid rgb(50,50,50);
		border-radius: 5px;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 15px;
		padding-right: 5px;
		cursor: pointer;
	}
	.header_navbar .btn_nav_cart:hover{
		background-color: rgb(50,50,50);
	}
	.header_navbar .btn_nav_cart img{
		margin-top: -3px;
		width: 30px;
	}
	.header_navbar .btn_nav_cart .badge{
		color: rgb(0,255,0);
		font-size: 120%;
	}
	.header_navbar .btn_nav_cart .price{
		color: rgb(250,250,250);
	}
	.header_navbar .well{
		background-image: url("../image/body-bg.gif");
		border-color: rgb(70,70,70);
		margin-bottom: 5px;
		overflow: auto;
		max-height: 220px;
		padding: 5px;
	}
	.header_navbar .btn_nav_collapse_close{
		height: 30px;
		background-image: url("../image/arrow_up.png");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	.header_navbar .btn_nav_collapse_close:hover{
		background-color: rgb(50,50,50);
	}
	.header_navbar .link{
		display: block;
		color: rgb(180,180,180);
		padding-top: 5px;
		padding-bottom: 5px;		
		cursor: pointer;
		width: 100%;
	}
	.header_navbar .link:hover{
		color: rgb(250,250,250);
		text-decoration: none;
		background-color: rgb(50,50,50);
	}
	.header_navbar .link_active{
		display: block;
		color: rgb(30,30,30);
		padding-top: 5px;
		padding-bottom: 5px;	
		padding-left: 5px;	
		width: 100%;
		background-color: rgb(0,255,0);
		font-weight: bold;
	}
	/*###########################*/
	.header_menuframe{
   		overflow: hidden;
   		height: 40px;
	}
	.header_menuframe .menu_logo {
		display: none;
	}
	.header_menu{
		width: 90%;
		height: 40px;
		position: relative;
		margin-left: 50%;
		-webkit-transform: translate(-50%, 0%); 
	    -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%); 
	}
	.header_menu_item{
		float: left;
		width: 50%;
		background-image: url('../image/menu_item_1.png');
		background-position: center; 
		background-size: 100% 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		cursor: pointer;
		color: rgb(200,200,200);
		font-size: 100%;
	}
	.header_menu_item:hover{
		background-image: url('../image/menu_item_2.png');
		color: rgb(30,30,30);
	}
	.header_menu_item_active{
		float: left;
		width: 50%;
		background-image: url('../image/menu_item_2.png');
		background-position: center; 
		background-size: 100% 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		cursor: pointer;
		color: rgb(30,30,30);
		font-size: 100%;
		font-weight: bold;
	}
	.header_menu_searchitem{
		display: none;
	}
	/*###########################*/
	.footer{
		background-image: url("../image/body-bg.gif");
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.footer_menu{
		float: left;
		/* width: 50%; */ /*OLD CODE  */
		width: 40%;  /*NEW CODE  */
		font-size: 80%;
		color: rgb(110,110,110);
	}
	.footer_menu h2{
		font-size: 220%;
		font-weight: bold;
		color: rgb(220,220,220);
	}

	.footer_menu h4{
		font-size: 200%;
		font-weight: bold;
		color: rgb(220,220,220);
		padding-bottom: 40px;
	}
	.footer_menu a{
		color: rgb(150,150,150);
		font-size: 120%;
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: pointer;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}

	.footer_menu a:hover{
		text-decoration: none;
		color: rgb(250,250,250);
		border-color: rgb(200,200,200);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}
	
	/* ########################### Khanh ########################### */
	.footer_map {
		float: left;
		width: 60%;
	}
	
	.footer_map iframe {
		width: 100%;
		height: 350px;
		border: 3px solid #fff !important;
	}
	
	.footer_contact {
		float: none;
	}
	/* ########################### Khanh end ########################### */
	
	.footer_copyright{
		float: left;
		width: 100%;
		padding-top: 70px;
		font-size: 75%;
		text-align: center;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}
	.footer_copyright:hover{
		color: rgb(250,250,250);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}

	
	
	/*###########################*/
	
	.header_cart_info{
		display: none;
	}
	/*###############################*/
	.header_cart_info{
		float: right;
		width: 30%;
		height: 40px;
		position: relative;
		text-align: right;
		line-height: 40px;
		padding-right: 10px;
		cursor: pointer;
	}

	.header_cart_info .badge{
		color: rgb(0,255,0);
		font-size: 150%;
	}

	.header_cart_info img{
		margin-top: -8px;
		height: 30px;
	}

	.header_cart_info .price{
		display: none;
	}
	/*###############################*/

	.header_cart_detail_title{
		display: inline-block;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
	}
	.header_cart_detail_title .subtotal{
		color: rgb(241,11,158);
		font-size: 140%;
	}
	.header_cart_detail_content{
		display: inline-block;
		width: 100%;

		background-color: rgb(30,30,30);
		border-radius: 5px;
	}

	.header_cart_detail_content .cart_item{
		float: left;
		width: 20%;
		height: auto;
		padding: 5px;
		position: relative;

	}

	.header_cart_detail_content .cart_item img{
		width: 100%;
		border: solid 1px rgb(150,150,150);
		border-radius: 4px;
		z-index: 0;
	}

	.header_cart_detail_content .cart_item .badge{
		position: absolute;
		left: 100%;
		top: 0px;
		z-index: 1;
		background-color: rgb(250,250,250);
		border: solid 1px rgb(150,150,150);
		color: red;
		cursor: pointer;
		-webkit-transform: translate(-100%, 0%); 
	    -moz-transform: translate(-100%, 0%);
	    -ms-transform: translate(-100%, 0%); 
	}
	.header_cart_detail_content .cart_item .badge:hover{
		background-color: rgb(0,255,0);
	}
	
	.header_cart_detail_footer{
		float: right;
		display: inline-block;
	}
	.header_cart_detail_footer button{
		float: right;
		margin-left: 5px;
	}
}


/*###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################

##   ##    ##    ##   #       ######   ####    ####   
### # #   ## #    ## #        ##      ##  ##  ##  ##  
## #  #  ##   #    ##         #####   ## # #  ## # #  
##    #  ######   # ##            ##  ###  #  ###  #  
##    #  ##   #  #   ##       #####    ####    ####   

###########################################################################################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
@media screen and (max-width: 500px){
	/*
	 ####    ####   ##   #  ######  #####    ####   ##      
	##   #  ##   #  ###  #    ##    ##   #  ##   #  ##      
	##      ##   #  ## # #    ##    #####   ##   #  ##      
	##   #  ##   #  ##  ##    ##    ##  #   ##   #  ##      
	 ####    ####   ##   #    ##    ##   #   ####   ######  
	*/
	.header{
		background-image: url("../image/body-bg.gif");
		padding-top: 70px;
	}
	/*###########################*/
	.header_submenu{
		display: none;
	}
	/*###########################*/
	.header_modal_title{
		font-weight: bolder;
		font-size: 250%;
		padding-bottom: 20px;
		color: rgb(250,250,250);
	}
	.header_modal_session{
		color: rgb(0,255,0);
		font-size: 110%;
		font-weight: bold;
		border-bottom: solid 1px rgb(50,50,50);
		border-top: solid 1px rgb(50,50,50);
		padding-bottom: 10px;
		padding-top: 10px;
		margin-bottom: 20px;
	}
	.header_modal_body_struc{
		float: left;
		width: 100%;
		padding: 0px;
		margin-bottom: 10px;
		position: relative;
	}

	.header_modal_frame{
		position: relative;
	    padding: 0px;
	    border: 0px solid rgb(50,50,50);
	    border-radius: 3px;
	    width: 100%;
	}
	/*###########################*/
	.header_navbar{
		border-bottom: 1px solid rgb(80,80,80);
		background-color: rgba(30,30,30,0.9);
	}
	.header_navbar button{
		float: left;
		margin-left: 10px;
		margin-right: 5px;
	}
	.header_navbar .logo{
		background-image: url("../image/logo_100.png");
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: center;
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 8px;
		cursor: pointer;
		-webkit-transform: translate(-50%, 0%); 
	    -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%); 
	}
	.header_navbar .logo:hover{
		background-color: rgb(70,70,70);
		border-radius: 5px;
	}
	.header_navbar .btn_nav_cart{
		float: right;
		margin-top: 8px;
		margin-right: 10px;
		border: 1px solid rgb(50,50,50);
		border-radius: 5px;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 15px;
		padding-right: 5px;
		cursor: pointer;
	}
	.header_navbar .btn_nav_cart:hover{
		background-color: rgb(50,50,50);
	}
	.header_navbar .btn_nav_cart img{
		margin-top: -3px;
		width: 30px;
	}
	.header_navbar .btn_nav_cart .badge{
		color: rgb(0,255,0);
		font-size: 120%;
	}
	.header_navbar .btn_nav_cart .price{
		display: none;
	}
	.header_navbar .well{
		background-image: url("../image/body-bg.gif");
		border-color: rgb(70,70,70);
		margin-bottom: 5px;
		padding: 5px;
		display: inline-block;
		width: 100%;
	}
	.header_navbar .btn_nav_collapse_close{
		height: 30px;
		background-image: url("../image/arrow_up.png");
		background-size: auto 80%;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	.header_navbar .btn_nav_collapse_close:hover{
		background-color: rgb(50,50,50);
	}
	.header_navbar .link{
		display: block;
		color: rgb(180,180,180);
		padding-top: 5px;
		padding-bottom: 5px;		
		cursor: pointer;
		width: 100%;
	}
	.header_navbar .link_active{
		display: block;
		color: rgb(30,30,30);
		background-color: rgb(0,255,0);
		padding-top: 5px;
		padding-bottom: 5px;	
		padding-left: 5px;	
		width: 100%;
		font-weight: bold;
	}
	.header_navbar .link:hover{
		color: rgb(250,250,250);
		text-decoration: none;
		background-color: rgb(50,50,50);
	}
	/*###########################*/
	.header_menuframe{
   		overflow: hidden;
   		height: 40px;
	}
	.header_menuframe .menu_logo {
		display: none;
	}
	.header_menu{
		width: 90%;
		height: 40px;
		position: relative;
		margin-left: 50%;
		-webkit-transform: translate(-50%, 0%); 
	    -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%); 
	}
	.header_menu_item{
		float: left;
		width: 50%;
		background-image: url('../image/menu_item_1.png');
		background-position: center; 
		background-size: 100% 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		cursor: pointer;
		color: rgb(200,200,200);
		font-size: 100%;
	}
	.header_menu_item:hover{
		background-image: url('../image/menu_item_2.png');
		color: rgb(30,30,30);
	}
	.header_menu_item_active{
		float: left;
		width: 50%;
		background-image: url('../image/menu_item_2.png');
		background-position: center; 
		background-size: 100% 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		top:0px;
		z-index: 1;
		color: rgb(30,30,30);
		font-size: 100%;
		font-weight: bold;
	}
	.header_menu_searchitem{
		display: none;
	}
	/*###########################*/
	.footer{
		background-image: url("../image/body-bg.gif");
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.footer_menu{
		float: left;
		width: 100%;
		font-size: 80%;
		color: rgb(110,110,110);

		overflow: hidden;
		height: 33px;
		padding-bottom: 10px;
		border-bottom: 2px solid rgb(30,30,30);
	}
	
	.footer_menu h2{
		font-size: 220%;
		font-weight: bold;
		color: rgb(220,220,220);
	}

	.footer_menu h4{
		font-size: 200%;
		font-weight: bold;
		color: rgb(220,220,220);
		padding-bottom: 10px;

		cursor: pointer;
	}

	.footer_menu h4:hover{
		color: rgb(0,255,0);
	}

	.footer_menu a{
		color: rgb(150,150,150);
		font-size: 120%;
		display: block;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		cursor: pointer;
		font-weight: normal;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}

	.footer_menu a:hover{
		text-decoration: none;
		color: rgb(250,250,250);
		border-color: rgb(200,200,200);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}

	.footer_menu .none{
		display: none;
	}
	
	/* ########################### Khanh ########################### */
	.footer_map {
		float: left;
		width: 100%;
	}
	
	.footer_map iframe {
		border: 3px solid #fff !important;
		margin-top: 10px;
		width: 100%;
		height: 250px;
	}
	/* ########################### Khanh end ########################### */
	
	.footer_copyright{
		float: left;
		width: 100%;
		padding-top: 70px;
		font-size: 75%;
		text-align: center;
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_out 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_out 0.5s;
	}
	.footer_copyright:hover{
		color: rgb(250,250,250);
		/*ANIMATION*/
		-webkit-animation: color_darkwhite_to_white_in 0.5s; /* Chrome, Safari, Opera */
	    animation: color_darkwhite_to_white_in 0.5s;
	}
	/*###############################*/
	
	/*###############################*/
	.header_cart_info{
		display: none;
	}
	/*###############################*/
	

	.header_cart_detail_title{
		display: inline-block;
		width: 100%;
		text-align: right;
		padding-bottom: 5px;
	}
	.header_cart_detail_title .subtotal{
		color: rgb(241,11,158);
		font-size: 140%;
	}
	.header_cart_detail_content{
		display: inline-block;
		width: 100%;

		background-color: rgb(30,30,30);
		border-radius: 5px;
	}

	.header_cart_detail_content .cart_item{
		float: left;
		width: 25%;
		height: auto;
		padding: 5px;
		position: relative;

	}

	.header_cart_detail_content .cart_item img{
		width: 100%;
		border: solid 1px rgb(150,150,150);
		border-radius: 4px;
		z-index: 0;
	}

	.header_cart_detail_content .cart_item .badge{
		position: absolute;
		left: 100%;
		top: 0px;
		z-index: 1;
		background-color: rgb(250,250,250);
		border: solid 1px rgb(150,150,150);
		color: red;
		cursor: pointer;
		-webkit-transform: translate(-100%, 0%); 
	    -moz-transform: translate(-100%, 0%);
	    -ms-transform: translate(-100%, 0%); 
	}
	.header_cart_detail_content .cart_item .badge:hover{
		background-color: rgb(0,255,0);
	}
	
	.header_cart_detail_footer{
		display: inline-block;
		float: right;
	}
	.header_cart_detail_footer button{
		float: right;
		margin-left: 5px;
	}
}