@charset "utf-8";
@media screen and (max-width: 5000px)
{
	 
	.footer_mota
	{
		overflow:hidden;
		height:59px;
	}
	.footer_image
	{
		overflow:hidden; /* clearfix: contains the float:left thumbnail img */
	}
		 .qtv {
    background: red;
}
.listrep li {
    padding: 5px 0;
}
.listrep {
    padding-left: 50px;
    margin-top: 10px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.atc{
	float:left;
}
.sdt{
}
 .dong{
 top: 0px;
    right: 0px;
    font-size: 15px;
    background-color: #3b9ff5;
    color: red;
    cursor: pointer;
    padding: 5px;
    position: absolute;
 }
footer {background:#fdfdfd;}
 .atc img{    max-width: 100%;height:auto;}
.tagline {padding:33px 0;}
.sht{font:23px/20px arial;margin:0 0 35px;}
.fsl1, .fsl2, .fsl3{width:28%;margin-right:5%;float: left;}
.fsr1, .fsr2, .fsr3 {width:30%;float: left;}
.fl1,.fl2,.fl3, .slidehome, .shock-m li, .shock-p a, .shock, .search input, .fsl, .fsr, .ai, .anv, .anv img, .muahang, .incom, .leftm, .colleft, .fsl3 span {
    float: left
}

    .fr, .advht, .fsl1 span, .fsl2 span, .follow, .colright {
        float: right
    }
	

.cl, footer, .shock-m:after, nav {
    clear: both;
    display: table;
    
	width:100%;
}
 
 
#company{height:397px;justify-content:space-between;margin-top:46px;}
.fsl2 li{text-align:center;}
.fsl1 .citys, .fsl2 .citys, .fsl3 .citys,.fsl1 .citys1, .fsl2 .citys1, .fsl3 .citys1     {margin-bottom:20px;}
.fsl1 label, .fsl2 label, .fsl3 label {font:bold 16px/30px arial;display:block;margin-bottom:15px;color:#666;}
.fsl1 li, .fsl2 li, .fsl3 li {border-bottom:1px solid #ddd;font:bold 12px/54px arial;color:#555;cursor:pointer;    line-height: 38px;
    padding: 0px;}
                 
.fsl1 li:before, .fsl3 li:before{content: "\f015";font:12px/1px FontAwesome;margin:0 8px;padding:2px 3px;border:1px solid #66c2d9;border-radius:50%;color:#66c2d9;}
.fsl1 li:hover, .fsl2 li:hover, .fsl3 li:hover{background:#f5f9fa;}
.fsl1 i, .fsl2 i, .fsl3 i{padding:3px 8px;color:orange;border:1px solid orange;font:12px/20px arial;margin-left:10px;border-radius:4px;}
.fsl1 li:nth-child(1), .fsl2 li:nth-child(1), .fsl3 li:nth-child(1){border-top:1px solid #ddd;}
.fsl1 span, .fsl2 span, .fsl3 span{margin-right:10px;    margin-top:0px;}
  .bst {padding:15px 0 15px;margin-bottom:12px;border-bottom:1px solid #ddd;height: 388px;    overflow: hidden;}

.ai, .cen  {width:100%;text-align: center;}

.sn label{font:13px/20px arial;margin-bottom:0;color:white;background-color:red; border-radius:5px;    padding: 6px;}
.sn label:before{content:"\f041";font:14px/1px FontAwesome;margin-right:8px;color:#1699cf;}
.sn font{font:12px/20px arial;color:#1665ab;display:block;}
.ai ul{margin:10px 0 0;}
.ai li{color:#666;font-size:12px;line-height:20px;}
.ai ul label {display:inline-block;}

.anv label{font:13px/20px arial;}
.anv {width:100%;}
.anv label{color:#555;font-weight:normal;}
.anv label:before{content:"\f007";font:13px/1px FontAwesome;margin-right:8px;color:#1699cf;}
.anv li{width:50%;float: left;}
.anv img{margin-right:5px;border-radius:5px;border:2px solid #ddd;height:65px;}
.anv h6{font:bold 12px/20px arial;color:#333;margin:3px 0 5px;}
.anv p{font:bold 12px/16px arial;margin-bottom:2px;color:#666;}
.anv p:before{font:11px/1px FontAwesome;margin-right:5px;padding:1px 3px;border-radius:50%;}
.anv p:nth-child(3):before{content:"\f095";color:#1699cf;border:1px solid #1699cf;}
.anv p:nth-child(4):before{content:"\f1a0";color:#e34e46;border:1px solid #e34e46;}

.bsf .atc,.bsf .abd {float:left;width:46%;}
.bsf .atc{margin-right:8%;}
.bsf a, .atc a{font:11px/20px arial;color: yellow;background: red;padding:2px 8px;margin-bottom:10px;cursor:pointer;}
.bsf a:after, .atc a:after{font:14px/1px FontAwesome;content:"\f105";padding-left:5px;}
.bsf img {float:left;border-radius:5px;border:2px solid #ddd;max-width:100%;}

.warpt-10-10-2016, .conten-10-10-2016
	{
		width:98%;
		float:left;
		display:block;
		font-family: arial;
		font-size:12px;
	}
	.box-10-10-2016{
		max-width:1076px;
		margin:auto;
	}
	.warpt-10-10-2016
	{
		background: transparent url("http://bepnamanh.com/Content/img/ft-moi-10-10.jpg") repeat scroll left top;
		    background-size: auto 1608px;
	}
	.conten-10-10-2016{
		
	}
	.colum-10-10-2016{
		width:22%;
		float:left;
		margin-left:25px;
	}
	.colum2-10-10-2016 {
		width: 22.5%;
		float:left;
		margin-left:25px;
	}
	.colum10-10-10-2016 {
		width: 28.5%;
		float:left;
		margin-left:25px;
	}
	.title-style-1-10-10{
		font-size: 13px;
		font-weight: bold;
	}
	.title-style-2-10-10{
	 
	 
		color:#454545;
	}
	
	.title-style-3-10-10{
		 
		color:#21679D;
	}
	.title-addr-10-10-2016{
		background:red;
		max-width:300px;
		text-align:center;
		color:#FFF000;
		font-weight:Bold;
		margin:auto;
		line-height:40px;
		padding:5px;
		font-size:19px;
	}
	.color_red{
		color:#FF0000 !important;
		 
	}
	.ro-style-1{
		min-height:160px;
		margin-top:15px;
	}
	.ro-style-2{
		margin-top:15px;
		 margin-bottom: 15px;
	}
	.ro-style-2 img {
		border: 3px solid #fff;
		box-shadow: 3px 3px 5px #888888;
		transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
		will-change: transform;
	}
	.colum-10-10-2016 p{
		padding:0px !important;
		margin:0px !important;
		line-height:20px;
		 
	}
	.ro-style-2 img:hover{
		border: 3px solid #3b9ff5 !important;
		transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
		
		z-index:1;
		position:relative;
		 transform: scale(1.5);

	}
.combox {display:table;width:100%;margin:0 auto 10px;}
.combox .comtit {font:20px/30px arial;display: block;}
.comment{position:relative;}
.repbox{padding-left:50px;margin-top: -33px;}
.comment textarea{display: inline-block;width:100%;height:80px;padding: 6px 75px 6px 6px;font: 13px/18px arial;color: #555;background-color: #fff;border: 1px solid #ccc;border-radius:4px;}
.comment button{width:65px; border-radius:4px;border:none;background:red;font:bold 13px/30px arial;color:#fff;position:absolute;top:20px;right:5px;cursor:pointer;}
.media{padding: 15px 0;border-bottom: 1px solid #ddd;}.media:last-child {border-bottom:none;}
.hotline2 {position: fixed;	left: 10px;	bottom: 10px;	z-index: 9000;	display: block;    background: #337ab7;	 			padding-top: 5px;padding-bottom:5px; padding-left:25px; padding-right: 12px;border-radius: 99px;}
.comava {       background: #E9EBEE;    float: left;    font-weight: 700;    height: auto;        padding: 8px;    border-radius: 13px;    }
.dgfhgh{padding: 10px 30px 10px 30px;    background: #F6F7F9;    border-radius: 10px;}
.psiaw{font-size: 14px;    font-weight: 700;    float: left;}
#thuonghieu td:hover {background:#E9EBEE;}
.xyas{    display: inline-block;margin-top: 7px;}
.qtv{background:#007bff;}
.comment-content media{ display: grid;}
.combody{display: table-cell;margin-left: 20px;box-sizing:border-box;width:2000px;}
.combody strong{font:bold 13px/25px arial;color:#666;}
.combody strong i{padding:3px 5px;font:12px/14px arial;display:inline-block;margin-left:10px;color:#fff;border-radius:4px;background:#ffa63e;}
.combody p{font:13px/20px arial;text-align:justify;}
.comact{margin:0 0 15px;}
.comact .time{color:#666;font:12px arial;}
.comact .reply{color:#1d537f;cursor:pointer;font:12px arial;}
.listrep{padding-left: 50px;margin-top:10px;}
.listrep li {padding:5px 0;}
 .w80 {
    width: 70%;
}

.box-view-listitem
{
	display: block;
  
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
	 
}
.bwranty {
    position: absolute;
    top: 131px;
    left: 70px;
    width: 99px;
    height: 95px;
    background-position: 0 -6px;
    z-index: 118;
}
.bwranty span {
    font: bold 18px/108px arial;
    color: #fff;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    display: block;
    text-align: center;
    z-index: 1;
}
.Article_content div img { max-width:100%;height:auto !important;}
   /*** log_reg_flag  ***/
/* Product image must never exceed its card, regardless of the listing template
   (lt_pro, lt_pro1, ...) or the image's own intrinsic size. */
.avatar_products,
.list_products ul.lt_pro li .avatar_products {
    overflow: hidden !important;
    text-align: center !important;
    height: 225px !important;
    min-height: 225px !important;
    max-height: 225px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}
.avatar_products a.box-view-listitem,
.list_products ul.lt_pro li .avatar_products a.box-view-listitem {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}
.avatar_products img,
.list_products ul.lt_pro li .avatar_products img {
    max-width: 100% !important;
    max-height: 215px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}
.camketvangg{
	height: 71px !important;
}
.bospdikem
{
	position:absolute;
	display: none;
}
#khuyenmaisp {
    width: 329px !important;
        margin-bottom: 15px;
    background-color: #ff1922;
    color: #FFF;
    font-size: 19px;
    box-shadow: 0px 2px 0px #004eff;
    border-radius: 7px;
   
}
 
 
.checked::before {
 content: url('http://bepnamanh.com/images/SlideShow/5.jpg');
}
.bordernone li{   
 border-right: 0px solid #d7d7d7 !important;
    border-left: 0px solid #d7d7d7 !important;
    border-bottom: 0px solid #d7d7d7 !important;
    border-top: 0px solid #d7d7d7 !important;
	height:325px !important;
	}
.checkmobile::before {
 content: url('http://bepnamanh.com/images/SlideShow/6.jpg');
}
.sdt{color:red;    font-size: 14px;    font-weight: 700;}
.footer-bt{
 background-image: url("http://bepnamanh.com/images/SlideShow/background.jpg");
    background-repeat: repeat-x;
	    background-size: auto 1608px;
}
.chinhanh{min-height: 157px;}
.dongke1{height: 4px;
    margin-top: 10px;
	margin-left: 10%;
     
    width: 80%;
    -moz-border-radius: 100px;
    background-color: #aed7fd;
    -webkit-border-radius: 100px;
    border-radius: 1000px / 50px;
	}
.bando{    padding-top: 10px}
.dongke {height: 4px;
    margin-top: 10px;
	margin-left: 10%;
    margin-bottom: 20px;
    width: 80%;
    -moz-border-radius: 100px;
    background-color: #aed7fd;
    -webkit-border-radius: 100px;
    border-radius: 1000px / 50px;
	}
	.tenchinhanh {
	    padding-top: 10px;
    text-align: center;
	font-weight: 800;
    font-size: 20px;
    -webkit-text-stroke: 1px #b7ffff;
    color: #009fff;
    text-shadow: 3px 3px 0 #e1e6eb, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.duongdi{
    text-align: center;
    background-color: #0072bc;
    
    margin-top: 10px;
    padding: 5px;
    margin-right: 20%;
}
.duongdi a{
color: #fff !important;
}
.tenvp,.footer-bt1 p ,.footer-bt1 img{    padding-left: 10px;}
.footer-bt1{background-color:#d7e6ff;height: 920px;}
.gioithieumoi::before {
 content: url('http://bepnamanh.com/images/SlideShow/gioithieu.jpg');
}
.vungmien{    margin: 0 auto;    WIDTH: 25%; padding:10px   ;BACKGROUND-COLOR: RED;    margin-top: 20px;}
.tenchinhanh::before {
 content: url('http://bepnamanh.com/images/SlideShow/home.jpg');
}
.thongso{width:400px;}
.ui-dialog{width:480px !important;}
.thuoctinh{width:280px;}
.share2 a img{max-width:100% !important;height:auto !important;}
.search-r a
{
 font-size:15px !important;
}
.advertise a img{width:100% !important;height:auto !important;}
#antrendt
{
display:block;
}
.product_content img
{
max-width:100% !important;
}
#timkiem_rebonsite{
		display:none;
	}
	.timkiem_rebonsite{
		display:none;
	}
.Article_content div span img{max-width:100% !important; height:auto !important;}
#antrenmt{
display:none;
}
.title_cate{
	background-color:#3b9ff5;
	height: 41px;
	text-align: center;
	font-weight: bold;
	color: #3b9ff5;
	position: relative;
	padding-left: 15px;
}
.title_cate p span{
	color:#fff;
	position: absolute;
	top:8px;
	left:15px;
	font-size: 16px;

    *top:14px;
	/*z-index: 100;
	font-size: 15px;*/
}
.sitemap_boundery{
  /* full design in Content/Sites/css/style.css, loaded after this file */
}
.Menufooter	{
display:none;
}
.list_cate{
    background: #f5f6f8;
    width: 100%;
}

.list_cate ul li{
    margin: 0 10px 0 10px;
    background: transparent url(../images/saperator_cate.jpg) no-repeat bottom center;
	padding:10px 0 7px 
;}

.list_cate ul li a{
	color: #3b9ff5;
	font-weight: bold;
}
.list_cate ul li a:hover{
    color: red;
}


.footer-top {
	float: left;
	width: 99%;
	border-bottom: 17px solid #7ec0fa;
	border-top: 17px solid #7ec0fa;
	padding:10px 0;
	padding-left:1%;
	overflow: hidden; /* clearfix: contains floated .f-top1/.f-top2 columns */
}
.footer-ct {
	float: left;
	width: 99%;
	padding:10px 0;
	 
	padding-left:1%;
}
#log_reg_flag{
	float: right;
	background-color: #81C2FA;
	line-height: 25px;
	width: 90%;
	text-align: right;
    top: 0;
	    display: none !important;
    z-index: 200;
    position: fixed;
}
.ip-dk {
    float:right;
	width: 18%;
	position:absolute;
	left: 81%;
   	top: 41px;
}
.ip-ct {
	float: left;
	height: 23px;
	width: 84px;
	background: url(http://bepnamanh.com/Content/Sites/images/ip-ct.jpg) repeat-x center top;
	text-align: center;
	padding-top: 7px;
}
.ip-l {
	float: left;
	height: 31px;
	width: 35px;
}
.box-focus div a img{width:100% !important; height:auto !important;}
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	/*position:relative;*/
	margin-bottom:20px;
}
.new2-paging {
	float: left;
	width: 600px;
	text-align: justify;
	margin-top: 20px;
	background:url(../images/rp-new.jpg) repeat-x center top;
	padding: 10px;
}
.box-new{
	width:67%;
	margin-top:10px;
}
.box-right2{
	width: 29%;
	position:relative;
	padding:0 0 1px 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	left:3%;
	background-color: #f3f3f3;
}
.product-cl-top1 {
	float: left;
	width: 23%;
	background-color: #3b9ff5;
	text-align: center;
	height: 50px;
	font-size: 15px;
	    margin-bottom: -8px;
    border-radius: 10px;
	color: #FFFFFF;
	padding-top: 9px;
}
.detail-sp-right {
	float: right;
	width: 28%;
	border: 1px solid #CBCADA;
	border-radius:6px;
	padding-left: 15px;
	
}
.product-cl-top2 {
	float: left;
	height: 49px;
	width: 75%;
	background: url(../images/nav3.jpg) repeat-x center top;
}
.detali-detalt-sp {
	float: left;
	width: 40%;
	padding-right: 1%;
	padding-left: 3%;
}
 
.img-details {
	width:26%;
	clear:both;
	float: left;
}
.lt_pro1 li{
	float: left;
	width: 19.3%;
	border:1px solid #3b9ff5;
	padding-bottom: 15px;
	margin:0.3% 0.2% !important;
    
}
.colmask {
    /* position: relative; */
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 164px;
}
 
.f-ct22
{
float:left;   
width: 30%;
padding-left: 2px;
text-align: left; 
}
.f-ct23
{
float:left;   
width: 30%;
padding-left: 2px;
text-align: left; 
}
.f-ct2 {
	float: left;
	width: 27%;
	padding-left: 5%;
}
.f-ct1{
	width:23%;
	float:left;
}
.f-top4 {
	float: left;
	width: 27%;
	padding-left: 2% !important;
}
.f-top2 {
	float: left;
	width: 27%;
	padding-left: 2%;
	overflow: hidden; /* clearfix: contains floated .ls2 li items */
}
.f-ct3 {
	float: left;
	width: 27%;
	padding-left: 5%;
}
.f-top1 {
	float: left;
	width: 22%;
	overflow: hidden; /* clearfix: contains floated .ls li items */
}
.box-qc {
	clear: both;
    height: auto;/*63px;*/
	margin-right: 20px;
	margin-left: 1px;
}
.title-list {
	float: left;
	width: 240px;
	font-size: 30px;
	font-weight: bold;
	color: #FF0000;
	boder-shadow:3px solid #fff;
	padding-left: 15px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.title-list2 {
	float: right;
	background-color: #FFFFFF;
	height: 24px;
	margin-top: 10px;
	text-align: right;
	padding-top: 6px;
	border-radius:10px 0px 0px 0px;
    max-width: 790px;
    overflow: hidden;
}
.hotro
{
    float:right;
    line-height: 25px;
    }
.hotline
{
       float:left;
 
       }
.12px
{ font-size:12px;
   
       }
.search-bt {
	float: left;
	width: 100%;
	padding-top: 4px;
}
.logo{
	position:absolute;
	left:2% !important;
	width: 22%;
}
.logo a img{
width: 100%;
height:auto;
padding-top:15px;
}
.box-search {
	float: left;
	width: 55%;
	padding:0 50px 0 50px;
	position:absolute;
	left:24%;
margin-top: 20px;
}
.ip-search {
	float: left;
	width: 80%;
	
	height: 38px;
	border-radius:10px;
	border:1px solid #b8b9cb;
}
.search-l input {
	float: left;
	width: 100%;
	height: 36px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-left: 7px;
}
#banner{
	  
	width:90%;
	position:fixed;
	background-color: #3b9ff5;
	    height: 127px;
   	z-index: 200;
	
}
#banner1{
	width:100%;
	position:fixed;
	background-color: #3b9ff5;
	height: 73px;
   	z-index: 200;
	margin-top: 4px;
}
.menu-left {
	width: 18%;
}
.slide{
    border:0px solid #b3b3b2;
    width:100%;
    margin:0 auto;
}
.noidunghome
{
width:100%;
 }
 .threecol .col2 {
	width:18%;			/* Width of left column content (column width minus padding on either side) 21 */
	left:0%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 31 */
}
.colmid {
	right:18%;	
}
.threecol .colleft {
	right:64%;			/* width of the middle column 50 */
	/*background:#f4f4f4;*/	/* left column background colour */
}
.threecol .col1 {
	width:80%;			/* width of center column content (column width minus padding on either side) 46 */
	 	/* 100% plus left padding of center column 102 */
}
.list_products ul.lt_pro li{
	float: left;
	width: 24.2%;
	border-right: 1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7;
	padding-bottom: 15px;
     
    margin-right: 5px !important;
}

.footer-bt .chantrangmoi1,.footer-bt .chantrangmoi12
{
float:left;
width:48%;
    background-color: #f6faff;
    padding-bottom: 15px;
    border-radius: 10px;
	box-shadow: 3px 4px 15px 4px #5e91c5;
}
.chancucmoi img {width:100%;}
.footer-bt .chantrangmoi11,.footer-bt .chantrangmoi13
{
float:left;
width:48%;
   background-color: #f6faff;
   box-shadow: 3px 4px 15px 4px #5e91c5;
    padding-bottom: 15px;
    border-radius: 10px;
	    min-height: 214px;
}
.gioithieumoi  a,.chantrangmoi2 a{ font-size:12px !important;;}
.chantrangmoi3
{
  
    float: left;
    width: 35%;
    padding-left: 20%;
    padding-top: 10px;
}
.footer-bt .chantrangmoi1 .chantrangmoi2,.footer-bt .chantrangmoi11 .chantrangmoi2,.footer-bt .chantrangmoi12 .chantrangmoi2,.footer-bt .chantrangmoi13 .chantrangmoi2
{
float:left;
width:30%;
}

}
@media screen and (max-width: 1520px)
{
	.bospdikem
	{
		margin-top:90px;
	}
 #khuyenmaisp{
	 left: 79px !important;
	 width: 260px !important;
	 margin-top: 10px !important;
 }
 .bospdikem img{
	 max-height:100px !important;
	 width: auto !important;
 }
 .bospdikem {
    position: absolute;
    display: block;
}
 .chantrangmoi3 {
    float: left;
    width: 55%;
    padding-left: 2%;
    padding-top: 10px;
}
.threecol {
    right: 18%;
     
    margin-top: 145px !important;
}
.chantrangmoi3 {
    float: left;
    width: 55%;
    padding-left: 2%;
    padding-top: 10px;
    min-height: 184px;
}
.bs {
    position: fixed;
    top: 5%;
    margin: 2px 25%;
    background: #fff;
    z-index: 9999;
    width: 650px;
    height: 410px;
    display: none;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #eee;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
    border: 1px solid #ddd;
}
}
@media screen and (max-width: 13680px)
{
	.bs {
		position: fixed;
		top: 5%;
		margin: 2px 25%;
		background: #fff;
		z-index: 9999;
		width: 421px;
		height: 410px;
		display:none;
		padding-top: 16px;
		padding-bottom: 16px;
		background: #eee;	
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border-radius: 15px;
		border:1px solid #ddd;

}
	
}
@media screen and (max-width: 1280px)
{ 
.chantrangmoi3 {
    float: left;
    width: 55%;
    padding-left: 2%;
    padding-top: 10px;
    min-height: 184px;
}
.colmask {
     
    margin-top: 140px !important;
}

}
@media screen and (max-width: 1010px)
{
.search-bt {
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-left: -106px;
}
#banner {
    width: 90%;
    position: fixed;
    background-color: #3b9ff5;
    height: 7%;
    z-index: 200;
    margin-top: 3%;
}
#km_moi_nhat {
    width: 100% !important;
    height: 38px !important;
    float: left;
    background-color: #fff !important;
    text-align: center !important;
   line-height: 20px !important;
    margin-right: 45px !important;
    
    margin-top: -10px !important;
}
 
.search-l
 {
    float: left;
    width: 62%;
}
.ip-search {
    float: left;
    width: 49%;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #b8b9cb;
}
.ip-dk {
    float: right;
    width: 18%;
    position: absolute;
    left: 77%;
    top: 11px;
}
.search-r {
    margin: 10px;
    padding-left: 71% !important;
    white-space: nowrap;
}
.search-l {
    float: left;
    width: 67% !important;
}
.search-bt {
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-left: -106px;
}
#banner {
    width: 90%;
    position: fixed;
    background-color: #3b9ff5;
    height: 15%;
    z-index: 200;
    margin-top: 3%;
}
#km_moi_nhat {
    width: 100% !important;
    height: 38px !important;
    float: left;
    background-color: #fff !important;
    text-align: center !important;
   line-height: 20px !important;
    margin-right: 45px !important;
    
    margin-top: -10px !important;
}
#menu_danhmuc a b,#km_moi_nhat a{font-size:11px !important;}
}


@media screen and (max-width: 801px)
{
.search-bt {
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-left: -106px;
}
#banner {
    width: 90%;
    position: fixed;
    background-color: #3b9ff5;
    height: 7%;
    z-index: 200;
    margin-top: 3%;
}
#km_moi_nhat {
    width: 100% !important;
    height: 38px !important;
    float: left;
    background-color: #fff !important;
    text-align: center !important;
   line-height: 20px !important;
    margin-right: 45px !important;
    
    margin-top: -10px !important;
}
.detali-detalt-sp img {width:100%;}
.search-l
 {
    float: left;
    width: 62%;
}
.ip-search {
    float: left;
    width: 49%;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #b8b9cb;
}
.ip-dk {
    float: right;
    width: 18%;
    position: absolute;
    left: 77%;
    top: 11px;
}
.search-r {
    margin: 10px;
    padding-left: 71% !important;
    white-space: nowrap;
}
.search-l {
    float: left;
    width: 67% !important;
}
.search-bt {
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-left: -106px;
}
 
#km_moi_nhat {
    width: 100% !important;
    height: 38px !important;
    float: left;
    background-color: #fff !important;
    text-align: center !important;
   line-height: 20px !important;
    margin-right: 45px !important;
    
    margin-top: -10px !important;
}
#menu_danhmuc a b,#km_moi_nhat a{font-size:11px !important;}
}

@media screen and (max-width: 768px)
{
	.warpt-10-10-2016,
	.conten-10-10-2016,
	.conten-10-10-2016 div
	{
		width:100% !important;
		float:left;
		margin:auto;
	
	}
	
	.colum-10-10-2016{
		width:100%;
		margin:auto;
		text-align:center;
	}
	.ro-style-2 img {
		margin-bottom: 15px;
		box-shadow: 3px 3px 5px #888888;
		transition: transform 0.2s ease, box-shadow 0.2s ease;
		will-change: transform;
	}
	.title-style-1-10-10{
		padding-top:15px !important;
	}
	.ro-style-2{
		padding-bottom:15px;
		margin-bottom:15px !important;
		border-bottom:1px solid #888;
		float:left;
		text-align:center;
		width:100%;
		display:block;
		z-index:0;
		position:relative;
	}
	.ro-style-1 {
		min-height: unset !important;
		padding-bottom:15px;
		z-index:9999;
		position:relative;
	}
	
	.ro-style-2 img:hover{
		

	}
	.title-box-10-10-2016{
		background:#017EFF;
	}
	
	.warpt-10-10-2016, .conten-10-10-2016 {
    width: 100%;
    float: left;
    display: block;
    font-family: arial;
    font-size: 12px;
}
#menu_danhmuc a b,#km_moi_nhat a{font-size:11px !important;}
.ip-search {
    float: left;
    width: 49%;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #b8b9cb;
}
.ip-dk {
    float: right;
    width: 18%;
    position: absolute;
    left: 77%;
    top: 11px;
}
.search-r {
    margin: 10px;
    padding-left: 71% !important;
    white-space: nowrap;
}
.search-l {
    float: left;
    width: 67% !important;
}
.search-bt {
    float: left;
    width: 100%;
    padding-top: 4px;
    margin-left: -106px;
}
#banner {
    width: 90%;
    position: fixed;
    background-color: #3b9ff5;
        height: 100px;
    z-index: 200;
    margin-top: 50px;
} 
.colmask {
    margin-top: 172px !important;
}
#km_moi_nhat {
    width: 100% !important;
    height: 38px !important;
    float: left;
    background-color: #fff !important;
    text-align: center !important;
   line-height: 20px !important;
    margin-right: 45px !important;
    
    margin-top: -10px !important;
}
.detali-detalt-sp img {width:100%;}
.search-l
 {
    float: left;
    width: 62%;
}

}

@media screen and (max-width: 650px)
{
	 .footer-bt .chantrangmoi11, .footer-bt .chantrangmoi12, .footer-bt .chantrangmoi13, .chantrangmoi11,.chantrangmoi13
	{
		margin-top:25px !important;
		
	}

	.danhmucthuonghieu1
	{display:block !important;}
	.chantrangmoi2 img{width:92%;    padding-left: 15px;}
.threecol
{right:0% !important;}
.avatar_products img {
    width: 53% !important;
    margin-top: 8px;
}
body{margin-left:0% !important;margin-right:0% !important;}
#antrenmt
{
display:block;
}
.logo a img{width: 80%; height: auto;}
.menu{width: 90%; height: auto;}
.footer-bt .chantrangmoi1 .chantrangmoi2, .footer-bt .chantrangmoi1, .chancucmoi img,.footer-bt .chantrangmoi11,.footer-bt .chantrangmoi12,.footer-bt .chantrangmoi13,.chantrangmoi3,.chantrangmoi2
{
float:left;
width:100% !important;
margin-left: 0px !important;
    margin-right: 0px !important;
}
 
 #main, #colwrap1,#colwrap2,#colwrap3,#colwrap4,#colwrap5,#colwrap6,#colwrap7,#colwrap8,#colwrap9,#colwrap10,#colwrap11,#colwrap12,#colwrap13,#main img,.Article_content img,.Article_content img a,.Article_content p,
{
width:100% !important;
 height:auto !important;
}
.Article_content
{
padding: 0px !important;
}
  /*** log_reg_flag  ***/
#log_reg_flag{
 width: 100%;
 position: fixed;
 background-color: #81C2FA;
}
.danhmucthuonghieu{
display:none;
}
.threecol .colleft
{
   right: 0%;
}
.hotro, #articleMenu
{ display:none;
}
.hotline
{
 float:left;
  }
   
.search-bt {
	display:none;
}
.logo{
	position:absolute;
	left:10px !important;
	width:100%;
}
.box-search {
	
    display:none;
	 
}

.ip-search {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	height: 38px;
	border-radius:10px;
	border:1px solid #b8b9cb;
}
.search-l input {
	display:none;
}
#banner{
		background-color: #3b9ff5;
	    z-index: 200;
		position:absolute;
  		  width: 100%;
margin-top: 11%;
height:30%;

	
}
.menu-left {
	 width: 100%;
}
.slide{
   display:none;
}
.noidunghome
{
display:none;

 }
.threecol .col2 {
	width:100%;			/* Width of left column content (column width minus padding on either side) 21 */
	left:0%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 31 */
}
.colmid {
	right:0%;	}
	
	 
.threecol .col1 {
	width:100%;			/* width of center column content (column width minus padding on either side) 46 */
	
}
.col2
{
  
 }
 .list_products ul.lt_pro li{
	width: 100%;
	border-right: 1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7;
	padding-bottom: 15px;
    height: 420px;
    margin-bottom: 5px;
    margin-left: 2px;
}
.title-list2 {
	display:none;
}
.title-list {
	float: left;
	width: 227px;
	font-size: 26px;
	font-weight: bold;
	color: #FF0000;
	boder-shadow:3px solid #fff;
	padding-left: 15px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.box-qc {
	display:none;
}
.f-top1 {
	display:none;
}
.f-top2 {
	display:none;
}
.f-top4 {
	display:none;
}
.f-ct1{
	width:100%;
	float:left;
}
.f-ct2 {
	float: left;
	width: 100%;
	padding-left: 2px;
}
.f-ct3 {
	float: left;
	width: 100%;
	padding-left: 5%;
}
.f-ct22
{
float:left;   
width: 100%;
padding-left: 2px;
text-align: left; 
}
.f-ct23
{
display:none !important;
} 
.lt_pro1 li{
	float: left;
	width: 100%;
	border:1px solid #3b9ff5;
	padding-bottom: 15px;
	margin:0.3% 0.5% !important;
    height: 340px;
}
.ct-tab-ser img,.zoomPad img
{
  width: 100% !important;
  height: auto !important;
    }
.top-sale img{
 display:none !important;
}
.img-details {
	width:100%;
	clear:both;
	float: left;
	position: relative; 
}
 
.ip-dk {
   display:none;
}
.detali-detalt-sp {
	float: left;
	width: 100%;
	padding-right: 50px;
	padding-left: 0px;
   
}
.detail-sp-right {
	float: left;
	width: 100%;
	border: 1px solid #CBCADA;
	border-radius:6px;
	padding-left: 15px;
	margin-left: -15px;
	
}
.product-cl-top1 {
	float: left;
	width: 100%;
	background-color: #3b9ff5;
	text-align: center;
	height: 40px;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 9px;
}
.product-cl-top2 {
	 display:none;
	 
}
.box-right2{
	display:none;
}
.box-new{
	width:100%;
	margin-top:10px;
}
.new2-paging {
	float: left;
	width: 100%;
	text-align: justify;
	margin-top: 20px;
	background:url(../images/rp-new.jpg) repeat-x center top;
	padding: 10px;
}
.colmid {
	right:0%;	}
	
	 
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	margin-bottom:20px;
}
.advertise
{
display:none;
}
detail-new-top img
{
 width: 100% !important;
 height: auto !important;
}
.list_products ul.lt_pro li .avatar_products img{
    width: 280px;
	max-height:250px;
}
#antrendt
{
display:none;
}
#timkiem_rebonsite{
		display:none;
		float:left;
		width:100%;
		background-color:#30A70C;
		line-height:40px;
		padding-bottom:10px;
		padding-top:7px;
	}
	#timkiem_rebonsite  select{
		height:30px;
		line-height:30px;
		margin-top:5px;
		display:block; 
		float:left;
		margin-left:10px;
		width:45%;
	}
	#timkiem_rebonsite  select  option {
		height:30px;
		line-height:30px;
		display:block;
		text-indent:5px;
	}
	
 
 
.top-sale{
display:none;
}
.Menufooter	{
display:block;
}
.menufooterul
{
background-color:#eee;margin-bottom:10px;padding-bottom:5px;
}
.menufooterul div
{
  border: solid 1px #dfdfdf;
  max-height: 74px;
  border-radius: 5px;
  text-align: center;
 
}
.menufooterul div a
{
  font-size:12px !important;
   float:center;
 
}
.menufooterul img
{
 
  max-height: 40px;
   width: auto;
   float:center;
}
.menufooterul .h {
  float: left;
  width: 23%;
  margin: 1%;
  height: 66px;
}
.sitemap_boundery{
  /* full design in Content/Sites/css/style.css, loaded after this file */
}
.threecol{

margin-top: 43% !important;
}
.locsanpham
{
display:none;
}
.footer-top {
	float: left;
	width: 99%;
	border-bottom: 0px solid #7ec0fa;
	border-top: 0px solid #7ec0fa;
	padding:10px 0;
	padding-left:1%;
}
}
@media screen and (max-width: 641px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    margin-top: 11%;
    height: 10%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15% !important;
    margin-top: 1%;
}

}
@media screen and (max-width: 601px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    margin-top: 12%;
    height: 26%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15% !important;
    margin-top: 21%;
}
.threecol {
    margin-top: 43% !important;
}
}
@media screen and (max-width: 530px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    height:23%;
    margin-top: 14%;
}

.threecol {
    margin-top: 48% !important;
}

.tab-detail-service
{
	
    width: 94% !important;}
.product-cl
{
	
    width: 94% !important;}
}
@media screen and (max-width: 500px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    height:22%;
    margin-top: 15%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15%;
    margin-top: 21%;
}
.threecol {
    margin-top: 50% !important;
}

.tab-detail-service
{
	
    width: 94% !important;}
.product-cl
{
	
    width: 94% !important;}
}
@media screen and (max-width: 480px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    height:13%;
    margin-top: 15%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15%;
    margin-top: 11%;
}
.threecol {
    margin-top: 49% !important;
}
}
@media screen and (max-width: 440px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    height: 123px;
    margin-top: 96px;
}
.title_cate
{
display:none;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15%;
    margin-top: 73px;
}
.threecol {
    margin-top: 245px!important;
}

.tab-detail-service
{
	
    width: 94% !important;}
.product-cl
{
	
    width: 94% !important;}
}

 @media screen and (max-width: 415px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100%;
    height:100px;
    margin-top: 98px;
}
.title_cate
{
display:none;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    top: 15%;
    margin-top: 70px;
}
.threecol {
        margin-top: 232px !important;
}

.tab-detail-service
{
	
    width: 94% !important;}
.product-cl
{
	
    width: 94% !important;}
}
 @media screen and (max-width: 411px)
{
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    
    margin-top: 78px;
}
}
@media screen and (max-width: 360px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100% !important;
        height: 90px;
    margin-top: 100px;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
     
    margin-top: 94px !important;
}
.threecol {
        margin-top: 244px !important;
}
.share2 {	 
	width: 100% !important;}
.share2 a img{width:100% !important;}
 
#antrenmt{    font-size: 12px;}

}
@media screen and (max-width: 330px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100% !important;
    height:15%;
    margin-top: 23%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
     
    margin-top: 30%;
}
.threecol {
    margin-top: 62% !important;
}
.share2 {	 
	width: 100% !important;}
.share2 a img{width:100% !important;}
 
#antrenmt{    font-size: 12px;}

}
@media screen and (max-width: 321px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100% !important;
    height: 86px;
    margin-top: 104px;
}
.threecol {
    margin-top: 226px !important;
}
.detali-detalt-sp {
    float: left;
    width: 100%;
    padding-right: 50px;
    padding-left: 10px;
}
.img-details,.tab-detail-service,.list-muchen
{
	  padding-left: 10px;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    margin-top: 87px !important;
}
}

@media screen and (max-width: 280px)
{
#banner {
    background-color: #3b9ff5;
    z-index: 200;
    position: absolute;
    width: 100% !important;
    height: 22%;
    margin-top: 28%;
}
#menu_search {
    height: 35px;
    margin-bottom: 10px;
    background-color: #cbcada;
    width: 100%;
    z-index: 200;
    position: absolute;
    margin-top: 35% !important;
}
.threecol {
    margin-top: 68% !important;
}
.hotline
{font-size:10px !important;}

}

/* Global Readmore Buttons Modern Styles */
.readmore-btn {
    display: inline-block !important;
    background-color: #fff !important;
    border: 2px solid #b70819 !important;
    color: #b70819 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 30px !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 10px rgba(183, 8, 25, 0.05) !important;
    margin: 15px auto !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    min-height: unset !important;
}
.readmore-btn:hover {
    background-color: #b70819 !important;
    color: #fff !important;
    box-shadow: 0 6px 15px rgba(183, 8, 25, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* Modern News List Styles */
.box-new {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}
.list-new {
    background: #fff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 15px !important;
    display: flex !important;
    gap: 20px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02) !important;
}
.list-new:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
    border-color: #b70819 !important;
}
.list-new .img-n1 {
    width: 220px !important;
    height: 140px !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}
.list-new .img-n1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.3s !important;
}
.list-new:hover .img-n1 img {
    transform: scale(1.05) !important;
}
.list-new-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.list-new h2 {
    margin: 0 0 10px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}
.list-new h2 a {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
.list-new h2 a:hover {
    color: #b70819 !important;
}
.list-new .readmore-link {
    align-self: flex-start !important;
    color: #b70819 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.list-new .readmore-link:hover {
    text-decoration: underline !important;
}

/* Call-out Pulse Animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* Premium Pagination Styles (.paging) */
.paging {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 25px 0 !important;
    margin: 20px auto !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
.paging span {
    font-weight: 700 !important;
    color: #555 !important;
    margin-right: 12px !important;
    font-size: 14px !important;
    float: none !important;
    display: inline-block !important;
}
.paging li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    height: auto !important;
    color: #888 !important;
    font-weight: 600 !important;
}
.paging li a {
    display: inline-flex !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #fff !important;
    color: #4a5568 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    line-height: 1 !important;
}
.paging li a:hover {
    background-color: #fff5f5 !important;
    border-color: #b70819 !important;
    color: #b70819 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(183, 8, 25, 0.12) !important;
}
.paging li.active a,
.paging li.active a:hover {
    background-color: #b70819 !important;
    border-color: #b70819 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(183, 8, 25, 0.25) !important;
    transform: none !important;
}
.paging li.dots span {
    display: inline-flex !important;
    min-width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b0b7c3 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
}
.paging li.prev a,
.paging li.next a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #4a5568 !important;
}
.paging li.prev a:hover,
.paging li.next a:hover {
    background-color: #b70819 !important;
    border-color: #b70819 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(183, 8, 25, 0.25) !important;
    transform: none !important;
}
.paging li.disabled span {
    display: inline-flex !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #f5f6f8 !important;
    color: #cbd2da !important;
    border: 1px solid #edf0f3 !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: not-allowed !important;
}
@media (max-width: 480px) {
    .paging {
        gap: 4px !important;
        padding: 16px 0 !important;
    }
    .paging li a,
    .paging li.disabled span,
    .paging li.dots span {
        min-width: 32px !important;
        height: 32px !important;
        padding: 0 8px !important;
        font-size: 12.5px !important;
    }
}

/* Brand & Press Logos Styling - Evenly distributed Grid */
.top-wrapper.brand-logos,
.brand-logos {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 10px !important;
    margin: 10px 0 20px 0 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    align-items: center !important;
    clear: both !important;
}

.top-wrapper.press-logos,
.press-logos {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 10px !important;
    margin: 10px 0 20px 0 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    align-items: center !important;
    clear: both !important;
}

.logohang {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    width: 100% !important;
    height: 60px !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease-in-out !important;
    float: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.logohang:hover {
    border-color: #0068ff !important;
    box-shadow: 0 4px 12px rgba(0, 104, 255, 0.15) !important;
    transform: translateY(-2px) !important;
}

.logohang img {
    max-width: 100% !important;
    max-height: 44px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 992px) {
    .top-wrapper.brand-logos,
    .brand-logos {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
}

@media (max-width: 576px) {
    .top-wrapper.brand-logos,
    .brand-logos {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
        padding: 6px 4px !important;
    }
    .logohang {
        height: 50px !important;
        padding: 4px 6px !important;
    }
    .logohang img {
        max-height: 34px !important;
    }
}