/* Bengin social */
.share-post {    padding: 10px 0;float: left; width: 100%;}
.icon-share{padding: 8px 10px;	color: #fff; background: #e0e0e0; margin-bottom: 5px;float: left;text-align: center; width: 100%;
  border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.icon-share:hover{color: #fff; opacity: 0.90}
.share-item {float: left;margin-right: 10px;}

.facebook-bg{    background: #3b5998;}
.google-bg{    background: #db4a39;}
.twitter-bg{    background: #00acee;}
.linkedin-bg{    background: #0e76a8;}
.pinterest-bg{    background: #c8232c;}
.tumblr-bg{    background: #35465c;}

/* End social */
.share-item.x3 {    width: 33.33%;    margin: 0;}
.icon-share.x3{ border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}

.icon-social {float: left;  width: 36px; height: 36px;line-height: 36px;  text-align: center;  margin-right: 5px;border-radius: 3px;}
.icon-social:last-child {  margin-right:0;}
.icon-social:hover {color: #fff; opacity: 0.90}

.facebook {  background: #3B5998;  color: white;}
.twitter {  background: #55ACEE;  color: white;}
.google {  background: #dd4b39;  color: white;}
.linkedin {  background: #007bb5;  color: white;}
.youtube {  background: #bb0000;  color: white;}
.instagram {  background: #125688;  color: white;}
.pinterest {  background: #cb2027;  color: white;}
.snapchat {  background: #fffc00;  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.skype {  background: #00aff0;  color: white;}
.android {  background: #a4c639;  color: white;}
.dribbble {  background: #ea4c89;  color: white;}
.vimeo {  background: #45bbff;  color: white;}
.tumblr {  background: #2c4762;  color: white;}
.vine {  background: #00b489;  color: white;}
.foursquare {  background: #45bbff;  color: white;}
.stumbleupon {  background: #eb4924;  color: white;}
.flickr {  background: #f40083;  color: white;}
.yahoo {  background: #430297;  color: white;}
.soundcloud {  background: #ff5500;  color: white;}
.reddit {  background: #ff5700;  color: white;}
.rss {  background: #ff6600;  color: white;}

/* my-icon*/
.my-icon li {float:left; width: 100%;margin-bottom:5px; }
.my-icon-item {transition: 0.3s;background-color: #3b5998; border-radius: 5px;
width: 40px;float:left;height: 36px;overflow: hidden;color: white;
line-height: 36px;text-align: center;}
.my-icon-item:hover {   transition: 0.3s;    width: 100px; color: #fff;}
/* End*/

@media screen and (max-width:800px) {
	
}
@media (max-width: 768px) {

}
@media only screen and (max-width: 640px) { 
	
}
@media (max-width: 480px) {

}
@media (max-width: 360px) {

}
@media (max-width: 320px) {

}