/* CSS for Phones */
@media only screen and (max-width: 768px) { 
	.mobile {display: block; visibility: visible;}
	.desktop {display: none;}
	body { width: auto; height: auto;}
	div#box { min-height: 0px; padding-top: 46px;}
	header.main .site_width{
	background: #c179b3;
    background: -moz-linear-gradient(left, #c179b3 0%, #ec6585 100%);
    background: -webkit-linear-gradient(left, #c179b3 0%,#ec6585 100%);
    background: linear-gradient(to right, #c179b3 0%,#ec6585 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c179b3', endColorstr='#ec6585',GradientType=1 );
	}
	header .header.f_right {clear: both; float: none;}
	.block-search {margin: 5px 0 0 0;}
	.block-search .form-toggle-button {display: block; width: 40px; height: 40px; 
	background-color: transparent; border: 0 none; cursor: pointer;}
	.block-search .open-block	{background: url("../images/sprite_icons_3.png") no-repeat 0 -290px;}
	.block-search .close-block
	{position: absolute; left: 0; top: 0; font-size: 30px; color: #7d5223; z-index: 3;}
	
	.block-search-0 .block-content {position: absolute; left: 0; right: 0; top: 0; z-index: -2;
	-webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out;
	-o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;}
	
	.block-search .container-inline {margin: 0; padding-left: 50px; width: auto; background: #F9F9F3;}
	
	.block-search-0.toggle-form .block-content {top: 46px;}	
	
	.block-search .container-inline input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	
	.header_mobile {float: right; position: relative; margin: 3px;}
	.header_mobile .nav {position: absolute; top: 40px; right: 0; width: 200px; padding: 5px 15px; background: #F87BA7; z-index: 99;}
	.header_mobile .nav .block-header {padding: 10px 0; font-weight: bold; color: #fff;}
	.header_mobile .nav ul li {margin: 5px 0px 5px 10px; list-style: none; list-style-image: none; line-height: 15px;}
	.header_mobile .nav ul li a { font-size: 13px; font-weight: bold; color: #fff; }
	.header_mobile .nav ul li ul li a { font-size: 12px; font-weight: normal;}	
	
	nav.main { display: none !important; } 
	
	.babyitalia.tabs, .babyitalia.desktops {display: none;}
	.babyitalia.phones {display: block;}
	
	#block-block-11 div h1  { margin: 0px; }
	
	div h1 { font-size: 17px; }
	
	#block-block-11 div h2, 
	div.node.full.story h2, 
	div.feedback-content h2, 
	div.node.full.faq h2, 
	div.site_regions h2, 
	div.site-map-taxonomys h2 { font-size: 15px; }

	.node.full.story .image { float: none; margin: 10px 0px; }

	.node.full.story .mini-navigation {
		float: none;
		width: 100%;
	}
	
	.content_front div.block-header { font-size: 12px; }
	.view-articles-front div.views-row { padding: 2px 0px; }
	.view-articles-front .views-row .views-field-field-image-fid,
	.view-articles-front .views-row .views-field-field-picture-fid { margin-right: 5px; }
	.view-articles-front .views-row .views-field-title a { font-size: 12px; }
	.view-articles-front .views-row .views-field-teaser { font-size: 12px; line-height: 13px; }
	
	div.view-articles-front.hidden-bloks-front ul li { width: 47% ;} 
	
	.view-block-categories .view-content div.views-field-nothing h1, 
	.view-block-categories .view-content div.views-field-nothing span,
	.view-block-categories .attachment div.view-header { font-size: 20px; line-height: 22px; }
	
	.category-page div.views-row,
	.view-articles-calculators div.views-row { width: 47.7%; overflow: hidden; }

	.category-page div.views-row-odd,
	.view-articles-calculators div.views-row-odd { padding-right: 2%; }
	.category-page div.views-row-even,
	.view-articles-calculators div.views-row-even { padding-left: 2%; }
	
	.category-page .views-row div.views-field-title, 
	.view-articles-calculators .views-row div.views-field-title { margin-bottom: 5px; }
	
	.category-page div.views-row div.views-field-title a, 
	.view-articles-calculators .views-row div.views-field-title a, 
	div.node-results div.title a { font-size: 15px; line-height: 17px; }

	.category-page div.views-field-field-image-fid,
	.category-page div.views-field-field-picture-fid,
	.view-articles-calculators div.views-field-field-image-fid { width: 40%; max-width: 200px; }
	.category-page div.views-field-field-image-fid img,
	.category-page div.views-field-field-picture-fid img,
	.view-articles-calculators div.views-field-field-image-fid img { width: 100%; height: auto; }
	
	.node.full.story p, .node.full.story li, 
	.node.full.faq p, .node.full.faq li {font-size: 15px;}
	
	.nav_tab .active_tab {width: auto;}
	
	.content_bottom div.video_photo { max-width: 240px; width: 24%; }
	
	aside#column_right_2 { display: none; }
	
	#column_left .block-menu ul.menu li	{ float: left; margin-right: 1%; width: 48%; }
	#column_left div.video_photo.bckgrnd{ float: left; margin: 1%; max-width: 240px; width: 48%; }
	#column_left div.video_photo.bckgrnd .text{ line-height: 14px; }
	#block-block-116 div div.trimestris { float: left; margin: 1%; width: 40%; max-width: 210px; }
	#block-block-117 div ul li  { float: left; margin: 1%; width: 45%; }
	
	div.empty { display: none; }
	footer.main { margin: 0px !important; height: auto; }
	footer div.copyrights { padding: 10px; }
	
	/*Services*/
	.tests .menu ul li {width: 48%;}
	
	.pregnancy_calendar .calendar_2 .title,
	.pregnancy_calendar .calendar_2 .title .trim,
	.pregnancy_calendar .calendar_2 .title .weeks {display: block;}
	.pregnancy_calendar .calendar_2 .title .trim,
	.pregnancy_calendar .calendar_2 .title .weeks {float: left;  padding: 10px 4px; width: 50%;}
	.pregnancy_calendar .calendar_2 .title .trim,
	.pregnancy_calendar .calendar_2 .title .weeks {min-width: 0; text-align: left;}
	.pregnancy_calendar .calendar_2 .title .trim {text-align: right;}
	.pregnancy_calendar .calendar_2 .title .trim:after {content: " /"; display: inline;}
	
	.pregnancy_calendar .calendar_2 .row,
	.pregnancy_calendar .calendar_2 .row .trim, 
	.pregnancy_calendar .calendar_2 .row .weeks {float: none; display: block; min-width: 0; text-align: center;}
	
	.pregnancy_calculator .menu ul li {float: none; margin: 1% 0; width: auto;}
	.pregnancy_calculator .menu ul.clearfix li.item a {padding: 18px 10px 10px 90px; min-height: 35px;}
	
	.choose_name .name .male, 
	.choose_name .name .female,
	.choose_name .month .f_left	{float: none; width: auto;}
	
	.choose_name .name .male, 
	.choose_name .name .female {margin: 5px 0;}
	
	.choose_name .month .f_left {border-right: 0  none;}
	
	.maternity-hospitals .alphabet ul {padding-left: 10px;}
	.maternity-hospitals .alphabet ul li {float: left; margin: 0; width: 14%;}
	
	.maternity-hospitals .view-content,
	.maternity-hospitals .views-row,
	.maternity-hospitals .views-row article,
	.maternity-hospitals header, 
	.maternity-hospitals p	{display: block;  width: auto; background: none;}
	
	.maternity-hospitals header {border-bottom: 0 none;}
	
	.comments .view-otzivi .views-field-field-total-value,
	.comments .view-otzivi .views-field-created	{float: none; display: inline-block; margin-right: 15px; width: auto; vertical-align: middle;}
	
	.comments .view-otzivi .views-field-body {clear: left;}
	.comments .view-otzivi .views-field-body, 
	.comments .view-otzivi .views-field-field-plus-value, 
	.comments .view-otzivi .views-field-field-minus-value {margin: 10px 0;}
	
	.page_photo .menu ul.list li {width: 19.5%;}
	
	.amusement-anecdots .views-field-body {margin: 0; border-right: 0 none;}
	.amusement-anecdots .right {position: relative; right: auto; top: auto; width: auto; border-top: 1px solid #cd6985;}
	.amusement-anecdots .right .smile,
	.amusement-anecdots .right .stars,
	.amusement-anecdots .right .total_vote {display: inline-block; vertical-align: middle;}
	
	.amusement-stories .views-row {padding: 0 15px;}
	

	/*del*/
	#admin-menu { display: none; }
	#block-block-165,.category-page .view-footer,.view-articles-calculators .view-footer, .tabs.primary { overflow: hidden; }
}

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

	.obl_desktop {display: none;}
	.obl_mobile {display: block;}
	
	/*Services*/
	div.choose_name .name .names {min-width: 0px;}	
	
	form#bertest-my-form, form#nametest-my-form, form#gotovtest-my-form {background-image: none !important;} 
	
	.page_video .menu .preview {float: none; margin: 0 auto; max-width: 290px; width: auto;}
}

@media only screen and (max-width: 550px) {
	.mikkimama.v8 .mik_desktop {display: none;}
	.mikkimama.v8 .mik_mobile {display: block;}
	
	/*Services*/
	.pregnancy_calendar .month ul li {width: 33%;}

	.maternity-hospitals .country .item-list ul li {width: 49%;}
	
	.maternity-hospital .info .text,
	article.maternity-hospital .info #map {float: none; width: 100% !important;}
	
	div.page_photo .menu .preview { width: 48%;}
	
	.amusement-photos  .views-row {float: none; margin: 10px 0p; width: auto;}
	
	.similar-under-node .view-content, 
	.similar-under-node .view-footer {float: none; margin: 0; width: auto;}

	
}

@media only screen and (max-width: 520px) {
	header .header_m { float: right; }
	header .header_m  section{ display: inline-block; }
	header .header_m  .block { position: relative;  margin-bottom: 5px;  padding-right: 5px;}

	
	div#block-views-block_categories-block_1, div#block-views-block_categories-block_9,
	div#block-views-block_categories-block_2, div#block-views-block_categories-block_10,
	div#block-views-block_categories-block_3, div#block-views-block_categories-block_11 ,
	div#block-views-block_categories-block_4, div#block-views-block_categories-block_12 ,
	div#block-views-block_categories-block_5, div#block-views-block_categories-block_13 ,
	div#block-views-block_categories-block_6, div#block-views-block_categories-block_14 ,
	div#block-views-block_categories-block_7, div#block-views-block_categories-block_15 ,
	div#block-views-block_categories-block_8, div#block-views-block_categories-block_16 { background-image: none }
	
	.view-block-categories div.view-content { position: absolute; top: 0px; float: none; width: 100%; }
	.view-block-categories .view-block-categories div.view-content { position: relative; }
	
	.view-block-categories div.attachment { width: 49% }
	.view-block-categories .attachment div.view-header { min-height: 17px; font-size: 15px; line-height: 17px; }
	
	.category-page div.views-row, .view-articles-calculators div.views-row { margin: 1% 0px; padding: 0px 1%; width: 97%; border-left: 0px none; height: auto; }
	
	.node.full.story .image {float: none; margin: 0 0 15px 0; width: auto; text-align: center;}
	.node.full.story .image img {max-width: 100%; width: auto; height: auto;}
	
	.mikkimama a.logo.f_left  { display: none; }
	
	.block-media_venus {text-align: center;}
	.block-media_venus .views-row {margin: 1%; width: 47%;}
	
	.content_bottom div.video_photo { width: 49%; }
	
	#column_left .block-menu ul.menu li { margin: 0px ; width: 99%; }
	
	#block-block-116 div div.trimestris { padding: 1%; width: 28%; }	
	#block-block-116 div div.trimestris .titles a { padding: 1%; min-height: 0px; background-image: none; }	
	
	/*Services*/
	/*.faqlist ul li {display: block; padding-left: 8%; width: 91%;}*/
	
	.tests .menu ul li {float: none; width: auto;}
	
	.choose_name .name .male, .choose_name .name .female {float: none; width: auto;}
	.choose_name .month ul li {display: block; width: auto;}
	
	.pregnancy_calendar .calendar_2 .row .weeks ul li a { width: 17px; } 
	.pregnancy_calendar .month ul li  {width: 33.33%;}
	.pregnancy_calendar .month ul li a { font-size: 35px; height: 40px; line-height: 40px; }

	div.baby_dower .header .baby_carriage { margin-top: 5px; padding: 5px; background-image: none; float: none; min-height: 35px; }
	div.baby_dower .header .items { float: left; width: 25%; }
	
	div.menu_bottom .menu_bottom .block { padding-right: 1%; width: 46%; }
	
	div.music-page .view-content, div.music-block .view-content { background-image: none;	 }
	div.music-page .views-row , div.music-block .views-row { display: block; margin: 0px !important; width: 100%; }
	
	.page_photo .menu ul.list li {width: 32.5%;}
}

@media only screen and (max-width: 460px) { 
	#block-block-117 div ul li  { float: none; margin: 1%; width: 98%; }
	
	/*Services*/
	
	div.page_photo .menu .preview.last { display: none;}
	
}

@media only screen and (max-width: 400px) {
	#block-block-116 div div.trimestris { padding: 1%; width: 95%; max-width: none;}
	
	/*Services*/
	div.maternity-hospitals.view .view-content { background-image: none; }
	div.maternity-hospitals .views-row { width: 96%; }
	article.maternity-hospital .info .text,
	article.maternity-hospital .info #map	{ float: none; clear: both; width: 100% !important; }
}

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

	div.view-articles-front.hidden-bloks-front ul li { width: 97% ;}
	#column_left div.video_photo.bckgrnd{ float: none; margin: 3px auto; width: 99%; }
	
	/*Services*/
	div.pregnancy_calculator .menu ul li { float: none; }
	div.pregnancy_calculator .menu ul li a { margin: 0px auto; }

}