
/* Desktop */
@media only screen and (min-width: 683px) {
	
}

/* Not Desktop */
@media only screen and (max-width:959px) {
	
	html,body {
		padding:0;margin:0;	border:0;
		min-height:100%;
		min-width:320px;width:100%!important;width:320px;
	}
	
	body { zoom:1 !important; }

	body div#site_wrap {
		position:relative;
		min-width:0;
		width:auto !important;
	}

	body .scroll-pane,
	body .scroll-pane .jspContainer {
		height:auto !important;
		overflow:visible !important;
	}
	
	
	
	
	/* HOME BANNERS */
	
	body div#page_content_home { padding:0px; }
	body div#page_content_home div#home_banner_mobile { display:block; }
	body div#page_content_home div#banner_content { display:none !important; }
	body div#site_wrap ul#banner_nav { display:none; }
	
	/* END HOME BANNERS */

			
	
	
	
	/* SUB DROPDOWNS */
	
	body div.dropdown_holder {
		float:none;
		top:auto;
	}

	body div.sub_menu_module.mobile {
		display:block;
	}
	
	body div.sub_menu_module {
		float:none;
		margin:0px 0px 5px 0px;
	}

	body div.sub_menu_module div.cap.left,
	body div.sub_menu_module div.cap.right,
	body div.sub_menu_module div.content div.head_reptx,
	body div.sub_menu_module div.content div.sub_menu_dd div.bg {
		display:none;
	}
	
	body div.sub_menu_module div.content {
		float:none;
		height:auto;
	}

	body div.sub_menu_module div.content a.title {
		margin:0px;
		padding:5px 10px;
		line-height:normal;
    border: 1px solid #CCCCCC;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		background-color: #FFFFFF;
	}
		
	body div.sub_menu_module div.content div.sub_menu_dd {
		position:absolute;
		width:100%;
		background-color:#FFF;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		margin-top:-3px;
		
		border-left:1px solid #CCC;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		-moz-border-bottom-right-radius: 10px;
		-moz-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-khtml-border-bottom-right-radius: 10px;
		-khtml-border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		z-index:1000;
	}
	
	body div.sub_menu_module div.content div.sub_menu_dd ul.sub_menu_list.border_round,
	body div.sub_menu_module div.content div.sub_menu_dd ul.sub_menu_list.border_square {
		border:none;
	}
		
	
	/* END SUB DROPDOWNS */
	
	
	
	
	/* MAIN NAV DROPDOWN */

	body div#head div#head_bottom div#nav_main_holder ul#main_nav { display:none; }	
	body div#head div#head_bottom div#nav_main_holder div#main_nav_mobile { display:block; }
	
	body div#main_nav_mobile div.sub_menu_dd {
		position:relative;
	}
	
	body div#main_nav_mobile div.content a.title {
		margin:1px 0px 0px 0px;
		padding:1px 10px 0px 10px;
		height:21px;
		line-height:19px;
	}
	
	/* END MAIN NAV DROPDOWN */
	
	
	
	
	
	body div#site_header_wrap,
	body div#head {
		height:auto;
	}	
	
	
	body div#head div#logo {
		width:40%;
	}
	body div#head div#logo img {
		width:100%;
		max-width:180px;
	}
	body div#head div#head_bottom div#search_bar {
		height:auto;
		padding:0px;
		margin:1px 0px 0px 0px;
	}
	body div#head div#head_bottom div#search_bar input.text_input {
		width:75px;
    background:none;
		background-color:#FFF;
    border: 1px solid #CCC;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:3px 10px;
		color:#58595b;
	}
	html.no-touch body div#head div#head_bottom div#search_bar input.text_input:hover,
	body div#head div#head_bottom div#search_bar input.text_input:focus {
		color:#000;
	}
	body div#site_header_wrap div#head div#head_bottom div#search_bar form input.btn_submit {
		display:none;
	}
	


	body div#page_content {
		width:auto;
		height:auto;
		padding-top:15px;
		margin:0px;
		top:0px!important;
	}

	body div#page_content div#left,
	body div#page_content div#right {
		float:none;
		height:auto;
		width:100%;
		padding-bottom:15px;
	}
	

	body div#page_content h1 {
		float:none;
		text-align:left;
	}


	/*	MAIN NAV MOBILE	 */

	body div#collection_nav div.sub_menu_module {
		width:100%;
	}

	body div#collections_nav div#dd_navs {
		position:absolute;
		right:0px;
		top:0px;
	}
	
	/* END MAIN NAV MOBILE */
		
		
	
	
	/* COLLECTIONS */
	
	body div#content_holder {
		height:auto;
		margin:0px;
		width:100%;
	}
	
	body div#content_holder div#collection_nav {									width:auto; }		
	
	/*
	body div#content_holder div#thumbs_holder ul#thumbs_list {		width:auto; margin:0px; }	
	body div#content_holder div#thumbs_holder ul#thumbs_list li { float:none; margin:0px auto 10px auto; }
	*/
		
	
	
	/* PROD DEETS */
	
	
	body div#collection_nav p#back_to_thumbs{
		float:none;
		margin:20px 0px;
		padding:0px;
		text-align:center;
	}
	
	body div#product_details {
		height:auto;
		width:auto;
	}
	
	body div#product_details div#image_content {
		float:none;
		height:auto;
		max-width:465px;width:100%!important;width:465px;
		margin:0px auto;
		padding:1px;
	}	
	body div#product_details div#text_content {
		float:none;
		width:auto;
		height:auto;
	}
	
	body div#product_details div#image_content div#full_images {
		float:none;
		width:auto;
		height:auto;
		margin:0px;
		overflow:visible;
		outline:none;
	}
	
	body div#product_details div#image_content div#full_images div.full_image,
	body div#product_details div#image_content div#full_images div.full_image img {
		width:100%;
	}
	
	
	body div#product_details div#image_content div#alt_images {
		float:none;
		height:auto;
		width:100%;
	}
	
	body div#product_details div#image_content div#alt_images ul {
		position:relative;
		bottom:auto;
		text-align:center;
	}	
	body div#product_details div#image_content div#alt_images ul li {
		display:-moz-inline-stack;
		display:inline-block;
		*display:inline;
		zoom:1;
		vertical-align:top;
		width:20%;
		height:auto;
		outline:1px solid #CCCCCC;
	}
	body div#product_details div#image_content div#alt_images ul li img {
		width:100%;
	}

	body div#product_details div#image_content div#alt_images ul li.vimeo_thumb a {
		height:0;
		padding-bottom:100%;
	}


	body div#product_details div#text_content div#description {
		height:auto;
		max-height:none;
		overflow:visible;
	}
	
	body div#product_details div#text_content div#description div#description_text {
		width:auto;
	}
	
	body div#product_details div#prod_details_nav {
		position:relative;
		width:auto;
		left:auto;
		bottom:auto;
		margin-top:25px;
	}
	


	body div#collection_nav div#dd_navs {
		float:none;
		margin-bottom:20px;
	}
	
	body div#collection_nav h1#rootcat {
		display:none;
	}


	body div#product_details div#prod_details_nav {
		position:relative;
		width:auto;
		margin:25px 0px;
		font-size:1em;
	}	
	body div#product_details div#prod_details_nav a {
		padding:5px 15px;
		background-color:#FFF;
		border:1px solid #CCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	body div#product_details div#prod_details_nav div#enlarge_instruct {
		display:none;
	}

	body div#thumbs_holder div.thumb_nav {
		display:none;
	}
	
	body div#mobile_thumb_nav {
		display:block;
	}
	
	body div#collection_nav div#dd_navs {
		float:none;
		margin-bottom:20px;
	}
	
	body div#collection_nav h1#rootcat {
		display:none;
	}


	/*	
	
	

	
	/* MEDIA */
	
	body div#page_content.list div#right { display:none; }
	body div#page_content.details div#left { display:none; }
	body div#page_content.details div#right { display:block;margin:0px; }
	body div#page_content.details div#right div#text-mobile { display:block; }

	body div#right h1.mobile {
		display:block;
	}


	body div#page_content.details div#right div#images_holder {
		position:relative;
		max-width:480px;width:100%!important;width:480px;
		margin:0px auto 35px auto;
		text-align:center;
	}
	body div#page_content.details div#right div#images_holder div#full_images {
		position:relative;
		top:auto;left:auto;
		margin:0px 0px 5px 0px;
		width:100%;
		height:auto;
		float:none;
	}
	body div#page_content.details div#right div#images_holder ul#thumbs {
		position:relative;
		bottom:auto;left:auto;
	}
	body div#page_content.details div#right div#images_holder ul#thumbs li { 
		position:relative;
		display:-moz-inline-stack;
		display:inline-block;
		*display:inline;
		zoom:1;
		vertical-align:top;
		width:33.3%;
		height:auto;
		outline:1px solid #CCCCCC;
		margin:0px;
	}
	body div#page_content.details div#right ul#thumbs li img,
	body div#page_content.details div#right div#images_holder div#full_images img.full-image {
		position:relative;
		width:100%;
	}
	body div#page_content.details div#right ul#thumbs li img {
		display:block;
	}
	
	/* END MEDIA */
	
	
	/* DIAMONDS */

	body div#diamond_content {
		float:none;
		width: auto;
		font-size:0.83em;
	}	
	body div#form_holder  {
		float:none;
	}	
	
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_cut,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_cut,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_lab,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_lab,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_lab,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_lab,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_table,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_table,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_depth,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_depth,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_polish,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_polish,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_symmetry,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_symmetry,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_fluorescence,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_fluorescence,
	body div#diamond_content div#diamonds_list div#diamonds_list_target table tr th.label_view,
		body div#diamond_content div#diamonds_list div#diamonds_list_target table tr td.label_view,
		
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_images_target.no-image,
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_images_target a p.enlarge_instruct,
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_images_target a img.enlarge_icon {
			
		display:none;
		
	}
	
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_images_target {
		float:none;
		max-width:415px;width:100%!important;width:415px;
		height:auto;
	}
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_images_target img {
		width:100%;
	}

	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_text {
		float:none;
		width:auto;
	}
	
	body div#diamond_content div#diamond_details div#diamond_details_target div#detail_text div#detail_text_target table {
		width:auto;
		margin:20px 0px 0px 0px;
	}

	body div#form_holder {
		float:none;
		width:auto;
	}

	body div#form_holder p#diamond_reference span {
		display:none;
	}
	
	body div#form_holder p input.submit {
		float:none;
	}
	
	body div#diamonds_list div.pagination,
	body div#diamond_details div.pagination {
		margin:0px 0px 20px 0px;
	}	
	body div#diamond_details div.pagination {
		text-align:left;
	}
	
	body div#diamond_details p.image_links_target.desktop {
		display:none !important;
	}
	body div#diamond_details p.image_links_target.mobile {
		display:block !important;
	}
	
	
	/* END DIAMONDS */
	
	
	/* CONTACT */
	
	body div#contact_info,
	body div#contact_info p {
		text-align:left;
	}
	
	/* END CONTACT */
	
	
	
}



/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	body div#site_wrap {
		font-size:1.2em;
		/* home page background image - (no backstretch) */
		
		/*
		background-image:url('../images/bg_generic_sm.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
		*/
	}
	body div#site_wrap.page-code-home {
		background-image:none;
	}

	body div#site_wrap div#site_body_wrap div#page_content div#text_header {
		height:auto;
		margin-bottom:15px;
	}
	
	body div#site_wrap div#site_body_wrap div#page_content div#text_header h1 {
		font-size:3em;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	body div#site_wrap {
		font-size:1.25em;
	}
	
	body div#site_wrap div#site_body_wrap div#page_content div#text_header {
		height:auto;
		margin-bottom:15px;
	}
	
	body div#site_wrap div#site_body_wrap div#page_content div#text_header h1 {
		font-size:3em;
	}		

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* (ipod) */
@media only screen and (max-width: 479px) {
	
	body div#site_wrap {
		font-size:1.3em;
	}
	
	body div#site_wrap div#site_body_wrap div#page_content div#text_header {
		height:auto;
		margin-bottom:15px;
	}
	
	body div#site_wrap div#site_body_wrap div#page_content div#text_header h1 {
		font-size:2.5em;
		letter-spacing: 0.05em;
	}
	


	/* CONTACT */
	
	body div#content {
		float:none;
	}
	
	/* END CONTACT */
	
	
	/* FORMS */
	
	body div#page_content div.form_holder,
	body div#site_wrap div#site_body_wrap div#page_content form.mobile-restyle {
		width:auto;
	}
	
	body div#page_content form.mobile-restyle div.form_field {
		margin:0px 0px 7px 0px;
	}
	
	body div#page_content form.mobile-restyle input.text,
	body div#page_content form.mobile-restyle textarea {
		background:none;
		background-color:#e7f7fe;
		border:1px solid #b7c4c9;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	body div#page_content form.mobile-restyle input.text:focus,
	body div#page_content form.mobile-restyle textarea:focus {
		background-color:#d9f4ff;
	}
	
	body div#page_content form.mobile-restyle input.text {
		height:2em;
	}
	body div#page_content form.mobile-restyle textarea {
		height:6em;
	}
	
	body div#page_content form.mobile-restyle input.submit {
		float:none;
	}
	
	
	/* END FORMS */

	
}




