/* CSS RESPONSIVE DESIGN V1.0 */

@media only screen and (max-width: 1350px)
{
	#cc_menu a { padding:10px; }
}

@media only screen and (max-width: 1250px)
{
	#cc_menu a.last { display:none; }
}

@media only screen and (max-width: 1050px)
{
	.mobileonly { display:block; }
	.nomobile { display:none; }
	
	header { position:fixed; width:100%; left:0; top:0; height:73px; }
	body { padding-top:113px; }
	
	h2 { font-size:50px; }
	
	#cc_menu { display:none; position:fixed; z-index:50; right:0; top:113px; height:100%; width:100%; background:#152C47; padding-right:40px; padding-top:20px; }
	#cc_menu a { display:block; padding:10px 20px; color:#FFF; text-align:right; }
	#cc_menu a.cc_gold { margin-top:50px; color:#D2AB69; }
	#cc_menu a.last { display:block; margin-top:0; }
	
	.cc_main { width:100% !important; }
	
	#cc2_slider { height:800px; padding-top:150px; }
	.cc2_slider_box { float:none; width:100%; display:block; margin-top:0px; }
	.cc2_photo { float:none; width:100%; margin-left:0; margin-bottom:40px; }
	.cc2_cc { float:none; width:100%; padding:0; background:none !important; margin-bottom:40px; }
	
	#cc2_bloc3 p, #cc2_bloc3 ul, #cc2_bloc3 h3 { padding-left:0; padding-right:0; width:100%; margin-left:0; margin-right:0; }
	#cc2_bloc3 h2 { text-align:center; }
	
	#cc2_bloc4 .cc2_main, #cc2_bloc2 .cc2_main { padding:20px 40px; padding-bottom:80px; }
	#cc2_bloc2.cabinet .cc2_main { padding-bottom:20px; }
	
	#cc2_slider h1 { font-size:32px; }
	#cc2_slider p { font-size:32px; }
	
	#cc2_content { padding:50px 20px; }
}

@media only screen and (max-width: 650px)
{
	h2 { font-size:44px; }
	
	#cc2_slider { height:720px; }
	
	#cc2_bloc4 p, #cc2_bloc2 p { font-size:20px; text-align:left; }
	#cc2_bloc3 p { text-align:left; }
	footer a { float:none; margin:0; margin-bottom:10px; display:block; text-align:center; }
	footer p { display:block; text-align:center; }
	#cc_logo_footer { float:none; display:block; text-align:center; margin-right:0; }
	
	#cc2_bloc4 .cc2_main, #cc2_bloc2 .cc2_main { padding:20px; padding-bottom:80px; }
	#cc2_bloc2.cabinet .cc2_main { padding-bottom:20px; }
	
	#cc2_content { padding:50px 15px; }
	#cc2_content p { text-align:left; }
	
	.wpcf7-not-valid-tip { position:relative; display:block; margin:0; margin-top:-10px; margin-bottom:10px; }
}

@media only screen and (max-width: 350px)
{
	#cc_mobile_menu { height:50px; margin-left:-50px; margin-top:0px; }
	#cc_logo { max-width:70%; }
	#cc_logo img { height:auto; max-width:100%; max-height:70px; }
}