﻿
body.mobile { min-width: 320px; }

/*body.mobile * { box-sizing: border-box; }*/

body.mobile object { max-width: 100%; }
body.mobile .record_page_body img { max-width: 100%; }
body.mobile #blackScreen_img { background-size: contain; }

body.notmobile .only-mobile,
body.mobile .hidden-mobile { display: none !important; }

/* Containers */
body.mobile .main_container { background: none; }

body.mobile #all_page,
body.mobile #header,
body.mobile #main_block,
body.mobile #content_container,
body.mobile #content,
body.mobile #content-inside,
body.mobile #content_above_related,
body.mobile #above_contentArea,
body.mobile #beneath_contentArea,
body.mobile #content_beneath_text,
body.mobile #content_top,
body.mobile #content_bottom,
body.mobile #sidebar,
body.mobile #sidebar_other,
body.mobile #footer {
	background-image: none;
	float: right;
	height: auto; width: 100% !important;
	padding-left: 0; padding-right: 0;
	margin-left: 0; margin-right: 0;
	border: 0;
	box-sizing: border-box;
}

body.mobile #footer *,
body.mobile #header * { max-width: 100%; }

body.mobile #main_block { padding: 0; }
body.mobile #content { min-height: 50px; }
body.mobile #content-inside { padding: 6px; }


/* All objects */
body.mobile .object {
	float: right !important;
	width: 100% !important; height: auto !important;
	position: relative !important;
	top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
	margin-right: auto !important; margin-left: auto !important;
	box-sizing: border-box;
	background-size: cover;
}

body.mobile .object_content {
	width: 100% !important; height: auto !important;
	box-sizing: border-box;
	text-align: center;
}

body.mobile .object_title,
body.mobile .object_title a {
	font-size: 19px !important;
	width: 100%; height: auto; margin: 0;
	background-image: none; box-sizing: border-box;
}

body.mobile .object_top,
body.mobile .object_bottom {
	height: auto; background: none;
}


/* Objects in header */
body.mobile #header { padding: 0; }
body.mobile #header .object {
	padding: 3px 0;
	text-align: center;
}

/* Objects in footer */
body.mobile #footer .object {
	text-align: center; margin-top: 10px;
}

/* Objects in sidebar */
body.mobile #sidebar .object,
body.mobile #sidebar .object_content,
body.mobile #sidebar_other .object,
body.mobile #sidebar_other .object_content {
	margin-right: 0; margin-left: 0;
}
body.mobile #sidebar .object,
body.mobile #sidebar_other .object { margin-bottom: 10px; }

/* All search form objects */
body.mobile .object_type_5 * { box-sizing: border-box; }
body.mobile .object_type_5 .searchBox_input { width: 70%; height: 30px; margin: 0; background: #fff; }
body.mobile .object_type_5 .searchBox_button { width: 30%; height: 30px; margin: 0; text-indent: 0; font-weight: bold }

/* All menus */
body.mobile .object_type_6 .object_content { background-image: none !important; height: auto !important; padding: 0 !important; }

/* Vertical menu */
body.mobile .cats_menu_vertical ul { padding: 0; }
body.mobile .cats_menu_vertical li a { padding: 8px !important; background-size: cover; }
body.mobile .cats_menu_vertical li ul li a { font-size: 16px; }
body.mobile .cats_menu_vertical ul li ul { width: 100%; top: 34px; right: 0 !important; z-index: 1000; border: 0; }
body.mobile .cats_menu_vertical > ul > li { height: auto !important; border-bottom: 1px solid #fbfbfb; }
body.mobile .cats_menu_vertical > ul > li > a {
	width: 100%; box-sizing: border-box;
	display: inline-block; border-bottom: 0; font-size: 19px !important;
}

/* Close menu button */
body.mobile .cats_menu_vertical .mobile-menu-close { position: fixed; left: 10px; top: 10px; z-index: 999999; display: none; min-width: 70px; min-height: 30px; }
body.mobile .object:hover .cats_menu_vertical .mobile-menu-close { display: block }
body.mobile .cats_menu_vertical button.mobile-menu-close:hover { visibility: hidden; background: #000; color: #fff; }

/* Horizontal menu */
body.mobile .cats_menu_horizontal { height: auto !important; }
body.mobile .cats_menu_horizontal li {
	float: none !important;
	height: auto !important;
	width: 100%;
	display: block;
	margin: 0 0 5px;
}
body.mobile .cats_menu_horizontal li a {
	float: none !important;
	height: auto !important;
	display: block;
	font-size: 20px !important;
	padding: 8px !important;
}
body.mobile .cats_menu_horizontal li.delimiter { display: none }

/* Horizontal POP menu */
body.mobile .cats_menu_horizon_pop li { width: 100%; margin-left: 0; margin-right: 0; }
body.mobile .cats_menu_horizon_pop li a { width: 100%; height: auto; background-image: none; }
body.mobile .cats_menu_horizon_pop li .cat_icon { float: none; width: auto; }
body.mobile ul.cats_menu_horizon_pop > li > a { box-sizing: border-box; font-size: 20px; padding: 8px !important; }
body.mobile .cats_menu_horizon_pop li ul { width: 100%; top: 24px; z-index: 1000; }
body.mobile .cats_menu_horizon_pop li ul li { width: 100%; border-bottom: 1px solid #fbfbfb; }
body.mobile .cats_menu_horizon_pop li ul li a { box-sizing: border-box; font-size: 16px; padding: 8px !important; }


/* Tables / iFrames */
body.mobile iframe,
body.mobile table { max-width: 100%; width: auto !important; }

/* Contact Form */
body.mobile form .contactform_table input[type=text],
body.mobile form .contactform_table textarea {
	width: 100%;
}

/* Polls */
body.mobile .object_pollOption { padding: 5px 0; font-size: 16px; float: right; width: 100%; }

/* Shopping cart */
body.mobile.shopping_cart .prod-text { min-width: 50px; }
body.mobile.shopping_cart td.prod-price { min-width: 70px; }
body.mobile .object_shoppingCart { font-size: 16px; }

/* Shopping order tables */
body.mobile .cart_table td,
body.mobile .cart_table td input,
body.mobile .cart_table td textarea {
	width: auto !important;
	max-width: 100%;
	white-space: normal;
}

/* Record thumbnail */
body.mobile .record_page_image_div { margin: 10px; }
body.mobile .record_page_image_div img { max-width: 100%; }

/* Galleriffic */
body.mobile #cat_galleriffic * { max-width: 100% }
body.mobile #cat_galleriffic div.slideshow-container { height: auto !important; }
body.mobile #cat_galleriffic div#caption span.image-caption.current { position: static !important; }
body.mobile #cat_galleriffic div#slideshow span.image-wrapper.current { position: static !important; }
body.mobile #cat_galleriffic div#slideshow a.advance-link { height: auto !important; }
body.mobile #cat_galleriffic div#slideshow img { height: auto !important; box-sizing: border-box; }
body.mobile #cat_galleriffic div#thumbs { position: relative; width: 100% !important; height: auto !important; }
body.mobile #cat_galleriffic a.thumb { max-height: 36px; overflow: hidden; }
body.mobile #cat_galleriffic div.content,
body.mobile #cat_galleriffic div.slideshow a.advance-link,
body.mobile #cat_galleriffic div.slideshow img { width: 100% }

/* Record gallery */
body.mobile #rec_gallery { width: 100%; max-width: 100%; margin: 10px 0 !important; }
body.mobile #rec_gallery_nav { position: relative; }
body.mobile #rec_gallery_nav li { clear: none; margin: 7px 4px 0 0; }
body.mobile #rec_gallery_nav li img { width: 48px; }
body.mobile #rec_gallery_slideshow {
	width: 100%; margin: 0; max-width: 100%;
	background: none; border: 0; min-height: 0;
}
body.mobile #rec_gallery_slideshow a.active { position: static !important; }
body.mobile #rec_gallery_slideshow * {
	max-width: 100%;
	height: auto;
	max-height: none;
	width: 100%;
}

/* nivoSlider */
body.mobile .nivoSlider { margin: 0 !important; width: 100% !important; }


/* List of images */
body.mobile ul.list-of-images li { float: none !important }

/* .cycleDiv */
body.mobile .object_type_13 .object_content { height: auto !important }
body.mobile .cycleDiv { width: 100% !important; height: auto !important }
body.mobile .cycleDiv.active { position: static !important }
body.mobile .object_content_frame .cycleDiv img { max-width: 100%; height: auto !important; }
body.mobile .object_rec_container { min-width: 50%; box-sizing: border-box; }
body.mobile .object_rec_title { width: auto; font-size: 15px !important; }
body.mobile .object_rec_content { font-size: 12px; }
body.mobile .object_rec_image img { float: none !important; width: 80% !important; margin: 5px 0 !important; }
body.mobile .obj_cycleCtrls { position: static !important; text-align: center !important }


/* Record contact form */
body.mobile .comment_add_form input,
body.mobile .comment_add_form textarea { font-size: 16px; padding: 6px; }


/* Sub cats */
body.mobile .category_page_body_and_subcats { float: right; width: 100%;overflow-x: auto; }
body.mobile .category_page_body_and_subcats img {
	max-width: 100%; width: 100%;
	height: auto; box-sizing: border-box;
}

/* Tables wrap */
body.mobile .content-table-wrap { overflow-x: auto; }

/* Sub cats list */
body.mobile .sub_cats_td .subcat_title a { font-size: 20px; line-height: 30px; }
body.mobile ul.sub_cats_recs { margin-right: 0; margin-left: 0; }
body.mobile ul.sub_cats_recs li { padding: 3%; width: 44%; height: auto; }
body.mobile ul.sub_cats_recs li:nth-child(odd) { clear: both }
body.mobile ul.sub_cats_recs li img { width: auto; height: auto; max-width: 100%; max-height: 200px; }
body.mobile ul.sub_cats_recs a { font-size: 18px; }

/* Sub cats table */
body.mobile .sub_cats_table_image.subcats-table-3-inline .sub_cats_td_image { width: 33%; }
body.mobile .sub_cats_table_image.subcats-table-3-inline .sub_cats_image { height: auto; width: 100%; }

body.mobile .subcats-table-2-inline td { width: 50% }
body.mobile .subcats-table-2-inline .sub_cats_td_image .title a { font-size: 16px; }


/* Recs list in table */
body.mobile .default_record_tableList td.image_td { padding: 10px 0 7px; }
body.mobile .default_record_tableList td.image_td img { width: 92px; height: auto; }
body.mobile .default_record_tableList td.text_td { padding: 10px 6px; }
body.mobile .default_record_tableList .text_td .title { font-size: 16px; }
body.mobile .default_record_tableList span.subtitle { font-size: 14px; }
body.mobile .default_record_tableList .text_td .default_record_location { display: none; }
body.mobile .default_record_tableList td.buyBox { vertical-align: top; }
body.mobile .default_record_tableList span.shop_prodPrice { font-size: 15px; }
body.mobile .default_record_tableList span.prodPrice2 { font-size: 13px; font-weight: normal; }
body.mobile .default_record_tableList input.addtocart { margin-top: 4px; font-size: 15px; }

body.mobile .default_record_all_table .default_record_td { padding: 10px 4px; }
body.mobile .default_record_all_table .default_record_td img { width: 100%; margin: 3px 0 }
body.mobile .default_record_all_table .default_record_image { max-width: 100%; height: auto; }

/* Pagination */
body.mobile .pagingTop a,
body.mobile .pagingLine a { font-size: 18px; padding: 3px 9px; line-height: 38px; margin: 0; }


/* Proto link */
body.mobile #protoLink { float: left; width: 100%; margin: 0; padding: 10px 0; font-size: 12px; }