@-ms-viewport {
  width: device-width;
}

@media 
	screen and (max-device-width : 1280px),
	screen and (max-device-width : 1138px),
	screen and (max-device-width : 1024px),
	screen and (max-width : 1280px),
	screen and (max-width : 1138px),
	screen and (max-width : 1024px){
	.search-field-new		{background-color: #f9f9f9; border: 1px solid #cfcfcf; border-radius: 4px 0 4px 4px; display: none; float: left;
						 	 height: auto; margin: 0; padding: 8px 8px; position: absolute; right: 4px; top: 21px; width: 242px; z-index: 10000;}

	.fourCategories	.oneFourth,
	.fourProducts	.oneFourth{width:32%;}
	.fourCategories	.oneFourth:nth-child(4n + 0),
	.fourProducts	.oneFourth:nth-child(4n + 0){margin-right:2%;}
	.fourCategories	.oneFourth:nth-child(3n + 0),
	.fourProducts	.oneFourth:nth-child(3n + 0){margin-right:0px;}


	.brand-logo	.oneFourth{width:32%;}
	.brand-logo	.oneFourth:nth-child(4n + 0){margin-right:2%;}
	.brand-logo	.oneFourth:nth-child(3n + 0){margin-right:0px;}



	
	.fourCategories	.oneHalf,
	.fourCategories	.oneHalf,
	.fourProducts	.oneHalf{width:100%; margin-right:0px;}

	
	
	
/*	.shadowBox{margin:0px 0px; padding:0px 9px 9px 0px; background:url(/images/bottom-right-shadow.png) no-repeat right bottom;}  */
	
	.productGridBox2 .productImage img{width:100%; height:auto;}

	.select_size ul{width:64%!important;}
	
	.top-navigation > ul > li {margin:0px 3px;}
	.top-navigation > ul > li > a{font-size:9.5px;}

}

@media 
	only screen and (max-width : 1024px){
	.quickListDetailBox{right:5px;}
	#wire_prof_div img#diamondMainImage{width:280px;}
	#fb_connect img{width:65%;}
}
@media 
	only screen and (max-width : 890px),
	only screen and (max-width : 720px){
	#wrapper{width:94%; max-width:94%; min-width:94%; margin:0px 3% 0;}
/*	#banner{margin-top:170px;}*/
	.columnFull{margin-bottom:8px;}
	.fourCategories	.oneFourth,
	.fourProducts	.oneFourth{width:49%;}
	.fourCategories	.oneFourth:nth-child(odd),
	.fourProducts	.oneFourth:nth-child(odd){margin-right:2%;}
	.fourCategories	.oneFourth:nth-child(even),
	.fourProducts	.oneFourth:nth-child(even){margin-right:0px;}


	.brand-logo	.oneFourth{width:49%;}
	.brand-logo	.oneFourth:nth-child(odd){margin-right:2%;}
	.brand-logo	.oneFourth:nth-child(even){margin-right:0px;}


	
	.sideNavigation li.level strong{font-size:11px;}	
	.filter-new .selectDropDown{width:135px;}
}

@media 
	only screen and (max-width : 1100px){
	#productDetailContainer .oneThird,
	#productDetailContainer .twoThird{width:100%; margin-right:0px;}
	#productDetailContainer .oneThird .preview_box_image{width:31%; margin-right:2%;}
	#productDetailContainer .oneThird .columnFull#r1{width:66%; clear:none; margin-top:20px;}
	#productDetailContainer .oneHalf{width:100%; margin-right:0px;}
	
	.bgBanner{width:99.8%;}
	.columnFixed{width:96%; margin:0px auto; padding:0px 2%;}
	.bridal-registry-container{width:100%; height:auto; margin:10px auto; padding:0px;}
	.bridal-registry-container .bridal-img-text{width:100%; height:auto; margin:0px 0 15px; padding:0px; float:left;}
	.bridal-registry-container .bridal-img{width:23.5%; height:100%; margin:0px 2% 0 0; padding:0px; float:left;
														 transition:width 0.5s;  transition-timing-function:linear;
														 -webkit-transition:width 0.5s;  -webkit-transition-timing-function:linear;}
	.bridal-registry-container .bridal-img img{width:100%; height:auto;}
	.bridal-registry-container .bridal-text{width:74.5%; height:100%; margin:0px; padding:0px; float:left; font-size:14px; color:#484848; text-align:justify;
														  transition:width 0.5s;  transition-timing-function:linear;
														  -webkit-transition:width 0.5s;  -webkit-transition-timing-function:linear;}
	
	.bridal-registry-container .wedding-month-con,
	.bridal-registry-container .wedding-month-con.month-page{padding:15px 0px; width:100%;}
	.bridal-registry-container .wedding-month-con .wed-month{width:49%; margin-right:2%;}
	.bridal-registry-container .wedding-month-con .wed-month .wed-head,
	.bridal-registry-container .wedding-month-con .month-head{width:98%; padding-left:1%; padding-right:1%;}
	.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link{width:100%; margin-bottom:25px;}
	.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul li{width:45%;}
	.bridal-registry-container .wedding-month-con .mon-link{width:100%;}
	.bridal-registry-container .wedding-month-con .wed-reg{width:49%;}
	.bridal-registry-container .wedding-month-con .wed-reg .reg-text{width:100%;}
	.bridal-registry-container .wedding-month-con .wed-reg .click-button{width:100%;}
	.bridal-registry-container .wedding-month-con .wed-reg .reg-log-text{width:100%;}
	
	.bridal-registry-container .wedding-month-con .bridal-product-page{width:100%;}
	.bridal-registry-container .wedding-month-con .pro-link{width:66%; margin-right:2%;}
	.bridal-registry-container .wedding-month-con .pro-link ul li span{width:170px;}
	.bridal-registry-container .wedding-month-con .pro-link ul li label{width:auto;}
	.bridal-registry-container .wedding-month-con .pro-img-con{width:32%}
	.bridal-registry-container .wedding-month-con .pro-img-con img{width:100%!important; height:auto!important;}
	
	.fixedWidth{width:100%;}
	
	.product-cat-page{width:100%;}
	.left-product1, .right-product2{width:48%; margin-bottom:12px;}
	}

@media 
	only screen and (max-width : 960px),
	only screen and (max-width : 720px){
/*	#header{height:150px; float:left; width:100%; margin:0px auto; padding:15px 0px 0px; background:url(/images/header-bg.jpg) repeat-x; 
			border-bottom:1px solid #d4c5b3; position:relative; border-bottom:1px solid #283E31; border-top:3px solid #283e31;}
*/
	.header-main{width:96%; margin:0px; padding:0px 2%; float:left;}

	.login-nav ul li{ margin:45px 4px 20px;}
	.login-nav ul li a:before{left:-11px;}	
	.login-nav ul li a{font-size:11px;}


	#navigation{width:100%; margin:0px; padding:0px; height:auto; float:left; border-bottom:7px solid #eee4b1;}
	#navigation .columnCenter .navigation{width:100%; height:auto; margin:0px; padding:0px; float:left;}
	.brand-logo{ width:96%; margin:15px 0px 10px; padding:0px 2%; float:left;}
	.about-sachs-jewelers{width:96%; margin:15px 0px; padding:0px 2%; float:left;}
	.mark-jackson-text{width:76%; margin:25px 0%; float:left; padding:30px 10%;}

	.jewelry-education-con{ width:96%; margin:20px 2%; float:left; overflow:hidden;}
	.jewelry-education-con img{ height:115px; float:right;}

	img.product-detail-img{ width:100%; margin:0px;}
	.infiniteCarousel .arrow{ width:37px!important; margin:85px 0 0!important;}
	.infiniteCarousel .forward{ right:-5px!important;}

	.newsletter-con  .main-news-con{width:96%; margin:0px 2%; float:left; padding:0px;}
	.newsletter-con  .main-news-con ul li.newsletter-text{font-size:14px;}
	.newsletter-con  .main-news-con ul li input[type="text"]{width:160px;}
	
	.information-con{ width:96%; margin:0px 2%; padding:0px; float:left;}
	.home-product-con{ width:96%; margin:0px 2%; padding:0px; float:left;}	
	
	.cat-banner-con .cat-head-text{ height:50%; font-size:36px; line-height:34px;}


/*	.top-navigation{width:100%; margin:0px; padding:0px; float:left; text-align:center; position:absolute; top:5px; left:0px;}
	.top-navigation > ul{margin:0px 0px; padding:0px; text-align:left; text-align:center;}
	.top-navigation > ul > li{color: #636363; display: inline-block; font-size: 0.85em; line-height:24px; list-style: none outside none; margin: 0 2px; 
							  padding: 0; text-decoration: none; text-transform: uppercase;}
	.top-navigation > ul > li a{font-size:0.85em;}
*/

	#productDetailContainer .oneThird,
	#productDetailContainer .twoThird{width:100%; margin-right:0px;}
	#productDetailContainer .oneThird .preview_box_image{width:100%; margin-right:0%;}
	#productDetailContainer .oneThird .columnFull#r1{width:100%; clear:both; margin-top:20px;}
	#productDetailContainer .oneHalf{width:100%; margin-right:0px;}
	
	.bridal-registry-container .bridal-img{width:100%; height:100%; margin:0px 0 0 0; padding:0px; float:left;}
	.bridal-registry-container .bridal-text{width:100%; height:100%; margin:0px; padding:0px; float:left; font-size:100%; color:#484848; text-align:justify;}
	
	.bridal-registry-container .wedding-month-con .wed-month{width:100%; margin-right:0px;}
	.bridal-registry-container .wedding-month-con .wed-reg{width:100%;}
	.bridal-registry-container .wedding-month-con .wed-month .wed-mon-link ul li{width:22%;}
	
	.bridal-registry-container .wedding-month-con .mon-link ul li{width:22%;}
	
	.left-product1, .right-product2{width:97.5%; margin-bottom:12px;}
	
	.small-banner .oneThird{width:100%; margin-right:0px;}
	
	#footer .footer-main .footer-left ul li a,
	#footer .footer-main .footer-left .copyright{font-size:8px!important;}
}

@media 
	only screen and (max-width : 720px){
	#wrapper{width:100%; min-width:100%; max-width:100%; float:left; margin:0px 0px;}
	.brand-logo	.oneFourth,
	.fourCategories	.oneFourth,
	.fourProducts	.oneFourth{width:100%; margin-right:0px;}

}

@media 
	only screen and (max-width : 680px),
	only screen and (max-width : 600px){
	.sideNavigation li.level strong{font-size:10px;}
	.filter-new .selectDropDown{width:125px;}
}

@media 
	only screen and (max-width : 768px){
	.header-main-nav > ul{margin:0px 0px 0px 5px; text-align:left;}
	.header-main-nav > ul li > a{padding:0px 8px;}
	#myBagToggle{right:35px;}
	}