/* ---------------------bootrap.min------------------ */


/* ---------------------end-bootrap.min------------------ */
*{
    margin: 0;
    padding: 0;
}
header, nav{
    /* canh giĂ¡Â»Â¯a cĂ¡ch lĂ¡Â»Â mĂ¡Â»â€”i bĂªn 10% */
 
}
.mainheader .hederlogo a {
    color: #fff;
    font-size: 22px;
	font-weight:600;
}
.mainheader .hederlogo a:hover {
    color: #ffd200;
}
.mainheader
{
    width: 100%;
    float: left;
    background: #232323;
    background: #;
    height: 67px;
    position: absolute;
    padding-top: 25px;
    z-index: 99999;
    top: 0;
    left: 0;
}
.hederlogo{
 	width: 40%;
    float: left;
	margin-top: 6px;
}
.hedersearch{  
	width: 25%;
    float: left;
}
.textsearch{width: 80%;float:left;height: 23px;}
.btsearch{width: 18%;float:right;width: 50px;}
.hederhotline
{
	width: 30%;
    float: right;
    color: #ffd200;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    font-size: 16px;
}
	
nav{
    box-shadow: #c9c9c9 0px 3px 5px; /*tĂ´ mĂ u cho menu cha*/
    border-radius: 5px; /* bo gĂ³c */
	border-right: 3px solid #ffd200;
	float: left;
	margin-top:90px;
	width: 100%;
	 z-index: 100000;
}
nav ul{
    display: flex;
}
nav> ul li{
    list-style: none; /* bĂ¡Â»Â dĂ¡ÂºÂ¥u chĂ¡ÂºÂ¥m mĂ¡ÂºÂ·c Ă„â€˜Ă¡Â»â€¹nh cĂ¡Â»Â§a li */
    /* kĂ¡ÂºÂ» Ă„â€˜Ă†Â°Ă¡Â»Âng bĂªn trĂ¡i vÄ‚  bĂªn phĂ¡ÂºÂ£i cĂ¡Â»Â§a li */
 
   
}
/* tĂ­n thĂªm */
.bgr-menu{
	background: #f7f7f7;
    width: 100%;
    left:0%;
    height: 50px;
    position: absolute;
}
nav> ul li a{
    display: inline-block;
	padding: 15px 8px 15px 8px;
    line-height: 20px;
    color: #484848;
	font-family:arial; 
	font-weight:500;
    text-decoration: none;
	width: 100%;
}
.colsm4 img{
		width:90%;
	}
.iconmenuhang{text-align: center; PADDING-TOP: 16px;padding-right: 10px;    font-size: 16px;    font-weight: bold; }
/* ---- */

nav> ul li a{
    display: inline-block;
	padding: 15px 8px 15px 8px;
    line-height: 20px;
    color: #484848;
	font-family:arial; 
	font-size:14px; 
	font-weight:500;
    text-decoration: none;
	width: 100%;
}
nav > .menusp a{
	padding:3.7%;
}
@media all and (min-width:990px) and (max-width:1200px){
nav> ul li a{
	padding: 15px 10px 15px 10px;
	font-size:13px;
}
nav > .menusp a{
	padding:3.3%;
}
.iconmenuhang{PADDING-TOP: 14px; font-size: 14px;}
}
@media all and (min-width:768px) and (max-width:989px){
nav> ul li a{
	padding: 15px 5px 15px 5px;
	font-size:11px; 
}
nav > .menusp a{
	padding:3%;
}
.iconmenuhang{PADDING-TOP: 18px;font-size: 12px;}
}
/* tĂ­n thĂªm */

/* ---- */
.menusp > ul li:first-child a{
	padding-bottom:20px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.menuhang{
	background:#ffd200;height: 50px;
}

/* Khi hover Ă„â€˜Ă¡ÂºÂ¿n li, tĂ´ mÄ‚ u cho thĂ¡ÂºÂ» a */
nav ul li:hover>a{    font-weight:550;    color:#ffd200;}
/*menu con*/
/*Ă¡ÂºÂ¨n cĂ¡c menu con cĂ¡ÂºÂ¥p 1,2,3*/
nav li ul{    display: none;    min-width: 200px;    position: absolute;}
nav li>ul li{    width: 100%;    border: 1px solid #dfdfdf; margin-left:-1px;    text-align: left;}
nav li>ul li:first-child a{	    border-bottom-left-radius: 0px;    border-top-left-radius: 0px;}
nav li>ul li:last-child {    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}
nav li>ul li:last-child a{    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}
/*khi hover thì hiĂ¡Â»â€¡n menu con*/
nav  li:hover > ul{    display:  block;
}

/*HiĂ¡Â»Æ’n thĂ¡Â»â€¹ menu con cĂ¡ÂºÂ¥p 2,3,4 bĂªn cĂ¡ÂºÂ¡nh phĂ¡ÂºÂ£i*/
nav > ul li > ul li >ul{
	margin-left: 290px;
    margin-top: -50px;
}
#dmsp > li > a{
	background:#ffd200;
	font-weight:550;
	width:93%;
}
img:hover{opacity: .8; }
a :hover{
		color:#ffd200;
	}
/* menu dĂ¡Â»Âc c2 */
.menusp li:hover > .menudoc-c2{
	display: block;
    z-index: 999;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-left:240px;
    margin-top:-40px;
}
.menudoc-c2{
	padding:15px;
	width: 350px ;
	left:17px ; 

}

.menudoc-c2 a{
	padding:15px;
	line-height:1px;
}
.menusp li:hover > .menudoc-c2 > li { 
	padding:5px 0px 5px 0px;
    border-bottom: 1px solid #e0e0e0;
    border-top: 0px solid #e0e0e0;
    border-right: 0px solid #e0e0e0;
    border-left: 0px solid #e0e0e0;
	line-height:20px;
}
.menusp li:hover > .menudoc-c2 > li:hover { /* rĂª chuĂ¡Â»â„¢t tĂ´ mÄ‚ u cho menu dĂ¡Â»Âc c2 */
color:#ffd200;

}


/* menu dĂ¡Â»Âc c3 */
 .menusp li:hover > .submenu-c3-1 { /* box chĂ¡Â»Â©a menu */
	display: block;
    width:250px;
    position: absolute;
    z-index: 999;
	padding:20px;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-top:-39px;
   left:-30%;
}
.menusp li:hover > .submenu-c3-1 > li { 
padding:5px 0px 5px 0px;
	border-bottom: 1px solid #e0e0e0;
    border-top: 0px solid #e0e0e0;
    border-right: 0px solid #e0e0e0;
    border-left: 0px solid #e0e0e0;
	line-height:30px;
}
.menusp .submenu-c3-1 > li:hover{
	color:#ffd200;
}
.menusp .submenu-c3-1 > li{
	color:#000;
	
}
/* -----end menu dĂ¡Â»Âc c3---- */
.row{
	width:100%;
}

.colsm3{
	width:24.99%;
	float:left;
}
.colsm3> li {
	border-bottom: 1px solid #f5f0f0e0;
    border-left: 0px solid #f5f0f000;
    border-right: 0px solid #f5f0f000;
    border-top: 0px solid #f5f0f000;
	line-height: 30px;
}
.colsm12{
	width:100%;
}
.colsm4{
	width:32%;
	padding-left:5px;
	float:left;
}

.colsm4 > li {
	border-bottom: 1px solid #f5f0f0e0;
    border-left: 0px solid #f5f0f000;
    border-right: 0px solid #f5f0f000;
    border-top: 0px solid #f5f0f000;
	line-height: 30px;
}
.submenu-c3 > li  {
	border-bottom: 1px solid #f5f0f0e0;
    border-left: 0px solid #f5f0f000;
    border-right: 0px solid #f5f0f000;
    border-top: 0px solid #f5f0f000;
	
}
.colsm2{
	width:48%;
	padding-left:5px;
	float:left;
}
.colsm2 > li {
	border-bottom: 1px solid #f5f0f0e0;
    border-left: 0px solid #f5f0f000;
    border-right: 0px solid #f5f0f000;
    border-top: 0px solid #f5f0f000;
	line-height: 30px;
}

/* ----mobile menu dĂ¡Â»Âc ---- */


/* end mobile menudoc */
.menusp > li > a:first-child{	color:#000;}
.menusp{ width:25%;float: left;}
.menusp hover{}
.menusp li{width:100%; border-top:none;float: left; z-index:9999;}
.listsp { display: block;  min-width: 99px; position: absolute;    width: 19%;    background: white;}
.listsp li a{color: #484848  !important;;}
.menumobile { display: none;}
.opmenumobile { display: none;}
.clmenumobile { display: none;}

.divdmn{ width: 22%; float: left; padding: 0px 10px 0px 10px; }
.divdmn img{width:90%; }
.divdmn a{ display: flex; padding: 10px 0px 10px 0px !important; text-transform: uppercase !important;}
.menuchinh{	height:50px;}
.menutong{
display:none;	
}
.hwi{	height:185px;}
.hwi a{ display: flex; padding: 10px 0px 10px 0px !important; text-transform: uppercase !important;}
.hwi span{ text-transform: uppercase !important; padding: 10px 0px 10px 0px !important;}
.ullienhe{width:400px !important ;right:0px;
	float:right;
	border-bottom:1px solid #e0e0e0;
	border-top:0px solid #e0e0e0;
	border-right:0px solid #e0e0e0;
	border-left:0px solid #e0e0e0;
	margin-left:1px;}
.ulsanpham{width: 700px;    left: -100px;	}	
.ultuvan{width:900px;	}
.rightlb{background-image: url("icon/right2.webp"); 
    background-repeat: no-repeat;
    height: 8px;
    float: right;
    overflow: hidden;
    padding-right: 17px;
    margin-top: -19px;}
.lbhot{
	background: #ff0707;
   background-repeat: no-repeat;
    height: 15px;
    float: right;
	 font-weight: bold;
    overflow: hidden;
    padding-right: 4px;
    color: white;
    margin-top: 6px;
}
.lbnew{
    background: #fd059a;
    color: white;
    font-weight: bold;
    height: 15px;
    float: right;
    padding-right: 6px;
    margin-top: -11px;
}
.ullienhe li{	
	border-bottom:1px solid #e0e0e0;
	border-top:0px solid #e0e0e0;
	border-right:0px solid #e0e0e0;
	border-left:0px solid #e0e0e0;
	}
.tv-lapcam
{z-index:9999; }
.tv-lapcam li:first-child{
	font-size:14px;
	text-align:center;
	padding-bottom:20px;
	font-weight:550;
}
/* menu ngang c2 tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera */
.tv-lapcam a{
	padding: 0px;
	text-align:left;
	font-size:14px;
	line-height:15px;
	width:100%;
}

.menuchinh li:hover > .tv-lapcam {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	width:770px;
	position:absolute;
	box-shadow: #656565 0px 0px 5px;
	background:#fff;
	padding:20px;
}
.menuchinh li:hover > .ulsanpham {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    left: 82%;
}
.ultronbo {  
	background: #fff;
   width: 850px;
   
}
.ulhang {  
	background: #fff;
    width: 550px;
 
}

.ulth {  
	
    width: 350px;
 
}
 .menuchinh li:hover > .uldv {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-98px;
		
}
 .menuchinh li:hover > .ultuvan {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-221px;
		
}
 .menuchinh li:hover > .ulsanpham {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-455px;
		
}
 .menuchinh li:hover > .ulwifi {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-469px;
		
} 


.title-sp a{
	text-align:left;

}
.title-sp img{
	max-width:95%;
}

/* menu ngang c3 tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera */
.menuchinh li:hover > .submenu-c3 {  /* box chĂ¡Â»Â©a menu c3 (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	display: block;
    width:250px;
    position: absolute;
    z-index: 999;
	padding:20px;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-top:-40px;
	left:-60%;
}
.menuchinh li:hover > .submenu-c3 > li { 
padding:5px 0px 5px 0px;
border:none;
}
.menuchinh li:hover > .submenu-c3 > li:hover { /* rĂª chuĂ¡Â»â„¢t tĂ´ mÄ‚ u cho menu ngang c3 */
color:#ffd200;
}
/* ------------- */
/* menu ngang c3 huong dan lap camera (tu van lap camera )*/
 .menuchinh li:hover > .submenu-c3-1 {  /* box chĂ¡Â»Â©a menu c3 (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	display: block;
    width:250px;
    position: absolute;
    z-index: 999;
	padding:20px;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-top:-40px;
   left:-85%;
}

.menuchinh li:hover > .submenu-c3-1 > li { 
padding:5px 0px 5px 0px;
border:none;
}
.menuchinh li:hover > .submenu-c3-1 > li:hover { /* rĂª chuĂ¡Â»â„¢t tĂ´ mÄ‚ u cho menu ngang c2 HUONG DAN LAP CAMERA */
color:#ffd200;
}


/* ---- */
.menuchinh li{
	position:relative;

}
/* tiĂªu Ă„â€˜Ă¡Â»Â menu  */
.title-menu{
		text-align:left;
		font-size:15px;
		font-weight:650;
		padding-bottom:6px;
		border-bottom:2px solid #e0e0e0;
		text-transform: uppercase;
	}
.title-menu a{
		text-align:left;
		font-size:15px;
		font-weight:650;
		padding-bottom:6px;
		text-transform: uppercase;
	}
.title-menu a :hover{
		color:#ffd200;
	}
/* --------- */
.iconri{display: none;}
@media all and (min-width:990px) and (max-width:1200px){

.menudoc-c2{
	left: 20px ;
}
.menuchinh li:hover > .tv-lapcam {
	width:700px;
	left: 82%;
    top: 100%;
}
.menuchinh li:hover > .ulsanpham {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
margin-left:-310px;
}
.menuchinh li:hover > .ulwifi {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	margin-left:-390px;
}
.menuchinh li:hover > .ullienhe { 
width:250px;
margin-left:-10px;
}
.listsp { width: 24%;}
/* mobimenudoc */
.menusp li:hover > .menudoc-c2{
	margin-top: -36px;
    margin-left: 220px;
}
.ultronbo{
	width: 695px;
}
.ulhang{
	width: 695px;
}
.title-menu a{
		text-align:left;
		font-size:12px;
	}
	.title-menu {
		text-align:center;
		font-size:12px;
	}
.menuchinh li:hover > .uldv {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-188px;

}
 .menuchinh li:hover > .ultuvan {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-332px;
}
 .menuchinh li:hover > .ulsanpham {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-427px;
}
 .menuchinh li:hover > .ulwifi {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-548px;	
} 
 .menuchinh li:hover > .ullienhe {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-408px;	
} 
.title-sp{
	padding-left:10px;
}
.colsm3{
	width:23%;
}
.tv-lapcam a {
	font-size:12px;
}
.divdmn img {
    width: 90%;
}
.hwi {
    height: 150px;
}
}
@media all and (min-width:768px) and (max-width:991px){

.hederlogo
{ width: 30%;
}
.hedersearch
{width: 40%;}

.hederhotline
{width: 20%;}
.listsp { width: 24%;}

.menusp li:hover > .menudoc-c2{
	margin-top: -32px;
    margin-left: 170px;
}
.ultronbo{
	width: 532px;
}
.ulhang{
	width: 532px;
}
.title-menu a{
		text-align:left;
		font-size:12px;
		
	}

	.menuchinh li:hover > .uldv {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-70px;
				width: 520px;
}
 .menuchinh li:hover > .ultuvan {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-160px;
				width: 520px;
}
 .menuchinh li:hover > .ulsanpham {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-331px;
				width: 520px;
}
 .menuchinh li:hover > .ulwifi {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-340px;	
				width: 520px;
} 
 .menuchinh li:hover > .ullienhe {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	    margin-left:-408px;	
				width: 520px;
} 
.divdmn {
    width: 21%;
}
.uldv a {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
}
.ultuvan a {
    font-size: 12px;
}
.ulsanpham a {
    font-size: 12px;
}
.ulwifi a {
    font-size: 12px;
}
.ullienhe a {
    font-size: 12px;
}
.hwi {
    height: 120px;
}
/* -----end menu dĂ¡Â»Âc c2---- */
}
@media all and (max-width: 480px){
	/* mobile mn tu van lap canera */
	.hederhotline {
    width: 30%;
    float: right;
    color: #ffd200;
	}
	.mainheader .hederlogo a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}
	.textsearch {
    width: 50%;
    float: left;
    height: 20px;
	margin-left:110px;
}
.btsearch {
    float: right;
    width: 40px;
    height: 24px;
}
.mainheader {
    height: 30px;
	background:none;
}
.header-fixed{
	background: #232323;
    box-shadow: #656565 0px 0px 5px;
    width: 100%;
    height: 50px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.hederlogo a{
    font-size: 12px;
    width: 40%;
    margin-left: 2px;
    position: fixed;
	color:#fff;
    top: 0px;
    padding: 8px 5px 5px 10px;
    right: 0px;
    z-index: 999999;
}
.hedersearch{   
	width: 100%;
    margin-left: -55px;
    margin-top: 32px;}
.hederhotline {
	width: 34%;
    top: 28px;
    right: 0;
    font-size: 12px;
    position: fixed;
    padding: 0px;
    z-index: 999999;
}
.mntong{
	background:#656565;
	width:30px;
	height:30px;
	top:10px;
	left:8px;
	position: fixed;
	border-radius:5px;
    z-index: 99999;
}

.mntong img{
    margin-left: 8px;
    width: 50%;
    margin-top: 10px;
}
.mntong:hover li{
	display:block;
}
.mntong li{
	display:none;
}
.menutong{
	background:#ffd200;
	padding:15px 10px 15px 10px;
	display:block;	
	margin-top: -40px;
}
.bgr-menu{
		display:none;
}

.colsm2	{
	width:100%;
}

.iconri{display: block;    display: block;    margin-right: 24px;    float: right;
    margin-top: -22px;   float: right;}	
.colsm4{float:none;width:100%;}
.colsm3{float:none;width:100%;}

.divdmn{  padding: 0px 5px 0px 5px; }
.menudoc-c2{
	width: 314px !important;
    margin-top: 20px;
    margin-left: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    left: 54px;
    height: 300px;
    position: fixed;
}
.ulth {
  left: 50px;
}
.menusp li{
	background:none;
}

.submenu-c3-1 { /* box chĂ¡Â»Â©a menu */
	width:235px !important;
	margin-top:30px;
   margin-left:75px;
}
.submenu-c3-1 a{
	font-size:13px;
	color:#000;
	font-weight:500;
}
nav> ul li a{
	color:#fff;
	font-size:12px;
	padding:5px;
	font-weight:550;
}

.menuchinh li:hover > .tv-lapcam {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	width:250px;
	z-index:9999;
	margin-top: 30px;
    margin-left: 0px;
}

.tv-lapcam{overflow:scroll; height:350px; width: 260px !important;}
.tv-lapcam li{
	background:none;
	font-size:13px;
}
.tv-lapcam a{
	font-size:12px;
	color:#000;
	font-weight:500;
}
.tv-lapcam li:first-child {
	text-align:left;
	font-size:12px;
}

.menuchinh li:hover > .submenu-c3 {  /* box chĂ¡Â»Â©a menu c3 (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	display: block;
    width:20px;
    position: absolute;
    z-index: 999;
	padding:20px;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-top: 30px;
    margin-left: 142px;
}
.menuchinh li:hover > .ulsanpham{
	margin-left:-247px;
}
.divdmn a {
    font-size: 10px;
    margin-top: -15px;
    font-weight: 550;
}
.title-sp img{
	max-width:50%;
	padding-bottom: 10px;
	
	
}
.title-sp{
	border-bottom:1px solid #dfdfdf;
	padding:10px 0px 10px 10px;
}
.title-menu > a {
    font-weight: 750;
	font-size:12px;
    padding-top: 20px;
}
.title-menu{
	font-size:12px;
	text-align:center;
}
.divdmn{
	width:42%;

}

#dmsp > li > a{

	width:100%;
}
nav{
	border: none;
    box-shadow: none;
    width: 93%;
    margin-left: 13px;
}
	
nav ul{ display: grid;}
.menumobile { display: block; width:100%; float: none;}
.opmobilesp{     
	display: block;
    background: #727272;
	color:#fff;
    width: 22%;
    padding: 5px 5px 5px 0px;
    float: right;
    height: 20px;
    position: fixed;
    left: 113px;
    top: 10px;
    z-index: 9999;}
.opmobilesp img{
	float: right;
    margin-top: -12px;
    width: 19%;
}
.opmobilesp > span{
margin-top: 5px;
    font-weight: 550;
    padding: 0px;
    font-size: 10px;
    float: left;
}
.clmobilesp{position:fixed;display:none;z-index:99999; margin-top:48px;float: right;margin-left:220px;}
.opmenumobile{     display: block;
    background: #ffd200;
    padding: 5px 8px 5px 5px;
    width: 16%;
    height: 20px;
    top: 10px;
    margin-left: 35px;
    float: left;
    z-index: 9999;
    position: fixed;}
.boxslide{
	padding-top:10px;
}
.opmenumobile img{
	float: right;
    margin-top: 7px;
    width: 25%;
}
.opmenumobile > span{
margin-top: 5px;
    font-weight: 550;
    padding: 0px;
    font-size: 10px;
    float: left;
}

.clmenumobile {
    position: fixed;
    display: none;
    z-index: 99999;
    margin-top: 5px;
    float: right;
    margin-left: 240px;
}
.clmenumobile img{margin-top:50px;}
	.menuchinh li:hover > .ullienhe {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	margin-top:0px;
}	
.menuchinh{position:fixed;width: 90%; width: 90%; margin-top: 0px; left: 0%;z-index:99;background:#ffd200;text-align:left; display:none;height: 39px}
.menuchinh li{ background:#404040;border: 1px solid #dfdfdf;}
.menuchinh li:first-child{padding:5px 0px 5px 0px;}
.menuchinh li > ul li{ background:none;}
.menusp li > ul li{ background:none;line-height: 33px;}
.menusp{    
	top: 50px;
    position: fixed;
    width: 80%;
    left: 0;
    z-index: 9999;
    display: none;
	
	}
.menusp li{background:#404040; }
.listsp {  width: 100%;overflow-y:scroll;overflow-x:hidden;box-shadow: #000 0px 0px 2px;height: 370px;}	
.listsp li a {
    font-size: 12px;
}
	/* mobile menusp */
.menusp li:hover > .ultronbo {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
margin-top:-34px;
	margin-left:0px;
}	
	.menusp li:hover > .ulhang {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	margin-top: 30px;
    margin-left: -30px;
}	

	.menudoc-c2 > li > a{
		color:#000;
	}
	.ulhang {
		width:64%;
	}
	.menusp .ulhang .title-menu {
		font-size:14px;
		line-height:20px;
		padding:5px;
		margin-left: -5px;
		background:#ffd200;
	}
	.menusp li:hover > .menudoc-c2 {
	    margin-top: 25px;
		box-shadow: #656565 0px 0px 3px;
		margin-left: -60px;
	}
		.menusp li:hover:last-child > .menudoc-c2 {
	    margin-top: -10px;
		margin-left: -60px;
	}
	
		/* mobile menusp */

.boxslide{
	padding-top:10px;
}

}

@media all and (min-width: 481px) and (max-width: 767px){
	.mainheader .hederlogo a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.mainheader{
background:none;
}
.textsearch{
	width: 38%;
    height: 25px;
    margin-left: 230px;
}
.hedersearch{
	
	margin-left:-120px;
}
.hederlogo
{
    width: 35%;
    margin-left: 2px;
    font-size: 11px;
    position: fixed;
    top: 0px;
    padding: 9px 10px 5px 10px;
    right: 0px;
	z-index: 999999;
}

.hedersearch
{width: 100%;margin-top:40px;}
.hederhotline {
    width: 28%;
    padding-bottom: -32px;
    top: 25px;
    right: 0;
	color:#ffd200;
    position: fixed;
    padding: 10px 10px 6px 5px;
    z-index: 999999;
}
.bgr-menu{
		display:none;
}

.colsm2	{
	width:100%;
}

.iconri{display: block;    display: block;    margin-right: 24px;    float: right;
    margin-top: -22px;   float: right;}	
.colsm4{float:none;width:100%;}
.colsm3{float:none;width:100%;}

.divdmn{  padding: 0px 5px 0px 5px; }
.menudoc-c2{
	width: 250px !important;
    margin-top: 20px;
    margin-left: 0px;
    position: fixed;
    overflow-y: scroll;
	height:270px;
    left: 309px;
    top: 164px;
}
.menusp li:hover > .menudoc-c2 {
	padding-top:30px;
}
.listsp li:last-child{
	padding-bottom:60px;
}
.ulth {
top: 145px;
    left: 68px;
}
.menusp li:hover > .menudoc-c2 > li:last-child {
	padding-bottom:50px;
}
.menusp li{
	background:none;
}
.submenu-c3-1 { /* box chĂ¡Â»Â©a menu */
	width:235px !important;
	margin-top:30px;
   margin-left:75px;
}
.submenu-c3-1 a{
	font-size:13px;
	color:#000;
	font-weight:500;
}
nav> ul li a{
	color:#fff;
	font-size:12px;
	padding:5px;
	font-weight:550;
}

.menuchinh li:hover > .tv-lapcam {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	width:250px;
	z-index: 9999;
    left: 405px;
    top: -85px;
}
.menuchinh li:hover > .uldv {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
 height:205px;
 overflow-y:scroll;
 overflow-x:hidden;
}
.menuchinh .colsm12 {
    padding-bottom: 70px;
}
.tv-lapcam{overflow:scroll; height:350px;left: 52px; width: 260px !important;}
.tv-lapcam li{
	background:none;
	font-size:13px;
}
.tv-lapcam a{
	font-size:13px;
	color:#000;
	font-weight:500;
}
.tv-lapcam li:first-child {
	text-align:left;
	font-size:12px;
}
.menuchinh li:hover > .submenu-c3 {  /* box chĂ¡Â»Â©a menu c3 (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	display: block;
    width:20px;
    position: absolute;
    z-index: 999;
	padding:20px;
	background:#fff;
	box-shadow: #c9c9c9 0px 0px 5px;
	margin-top: 30px;
    margin-left: 142px;
}
.menuchinh li:hover > .ulsanpham{
	display:block;
	margin-left: -98px;
    margin-top: -65px;
}
.menuchinh li:hover > .ultuvan{
	margin-left: -98px;
    margin-top: -30px;
}
.menuchinh li:hover > .ulwifi {
    margin-left: -98px;
    margin-top: -96px;
}
.menuchinh li:hover > .ullienhe {
    margin-left: -98px;
    margin-top: -126px;
}
.menuchinh li:hover > .submenu-c3 > li{
	padding:0px;
}
.hwi:last-child{
	padding-bottom:70px;
}
.colsm:last-child {
    padding-bottom: 70px;
}
.title-menu > a{
	font-weight:750;
	padding-top:20px;
}
.colsm4:first-child{
	margin-top:-40px;
}
.colsm3:last-child{
	padding-bottom:0px;
}
.colsm2:last-child{
	padding-bottom:50px;
}
.title-menu{
	font-size:14px;
	border-bottom:none;
}
.title-sp img{
	max-width:50%;
	padding-bottom: 10px;
	
	
}
.title-sp{
	border-bottom:1px solid #dfdfdf;
	padding:10px 0px 10px 10px;
}

.divdmn{
	width:100%;
	height:25px;
	border-bottom:1px solid #dfdfdf;
	padding-top:10px;
}
.divdmn a{
	text-transform: capitalize;
	font-size:12px;
	margin-top:-15px;
	font-weight:550;
}
.divdmn a:hover{
margin-left:10px;
transition: .5s;
}
.divdmn img{
	display:none;
}
#dmsp > li > a{

	width:100%;
}
nav{
	border: none;
    box-shadow: none;
    width: 93%;
    margin-left: 13px;
}
	
nav ul{ display: grid;}
.header-fixed{
	background: #232323;
    box-shadow: #656565 0px 0px 5px;
    width: 100%;
    height: 60px;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.menumobile { display: block; width:100%; float: none;}
.mntong{
	background:#656565;
	width:40px;
	height:40px;
	top:10px;
	left:13px;
	position: fixed;
	border-radius:5px;
    z-index: 99999;
}

.mntong img{
 margin-left:10px;
 margin-top:12px;
}
.mntong:hover li{
	display:block;
}
.mntong li{
	display:none;
}
.opmobilesp{     display: block;
    background: #727272;
    width: 20%;
    padding: 5px 5px 5px 5px;
    float: right;
    height: 28px;
    position: fixed;
    left: 170px;
    top: 11px;
    z-index: 9999;}
.opmobilesp img{
	    float: right;
		margin-top:-15px;
	}
	.opmobilesp > span{
	font-weight:550;
	margin-top: 5px;
	color:#fff;
    padding: 0px 5px;
	font-size:12px;
    float: left;
}
.clmobilesp{position:fixed;display:none;z-index:99999; margin-top:48px;float: right;margin-left:250px;}
.opmenumobile{     display: block;
    background: #ffd200;
    padding: 5px 8px 5px 5px;
    width: 15%;
    height: 28px;
    top: 11px;
    margin-left: 50px;
    float: left;
    z-index: 9999;
    position: fixed;}
.boxslide{
	padding-top:10px;
}
.opmenumobile img{
	margin-top: -15px;
    float: right;
}
.opmenumobile > span{
	margin-top: 5px;
	font-weight:550;
    padding: 0px 5px;
	font-size:12px;
    float: left;
}
.clmenumobile{position:fixed;display:none;z-index:99999; margin-top:45px;float: right;margin-left:220px;}
.clmenumobile img{margin-top: 20px;margin-left: 50px;}
.menuchinh{
	position: fixed;
    width: 50%;
    margin-top: -60px;
    left: 0%;
    text-align: left;
    z-index: 99;
    background: #ffd200;
    display: none;
    height: 39px;}
	.menutong{
	background:#ffd200;
	padding:15px 10px 15px 10px;
	display:block;	
}
.iconmenuhang-1{
display:none;
}
.menuchinh li{ background:#404040;border: 1px solid #dfdfdf;}
.menuchinh li:first-child{padding:0px;}
.menuchinh li:last-child{padding-bottom:0px;}
.menuchinh li > ul li{ background:none;}
.menusp li > ul li{ background:none;line-height: 33px;}
.menusp{top: 55px; position: fixed;width: 50%; left: 0;z-index:9999; display:none;}
.menusp li{background:#404040; }
.listsp {  width: 100%;overflow-y:scroll;overflow-x:hidden; height:275px;}	
.listsp li a {
    font-size: 12px;
}
	/* mobile menusp */
.menusp li:hover > .ultronbo {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
margin-top:-59px;
	margin-left:0px;
}	
	.menusp li:hover > .ulhang {  /* box chĂ¡Â»Â©a menu (tÆ° vĂ¡ÂºÂ¥n lĂ¡ÂºÂ¯p camera) */
	margin-top: -59px;
    margin-left: 0px;
}	
	.menudoc-c2 > li > a{
		color:#000;
	}

	.ulhang {
		width:64%;
	}
	.menusp .ulhang .title-menu {
		font-size:14px;
		line-height:20px;
		padding:5px;
		margin-left: -5px;
		background:#ffd200;
	}
	
.boxslide{
	padding-top:10px;
}
}