@charset "utf-8";
#backet-wrapper {
	width: 980px;
	margin-left:auto;
	margin-right: auto;
	margin-top:2%;
	}
#txt-bg {
	padding: 5% 2%;
	height: 100%;
	width: 100%;
	margin-top: 6%;
	margin-right: auto;
	margin-left: auto;
	background-color: #e5e5e5;
}
.bucket {
	height: auto;
	width: 172px;
	float: left;
	margin-right: 10px;
	padding-right: 10px;

}
.bucket p {
	font-family: Arial;
	font-size: 14px;
	color: #333;
	width: 95%;
	line-height: 16px;
	height: 200px;	
	text-align: right;
	direction: rtl;
}
.btn-more {
	height: 26px;
	width: 63px;
	background-image: url(../images/btn-toproducts_off.png);
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	background-repeat: no-repeat;
}
.btn-more:hover {
	background-image: url(../images/btn-toproducts_on.png);
	background-repeat: no-repeat;
}
.btn-icon-ipphones {
	font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; background-image: url(../images/ipphone_off.png);
	background-repeat: no-repeat; display: block; height: 61px; width: 182px; background-repeat: no-repeat; text-align: center;
	padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	font-family: Arial; margin-right: 22px; margin-left: 0px; line-height: 18px;
	direction:rtl;
}
.btn-icon-ipphones:hover {
	background-image: url(../images/ipphone_on.png);
	}
.btn-icon-conference {
	font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; background-image: url(../images/conference_off.png);
	background-repeat: no-repeat; display: block; height: 61px; width: 182px; background-repeat: no-repeat; text-align: center;
	padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	font-family: Arial; margin-right: 22px; margin-left: 0px; line-height: 18px;
}
.btn-icon-conference:hover {
	background-image: url(../images/conference_on.png);
	}
.btn-icon-conference-sip {
	font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; background-image: url(../images/conference-sip_off.png);
	background-repeat: no-repeat; display: block; height: 61px; width: 182px; background-repeat: no-repeat; text-align: center;
	padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	font-family: Arial; margin-right: 22px; margin-left: 0px; line-height: 18px;
	direction:rtl;
}
.btn-icon-conference-sip:hover {
	background-image: url(../images/conference-sip_on.png);
	}
.btn-icon-wireless-sip {
	font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; background-image: url(../images/wireless-sip_off.png);
	background-repeat: no-repeat; display: block; height: 61px; width: 182px; background-repeat: no-repeat; text-align: center;
	padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	font-family: Arial; margin-right: 22px; margin-left: 0px; line-height: 18px;
	direction:rtl;
}
.btn-icon-wireless-sip:hover {
	background-image: url(../images/wireless-sip_on.png);
	}
.btn-icon-accessories {
	font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; background-image: url(../images/accessories_off.png);
	background-repeat: no-repeat; display: block; height: 61px; width: 182px; background-repeat: no-repeat; text-align: center;
	padding-top: 140px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear; 
	font-family: Arial; margin-right: 22px; margin-left: 0px; line-height: 18px;
}
.btn-icon-accessories:hover {
	background-image: url(../images/accessories_on.png);
	}
@media (max-width: 600px) {
	#backet-wrapper { width:100%; height:auto}
	.bucket { width:90%; margin:3% auto 0 auto; float:none; height:auto}
	.btn-icon-ipphones, .btn-icon-conference-sip, .btn-icon-conference, .btn-icon-wireless-sip, .btn-icon-accessories { margin:0 auto;}
	.bucket p { margin:0 auto; height:auto;}
}