@media (max-width: 1400px) {
	.topBannerInner .fbBlock {	left:55px; }
	.topBannerInner .fbBlock2 {	right:55px; }
}
@media (max-width: 1300px) {
	#footer ul.menu { 	top:67px;
						left:50%;
						text-align:left; }
	#footer ul.menu li { 	display:block; }
}
@media (max-width: 1200px) {	
	#logotype { left:3%; }			
	.phone {	left:22%; }				
	.phone:hover {	left:22%; }	
	.addr {	left:45%; }	
	.icons {	right:3%; }
	
	.topBannerStart .fbBlock {	left:10%; }
	.topBannerStart .fbBlock2 {	left:10%; }
	.topBannerStart .sbBlock {	right:10%; }
	
	.topBannerInner .fbBlock {	left:3%; }
	.topBannerInner .fbBlock2 {	display:none; }
	.topBannerInner .sbBlock {	left:auto; right:3%; }

	.rSideCI {
		width:650px;
	}
	.card_imgmini {	
		text-align: left;	
	}
	.card_img img {	
		width:100%;
		height:auto;
	}
	.descrCard {	
		width: 355px;	}
	.contentIndex {	
		padding:54px 20px 25px 20px;
	}
}

@media (max-width: 1080px) {
	.rSideCI {
		width:550px;
	}
	.descrCard {	
		width: 258px;	}
}

@media (max-width: 980px) {	

	.card {
		max-width:689px;
		margin:auto;
	}

	#header{ 	width:100%;
				height:255px;
				overflow:hidden;
				margin:auto; }
				
		#logotype { left:50%;
					top:51px;
					margin:0 0 0 -85px; }

	.phone {	top:132px;
				font-size:23px;
				padding:0 0 0 32px;
				width:200px;
				left:50%;
				margin:0 0 0 -108px; }
				
	.phone:hover {	top:132px;
					font-size:23px;
					padding:0 0 0 32px;
					width:200px;
					left:50%;
					margin:0 0 0 -108px; }

	.addr {	width:200px;
			top:174px;
			left:50%;
			margin:0 0 0 -108px; }

	.icons {	top:8px;
				right:0%; }
	
	
	#content ul.menu { 	display:none;
						position:absolute;
						top:42px;
						left:0px;
						z-index:99;
						background:#FFF;
						margin:0px;
						width:100%; }

	#content ul.menu li { 	list-style:none;
							display:block;
							margin:0px;
							padding:0px; }
							
		#content ul.menu li a { display:block;
								width:auto;
								height:auto;
								vertical-align:top;
								text-decoration:none;
								border-right:5px #FCE00C solid;
								text-align:left;
								transition: all 0.2s ease;
								line-height:18px;
								font-size:16px;
								color:#000;
								padding:0px;
								margin:0px; }

		#content ul.menu li:nth-child(1) a {	padding:10px 0 15px 45px;
												width:auto;
												background: url("/images/bc-dizel_32_mob.png") 5px 9px no-repeat;
												height:auto; }
									
		#content ul.menu li:nth-child(1) a:hover {	background: url("/images/bc-dizel_32_mob.png") 5px 9px no-repeat; }
									
		#content ul.menu li:nth-child(2) a {	padding:10px 0 15px 45px;
												width:auto;
												background: url("/images/bc-dizel_35_mob.png") 5px 8px no-repeat;
												height:auto; }
		
		#content ul.menu li:nth-child(2) a:hover {	background: url("/images/bc-dizel_35_mob.png") 5px 8px no-repeat; }
		
		#content ul.menu li:nth-child(3) a {	padding:10px 0 15px 45px;
												width:auto;
												background: url("/images/bc-dizel_38_mob.png") 5px 12px no-repeat;
												height:auto; }
									
		#content ul.menu li:nth-child(3) a:hover {	background: url("/images/bc-dizel_38_mob.png") 5px 12px no-repeat; }

	#oppNavIcon {	display:block;
					position:absolute;
					top:6px;
					left:5px;
					width:27px;
					height:17px;
					border-top:5px #FCE00C solid;
					border-bottom:5px #FCE00C solid; }
					
		#oppNavIcon:before {	content:"";
								display:block;
								position:absolute;
								top:50%;
								left:0px;
								margin:-3px 0 0 0;
								width:100%;
								height:5px;
								background:#FCE00C; }

	.topBannerStart .fbBlock, .topBannerStart .fbBlock2, .topBannerInner .fbBlock, .topBannerInner .fbBlock2 {	display:none; }
	
	.topBannerStart .sbBlock {	right:auto;
								width:265px;
								left:50%;
								top:15px;
								margin:0 0 0 -137px; }

	.topBannerInner .sbBlock {	right:auto;
								width:265px;
								left:50%;
								top:15px;
								margin:0 0 0 -137px; }
	
	.topBannerInner {	height:135px; }
	.topBannerStart {	height:390px; }

	.contentIndex {	padding:10px 0 25px 0; }
	
	.rSideCI {	width:auto;
				padding:0 20px;
				text-align:left;
				float:none; }
				
	.lSideCI {	width:auto;
				float:none;
				padding:0 20px;
				margin:0px; }
				
		.lSideCI a {	text-align:left; }

	#main { margin:0 auto -300px auto; }

	#footer { 	position:relative;
				height:300px; }

	#logotypeF { position:absolute;
				display:block;
				width:175px;
				height:56px;
				top:15px;
				left:50%;
				margin:0 0 0 -87px; }
				

		#footer .phone {	top:85px;
							left:50%;
							margin:0 0 0 -87px; }
					
		#footer .phone:hover {	top:85px;
								left:50%;
								margin:0 0 0 -87px; }	
		
		#footer ul.menu { 	top:135px;
							left:50%;
							width:240px;
							margin:0 0 0 -120px;
							background:none;
							text-align:center;
							min-height:155px;
							border:0px; }
	
			#footer ul.menu li a { text-align:center; }

		#copymy { 	top:auto;
					bottom:55px;
					right:5px; }
			
	#copyRight { 	display:block;
					position:absolute;
					width:240px;
					height:30px;
					top:auto;
					bottom:5px;
					text-align:center;
					font-size:12px;
					color:#ffdd00;
					left:50%;
					margin:0 0 0 -120px; }

	#count1 { 	top:auto;
				bottom:55px;
				left:5px; }
}