/* CSS Document */
#menu_icon{
	display:none;
	position:fixed;
	right:0px;
	background-color:#199EB1;
	color:#fff;
	padding:5px 10px;
	font-size:14px;
	top:290px;
}
#menu_icon span ,
#menu_icon i
{
	color:#fff;
}

@media (max-width: 500px){
	.header,
	.about,
	.tabs ul,
	.content,
	.footer,
	.menu{
		width:100%;
	}
	
	


	div.item{
		width:24%;
		margin-right:1%;
		margin-left:0;
	}
	div.firm{
		width:24%;
		margin-right:1%;
		margin-left:0;
	}
	a.item{
		width:100%;
	}
	a.firm{
		width:100%;
	}
	.item_face,
	.item_hover{
		width:96%;
		padding:2%;
	}
	.firm_face,
	.firm_hover{
		width:96%;
		padding:2%;
	}
	.cart{
		top:-5px;
	}
	#menu > li:first-child{
		margin-right:0;
	}
	#menu > li > a > i{
		font-size:1.2em;
	}
	#menu > li > a{
		font-size:1em;
		padding:0 20px;
	}
	#menu > li{
		float:none;
		display:inline-block;
	}
	#menu{
		text-align:center;
		
	}
	.producImg{
		width:100%;
		text-align:center;
		height:auto;
		max-height:174px;
	}
	.producImg img{
		float:none;
		max-width:99%;
		height:auto;
		max-height:174px;
		width:auto;
	}
	.firmImg{
		width:100%;
		text-align:center;
		height:auto;
		max-height:174px;
	}
	.firmImg img{
		float:none;
		max-width:99%;
		height:auto;
		max-height:174px;
		width:auto;
	}
	
	.item_hover p,
	.item_hover h3,
	.item p{
		padding:0 10px;
		width:auto;
		display:block;
	}
	.firm_hover p,
	.firm_hover h3,
	.firm p{
		padding:0 10px;
		width:auto;
		display:block;
	}
	.footer,
	footer{
		height:auto;
		min-height:96px;
		/*background-color:#272B32;*/
		/*background-image:none;*/
	}
	
	#about{
		min-height:190px;
		height:auto;
		background-size:cover;
	}
	
	
	.sreach input[type="text"]{
		width:180px;
	}
	.styled-select.slate select{
		width:150px;
	}
	#right_side{
		width:25%;
	}
	.left_side{
		width:75%;
	}
	
}
@media (max-width:500px){
	#featured ul.ui-tabs-nav li img{
		margin-top: 25px;
		margin-right: 10px;
		max-width:55px;
		width:auto;
		height:auto;
		max-height:60px;
	}
	#featured ul.ui-tabs-nav li span{
		font-size:15px;
	}
	#right_side .offer_hover h2, .offer_hover p{
		font-size:12px;
		line-height:17px;
	}
	.small_img{
		display:none;
	}
	.left_side{
		width:100%;
		margin:0;
	}
	#right_side {
		right:-232px;
		position:absolute;
		z-index:99;
	}
	#menu_icon{
		display:block;
		z-index:9999955;
	}
	a.item{
		margin:0;
	}
	a.firm{
		margin:0;
	}
	.tabs ul ,
	.tabs{
		min-height:48px;
		height:auto;
	}
	.tabs ul{
		float:none;
		display:block;
		text-align:center;
	}
	#more_list{
		left:0;
		top:97px;
		
	}
	.tabs #more_list ul li a,
	.tabs #more_list ul li{
		line-height:35px;
	}
}
@media (max-width: 890px){
	#menu > li > a{
		padding:0 5px;
	}
}
@media (max-width: 500px){
	.loginMG{
		right:0;
	}

	div.item{
		width:31.5%;
		margin-right:1.33%;
	}
	div.firm{
		width:31.5%;
		margin-right:1.33%;
	}
	.tabs ul ,
	.tabs{
		min-height:48px;
		height:auto;
	}
}
@media (max-width: 1000px){
	#menu > li{
		width:49.6%;
		float:right;
		text-align:center;
	}
	#menu > li > a ,
	#menu > li > a > i{
		float:none;
	}
	#menu{
		display:none;
		background: #fff;
	}
	.hide_menu{
		display:block;
	}
	#menu > li{
		border-bottom:1px  solid #D6D6D6;
		border-top:1px  solid #E2E2E2;
	}
	#menu > li:nth-child(2n+0){
		border-right:1px  solid #D6D6D6;
	}
	#menu > li:nth-child(2n+2){
		border-left:1px  solid #E2E2E2;
	}
	#menu > li > span{
		height:40px;
	}
	.head{
		height:auto;
		min-height:90px;
	}
	header{
		background-size:cover;
		
	}
	.sreach{
		margin:15px 3%;
	}
	
	
	
	
	
	.logo{
		margin:7px 3% 0px;
		max-width:94%;
	}
	.logo img{
		max-width:100%;
	}
	body{
		background-image:none;
	}
	.hide_menu{
		background: #fff;

	}
	
	
	.about h1{
		margin-right:5%;
		font-size:18px;
		line-height:35px;
	}
	.about{
		margin:30px auto auto;
		text-align:center;

	}
	.pdf{
		float:none;
		font-size:15px;
		padding:5px 10px;
	}

	.input{
		width:96%;
		margin-right:2%;
	}
	#menu .sub{
		position:relative;
		width:100%;
		right:0;
		left:0;
		float:right;
		top:0;
	}
	#menu .sub li{
		width:50%;
		text-align:center;
		padding:0;
		float:right;
	}
	
}
@media (max-width: 500px){
	div.item{
		width:48%;
		margin-right:1%;
	}
	div.firm{
		width:48%;
		margin-right:1%;
	}
	.copy{
		width:100%;
		margin:25px 0;
		text-align:center;
	}
	.contact{
		float:none;
		text-align:center;
		margin-right:0;
	}
	.follow{
		float:none;
		display:inline-block;
	}
	.social{
		float:none;
		text-align:center;
	}
	.social a{
		float:none;
		margin-top:10px;
	}
	.nepras,
	.MailingList,
	.copy{
		display:none;
	}
}
@media (max-width: 500px){
	.offer{
		width:96%;
		margin:2%;
	}
	div.item ,div.firm ,
	.contact2 .phone{
		width:98%;
		margin-right:1%;
	}
	.small_img{
		display:block;
	}
	#menu > li{
		width:100%;
		float:right;
		text-align:center;
		border-left:0;
		border-right:0;
	}
	#menu .sub li{
		width:100%;
	}
	.sreach{
		/*display:none;*/
	}
	.input label,
	.input textarea,
	.input input[type="text"], 
	.input input[type="email"], 
	.input input[type="password"],
	.input input[type="number"]{
		width:100%;
	}
	

}