@media screen and (min-width :1199px) and (max-width: 1366px) {
	body {
		overflow-x:hidden;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1198px) {
	
	
}

/********Sm-start*******/
@media screen and (min-width: 768px) and (max-width: 991px) {
	.affix {
		position:static;
	}
	
}

@media screen and (max-width: 980px) {
	
}

@media screen and (max-width: 768px) {
	.mpara{float:left; padding:20px 0;}
	.ppara{float:left; padding:5px 0 11px 10px; width:100%;}
	
}

@media screen and (min-width: 480px) and (max-width: 766px) {
	
	
}

@media screen and (max-width: 640px) {
	.hed-top-lft ul li a {
		font-size:15px;
	}
	.hed-top-lft ul {
		/*margin:0 auto;*/
		display:table;
	}
	nav:hover .menu-bar > li > [aria-haspopup="true"]:after {
    background-image: url('../images/arrowRight.svg#accent');
}
nav:hover .menu-bar > li > [aria-haspopup="true"]:hover:after {
    background-image: url('../images/arrowRight.svg#accent');
}
	#fsnum{font-size:14px;}
	
	.hed-top-lft ul li {
	padding: 2px 10px 2px 0px !important;
    display: block;
    float: none;
	font-weight:600;
	font-size:15px;
	}
	.hm-prd-box {
		height: 480px !important;
	}
	.sell-img img {
		margin:0 auto;
		display:bock;
	}
	nav:hover { background: #fff;}
nav:hover a.menu-link.menu-bar-link { color: #1c7ac2;}
nav:hover .menu-link[aria-haspopup="true"]::after{
 background-image: url('../images/arrowTop.svg#accent');
}

}

/********xs-start********/
@media screen and (max-width: 767px) {
	body {
		overflow-x:hidden;
	}
	.affix {
		position:static;
	}
	.enq-hed:before {
		display:none;
	}
	.enq-hed:after {
		display:none;
	}
	.hm-logo a:before {
		display:none;
	}
	.hm-logo a:after {
		display:none;
	}
	.logo {
		margin-top:0px;
	}
	.hed-top-lft ul li a {
		font-size:16px;
		text-align:center;
	}
	.hed-top-lft ul li a i {
		margin-right: 3px;
	}
	.hed-top-lft ul li {
		border-right:0px;
		padding:3px 2px;
	}
	.logo {
		background:transparent;
	}
	.logo img {
		width: 75%;
	}
	header {
		padding:6px 0 10px 0;
		background:#fff;
	}
	#cssmenu{ max-width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;}
	#cssmenu>ul>li:hover>a, #cssmenu ul li.active a {
		color:#ed3237;
	}
	#cssmenu ul {
		z-index:99;
	}
	#cssmenu>ul>li>a {
		padding:10px 12px;
	}
	#cssmenu .submenu-button {
		height:32px;
	}
	#cssmenu ul {
		width: 100%;
		display: block;
		height: 260px;
		overflow: scroll;
		overflow-x: hidden;
	}
	#cssmenu ul ul {
		height:100%;
	}
	.hm-enq-main {
		background:#cd2187;
	}
	.slide-text > h3 {
		display:none;
	}
	.slide-text > h2 {
		font-size:14px;
		padding-bottom:5px;
	}
	.slide-text > a.btn-primary {
		display:none;
	}
	.enq-hed h5 {
		font-size:15px;
		color:#fff;
	}
	.enq-hed {
		padding:20px 0;
		background:#cd2187;
	}
	.enq-hed h5 a {
		padding:6px 18px;
		font-size:12px;
		margin:5px auto;
		display:table;
		background:#333;
		color:#fff;
	}
	.hm-abt-hed h1 {
		font-size:26px;
	}
	.hm-abt-para {
		padding:0px;
	}
	.hm-lead {
		padding:10px 0 20px 0;
	}
	.hm-led-head h5 {
		margin-bottom:10px;
		font-size:12px;
		letter-spacing:0px;
		line-height:auto;
		border-radius:10px;
		padding:10px;
	}
	.hm-led-head h5:after, .hm-led-head h5:before, .hm-led-head-mid h5:after, .hm-led-head-mid h5:before {
		display:none;
	}
	.hm-led-head-mid h5, .hm-led-head-rght h5 {
		margin-bottom:10px;
		font-size:12px;
		letter-spacing:0px;
		line-height:auto;
		border-radius:10px;
		padding:10px;
	}
	.hm-led-head-rght h5:before, .hm-led-head-rght h5:after {
		display:none;
	}
	.hm-prd-box {
		height:300px;
		display:block;
	}
	.prd-dtl p {
		padding:10px 20px;
	}
	.hm-prd-hed h2 {
		font-size:23px;
	}
	.foot-tit {
		margin-top:0px;
	}
	.foot-gap {
		padding-left:0px;
	}
	.foot-social ul {
		margin:10px auto;
	}
	.hm-clnt-hed h2 {
		font-size:23px;
	}
	#cssmenu>ul>li>a {
		color:#000;
	}
	.prd-dtl h3 {
		font-size:20px;
	}
	.inn-prd-hed .prd-text, .inn-abt-hed .prd-text {
		font-size:55px;
	}
	.prd-banner-lst ul {
		padding-left:15px;
		padding-right:15px;
	}
	.prd-banner-lst ul li a {
		padding:6px 0;
		letter-spacing:0.25px;
	}
	.prd-banner-list {
		margin-top:0px;
	}
	.prd-banner-lst ul li a:after {
		top:0px;
	}
	#inner-detail-main {
		padding:50px 0;
	}
	.inn-prd-hed h1 {
		padding:10px 5px;
		font-size:26px;
	}
	.product-slider #thumbcarousel {
		padding:0px;
	}
	.product-slider #thumbcarousel .item .thumb {
		width:25%;
		max-width:100px;
	}
	.inn-abt-hed h1 {
		font-size:25px;
		letter-spacing:0px;
		font-weight:normal;
	}
	.hm-prd-para h4 {
		font-size:18px;
	}
	.abt_mg img {
		margin:15px auto;
		display:table;
	}
	.slide-text img {
		width:50%;
	}
	.slider {
		top:20%;
	}
	
	
	
}

@media screen and (max-width: 360px) {
	.hm-prd-box {
		height:315px !important;
		display:block;
	}
	.slide-text img {
		width:50%;
	}
	.slider {
		top:20%;
	}
	.logo img {
		width: 50%;
	}
		
	
}

@media screen and (max-width: 320px) {
	.hm-prd-box {
		height:315px !important;
		display:block;
	}
	.inn-prd-hed .prd-text {
		font-size:45px;
	}
	
	
}

