@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'open_sansregular';
	src:url('../font/opensans-regular-webfont.eot');
	src:url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/opensans-regular-webfont.woff') format('woff'),url('../font/opensans-regular-webfont.ttf') format('truetype'),url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');

}
@font-face {
	font-family:"Open-Sans-Semibold";
		src:url("../font/OpenSans-Semibold.eot?") format("eot"),	url("../font/OpenSans-Semibold.woff") format("woff"),	url("../font/OpenSans-Semibold.ttf") format("truetype"),	url("../font/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");

}
/*.left img{width: 100% !important;}
.right img{width: 100% !important;}*/
.vendors-name,.vendors-name2{width: 100% !important;}

/*@media only screen and (min-width:320px) and (max-width:1050px){
.left img{width: 100% !important;}
.right img{width: 100% !important;}
}*/

/*.left > img {
    float: right !important;
margin-right: 0px !important;
padding: 0% !important;
}*/
.left > img{
	width: 100% !important;
	}
.left {
width:34% !important;
}
.center{
	width:28% !important;
}
.right{
	width:29% !important;
}
@media only screen and (min-width:701px) and (max-width:990px){
.right {width: 29% !important;}
}
@media only screen and (min-width:540px) and (max-width:950px){
.left {width: 34% !important; margin-left: 0.2%!important;}
.right {width: 29% !important;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
.right {width: 25% !important;}
.center{width:25% !important;}
.left{width:39% !important;}
.left > img{
	width: 98% !important;
	}
}


@media only screen and (min-width:704px) and (max-width:991px){
.right {width: 27% !important;}
.center{width:28% !important;}
.left{width:36% !important;}
.left > img{
	width: 98% !important;
	}
	h2{font-size: 19px;}
}

@media only screen and (min-width:574px) and (max-width:703px){
.right {width: 28% !important;}
.left > img{
	width: 98% !important;
	}
	h2{font-size: 19px;}
}
@media only screen and (max-width:573px){
.right {width: 27% !important;}
.left > img{
	width: 98% !important;
	}
	h2{font-size: 19px;}
}

@media only screen and (max-width:991px){
.x_one_cer
{border-right: 0px !important;}
}

@media only screen and (max-width:539px){
.right img{width: 98% !important;}
h2{font-size: 19px !important;}
.center{margin-left: 0.2% !important;width: 98% !important;margin-left: 0.2% !important;width: 98% !important;}
}
