/*nexus 7 portait*/
@media (min-width: 450px) and (max-width: 700px){
	.flip-clock-wrapper
 	{
	 	/*zoom:0.7;*/
 	}
 	.arrow_top
	{
		display: none;
	}
}
/*iphone 6+*/
@media (min-width: 380px) and (max-width: 459px){
	.flip-clock-wrapper
	{
	 	/*zoom:0.6;*/
	}
	#layer_new
	{
		left: 20px;
	}
	.step_form 
	{	
		width: 100% !important;
	}
	.step_form .date_box
	{
		  margin-right: 0px !important;
		  width: 33px !important;
		  font-size: 14px;
	}
	.arrow_top
	{
		display: none;
	}
	.color_division, INPUT.miniColors
	{
		margin-right: 0px !important;
	}
	.colorpickerbox
	{
		width: 150px !important;
	}
	.longtext
	{
		width: 100% !important;
	}
	.miniColors-colors
	{
		width: 80% !important; 
	}
	.miniColors-hues
	{
		left: auto !important;
		right: 4px;
	}

	.step_form .date_box.year{
		width:97px !important;
	}

	#countdownform_edit,
	#countdownform_new{
		padding-bottom: 20px !important;
	}

	.error_msg{
		left:0px;
	}

	#layer_share{
		width:320px;
	}

	#share_url_div{
		width:330px;
	}

	#textarea_embed, #textarea_embed_swf{
		width:180px;
	}

	#layer_share_new{
		left:5% !important;
		right:5% !important;
	}

	#layer_image_grid{
		left: 5px !important;
		right: 5px !important;
	}

	#grid_images img{
		width: 23% !important;
	}

	.color_division {
		position: absolute;
		margin-top: 68px;
		right: 18px;
	}

	#fields_container > .color_division {
		margin-top: 58px;
		right: -2px;
	}

	.countdown_form_text {
		margin-top: 35px !important;
	}
	.icon-calendar, .icon-clock {
		vertical-align: middle;
	}
	span.time_separator, span.date_separator {
		vertical-align: top;
		line-height: 40px;
	}
}
/*iphone 6*/
@media (min-width: 330px) and (max-width: 379px){
	#countdownform_edit,
	#countdownform_new{
		padding-bottom: 20px !important;
	}
	
	#layer_image_grid {
	  right: 5px !important;
	  width: auto;
	  left: 5px !important;
	}

	#grid_images img{
		width:23%;
	}

	#layer_share_new{
		left:5% !important;
		right:5% !important;
	}

	.flip-clock-wrapper
	 {
	 	/*zoom:0.5;*/
	 }
	 .step_form 
	{	
		width: 100% !important;
	}
	.step_form .date_box
	{
		  margin-right: 0px !important;
		  font-size: 13px !important;
		  width: 32px !important;
		  padding: 10px 7px !important;
	}
	.step_form .date_box.year
	{
		width: 67px !important;
	}
	.strong_subtitle
	{
		padding-right: 15px;
	}
	#layer_new
	{
		left: 20px;
	}
	.arrow_top
	{
		display: none;
	}
	.color_division, INPUT.miniColors
	{
		margin-right: 0px !important;
	}
	.colorpickerbox
	{
		width: 95px !important;
	}
	.longtext
	{
		width: 100% !important;
	}
	.miniColors-colors
	{
		width: 73px !important; 
	}
	.miniColors-hues
	{
		left: auto !important;
		right: 4px;
	}

	#layer_share{
		width:270px !important;
	}

	#share_url_div{
		width:280px;
	}

	#textarea_embed, #textarea_embed_swf{
		width:130px !important;
	}

	.error_msg{
		width:250px;
	}

	#grid_images{

	}

	#left_homepage, #right_homepage{
		font-size: 52px !important;
	}

	#countdown_title{
		font-size: 24px !important;
	}

	#countdown_footer{
		font-size: 13px !important;
	}

	.color_division {
		position: absolute;
		margin-top: 68px;
		right: 18px;
	}

	#fields_container > .color_division {
		margin-top: 58px;
		right: -2px;
	}

	.countdown_form_text {
		margin-top: 35px !important;
	}
	.icon-calendar, .icon-clock {
		vertical-align: middle;
	}
	span.time_separator, span.date_separator {
		vertical-align: top;
		line-height: 40px;
	}
}
/*iphone 4/5*/
@media (min-width: 320px) and (max-width: 329px){
	.flip-clock-wrapper
	 {
	 	/*zoom:0.45;*/
	 }
	 .step_form 
	{	
		width: 100% !important;
	}
	.step_form .date_box
	{
		margin-right: 0px !important;
		font-size: 13px !important;
		width: 29px !important;
		padding: 5px 5px !important;
	}
	.step_form .date_box.year
	{
		width: 76px !important;
	}
	.strong_subtitle
	{
		padding-right: 15px;
		padding-bottom: 0;
		font-size: 16px;
	}
	.popuplayer {
		top: 65px;
	}
	#layer_new
	{
		left: 20px;
	}
	.arrow_top
	{
		display: none;
	}
	.color_division, INPUT.miniColors
	{
		margin-right: 0px !important;
	}
	.colorpickerbox
	{
		width: 103px !important;
	}
	.longtext
	{
		width: 100% !important;
	}

	.error_msg{
		left:0 !important;
		width: 238px !important;
	}

	#countdownform_edit,
	#countdownform_new{
		padding-bottom: 20px !important;
	}

	.step_form label{
		font-size: 13px;
	}

	#layer_image_grid {
	  right: 5px !important;
	  width: auto;
	  left: 5px !important;
	}

	#grid_images img{
		width:23%;
	}

	#layer_new, #layer_edit{
		min-height: 360px;
	}

	#layer_share{
		width:260px !important;
		font-size: 16px;
	}

	#share_url_div{
		width: 262px;
	}

	#textarea_embed, #textarea_embed_swf{
		width: 113px !important;
	}

	.miniColors-colors {
	  width: 80px !important;
	}

	.miniColors-hues{
		left:89px !important;
	}

	#layer_share_new{
		left:5% !important;
		right:5% !important;
	}


	#left_homepage, #right_homepage{
		font-size: 52px !important;
	}

	#countdown_title{
		font-size: 34px !important;
	}

	#countdown_footer{
		font-size: 15px !important;
	}

	#ui-timepicker-div {
		top: auto !important;
		left: 5px !important;
		bottom: 65px;
	}

	.color_division {
		position: absolute;
		margin-top: 62px;
		right: 18px;
	}

	#fields_container > .color_division {
		margin-top: 58px;
		right: -2px;
	}

	.countdown_form_text {
		margin-top: 14px !important;
	}
	.icon-calendar, .icon-clock {
		vertical-align: middle;
	}
	span.time_separator, span.date_separator {
		vertical-align: top;
		line-height: 24px;
	}
}
@media (max-width: 890px){
	.icon-menu
	{
		display: block;
	}
	.icon-menu .box_menu
	{
		display: block;
	}
	.box_menu,#layer_share_btn
	{
		display: none;
	}
	.arrow_top
	{
		display: none;
	}
	#menu_wrapper
	{
		display: block;
	}
}

.miniColors-selector{
	overflow: hidden;
}