/*  ============================================================================
    # Media Queries
    ========================================================================= */

@media only screen and (min-width: 960px) and (max-width: 1279px) {


	#ddmenu a {
		padding:0px 10px !important;
	}
	
	.whitebox{
		width:30% !important;
	}

	.margbox{
		margin:20px 3% 20px 0px !important;
	}

}


@media only screen and (min-width: 768px) and (max-width: 959px) {
.whitebox{
		width:47% !important;
	}

	.margbox{
		margin:20px 3% 20px 0px !important;
	}
.col1ft{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:left;
}
.colrgt{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:right;
}
	.productlistbox li{
	width:30% !important;
	margin:0px 3% 40px 0px !important;
}    
}

@media only screen and (max-width: 767px) {
	.whitebox{
		width:100% !important;
	}

	.margbox{
		margin:20px 0% 20px 0px !important;
	}
			.whiteicon{
		width:10% !important;
	}
	
	.whitetxt{
		width:90% !important;
	}
	
		.col-md-6 {
    width: 100% !important;
	float:right;
	position: relative;
min-height: 1px;
padding-right:0px !important;
padding-left:0px !important;
margin-top:0px !important;
margin-right:0px !important;
margin-bottom:0px !important;
}
.top-user-pro {
    padding: 10px 20px !important;
}
.app-search {
    position: relative;
    margin:5px 0px 0px 0px!important;
}
.col1ft{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:left;
}
.colrgt{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:right;
}	
	.productlistbox li{
	width:47% !important;
	margin:0px 3% 40px 0px !important;
}
}


@media only screen and (max-width: 479px) {
	.logo{
		width:100% !important;
	}
	.logo img{
		width:100% !important;
	}
	#loginwrap{
		width:80% !important;
	}

		.whitebox{
		width:100% !important;
	}

	.margbox{
		margin:20px 0% 20px 0px !important;
	}
				.whiteicon{
		width:20% !important;
	}
	
	.whitetxt{
		width:80% !important;
	}
	.col-md-6 {
    width: 100% !important;
	float:right;
	position: relative;
min-height: 1px;
padding-right:0px !important;
padding-left:0px !important;
margin-top:0px !important;
margin-right:0px !important;
margin-bottom:0px !important;
}
.top-user-pro {
    padding: 10px 20px !important;
}
.app-search {
    position: relative;
    margin: 0px !important;
}
.inp .label {
  font-size: 11px !important;
}
.col1ft{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:left;
}
.colrgt{
	width: 100% !important;
	padding:0px 0px;
	margin:0px;
	float:right;
}
 .column-table td {
   display:block !important;
}
 .add-table td {
 display:block !important;
}

.productlistbox li{
	width:100% !important;
	margin:0px 0% 40px 0px !important;
}
.prodlargeimg{
	width:100% !important;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
	text-align:center;
}
.prodlargeimg img{
	width:90% !important;
}
.prodlargetxt{
	width:100% !important;
	height:auto;
	float:right;
	padding:0px;
	margin:0px;
}
}