@media (min-width: 320px) {
	#headerMenuIconC { display:block; }
	#headerMenuLeft { display:none; }

	#maEditReferat {display:none;}
}

@media (min-width: 480px) {
	#headerAvatarC { display:block; }
	div.mDDAccount {display:none;}

	#loginFormModal {
		width:430px;
	}
	input.loginFormDfl {
		width: 345px;
	}

	#headerNotificationC {
		right: -143px;
		width: 427px;
	}
	#headerNotificationC:before {
		right: 143px;
	}

	div.headerSearchIC {
		width: calc(100% - 114px);
	}
	div.headerSearchButtonC {
		width: 110px;
	}


	div.footerCol1C {width:52%;}
	div.footerCol2C {width:47%;}
	div.footerCol3C {width:calc(100% - 30px); margin-right: 30px; text-align: right;}

	div.adv1Ext {
		height: 60px;
	}
	div.sm_col1C {
		margin:0 20px 0 0;
		width: calc(100% - 175px);
	}
	div.sm_col2C {
		width: 150px;
	}

	#maEditReferat {display:inline-block;}
}

@media (min-width: 767px) {
	div.pagebodyLeftC {
		float:left;
		width: calc(100% - 340px);
		padding-right:30px;
	}

	div.pagebodyRightC {
		float:right;
		width:310px;
		min-width:300px;
	}

	div.pagebodyLeft2C {
		display:none;
	}

	div.pagebodyRight1C {
		display:block;
	}

	div.headerSearchC {
		/*width: calc(100% - 143px);*/
	}
	#headerSearchButton {
		/*background:url('/pic/search-button3.png') no-repeat;*/
		/*width: 110px;*/
	}

	#headerNotificationC {
		width: 500px;
	}

	div.footerLogoC {width:220px;}
	div.footerCol1C {width:calc(52% - 115px);}
	div.footerCol2C {width:calc(47% - 115px);}
	div.footerTitle {margin-top:0;}
	div.footerCopyright {text-align:left;}

	div.adv1Ext {
		height: 38px;
	}
	div.adv1C {
		padding-top:8px;
	}
}


@media (min-width: 1000px) {

	h1 { font-size:32px; line-height:42px; }

	#headerMenuLeft { display:block; }
	#headerMenuIconC { display:none; }

	#mDDZakaz {display:none;}
	#mDDMarket {display:none;}
	#mDDReferat {display:none;}

	div.mmLogin {
		display: block;
		margin-right:26px;
	}

	div.mmenu {	margin-right: 60px; }

	#headerNotificationC {
		right: -90px;
	}
	#headerNotificationC:before {
		right: 90px;
	}

	div.footerLogoC {width:300px;}
	div.footerCol1C {width:calc(52% - 155px);}
	div.footerCol2C {width:calc(47% - 155px);}
}



@media (min-width: 1200px) {
	#mmAdd {display:block;}
	#mDDAdd {display:none;}
	/*#rmmLogin {margin-right:0px;}*/

	div.containerPage {
		width:92%;
	}
	
	div.footerCol1C {width: calc(50% - 285px);}
	div.footerCol2C {width: calc(50% - 285px);}
	div.footerCol3C {text-align: left;}
	div.footerCol3C {width: 250px; margin:0;}

}

@media screen and (min-width: 1440px) {
	div.containerPage {
		width:1360px;
	}

 }


