.productDetailWidth {
	width:655px; margin-right:10px
}
.IndexProductHeightBox {
	height:200px; overflow:hidden
}
.MobileYes {display:none;}
.RegLi {float:left;margin-right:20px;}
.myProfilDiv {float:left;}
.SubmitAddButtonMobile {display:none;}
.footerBox {
	width:1100px; 
	background: #296EAE;
}

@media screen and (min-width: 1280px) {
	.MobileMenu {display:none;}
	.MobileYes {display:none;}
	.fieldIndexSearchField { width:326px }
	.ComboField { width:140px }
}

@media screen and (max-width: 600px) {
	
	/* ----------------------------------------- Atribut search  ----------------------------------------- */
	
	.atributPublish {
		color:#222;
		font: bold 13px Arial;
		margin-left:14px;
		width:100%;
	}	
	.divBox {
		width:33%; 
		float:left;
	}
	.divBoxHalf {
		width:49%; 
		float:left;
		/* padding-right:10px; */
	}	
	.AtributSectionTitle {
		width:110px; 
		float:left;
		margin-top:5px; 
		font: bold 11px Arial;
	}
	.atributTitleDiv {
		float:left;
		margin-top:5px;
		color:#111;
		font: bold 11px Arial;		
	}		
	.inlineFieldCombo {
		width:110px!important;
		font: normal 13px Arial!important;
	}	
	.FloatLeftStyle {
		float:left;
	}
	.inlineSearchButton {
		margin-top:-3px
	}
	.publishField {
		background: #fff;
		width:72px;
	}

		/* ----------------------------------------- Atribut search end ----------------------------------------- */

	.MobileNot {display:none;}
	.MobileYes {display:block;}
	
	#wrap { width:100%; }

	.logo { width:250px }
		
	a.add_offer,
	a.add_offer:link,
	a.add_offer:visited,
	a.add_offer:active {
		display:block;
		color:#b10000;
		font: normal 16px 'RepoBold';
		text-decoration: underline;
		margin-top:10px;	
		text-align:center;			
	}
	a.add_offer:hover {
		text-decoration: none;	
	}

	.RegLi {float:none;margin-right:0px;}
	
	a.SubmitAddButtonMobile,
	a.SubmitAddButtonMobile:link,
	a.SubmitAddButtonMobile:visited,
	a.SubmitAddButtonMobile:active {	
		display:block;
		float:none;
		width:100%;
		border: 0;
		cursor: pointer; 
		cursor: hand; 
		background: #CC332A;
		background: -moz-linear-gradient(top, #CC332A 0%, #B02C24 100%);
		background: -webkit-linear-gradient(top, #CC332A 0%,#B02C24 100%);
		background: linear-gradient(to bottom, #CC332A 0%,#B02C24 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC332A', endColorstr='#B02C24',GradientType=0 );	
		border:1px solid #B02C24; 
		color: #fff;
		font: normal 17px 'RepoBold';
		text-decoration: none;
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		border-radius:  3px;
		margin:8px 0 0 0px;
		padding: 7px 0px 7px 0px ;
		text-shadow: 1px 1px #333;
		letter-spacing:0.5px;
		text-align:center;
	}
	
	a.SubmitAddButtonMobile:hover{
		color: #fff;
		text-decoration: none;
		background: #B02C24;
		background: -moz-linear-gradient(top, #B02C24 0%, #CC332A 100%);
		background: -webkit-linear-gradient(top, #B02C24 0%,#CC332A 100%);
		background: linear-gradient(to bottom, #B02C24 0%,#CC332A 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B02C24', endColorstr='#CC332A',GradientType=0 );	
		border:1px solid #CC332A; 
		text-shadow: 1px 1px 1px  #000;
	}
	
	.MobileBanners {
		display:block;
		text-align:center;
		margin-top:20px;
	}
	
	.ListingCategoryIndex {
		overflow: auto;
		float:left;
		width:100%;
		padding:6px 3px 5px 15px ;
		margin:10px 0 0 0;
		border:1px solid #DFDFDF;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	}

	.category_listIndex {
		float:left;
		width:50%; 
	}
	
	.IndexAdsColumn {
		float:none;
		width:100%;
	}
	
	.IndexAdvColumn {
		float:none;
		width:100%;
		margin-top:7px;
		color:#999;
		font: normal 11px Arial;
	}
	.bannerStyle {
		width:100%;
	}	
	.footerBox {
		width:100%;
		background: #296EAE;
	}
	
	.CenterContainer {
		float:none;
		width:100%;
		margin-left:0px;
		padding-left:0px;
	}
		
	.ABox {
		float:none;
		width:97%;
		margin-right:0px;
		margin-top:10px;
	}
	.RightSidebar {
		float:none;
		width:100%;
		text-align:center;
	}
	.tdBlock {
		display:block;
		width:100%;
		border:1px solid red; 
	}
	.field_title {
		width:96%;
	}	
	.field_content {
		width:96%;
	}	
	.field {
		width:100%;
	}
	
	.siteSectionLong {
		/* color:#333; */
		/* font: normal 14px Arial; */
		/* background:none;	 */
		/* border:none; 	 */
		/* margin: 10px 0 0 0;	 */
		/* border-bottom:1px solid #dadada;	 */

	color:#2E5483;
	font: normal 16px 'RepoBold';
	background:#E1EBF8;
	text-transform:none;
	padding:6px 0 6px 10px;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:1px solid #C7D3E3;
	margin: 20px  0 0 0;		
	}

	a.menuCategories {
		display:block;
		text-decoration: none;
		color:#333;
		font: normal 16px 'Repo'!important;
		margin:0 0 3px 5px;
		padding:0 0 6px 2px;	
		border-bottom:1px solid #dadada;			
	 }
	 
	a.menuCategories_on {
		display:block;
		text-decoration: none;
		color:#246494;
		font: normal 16px 'RepoBold'!important;
		margin:0 0 3px 5px;
		padding:0 0 6px 2px;	
		border-bottom:1px solid #246494;			
	 }
	 
	 
	.contentListingsIndexDiv a:link,
	.contentListingsIndexDiv a:visited {
		display:block;
		 color: #333;
		 font: normal 15px 'Repo';
		 text-decoration:none;
		 margin:0px 0 7px 0;
	}
	.navMenuSep {
		margin: 20px 0 10px 2px;
	}
	.mobileMenu {
		margin-left:-4px;
	}	
	a.navigMenuCategories:link,
	a.navigMenuCategories:visited {
		display:inline;
		 color: #444;
		 font: normal 14px 'RepoBold';
		 text-decoration:none;
		 margin:0px 0 10px 0;
		 border-bottom:1px solid #dadada;
	}	
	.siteSectionLine {
		color:#333;
		font: normal 14px 'RepoBold';
		background:#fff;
		padding:8px 0 2px 0;
		border-bottom:1px solid #dadada;
		margin: 10px 6px 10px 6px;
	}
	.VipSection {
		margin-top:15px;
	}
	.CategoryBgColor {
		background: #efefef;	
		padding:10px;
	}
	.dropbtn {
		float:right;
		background:url(/img/MobileMenu.png) no-repeat;
		width:38px;
		height:25px;
		margin:10px 0 0 0 ;
		border: none;
		cursor: pointer;
	}
	.dropbtn:hover, .dropbtn:focus {
		/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); */
	}
	.dropdown {
		float:left;
		position: relative;
		display: inline-block;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		background-color:#fff;
		margin-left:-185px;
		margin-top:40px;
		overflow: auto;
		box-shadow: 0px 8px 16px 8px rgba(0,0,0,0.2);
		min-width:220px;
		 z-index: 100;
	}
	.dropdown-content a {
		color: black;
		padding: 8px 10px 8px 10px;
		text-decoration: none;
		display: block; 
		color: #111;
		font: normal 14px 'RepoBold';
		border-bottom:1px solid #dadada;		
	}
	.dropdown a:hover {
		background-color: #BB2F27;
		color:#fff;
	}
	.show {display:block;}	
	
	.searchFieldMobileBox {
		width:100%;
		background:#256BAD;
		text-align:center;
		padding:5px 0 5px 0;
		 -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
		border-radius: 4px;
		margin-top:0px;		
	}
	
	.searchFieldMobile{
		color:#444;
		font: bold 16px 'Repo';
		 -webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
		border-radius: 4px;	
		padding:0 0 0 30px;
		height:30px;
		width:88%;
		border:1px solid #20578E; 
		margin:0 ;
		background:#fff  url(/img/search.svg) 8px center no-repeat;
		background-size:16px 16px;
	}
#search-icon{
	width:38px;height:38px;position:absolute;left:5px;top:0;z-index:100;
	}
	
/* sms-send	 */
	.AddAdsContainer {
		width:100%;
		padding: 0;
	}
	
	.Obiava_box {
		background:#F8F8F8;
		border:1px solid #ECECEC; 
		-webkit-border-radius: 6px;
		-khtml-border-radius:6px;
		-moz-border-radius:6px;
		width:93%;
		margin:30px 0 0 0;
		padding: 10px 10px 0px 10px;
		float:none;
	}	
	.AddText_box { 
		width:88%;
		padding:0 20px 0 20px;
	}
	.DetailTable {
		padding-left:0px;
	}	
	.DetailPictureFirst {
		float:none; 
		 width:345px;
	}
	.DetailContent {
		float:none; 
		 width:100%;
		 color: #444;
		 font: normal 16px 'Repo';	
		line-height:22px;	 	 
	}
	.pictureWidth {
		width:335px;
	}		
	.pictureWidthSmall {
		width:150px;
		margin:5px
	}	
	.BannerStyleWidth {
		width:100%;
	}
	.haractery {
		width:100%
	}
	.index_inside {
		float:left;
		width:100%; 
	}
	
	 /* .AddAdsSubmit { */
		/* width:170px; */
	/* }	 */
	.MobileFieldSmall {
		width:90px;
		height:25px;
	}
	.warrning {
		width:80%;		
	}	
	.EdtiFieldTitle {
		width:80%;
		border:1px solid #C5D4E6;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin:0;
		padding:1px;
		background: #fff;
		background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
		background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		height:28px;
		color:#444;
		font: normal 13px Tahoma, sans-serif;
		padding-left:5px;
		line-height:24px;
	}
	 .EdtiFieldTitle:hover,.EdtiFieldTitle:focus{
		border-color: #ccc;
		background:#fff;
	}	

	.EdtiFieldTitleContent {
		width:100%;
		border:1px solid #C5D4E6;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin:7px 0 0 0;
		background: #fff;
		background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
		background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		height:160px;
		color:#444;
		font: normal 13px Tahoma, sans-serif;
		padding-left:5px;
	}
	 .EdtiFieldTitleContent:hover,.EdtiFieldTitleContent:focus{
		border-color: #ccc;
		background:#fff;
	}	
	
	.EdtiFieldTitleContentEdit {
		width:100%;
		border:1px solid #C5D4E6;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin:7px 0 0 0;
		padding:1px;
		background: #fff;
		background: -webkit-gradient(linear, left top, left 25, from(#fff), color-stop(6%, #eee), to(#fff));
		background: -moz-linear-gradient(top, #fff, #eee 2px, #fff 25px);
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
		height:50px;
		color:#444;
		font: normal 13px Tahoma, sans-serif;
		padding-left:5px;
	}
	 .EdtiFieldTitleContentEdit:hover,.EdtiFieldTitleContentEdit:focus{
		border-color: #ccc;
		background:#fff;
	}

	a.newestMobile,
	a.newestMobile:link,
	a.newestMobile:visited,
	a.newestMobile:active {
		float:right;
		color:#222;
		font: normal 12px 'RepoBold', Arial;
		text-decoration: none;
		margin-top:-5px;
		border-bottom:1px solid #B72E25;	
	}
	a.newestMobile:hover{
		color: #B72E25; 
		text-decoration: none;
		border-bottom:1px solid #B72E25;	
	}
	.VipSectionIndex {
		font: normal 16px 'RepoBold', Arial;
	}
	/* .priceBox { */
		/* float:none; */
	/* }		 */
	.ShopBoxSend {
		font: normal 10px 'RepoBold';
		padding:4px 5px 6px 5px;
	}
	.fieldMarginTop {
		margin-top:10px;
	}
}

@media screen and (max-width: 685px) {


}
@media screen and (max-width: 500px) {
	.cvBox2 {
		float:none;
		width:100%;
	}
	.cvBox3 {
		float:none;
		width:100%;
	}	
	
}
@media screen and (max-width: 380px) {
	.productDetailWidth {
		width:100%;
	}
	.ShopDetailsBoxLink {
		font-size:14px!important;
		}
		
	.magProductShopBox {
		border:1px solid #dadada;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;		
		width:110px;
		height:190px;
		float:left;
		margin: 10px 5px 0 0;
		text-align:center;
		padding:4px 1px 2px 1px;
		background:#fff
	}
	.magProductShopBox:hover {
		background:#F2F3F5;
		cursor:hand;
	}	
	.magProductShopTitle {
		display:block;
		color:#326089;
		font: bold 13px Arial;
		margin-top:15px;
		display: flex;
		justify-content: center;
		align-items: center; 	
		height:30px;
	}	
	.magProductShopPrice {
		color:#111;
		font: bold 17px 'RepoBold';
		margin-top:0px;
	}	
	
	.magProductIndexBox {
		border:1px solid #dadada;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;		
		width:95px;
		height:170px;
		float:left;
		margin: 0 5px 5px 0;
		text-align:center;
		padding:10px 5px 10px 5px;
		background:#F2F3F5
	}
	.magProductIndexBox:hover {
		background:#fff;
		cursor:hand;
	}
	.ShopLineIndex {
		color:#326089;
		font: normal 14px 'RepoBold';	
		float:left;
		margin:0px 10px 0 0;
	}	
	.ShopLogoLineIndex {
		width:110px;
		float:left;
		border-right: 1px solid #dadada;
		padding:0 5px 0 5px;
	}	
	.IndexProductHeightBox {
	height:100%;
	}
	
	.clentAreaButtons {
		display:block!important;
		margin-top:-20px;
	}
	
	.myProfilDiv {float:left;width:100%}
	.myProfilDivRight {float:left;margin-left:0px; width:100%}
	.myProfilDivPhoto {float:left; width:225px;}	
	.profileArea {width:90%; }
	.cabinetField {
		width:95%;
		height: 30px;
		margin-right:0;	
	}
	.cabinetFieldCombo {
		background: #fff;
		width:100%;
		margin-right:0;	
		margin-bottom:10px;
	}		
	.profileNavigation {
		border-bottom:1px solid #dadada;
		padding-bottom:6px;
		width:95%;
	}
	.profileNavigation  a,
	.profileNavigation  a:link,
	.profileNavigation  a:visited,
	.profileNavigation a:active {	
		display:inline-block;
		color: #333;
		font: bold 14px Arial;
		padding: 0 0 0 0;	
		text-decoration: none;
		letter-spacing:-0.5px;
		margin: 0 5px 0 0;
	}
	.profileNavigation a:hover{
		color: #0A477E;
		text-decoration: none;
	}
	.profileNavigation  a.activeLink,
	.profileNavigation  a.activeLink:link,
	.profileNavigation  a.activeLink:visited,
	.profileNavigation a.activeLink:active {	
		display:inline-block;
		color: #0A477E;
		font: bold 14px Arial;
		padding: 0 0 0 0;	
		text-decoration: none;
		letter-spacing:-0.5px;
		margin: 0 5px 0 0;
	}
	.profileNavigation a.activeLink:hover{
		color: #333;
		text-decoration: none;
	}

	.profileNavigationSub {
		/* border-bottom:1px solid #dadada; */
		padding-top:0px;
		margin-top:10px;
		width:100%;
	}
	.profileNavigationSub  a,
	.profileNavigationSub  a:link,
	.profileNavigationSub  a:visited,
	.profileNavigationSub a:active {	
		display:inline-block;
		color: #333;
		font: bold 13px Arial;
		padding: 0 0 0 0;	
		text-decoration: none;
		margin: 0 0 0 0;
	}
	.profileNavigationSub a:hover{
		color: #0A477E;
		text-decoration: none;
	}
	.profileNavigationSub  a.activeLink,
	.profileNavigationSub  a.activeLink:link,
	.profileNavigationSub  a.activeLink:visited,
	.profileNavigationSub a.activeLink:active {	
		display:inline-block;
		color: #0A477E;
		font: bold 13px Arial;
		padding: 0 0 0 0;	
		text-decoration: none;
		margin: 0 0 0 0;
	}
	.profileNavigationSub a.activeLink:hover{
		color: #0A477E;
		text-decoration: none;
	}	
	.pageContent {
		color:#222;
		font: normal 15px Arial;
		line-height:26px;
		padding: 0 20px 0 10px;
		width:93%;
	}	
	
/* 	.pageContentListing a,
	.pageContentListing a:link,
	.pageContentListing a:visited,
	.pageContentListing a:active {
		color: #0A477E;
		font: bold 14px Arial;
		text-decoration: none;
		border-bottom:1px solid #dadada;
	}
	.pageContentListing a:hover{
		color: #b72d25;
		text-decoration: none;
		border-bottom:1px solid #dadada;
	} */
	
}
@media screen and (max-width: 430px) {
	.logo { width:220px }
}
@media screen and (max-width: 360px) {
	.logo { width:220px }
	.publishField {
		background: #fff;
		width:65px;
	}
	.magProductShopBox {
		border:1px solid #dadada;
		-webkit-border-radius: 3px;
		-khtml-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;		
		width:100px;
		height:190px;
		float:left;
		margin: 10px 5px 0 0;
		text-align:center;
		padding:4px 1px 2px 1px;
		background:#fff
	}
	.magProductShopBox:hover {
		background:#F2F3F5;
		cursor:hand;
	}	
	
	.ShopLine {
		color:#326089;
		font: normal 16px 'RepoBold';	
		float:left;
		margin:0px 5px 0 4px;
	}	
	.ShopLogoLine {
		width:100px;
		float:left;
		border-right: 1px solid #dadada;
		padding:0 5px 0 5px;
	}

	
}








































