/* CSS Document */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hotline-footer
{
    position:fixed;
    width:100%;
    padding:7px;
    background-color:#da251c;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    display:none;
    bottom:0;
    left:0;
    color:#fff;

}
.hotline-footer a{
    color:#fff;
    text-decoration:none;
}
@media handheld, only screen and (max-width: 999px) {
    .container
    {
        padding-left:10px;
        padding-right:10px;

    }
    .nav-title-wrapper{
        padding-left:10px;
        padding-right:10px;
    }
    #header-top
    {
        padding-left:10px;
        padding-right:10px;
        
    }
    #ViT-Portal {
        width:100%;
    }
    #deophaiadv-top
    {
        width:100%;
        height:auto;
    }
    #deophaiadv-top .deophaiadv-cycle-slideshow
    {
        width:100% !important;
        height:300px !important;
    }
    #deophaiadv-top .deophaiadv-cycle-slideshow .adv-item
    {
        width:100% !important;
        height:300px !important;
    }
    #deophaiadv-top .deophaiadv-cycle-slideshow .adv-item img
    {
        width:100% !important;
        height:300px !important;
    }
    .nav-top
    {
        display:none;

    }
    #search-box
    {
        width:100%;
    }
    #search-box .txtKeyword
    {
        width:100%;
    }
    #header-left
    {
        width:60%;
    }
    #header-right
    {
        width:40%;
    }
    #logo_vi a
    {
        width:100%;
        background-size:100%;
    }
    #hotline_cart
    {
        padding-top:6px;

    }
    .mau_ghi a
    {
        padding-left:4px;
        padding-right:4px;

    }
    .category-image
    {
        width:100%;

    }
    .category-image img{
        width:100%;
    }
    #left
    {
        display:none;
    }
    #product-list
    {
        margin-left:0;
        width:100%;
        padding-left:10px;
        padding-right:10px;
        margin-top:15px;
    }
    #menu-top img
    {
        display:block;
    }
    .btn-mobile
    {
        display:block;
        float:left;
    }
    .btn-mobile
{
    display: block;
}
    #hotline
    {
        display:none;

    }
    .hotline-mobibe
    {
        display:block;
    }
    .cart-mobile
    {
        display:none;
    }
    #product-list li, #product-list-lienquan li
    {
        padding:5px;
    }
    #product-list li img, #product-list-lienquan li img{
        width:100%;
    }
    #product-detail
    {
        margin-left:0;
       padding-left:0px;
        padding-right:0px;
        width:100%;

    }
    #right
    {
         padding-left:10px;
        padding-right:10px;
    }
    .product-image-fashion
    {
        width:60%;
        float:left;

    }
    #product-detail .product-info
    {
        width:40%;

    }
    #portal_cloud_zoom .first_image_wrapper
    {
        width:100% !important;
        display:block;

    }
    #home-right
    {
        display:block;
        width:100%;
        border:none;
    }
    #weblinks
    {
        border:solid 1px #d7d7d7;
        margin:10px;

    }
    #deo_phai_quangca0
    {
        display:none;

    }
    #home-left
    {
        width:100%;
    }
    #banner-run
    {
        width:100%;
    }
    #banner-run img{
        width:100%;
    }
    .fan_page
    {
        overflow:hidden;

    }
    #portal-center
    {
        width:100%;

    }
    #news
    {
        width:66.666%;
        float:left;
        padding-left:10px;
        padding-right:10px;

    }
    #news .tin_dau_tien .image img
    {
        width:100%;
        margin-bottom:10px;

    }
    .trang_tin
    {
        width:33.333%;
        padding-left:10px;
        padding-right:10px;
        float:left;
    }
    #portal-top
    {
        width:100%;
    }
    #colorbox
    {
        width:100% !important

    }
    #cboxLoadedContent
    {
        width:100% !important
    }
    .hd-bo
    {
        padding-left:10px;
        padding-right:10px;
    }
    .product-in-group
    {
        padding-left:10px;
        padding-right:10px;

    }
    #search-box
    {
        display:none;

    }
    .home-news-right .item .title, .tintuc_sukien .item .title
    {
        width:66.666%;
        float:left;
        margin:0;
    }
    .home-news-right .item .image, .tintuc_sukien .item .image
    {
        width:33.333%;
        margin:0;
        padding-left:10px;
        padding-right:10px;
    }
    .tintuc_sukien .item .image img{
        width:100%;
    }
    .home-news-right .item .title a, .tintuc_sukien .item .title a
    {
        height:auto;

    }
    #banner-sanpham
    {
        display:none;

    }
    #news li .info
    {
        margin-left:0;
        padding-left:10px;

    }
    #myElement,#myElement_video_wrapper,#myElement_displayarea
    {
        width:100% !important;

    }
    #tin-doc-nhieu .title
    {
        width:66.666%;
        margin:0;
        padding-left:10px;
        padding-right:10px;
    }
    #tin-doc-nhieu .image
    {
        width:33.333%;
        

    }
    #tin-doc-nhieu .image img{
        width:100%;
    }
    #news li .img img
    {
        width:100%;

    }
    .content
    {
        padding-left:10px;
        padding-right:10px
    }
    .content img{
        max-width:100% !important;
        height:auto !important;
    }
    #footer-top
    {
        width:100%;
           padding-left:10px;
        padding-right:10px;
    }
    #footer-top
    {

    }
    #footer-bottom
    {
        width:100%;
    }
    #footer-top #nhieu_chu
    {
        width:55%;
    }
    .footer_text
    {
        width:55%;
        padding-right:10px;
    }
    #footer-top .menu
    {
        width:45%;
        padding-left:10px
    }
    .menu-top
    {
        height:auto;

    }
    .btn-mobile-news
    {
        display:block;

    }
	#home-news .home-news-left
	{
		width:60%;
		padding-right:10px;
	}
	#home-news
	{
		padding-left:10px;
		padding-right:10px;
	}
	.home-news-right
	{
		width:40%;
		margin-left:0;
		margin-top:15px;
	}
	#top-1-news
	{
		margin-top:15px;
	}
	#top-1-news .image
	{
		margin-bottom:10px;
	}
	#home-news #top-1-news img
	{
		width:100% !important;
	}
	.home-news-right .item .image
	{
		width:30%;
		float:left;
	}
	#top-3-news
	{
		margin-left:-10px;
		margin-right:-10px;
	}
	#top-3-news .item
	{
		width:33.333%;
		margin:0 !important;
		padding-left:10px;
		padding-right:10px;
	}
	#top-3-news .item .image img
	{
		width:100% !important;
	}
	.home-news-right .item .image img
	{
		width:100% !important;
	}
	#news-videos
	{
		padding-left:10px;
		padding-right:10px;
	}
	#news-videos #box-list
	{
		width:60%;
		padding-right:10px
	}
	#video-news
	{
		width:40%;
		margin:0;
	}
	.menu_953 .title_UTM
	{
		margin-bottom:10px;
	}
	.box-news-column .item-list .item
	{
		height:auto;
		width:50%;
		
	}
	.box-news-column .item-list .item:nth-child(2n)
	{
		margin-left:0;
	}
	.box-news-column .item-list .item .image
	{
		width:30%;
	}
	.box-news-column .item-list .item .image img
	{
		width:100%;
	}
	.box-news-column .item-list .item .info
	{
		width:70%;
		padding-left:10px;
		margin-left:0 !important;
		padding-right:10px;
	}
	.box-news-column .tinhot .image
	{
		width:50%;
		padding-right:10px;
	}
	.box-news-column .tinhot .image img
	{
		width:100%;
	}
	.box-news-column .tinhot .info
	{
		width:50%;
		margin-left:0;
	}
	.box-news-list .tinhot
	{
		width:50%;
	}
	.box-news-list .tinhot .image img
	{
		max-width:100% !important;
		max-height:100% !important;
		margin-bottom:10px ;
	}
	
}
@media handheld, only screen and (max-width: 965px) {
    #header-left
    {
        width:55%;
    }
    #header-right
    {
        width:45%;
    }
    #logo_vi a
    {
        height:80px;
    }
    .filter .col
    {
        width:33.33333%

    }
}

@media handheld, only screen and (max-width: 866px) {
    #header-left
    {
        width:60%;
    }
    #header-right
    {
        width:40%;
    }
    #mini-cart
    {
        display:none;
    }
    #hotline_cart
    {
        display:none;

    }
    .cart-mobile
    {
        display:block;
    }
     #news .danhsachtin li .img {
        width: 40%;
    }

    #news .danhsachtin li .info {
        width: 60%;
    }
    #video_jwplayer_content_0
    {
        width:100% !important
    }
    #video_jwplayer_content_0_displayarea
    {
        width:100% !important
    }
    #video_jwplayer_content_0_jwplayer_display_image
    {
        width:100% !important
    }
    #video_jwplayer_content_0_jwplayer_controlbar
    {
        width:100% !important;
        left:0% !important;
    }
	.box-news-column .tinhot
	{
		margin-top:15px;
		margin-left:-10px;
		margin-right:-10px
	}
	.box-news-column .tinhot .image
	{
		width:50%;
		padding-left:10px;
		padding-right:10px;
	}
	.box-news-column .tinhot .image img
	{
		width:100% !important;
	}
	
	.box-news-column .tinhot .info
	{
		width:50%;
		margin:0;
		padding-left:10px;
		padding-right:10px;
	}
	.box-news-column .item-list .item
	{
		height:auto;
		margin:0;
		width:50%;
	}
	.box-news-column .item-list .item:nth-child(2n)
	{
		margin-left:0;
	}
	.box-news-list .item-list
	{
		margin-left:0;
		padding-left:10px;
	}
	.box-news-column .item-list .item .image
	{
		width:30%;
	}
	.box-news-column .item-list .item .image img
	{
		width:100%;
		height:auto;
	}
	.box-news-list .tinhot
	{
		width:50%;
	}
	.box-news-list .item-list
	{
		width:50%;
	}
	
	.box-news-list .tinhot .image img
	{
		max-width:100% !important;
		max-height:none !important;
		margin-bottom:10px;
	}
	.recap
	{
		margin-top:10px;
	}
}
@media handheld, only screen and (max-width: 700px) {
	.box-news-list .item-list
	{
		width:100%;
		padding-left:0;
	}
	.box-news-list .tinhot
	{
		width:100%;
		margin-bottom:10px;
	}
	
	.box-news-column .item-list .item
	{
		width:100%;
	}
	.box-news-column .item-list .item .info
	{
		width:70%;
		margin:0;
		padding-left:10px;
	}
}


@media handheld, only screen and (max-width: 660px) {
    #menu-middle .item
    {
        width:50%;
        margin-bottom:15px;

    }
    .product-image-fashion
    {
        width:100%;
        margin-bottom:15px;

    }
    #product-detail .product-info
    {
        width:100%;
        padding:0;
    }
    #product-list li, #product-list-lienquan li
    {
        width:33.333%;

    }
    .cart-buttons div a
    {
        font-size:12px;

    }
    .footer-text
    {
        width:100%;
        margin-bottom:15px;
    }
    #footer-right
    {
        width:100%;

    }
    .menu-home
    {
        display:none;
    }
    .mau_ghi
    {
        width:auto;
        display:inline-block;

    }
    .toolbox
    {
        text-align:right;
    }
    #search-box
    {
        margin-top:5px;

    }
    #header-left
    {
        width:80%;
    }
    #header-right
    {
        width:20%;
    }
    .mau_ghi
    {
        height:24px;

    }
    #logo_vi a
    {
        height:60px;

    }
    .mau_ghi #language a
    {
        margin-top:4px;
        margin-right:4px;

    }
	
}

@media handheld, only screen and (max-width: 550px) {
	.hotline-mobibe
	{
		font-size:14px;
	}
	.cart-mobile
	{
		padding-left:5px;
	}
     #news .danhsachtin li .img {
        width: 30%;
        margin-bottom:10px;
    }

    #news .danhsachtin li .info {
        width: 70%;
    }
    #news
    {
        width:100%;
    }
    .trang_tin
    {
        width:100%;
    }
    #footer-top #nhieu_chu
    {
        width:100%;

    }
    .fan_page
    {
        width:100%;
        margin-top:15px;

    }
    .footer_text
    {
        width:100%;
    }
    #footer-top .menu
    {
        width:100%;
        padding-left:0;
        margin-top:15px;

    }
    #lien-he
    {
        margin-bottom:15px;

    }
    .show-moblie
    {
        display:block;
    }
    .hide-mobile
    {
        display:none;

    }

    .website_name
    {
        margin-left:15px;
        float:left;
        overflow:hidden;

    }
    #tin-doc-nhieu .image
    {
        width:20%;
    }
    #tin-doc-nhieu .title
    {
        width:80%;

    }
    .home-news-right .item .image, .tintuc_sukien .item .image
    {
        width:20%;
    }
    .home-news-right .item .title, .tintuc_sukien .item .title
    {
        width:80%;

    }
    #news .danhsachtin li .info
    {

    }
    #news .tin_dau_tien .img{
        width:100%;
    }
	#news-videos #box-list
	{
		width:100%;
		padding-right:0;
	}
	#video-news
	{
		width:100%;
	}
	#myElement_jwplayer_display
	{
		height:300px !important;
	}
	#myElement_displayarea
	{
		height:300px !important;
	}
	#myElement
	{
		height:300px !important;
	}
	#home-news .home-news-left
	{
		width:100%;
		padding-right:0;
	}
	.home-news-right
	{
		width:100%;
	}
	#search-box
	{
		margin-top:0;
		position:relative;
	}
	#search-box #txtKeyword
	{
		width:100%;
	}
	.btnSearch
	{
		position:absolute;
		top:0;
		right:0;
	}
	.links span
	{
		display:none;
	}
	#deophaiadv-top .deophaiadv-cycle-slideshow
	{
		height:200px !important;
	}
	#deophaiadv-top .deophaiadv-cycle-slideshow .adv-item img
	{
		height:200px !important;
	}
	#deophaiadv-top
	{
		margin-top:0
	}
}

@media handheld, only screen and (max-width: 500px) {
    .hotline-mobibe
    {
        display:none;
    }
    .hotline-mobibe span{
         display:none;
    }
    .hotline-footer
    {
        display:block;

    }
    .cart-mobile{
         display:block;
    }
    #footer
    {
        margin-bottom:34px;

    }
    #deophaiadv-top
    {
        margin-top:0;

    }
    .adv-item
    {
        height:260px !important;

    }
    .filter
    {

    }
    .filter .col
    {
        width:100%;
        margin-bottom:5px;

    }
}