/** Shopify CDN: Minification failed

Line 2550:115 Unexpected "+2"
Line 4047:2 Unexpected "{"

**/

/* start diamond listing filter */
* {
	box-sizing: border-box;
}



html {
	overflow-x: hidden !important;
}

 body {
	overflow-x: initial;
}
 

.container.offset-0 {
	width: 95%;
	margin: 0 auto;
    display: grid;
}

.tps_title {
	font-size: 28px;
	line-height: 38px;
	color: #464646;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
}

.sub_title {
	font-size: 28px;
	font-weight: normal;
}

.btn_tps,
.btn_tps:visited,
.btn_tps:link {
	background: #CC9966;
	border: 1px solid #CC9966;
	padding: 0;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #ffffff;
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	margin-bottom: 0;
	-webkit-appearance: none;
	outline: none;
}
.btn_tps:hover,
.btn_tps:active,
.btn_tps:focus {
	color: #ffffff;
	background: #CC9966;
	border-color: #CC9966;
	outline: none;
	opacity: .7;
}

.tps_dimondDetail_section .btn_tps:hover,
.tps_dimondDetail_section .btn_tps:active,
.tps_dimondDetail_section .btn_tps:focus {
	color: #ffffff !important;
	background: #CC9966;
	border-color: #CC9966;
	outline: none;
	opacity: .7;
}

#loading {
	background-color: rgba(255, 255, 255, 0.6);
	background-image: url(load.gif);
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	background-size: 50px auto;
}
/*
.breadcrumb a {
	color: #777777;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;

}

.breadcrumb a:hover {
	color: #464646;
}
.tps_breadcrumb_section {
    width: 100% !important;
    margin: 0 auto;
    float: none;
    padding: 0px 15px 15px !important;
    margin-top: 40px;
}
*/
.tmp-GentleDiamonds .hd-Banner_Nav {
	background-color: #003 !important;
}

.DiamondSearchBox {
	position: relative;
	margin: 0 auto;
}

.DiamondSearchBox,
.advanced_filter_wrap,
.cols-12,
.cols-6,
.cols-4,
ul.shape_list,
.advanced_filter_slide {
	display: block;
	float: left;
}

.shape_price_carat_wrap,
.colour_clarity_cut_wrap,
.polish_symmetry_fluor_wrap,
.depth_table_lab_wrap {
	margin-left: -10px;
	margin-right: -10px;
}

.basic_filter_wrap,
.advanced_filter_wrap {
	border-radius: 15px;
	margin: 0 0 15px;
	position: relative;
	width: 100%;
}

.tps_produt_description.tps-descript .rte-RichText.rte-RichText-desc p {
	font-size: 16px;
	text-align: center;
	letter-spacing: 0;
	margin-top: 0;
}

.tps_produt_description.tps-descript .rte-RichText.rte-RichText-desc img {
	margin-bottom: 0;
}

.advanced_filter_wrap .tps_title {
	font-size: 38px;
}

.advanced_filter_wrap .tps_title span {
	border-bottom: 1px solid #222222;
	cursor: pointer;
	font-weight: 400;
}

.reset_filter .fa {
	-webkit-transform: scaleX(-1) rotate(50deg);
	transform: scaleX(-1) rotate(50deg);
}

.cols-12,
.cols-6,
.cols-4 {
	position: relative;
	min-height: 1px;
	float: left;
}

.cols-12 {
	width: 100%;
}

.cols-6 {
	width: 50%;
}

.cols-4 {
	width: 33.33%;
	display: inline-block;
}

.clear {
	clear: both;
}

.filter_block {
	padding: 0;
}

.filter_heading {
	font-size: 14px;
	line-height: 1;
	color: #031C2C;
	/*text-transform: uppercase;*/
	padding-bottom: 15px;
	padding-left: 0px;
}

.filter_wrap .filter_heading {
	font-size: 13px;
	font-family: proxima-nova, Helvetica, Arial, sans-serif;
}

ul.shape_list {
	padding: 0;
	margin: 0;
	width: 100%;
}


.shape_filter_order {
	order: 1;
}

.cut_filter_order {
	order: 2;
}

.price_filter_order {
	order: 3;
}

.clarity_filter_order {
	order: 4;
}

.carat_filter_order {
	order: 5;
}

.colour_filter_order {
	order: 6;
}

.shape_list a,
.tps_slider_wrap .slider-values li,
.lab_wrap label {
	font-size: 10px;
	line-height: 12px;
	color: rgb(0, 0, 0);
	text-align: center;
	text-transform: uppercase;
}

.lab_wrap label {
	font-size: 14px;
}

.shape_list a {
	color: #A7A7A7;
}

.lab_wrap label {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}

.shape_list a {
	width: 60px;
	float: left;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

.filter_heading .shape_list a:hover,
.shape_list a.selected {
	color: #CC9966;
}

.shape_list a .shape_name {
	padding: 10px 0 5px;
    display: inline-block;
    text-transform: capitalize;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    color: #969FA7;
    position: relative;

}

.ui-widget.ui-widget-content {
	border: 1px solid #CC9966 !important;
}

.shape-icon {
	background-image: url(diamond_icon_sprite-new.png);
	background-repeat: no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.dimond_sarch_Asscher,
.dimond_sarch_Asscher_select {
	background-position: -9px -6px;
}

.dimond_sarch_Cushion,
.dimond_sarch_Cushion_select {
	background-position: -56px -7px;
}

.dimond_sarch_Emerald,
.dimond_sarch_Emerald_select {
	background-position: -102px -6px;
}

.dimond_sarch_Heart,
.dimond_sarch_Heart_select {
	background-position: -149px -8px;
}

.dimond_sarch_Marquise,
.dimond_sarch_Marquise_select {
	background-position: -196px -6px;
}

.dimond_sarch_Oval,
.dimond_sarch_Oval_select {
	background-position: -242px -6px;
}

.dimond_sarch_Pear,
.dimond_sarch_Pear_select {
	background-position: -289px -6px;
}

.dimond_sarch_Princess,
.dimond_sarch_Princess_select,
.dimond_sarch_Princcess,
.dimond_sarch_Princcess_select {
	background-position: -336px -6px;
}

.dimond_sarch_Radiant,
.dimond_sarch_Radiant_select {
	background-position: -382px -6px;
}

.dimond_sarch_Round,
.dimond_sarch_Round_select {
	background-position: -429px -6px;
}

.white_diamond_wrap .tps_title {
	padding-bottom: 25px;
}

.search_price_range .fl-left,
.search_price_range .fl-right,
.white_diamond_wrap .slider-values .fl-left,
.white_diamond_wrap .slider-values .fl-right {
	width: 70px;
    height: 29px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    line-height: 12px;
    color: #0A0909;
    padding-left: 10px;
    padding-right: 11px;
    margin-bottom: 15px;
    display: block;
    float: left;
    border-radius: 0px;
    text-align: center;
}
.white_diamond_wrap .slider-values input#carat_to {
    width: 70px;
}
.white_diamond_wrap .slider-values input#price_to, .white_diamond_wrap .slider-values input#price_from {
    width: 105px;
}
.search_price_range .fl-right,
.white_diamond_wrap .slider-values .fl-right {
	float: right;
	text-align: right;
}

.white_diamond_wrap .tps_slider_wrap {
	display: block;
	padding: 0;
    margin: 10px 0;
}

.white_diamond_wrap .color_slider_wrap.tps_slider_wrap {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

.slider-values {
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	padding-left: 0;
	list-style: none;
	margin-top: 15px;
}

.price_slider_wrap .ui-widget-content,
.carat_slider_wrap .ui-widget-content,
.depth_slider_wrap .ui-widget-content,
.table_slider_wrap .ui-widget-content {
	margin-top: 0px;
}

.tps_slider_wrap .ui-widget-content {
	background: #e6e6e6;
    height: 6px;
    border-radius: 5px;
    width: 89%;
    left: 5%;
    border-color: #D3D3D3 !important;
}

.tps_slider_wrap .ui-widget-header {
	background: #031C2C;
	position: absolute;
	z-index: 0;
	height: 6px;
	border-radius: 5px;
}

.ui-slider {
	position: relative;
	border-radius: 3px;
}

.search_slider {
	display: block;
	float: none;
	margin: 0;
	position: relative;
	width: 75%;
	margin: 0 auto;
  
}

.carat-detail-slider {
	margin-top: 20px;
  
}

.tps_slider_wrap .slider-values li {
	float: left;
	padding: 5px 5px 0;
	height: 30px;
}

.cut_slider_wrap .slider-values li,
.polish_slider_wrap .slider-values li,
.symmetry_slider_wrap .slider-values li {
	width: 33.33%;
}

.color_slider_wrap .slider-values li {
	width: 12%;
}

.clarity_slider_wrap .slider-values li {
	width: 11%;
}

.intensity_slider_wrap .slider-values li {
	width: 12.5%;
}

.fluorescence_slider_wrap .slider-values li {
	width: 20%;
}

.cut_slider_wrap .slider-values li {
	width: 20%;
}

.search_slider span[class^="cut_range_"],
.search_slider span[class^="color_range_"],
.search_slider span[class^="clarity_range_"],
.search_slider span[class^="symmetry_range_"],
.search_slider span[class^="polish_range_"],
.search_slider span[class^="fluor_range_"],
.search_slider span[class^="intensity_range_"] {
	display: inline-block;
	width: 2px;
	height: 13px;
	background-color: #fff;
	position: absolute;
	z-index: 1;
}

.search_slider .cut_range_1,
.search_slider .polish_range_1,
.search_slider .symmetry_range_1 {
	left: 33.33%;
}

.search_slider .cut_range_2,
.search_slider .polish_range_2,
.search_slider .symmetry_range_2 {
	left: 66.66%;
}

.search_slider .cut_range_1 {
	left: 20%;
}

.search_slider .cut_range_2 {
	left: 40%;
}

.search_slider .cut_range_3 {
	left: 60%;
}

.search_slider .cut_range_4 {
	left: 80%;
}

.search_slider .clarity_range_1 {
	left: 11%;
}

.search_slider .clarity_range_2 {
	left: 22%;
}

.search_slider .clarity_range_3 {
	left: 33%;
}

.search_slider .clarity_range_4 {
	left: 44%;
}

.search_slider .clarity_range_5 {
	left: 55%;
}

.search_slider .clarity_range_6 {
	left: 66%;
}

.search_slider .clarity_range_7 {
	left: 77%;
}

.search_slider .clarity_range_8 {
	left: 88%;
}

.search_slider .color_range_1 {
	left: 12.3%;
}

.search_slider .color_range_2 {
	left: 25%;
}

.search_slider .color_range_3 {
	left: 37%;
}

.search_slider .color_range_4 {
	left: 50%;
}

.search_slider .color_range_5 {
	left: 62.4%;
}

.search_slider .color_range_6 {
	left: 75%;
}

.search_slider .color_range_7 {
	left: 87.4%;
}

.search_slider .color_range_8 {
	left: 72%;
}

.search_slider .color_range_9 {
	left: 81%;
}

.search_slider .color_range_10 {
	left: 90%;
}

.search_slider .intensity_range_1 {
	left: 12.5%;
}

.search_slider .intensity_range_2 {
	left: 25%;
}

.search_slider .intensity_range_3 {
	left: 37.5%;
}

.search_slider .intensity_range_4 {
	left: 50%;
}

.search_slider .intensity_range_5 {
	left: 62.5%;
}

.search_slider .intensity_range_6 {
	left: 75%;
}

.search_slider .intensity_range_7 {
	left: 87.5%;
}

.search_slider .fluor_range_1 {
	left: 20%;
}

.search_slider .fluor_range_2 {
	left: 40%;
}

.search_slider .fluor_range_3 {
	left: 60%;
}

.search_slider .fluor_range_4 {
	left: 80%;
}

.fancy_diamond_wrap .search_slider .color_range_1 {
	left: 33.33%;
}

.fancy_diamond_wrap .search_slider .color_range_2 {
	left: 66.66%;
}

.fancy_diamond_wrap .color_slider_wrap .slider-values li {
	width: 33.33%;
}

.ui-slider .ui-slider-handle,
.white_diamond_wrap .ui-slider .ui-slider-handle {
	background: #fff !important;
    box-shadow: none !important;
    border-radius: 50%;
    width: 20px !important;
    height: 20px !important;
    top: -8px !important;
    background: #031c2c;
    border-radius: 50%;
    border-width: 6px;
    border-color: #031c2c;
    cursor: pointer;
}

.ui-slider .ui-slider-handle:focus,
.white_diamond_wrap .ui-slider .ui-slider-handle:focus {
	outline: none;
}

.advanced_filter_slide {
	display: none;
}

.lab_wrap {
	vertical-align: middle;
	float: left;
	width: 10%;
	text-align: center;
	margin-right: 10px;
}

.tps_checkbox {
	width: 25px;
	height: 25px;
	display: block;
	position: relative;
	margin: 0 auto;
	float: none;
	z-index: 99;
}

.tps_checkbox input[type=checkbox],
.tps_checkbox input[type=checkbox]+label {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: transparent;
	line-height: 1;
	margin: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #474b53;
	font-size: 16px;
	line-height: 16px;
	color: #222222;
	font-family: "Font Awesome";
	text-align: center;
	padding: 0;
}

.table_rows.diamond_row input[type=checkbox],
.table_rows.diamond_row input[type=checkbox]+label {
	width: 20px;
	height: 20px;
}

.table_rows.diamond_row input[type=checkbox]:checked+label {
	background-position: -464px -214px !important;
}

.tps_checkbox input[type=checkbox] {
	opacity: 0;
	z-index: 1;
}

.tps_slider_wrap .tps_checkbox input[type=checkbox],
.tps_slider_wrap .tps_checkbox input[type=checkbox]+label {
	width: 25px;
	height: 25px;
	border-radius: 3px;
	background-color: #ffffff;
	border: 1px solid #CC9966;
}

.tps_checkbox input[type=checkbox]:checked+label {
	background: url(jewelry-store-sprite.svg), #222222;
	color: #fff;
	background-position: -463px -211px !important;
	border: 1px solid #222222;
}

.mb_comp .tps_checkbox {
	top: 14px;
}

.ds_hide {
	display: none;
}

.tps_diamondlisting_area {
	padding: 10px 0px 15px;
	padding-bottom: 0;
}

.diamondlisting_tab {
	position: relative;
	text-transform: capitalize;
	font-size: 15px;
	border-left: none;
	border-bottom: none;
	text-align: center;
	right: 0;
	display: flex;
	justify-content: space-between;
	grid-gap: 0px;
	background: #ffffff;
    
}

.tps_diamondlisting_area .listingtab.active_tab,
.tps_diamondlisting_area .listingtab.active_tab:hover {
	color: #222222;
	

}
.tps_diamondlisting_area .listingtab.active_tab{
    pointer-events:none
}

.tps_diamond_tabs {
	display: flex;
	grid-gap: 20px;
	width: 55%;
	padding-left: 0px;
    justify-content: center;
    align-items: center;
}

.tps_diamondlisting_area .listingtab {
    display: inline-block;
    float: left;
    padding: 0px;
    position: relative;
    text-transform: lowercase;
    cursor: pointer;
    transition: background .2s ease-in-out;
    text-align: center;
    color: #031C2C !important;
    font-size: 14px;
    line-height: 19px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}

.diamondlisting_tab span.resetdiamonds_tab.listingtab {
	float: right;
	width: auto;
}

#diamond_data,
#compare_data,
#recent_data {
	position: relative;
}

.tps_diamondlisting_area .table_header {
	display: block;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	color: #4d5959;
	position: relative;
	width: 100%;
	float: left;
   border-bottom: 1px solid #D3D3D3;
}
.tps_diamond_view .listingHeaderOne, .compareHeaderOne {
    display: flex;
    margin: 0px;
    flex-wrap: wrap;
    list-style: none;
}
.compareHeaderOne {
    justify-content: space-between;
}
.white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span, .white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
    width: 11.1%;
    background: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    color: #031C2C;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-right: 1px solid #fff;

}
.tps_desktop_table_row span {
    border-right: 1px solid #ffffff69;
}
.white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span.deskView,
.white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span.deskView {
	margin-right: 0;
}

.diamond_info {
	display: inline-block;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 12px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: #ffffff;
	background: #CC9966;
}

.page-earring-builder-loose-diamond-listing .tps_diamondlisting_area {
	background: #fafafa;
	padding: 4% 3% 11%;
	margin-bottom: 50px;
}

.table_rows.diamond_row,
.table_rows.diamond_compare {
	display: block;
	position: relative;
	width: 100%;
	cursor: pointer;
	height: auto;
	line-height: 45px;
	float: left;
}

.white_diamond_cont .diamond_page span,
.white_diamond_cont .compare_diamond_page span {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 11.1%;
	font-size: 14px;
	float: left;
	color: #021C2C;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 55px;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.diamond_recent .tps_desktop_table_row .rowClick, .tps_diamond_recent_view .tps_desktop_table_row .rowClick {
    display: flex;
      justify-content: space-between;
}

.white_diamond_cont .diamond_page span a,
.white_diamond_cont .compare_diamond_page span a {
	position: relative;
	z-index: 99;
}
.diamond_recent .tps_desktop_table_row .rowClick span, .tps_diamond_recent_view .tps_desktop_table_row .rowClick span {
    width: 14.2% !important;
}

.white_diamond_cont .tps_diamondlisting_area #recent_data .compareHeaderOne span {
	width: 14.2%;
}

.white_diamond_cont #recent_data .widthless.active .compare_diamond_page span {
	width: 14.2%;
}

.white_diamond_cont #recent_data .compare_diamond_page span.mb_nodata {
	width: 100%;
}

.fa-remove,
.fa-close,
.fa-times {
	cursor: pointer;
}
.tps_diamondlisting_area .table_rows{
  border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.tps_diamondlisting_area .table_rows:hover,
.tps_diamondlisting_area .table_rows.current.visited,
.tps_diamondlisting_area .table_rows.currentSelected,.tps_diamondlisting_area .table_rows.diamond_row_active {
	border-bottom: 1px solid #C3AC89;
    border-top: 1px solid #C3AC89;
}

.tps_diamondlisting_area .table_rows.currentSelected,
.tps_diamondlisting_area .pair.active {
	background: #fff ;
}

.tps_diamondlisting_area .table_rows.currentSelected:after,
.tps_diamondlisting_area #recent_data .table_rows.current.visited:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-right: 20px solid #CC9966;
	border-bottom: 22px solid transparent;
	position: absolute;
	right: 0;
}

.tps_diamondlisting_area .pair.active {
	position: relative;
	display: block;
}

.tps_diamondlisting_area .pair.active:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 26px solid transparent;
	border-right: 24px solid #CC9966;
	border-bottom: 26px solid transparent;
	position: absolute;
	right: 0;
	margin-top: 18px;
}

.tps_diamondlisting_area .desktop_earring_grid #recent_data .table_rows.current.visited:after {
	border-top: 0px solid transparent;
	border-right: 0px solid #CC9966;
	border-bottom: 0px solid transparent;
}

.tps_diamondlisting_area .table_rows:hover span,
.tps_diamondlisting_area .table_rows.current.visited span,
.tps_diamondlisting_area .table_rows.currentSelected span,
.tps_diamondlisting_area .table_rows:hover a,
.tps_diamondlisting_area .table_rows.current.visited a,
.tps_diamondlisting_area .table_rows.currentSelected a {
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	color: #021C2C;
}



.white_diamond_cont .diamond_page span .diamond_shape,
.white_diamond_cont .compare_diamond_page span .diamond_shape {
	width: 40px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.white_diamond_cont .tps_diamondlisting_area #recent_data .compareHeaderOne span .diamond_shape {
	padding: 0 0 0 20px;
}

.white_diamond_cont .pres_diamond_title {
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	width: 75px;
	text-align: left;
}

.tps_diamondlisting_area .table_header .fa,
.mb_view .fa {
	padding-left: 5px;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	line-height: 22px;
}

.mb_view .fa {
	padding-left: 0;
}

.info_wrapper {
	display: none;
	width: 23%;
}

.info_wrapper.active {
	display: inline-block;
}

.diamond_page .mb_lab,
.compare_diamond_page .mb_lab {
	line-height: 55px;
}

.grid_scrolltop {
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
}

#diamond_grid::-webkit-scrollbar,
#compare_diamond_grid::-webkit-scrollbar {
	width: 6px;
}

#diamond_grid::-webkit-scrollbar-track,
#compare_diamond_grid::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background: transparent;
}

#diamond_grid::-webkit-scrollbar-thumb,
#compare_diamond_grid::-webkit-scrollbar-thumb {
	background-color: #CC9966;
	border: 1px solid #CC9966;
}

/* end diamond listing grid */

/*white diamond details starts here*/
#listiveiwcontainer.widthless,
#compare_diamond_listiveiwcontainer.widthless,
#recent_diamond_listiveiwcontainer.widthless,
.dimond_sarch_data.widthless,
.dimond_compare_data.widthless {
	width: 77%;
}


.white_diamond_cont #listiveiwcontainer.widthless span.diamond_shape,
.white_diamond_cont #compare_diamond_listiveiwcontainer.widthless span.diamond_shape {
	margin-left: 5px;
	margin-right: 5px;
}

.white_diamond_cont #listiveiwcontainer.widthless span.pres_diamond_title,
.white_diamond_cont #compare_diamond_listiveiwcontainer.widthless span.pres_diamond_title {
	margin-right: 1px;
}

.white_diamond_cont #listiveiwcontainer.widthless span.datagrid-sort,
.white_diamond_cont #compare_diamond_listiveiwcontainer.widthless span.datagrid-sort {
	width: 12px;
	margin-left: -1px;
}

.dimond_sarch_data .diamond_row.tps_rotate .fa-angle-right,
.dimond_sarch_data .diamond_compare.tps_rotate .fa-angle-right {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out, -moz-transform 500ms ease-in-out, -o-transform 500ms ease-in-out;
	font-size: 18px;
	vertical-align: sub;
}

.diamond_page span.mb_nodata,
.compare_diamond_page span.mb_nodata, span.mb_nodata {
	width: 100%;
	background: #fff;
	padding: 5% 0;
	height: auto;
	line-height: 28px;
	display: inline-block;
	font-size: 26px;
}

.clarity_state {
	display: block;
}

.no-padding {
	padding: 0;
}

/* start Final page Design */


.white_diamond_wrap .shape_list li a,
.white_diamond_wrap .shape_list li a span {
	position: relative;
}

.white_diamond_wrap .shape_list li a span:after {
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #ffffff 50%, #ffffff 50%) right;
	background-size: 201%;
	transition: .5s ease-out;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.white_diamond_wrap .shape_list li a.selected span:after,
.white_diamond_wrap .shape_list li a:hover span:after {
	content: '';
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #efefef4f 50%, #CC9966 50%) right;
	background-size: 201%;
	transition: .5s ease-out;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.white_diamond_wrap .shape_list li a:hover span:after,
.white_diamond_wrap .shape_list li a.selected span:after {
	background-position: left;
}


/* End Ringbuilder page Designer */

/*--close ring listing--*/

.white_diamond_cont {
    display: grid;
}

.diamond-reset span,
.diamond_advanced span {
	padding-left: 0px;
}

.filter_heading span .tps_quset,
.filter_heading span span.cut_tps_quset,
.filter_heading span span.carat_tps_quset,
.filter_heading span span.clarity_tps_quset,
.filter_heading span span.price_tps_quset,
.filter_heading span span.colour_tps_quset {
	float: none;
	text-align: center;
	border-radius: 50%;
	font-size: 12px;
	cursor: pointer;
	color: #222222;

}

.tps_carat_filter h3.filter_heading.dev_text_lgn {
	margin-bottom: 11px;
}

.tps_quset,
span.price_tps_quset {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 3px 0 0 0;
}

.carat_tps_quset,
.colour_tps_quset,
.clarity_tps_quset,
.cut_tps_quset {
	cursor: pointer;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 3px 0 0 0;
}

.DiamondSearchBox,
.tps_diamondlisting_area {
	margin: 0 auto;
	float: none;
}

.tps_diamondlisting_area {
	background: #fafafa;
	padding: 0;
	margin-bottom: 50px;
}

#MainContent {
	border-right: 0;
	border-left: 0;
}

/*------------------Diamond Detail Page------------------------*/

.diamond_price p.equivalant,
.mob_diamond_price p.equivalant {
	text-transform: uppercase;
}

.mob-filter-sort {
	display: none;
}

.mob-filter-sort ul.dropdown-content li {
	width: 100%;
	display: block;
	padding: 10px 0px;
	text-transform: capitalize;
	border-bottom: 1px solid #e5e5e5;
}

.mob-filter-sort ul.dropdown-content li .fa-angle-down,
.mob-filter-sort ul.dropdown-content li .fa-angle-up {
	float: right;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
	overflow-y: scroll;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	background: #fff;
	width: 50%;
	height: 100%;
	position: fixed;
	transition: all 5s ease-in-out;
	left: 0;
	right: 0;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}

.popup .close {
	position: absolute;
	top: 10px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.popup .close:hover {
	color: #CC9966;
}

.popup .content {
	overflow: auto;
}

.overlay.active {
	opacity: 1;
	visibility: visible;
}

.diamond-size-img {
	padding-top: 8%;
	display: inline-block;
	position: relative;
}

.diamond-size-img div {
	position: absolute;
	left: 0%;
	bottom: 50%;
}

.loose-diamond-banner {
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 50px;
}

.loose-diamond-banner h2 {
	position: absolute;
	top: 53%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	width: 49%;
	margin: 0 auto;
	font-family: 'GillSans Light';
	font-style: normal;
	font-weight: 100;
	font-size: 40px;
	letter-spacing: 5px;
	line-height: 65px;
}

.loose-diamond-banner .desktop_banner {
	display: block;
	width: 100%;
}

.loose-diamond-banner .mob_banner1 {
	display: none;
}

.bdc-Breadcrumb {
	margin-top: 20px;
}

.template-article .bdc-Breadcrumb,
.template-collection .bdc-Breadcrumb,
.template-page .bdc-Breadcrumb {
	color: #222222;
}

.bdc-Breadcrumb_Item:after {
	height: 2px;
}

.template-article .bdc-Breadcrumb_Item:after,
.template-collection .bdc-Breadcrumb_Item:after,
.template-page .bdc-Breadcrumb_Item:after {
	background: #898989;
}

#shape-popoup div,
#cut-popoup>div,
#clarity-popoup>div,
#price-popoup div,
#colour-popoup div,
#payment-popoup div,
.carat-popoup>div {
	position: absolute;
	background: #fff;
	left: 50%;
	top: 50%;
	width: 600px;
	transform: translate(-50%, -50%);
	padding: 0 0px 35px;
	text-align: center;
}

.shape-close,
.cut-close,
.carat-close,
.clarity-close,
.price-close,
.colour-close,
.payment-close {
	text-align: right;
	font-size: 20px;
	cursor: pointer;
	float: right;
}

#shape-popoup div span,
#cut-popoup div span,
#carat-popoup div span,
#clarity-popoup div span,
#price-popoup div span,
#colour-popoup div span,
#payment-popoup div span {
	padding: 10px 20px 5px;
	background: #fafafa;
	text-align: center;
	font-size: 28px;
	margin-bottom: 30px;
}

#shape-popoup div p,
#cut-popoup div p,
#carat-popoup div p,
#clarity-popoup div p,
#price-popoup div p,
#colour-popoup div p,
#payment-popoup div p {
	font-size: 14px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 15px;
	color: #111;
}

#shape-popoup div ul,
#carat-popoup div ul,
#clarity-popoup div ul,
#price-popoup div ul,
#colour-popoup div ul {
	width: 90%;
	margin: 0 auto;
}

#payment-popoup div ul {
	width: 90%;
	margin: 0 auto;
	list-style-type: disc;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
}

#shape-popoup div ul li,
#carat-popoup div ul li,
#price-popoup div ul li,
#colour-popoup div ul li {
	width: 20%;
	float: left;
}

/* color diamond pop-up css start */
.color_diamond_img {
	display: block;
	text-align: center;
}

/* color diamond pop-up css end */
/* cut pop-up css start */
.cut-popoup div ul,
.clarity-popoup div ul {
	margin: 0 auto;
	width: 90%;
	text-align: center;
	position: initial;
}

.cut-popoup div ul li {
	width: 23%;
	float: left;
	border-top: 4px solid #e5e5e5;
	margin: 0 2px;
	text-transform: uppercase;
	font-size: 13px;
}

.cut-popoup div ul li a.dot {
	font-size: 13px;
	position: relative;
	top: 5px;
}

.cut-popoup div ul li.slick-active {
	border-top: 4px solid #CC9966;
}

.cut-popoup .cut_slide_options div,
.clarity-popoup .clarity_slide_options div {
	margin-top: 10px;
}

.cut-popoup .cut_slide_options span,
.clarity-popoup .clarity_slide_options span {
	text-align: center;
	border-bottom: 1px solid #111111;
	width: max-content;
	margin: 0 auto 20px;
}

.cut_slide .slick-slide img,
.clarity_slide .slick-slide img {
	margin: 0 auto 8px;
}

.cut_slide .slick-initialized .slick-slide>div,
.clarity .slick-initialized .slick-slide>div {
	text-align: center
}

/* cut pop-up css end */
/* carat pop-up css start */
.carat_popup_img {
	position: relative;
}

.carat_popup_img img {
	width: 32%;
}

.carat_popup_img .dark-hand-image {
	position: absolute;
	left: 50%;
	right: 50%;
	transform: translate(-50%, 0%);
}

.carat_popup_slider {
	display: block;
	text-align: center;
}

/* carat pop-up css end */
/* clarity pop-up css start */
.clarity-popoup div ul li {
	width: 11.2%;
	float: left;
	border-top: 4px solid #e5e5e5;
	margin: 0 2px;
	font-size: 13px;
	text-align: center;
	padding: 4px 0px;
}

.clarity-popoup div ul li.slick-active {
	border-top: 4px solid #CC9966;
}


/* clarity pop-up css end */
.pop-round {
	background-position: -429px -6px;
}

.pop-princess {
	background-position: -336px -6px;
}

.pop-emerald {
	background-position: -102px -6px;
}

.pop-asscher {
	background-position: -9px -6px;
}

.pop-marquise {
	background-position: -196px -6px;
}

.pop-oval {
	background-position: -242px -6px;
}

.pop-radiant {
	background-position: -382px -6px;
}

.pop-pear {
	background-position: -289px -6px;
}

.pop-heart {
	background-position: -149px -8px;
}

.pop-cushion {
	background-position: -56px -7px;
}

.pop-baguette {
	background-position: -489px -17px;
}

.pop-shape-name {
	text-align: center;
	display: block;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 10px;
}

.hand_diamond_img.Emerald,
.hand_diamond_img.emerald {
	background: url('emerald_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	top: 22%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
}

.hand_diamond_img.Asscher,
.hand_diamond_img.asscher {
	background: url('asscher_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	top: 22%;
	left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Cushion,
.hand_diamond_img.cushion {
	background: url('cushion_shape.png') no-repeat;
	display: inline-block;
	position: absolute;	
    top: 22%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Heart,
.hand_diamond_img.HEART,
.hand_diamond_img.heart {
	background: url('heart_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	    top: 21%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Marquise,
.hand_diamond_img.marquise {
	background: url('marquise_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	    top: 22%;
    left: 43.3%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Oval,
.hand_diamond_img.oval {
	background: url('oval_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	    top: 24%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Pear,
.hand_diamond_img.pear {
	background: url('pear_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	top: 22%;
    left: 43%;
	z-index: 9;
	transform: rotate(180deg) translate(-59%, 0%);
	-webkit-transform: rotate(180deg) translate(55%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 50px;
	width: 50px;
	z-index: 9;
}

.hand_diamond_img.Princess,
.hand_diamond_img.Princcess,
.hand_diamond_img.princess {
	background: url('princess_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	    top: 22%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

.hand_diamond_img.Radiant,
.hand_diamond_img.radiant {
	background: url('radiant_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	    top: 22%;
    left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 50px;
	width: 50px;
	z-index: 9;
}

.hand_diamond_img.Round,
.hand_diamond_img.round {
	background: url('round_shape.png') no-repeat;
	display: inline-block;
	position: absolute;
	top: 22%;
    left: 43%;
	left: 43%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

/*New Shape Baguette*/
.hand_diamond_img.Baguette,
.hand_diamond_img.baguette {
	background: url(dia_baguette.png) no-repeat;
	display: inline-block;
	position: absolute;
	top: 37%;
	left: 45%;
	z-index: 9;
	transform: translate(-59%, 0%);
	-webkit-transform: translate(-59%, 0%);
	-moz-transform: translate(-59%, 0%);
	background-position: center center;
	height: 60px;
	width: 60px;
	z-index: 9;
}

/*  css added for search */

/*  css added for search */
th.prd-AccordionItem_TableCellHeading {
	text-transform: capitalize;
}

span.dev_text_lgn {
	text-align: left;
	display: flow-root;
}

ul.dev_ul_shpe {
	display: flex;
	width: 100%;
    flex-wrap:wrap;
    grid-gap: 43px;
}


span.dev-txt {
	display: content;
}

h3.desk-head-tag {
	font-size: 14px;
	line-height: 1;
	color: #222222;
	text-transform: uppercase;
	padding-bottom: 15px;
	padding-left: 4px;
}

h3.mob-head-tag {
	display: none;
}

.diamond_advanced.mob-dim-fil {
	display: none;
}

.diamond-reset.desk-reset {
	margin-left: 0px;
}


li.adv_filter_bx.selected span.border-bx {
	background-color: #CC9966;
}


ul#carat_swach {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px 20px;
	border-collapse: collapse;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	background: #ffffff;
	color: #4d4d4d;
	margin-bottom: 1.2rem;
	padding: 0;
}

li.adv_filter_bx {
	position: relative;
	width: 29%;
}

#carat_swach input[type="checkbox"] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	
  
}

.txt-adv-cart {
	position: relative;
	text-align: center;
}

span.border-bx {
	width: 100%;
	height: 10px;
	border: 1px solid #CC9966;
	display: block;
}

span.txt-cart {
	display: block;
	margin-top: 10px;
}

li.adv_filter_bx:hover span.border-bx {
	background-color: #CC9966;
}


li.clarity-icn-box.selected span.check-shape {
	background-color: #CC9966;
}

.tps_box_swatches{
	border-collapse: collapse;
	margin-left: 0;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	background: #ffffff;
	color: #4d4d4d !important;
	position: relative;
	margin-bottom: 1.2rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px 8px;
}

.tps_box_swatches input[type="checkbox"] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	top: 0;
	margin: 0;
}

.check-clarity-bx {
	position: relative;
	text-align: center;
}

#clr_box_swach li.clarity-icn-box span.check-img{
	display: inline-block;
}

span.check-img {
	width: 50px;
	height: 50px;
	margin: auto;
	display: block;
	background: url(clarity_sprite.png) no-repeat;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

span.check-shape {
	width: 100%;
	height: 10px;
	border: 1px solid #CC9966;
	display: block;
}

span.check-txt {
	font-size: 12px;
	display: inline-block;
	width: 50px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

span.check-img-1 {
	background-position: -5px -10px;
}

span.check-img-2 {
	background-position: -60px -10px;
}

span.check-img-3 {
	background-position: -116px -10px;
}

span.check-img-4 {
	background-position: -170px -10px;
}

span.check-img-5 {
	background-position: -224px -10px;
}

span.check-img-6 {
	background-position: -279px -10px;
}

span.check-img-7 {
	background-position: -334px -10px;
}

span.check-img-8 {
	background-position: -388px -10px;
}

span.check-img-9 {
	background-position: -444px -10px;
}

li.clarity-icn-box:hover span.check-shape {
	background-color: #CC9966;
}

ul#color_swach_set {
	display: flex;
	flex-wrap: wrap;
	border-collapse: collapse;
	margin-left: 0px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	background: #ffffff;
	color: #4d4d4d;
	position: relative;
	grid-gap: 15px 8px;
	padding: 0;
}

ul#color_swach_set li {
	width: 23%;
}

#color_swach_set input[type="checkbox"] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	top: 0;
	margin: 0;
}

.box-color-shp {
	position: relative;
	text-align: center;
}

#color_swach_set li.color-fltr-box:hover span.check-shape {
	background: #CC9966;
}

#color_swach_set li.color-fltr-box.selected span.check-shape {
	background: #CC9966;
}

span.color-bdr-bx {
	width: 50px;
	height: 50px;
	margin: auto;
	display: block;
	background: url(D_K_Color_sprite.png) no-repeat;
	margin: auto
}

span.txt-color {
	font-size: 12px;
    display: inline-block;
    width: auto;
    text-align: center;
    padding: 5px 0;
    color: #4d4d4d;
}

span.color-br-1 {
	background-position: -19px -11px;
}

span.color-br-2 {
	background-position: -90px -11px;
}

span.color-br-3 {
	background-position: -164px -11px;
}

span.color-br-4 {
	background-position: -237px -11px;
}

span.color-br-5 {
	background-position: -308px -11px;
}

span.color-br-6 {
	background-position: -382px -11px;
}

span.color-br-7 {
	background-position: -453px -11px;
}

span.color-br-8 {
	background-position: -525px -11px;
}

li.color-fltr-box .box-color-shp {
	border-bottom: 1px solid #fff;
}


li.polsh_filt_blk {
	display: block;
	border-collapse: collapse;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	background: #ffffff;
	color: #4d4d4d;
	position: relative;
	width: 30%;
}

#polish_swach_bx input[type="checkbox"] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	top: 0;
	margin: 0;
}


span.pol-bor-bx {
	width: 100%;
	height: 10px;
	border: 1px solid #CC9966;
	display: block;
}

span.pol-txt {
	display: block;
	margin-top: 10px;
}

li.polsh_filt_blk:hover span.pol-bor-bx {
	background-color: #CC9966;
}


li.polsh_filt_blk.selected span.pol-bor-bx {
	background-color: #CC9966;
}

li.fluor_filt_blk {
	display: block;
	border-collapse: collapse;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	background: #ffffff;
	color: #4d4d4d;
	position: relative;
	width: 31%;
}

#fluor_swach_bx input[type="checkbox"] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	top: 0;
	margin: 0;
}


span.fluor-bor-bx {
	width: 100%;
	height: 10px;
	border: 1px solid #CC9966;
	display: block;
}

span.fluor-txt {
	display: block;
	margin-top: 10px;
}

li.fluor_filt_blk:hover span.fluor-bor-bx {
	background-color: #CC9966;
}

li.fluor_filt_blk.selected span.fluor-bor-bx {
	background-color: #CC9966;
}

#moreAdvanceFilter {
	text-align: center;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 12px;
}

#moreAdvanceFilter:after {
	position: absolute;
	content: '';
	bottom: -8px;
	width: 10.5%;
	height: 2px;
	background: #CC9966;
	left: 0;
	right: 0;
	margin: auto;
}


/*****************************/


/******* grid view end *******/

.tps_mansorystyle_listing.product-listing .grid_mode .product_inside .image-box a {
	min-height: 605px;
}

/******* grid view *******/
.tps_latest_reset_block.tps_pendantbuilder_reset_filter_wrapper {
	display: none;
}

.tps_diamond_selected_filter_wrapper {
	background: #f1f1f1;
	margin-bottom: 15px;
	padding-bottom: 11px !important;
}

.tps_diamondlisting_area .table_rows span.mb_view.tps_diamondlist_view {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	position: relative;
}

.tps_diamondlisting_area .table_rows span.mb_view.tps_diamondlist_view:after {
	content: '';
	width: 21px !important;
	height: 21px !important;
	position: relative;
	display: block !important;
	padding: 0 !important;
	background-image: url(Diamond_Sprite.svg);
	background-position: -111px -170px;
	transition: .5s ease !important;
	margin: auto;
}

.tps_diamondlisting_area .table_rows span.mb_view.tps_diamondlist_view.tps_arrow_up:after {
	background-position: -111px -143px;
}


ul#fluor_swach_bx,
ul#polish_swach_bx {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 10px;
	padding: 0px;
}

.diamond_grid_view_container ul li.tps_recent_diamond {
	background: #00000000;
}
.diamond_grid_view_container ul li.tps_recent_diamond .tps-more-info span.tps-more-info-icon{
  background-position: -431px -171px;
}
.diamond_grid_view_container ul li.tps_recent_diamond.active  .tps-more-info span.tps-more-info-icon{
  background-position: -431px -144px !important;
}
.diamond_grid_view_container ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-title,
.diamond_grid_view_container ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-meta-data span,
.diamond_grid_view_container ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-price,
.tps_diamond_compare_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-title,
.tps_diamond_compare_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-meta-data span,
.tps_diamond_compare_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-price,
.tps_diamond_recent_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-title,
.tps_diamond_recent_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-meta-data span,
.tps_diamond_recent_view ul li.tps_recent_diamond:hover .tps-diamondlist-result-grid-view-cn .tps-diamondlist-item-price{
color:#041C2C;
}

/* filter fancy section */
ul#fancycolor_swach_set {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	grid-gap: 30px;
}

.tps_fancycolor_slider #fancycolor_swach_set li input[type=checkbox] {
	visibility: visible;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	cursor: pointer;
	top: 0;
	margin: 0;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-bdr-bx {
	width: 45px;
	height: 45px;
	background-image: url(jewelry-store-sprite.svg);
	margin: 0;
	display: inline-block;
	position: relative;
	left: 2px;
	z-index: -1;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-blue {
	background-position: -10px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-brown {
	background-position: -144px -764px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-purple {
	background-position: -78px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-pink {
	background-position: -145px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-yellow {
	background-position: -212px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-green {
	background-position: -279px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-black {
	background-position: -346px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-orange {
	background-position: -414px -689px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-red {
	background-position: -9px -764px;
}

.tps_fancycolor_slider #fancycolor_swach_set li.fancycolor-fltr-box .box-color-shp span.fancycolor-gray {
	background-position: -76px -764px;
}

ul#fancycolor_swach_set li span.txt-color:after {
	content: "";
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #ffffff 50%, #ffffff 50%) right;
	background-size: 201%;
	transition: .5s ease-out;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

ul#fancycolor_swach_set li:hover span.txt-color:after,
ul#fancycolor_swach_set li.selected span.txt-color:after {
	background-position: left !important;
}

ul#fancycolor_swach_set li.selected span.txt-color:after,
ul#fancycolor_swach_set li:hover span.txt-color:after {
	content: "";
	width: 100%;
	height: 2px;
	background: linear-gradient(to left, #efefef4f 50%, #CC9966 50%) right;
	background-size: 201%;
	transition: .5s ease-out;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* end*/

/* short by new design filter start */
.diamondlisting_tab .tps-sort-filter, .tps_sort_options_mobile {
    display: flex;
    align-items: center;
    grid-gap: 3px;
    width: 25%;
    justify-content: end;
}

.tps_sort_options_mobile{
  justify-content:center;
  margin-bottom:10px;
}
    .diamondlisting_tab span.tps_grid_tab_name.tps_sort_nme,  .tps_sort_options_mobile span.tps_grid_tab_name.tps_sort_nme {
      font-size: 14px;
      line-height: 29px;
      color: #031C2C ;
}
.diamondlisting_tab .tps-sort-filter span.sortbtn.tps_sortby .dropdown, .tps_sort_options_mobile span.sortbtn.tps_sortby .dropdown{
    font-size: 14px;
    line-height: 19px;
    color: #031C2C;
    padding: 10px 0px 10px 0px;
    border-radius: 0px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    background: transparent;
    cursor: pointer;
    border: none;
    background-color: #ffffff;
    outline: none;
    box-shadow: none;
    background-position: 96% 12px;
    width: auto;
    text-align: left;
    border: 1px solid #00000000;
   display: flex;
    justify-content: end;
}

.dropdown-toggle{
  padding:0;
}
.dropdown-menu {
    position: absolute;
    background: #ffffff;
    padding: 0 0 10px 0;
    z-index: 9;
    width: 154PX;
    left: -45px;
    border: 1px solid #efefef;
    border-top: 0;
    margin-top: 25px
}
.sort_option {
    padding: 10px 13px 0 13px;
}
.dropdown-menu .sort_option.final_price_asc.asc.active, .dropdown-menu .sort_option:hover {
    color: #C3AC89;
}
span.filter_label {
    color: #222222;
}
.footer-1 .footer-blog-items:nth-child(6) {
    margin-top: -19px !important;
}

/* earring dimond listing pafge design */
.white_diamond_cont .earring_diamond_list_view_container .diamond_page span.tps-diamondlist-sub-info-span,
.white_diamond_cont .earring_diamond_list_view_container .compare_diamond_page span{
    width: 50%;
}
.white_diamond_cont .earring_diamond_list_view_container .diamond_page span,
.white_diamond_cont .earring_diamond_list_view_container .compare_diamond_page span{
  font-size:13px;
}
.white_diamond_cont .earring_diamond_list_view_container .diamond_page span.tps-diamondlist-sub-info-span:nth-child+2{
  border:0;
}
/*page layout*/

.white_diamond_cont  .tps_diamond_section {
    margin-top: 0px;
    display: flex;
    justify-content: center;
    grid-gap: 0px;
} 
.white_diamond_cont .tps_diamond_section .tps_diamondlisting_area {
    background: #fff;
    margin-bottom: 50px;
    width: 75%;
    padding: 15px 15px 15px 0px;
}
.white_diamond_cont .tps_diamond_section .tps_diamond_filters {
    width: 25%;
    padding: 20px 15px;
    /* border-right: 1px solid #D3D3D3; */
} 

.white_diamond_cont .shape_wrap ul.shape_list.dev_ul_shpe.tps_mob_shape_filter li {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tps_diamond_listing_header {
    display: flex;
    justify-content: center;
    width: 100%;
    /* padding: 0px 50px; */
    align-items: center;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 0px;
    /* max-width: 1440px !important; */
}
.tps_table_heading_section {
    width: 100%;
    text-align: center;
    /* padding: 0px 15px 0px; */
    display: flex;
    max-width: 1440px !important;
}
.tps_table_heading_section .diamond_type_wrap {
    width: 25%;
    padding: 25px 15px;
    /* border-right: 1px solid #d3d3d3; */
}
.tps_table_heading_section .dim-reset.diamondlisting_tab {
    width: 75%;
    padding: 25px 10px 25px 20px;
}
/*detail page gallery*/
.image.featured.diamond_main_img.a2 .tps-product-full-image {
    /* display: flex; */
    display: grid;
    grid-gap: 0px 20px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.image.featured.diamond_main_img.a2 .tps-product-full-image div#dia_main_img {
    /* width: 60%;   */
     width: 100%;
    background-color: #D3D3D3;
}
.image.featured.diamond_main_img.a2 .tps-product-full-image .tps_canvas_images {
    /* width: 45%; */
   width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.image.featured.diamond_main_img.a2 .tps-product-full-image .main-img, .image.featured.diamond_main_img.a2 .tps-product-full-image .diamond_generic{
    border: 1px solid #D3D3D3;
}
div#fourth_img{
    margin-bottom: 20px;
}
div#thumb-five{
    background: #D3D3D3;
    height: 420px;
    /* width: 60%; */
    width: 100%;
    border: 1px solid #D3D3D3;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
div#tps_diamond_video {
    width: 100%;
    height: 420px;
  position: absolute;
    top: 0;
    left: 0;
}
div#tps_diamond_video iframe {
    border: 0;
    width: 100%;
    height: 404px;
}
div#tps_diamond_video .aws_wrapper {
    width: 100% !important;
    height: 100% !important;
}
.image.featured.diamond_main_img.a2 .tps-product-full-image .main-img canvas {
    /* width: 100%; */
        width: auto;
    height: 100%;
    max-height: 244px;
}
.diamond_generic img#stockimg1 {
    height: 347px;
    width: 100%;
}
  /* .tps_diamond_info_section {
    margin-top: 20px;
} */
  .tps_diamond_detail_back_to_search a {
    color: #041c2c;
}
/*list view info**/
.tps_diamondlist_detail_view_info {
    display: flex;
    justify-content: center;
    grid-gap: 20px;
    max-width: 100%;
    width: 100%;
	padding: 20px;
}
.tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 60%;
    text-align: center;
}
.tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 378px;
    height: 400px;
    position: absolute;
    left: auto;
}
div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 395px;
    height: 390px;
    position: absolute;
    left: auto;
}
 .tps_diamondlist_detail_view_media_prev iframe .aws_wrapper {
    width: 400px !important;
    height: 400px !important;
}
div#diamond_type_wrap  ul.diamond_type_list {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 10px;
    width: 100%;
}
div#diamond_type_wrap ul.diamond_type_list li {
    width: 100%;
    display: flex;
    align-items: center;
}
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select.white_select.selected,
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select.lab_select.selected {
    border: 1px solid #000;
    text-align: center;
    background-color: #000;
    border-radius: 0px;
    padding: 10px 15px;
    display: block;
    width: 100%; 
}
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select.white_select.selected span.type_name,
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select.lab_select.selected span.type_name{
  color: #fff;
}
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select{
   border: 1px solid #D3D3D3;
    text-align: center;
    background-color: #fff;
    border-radius: 0px ;
    padding: 10px 15px;
    width: 100%;
}
div#diamond_type_wrap ul.diamond_type_list li span.type_name {
    color: #031C2C;
}

.table_rows.diamond_row span.mb_shape {
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.white_diamond_cont .diamond_page span .diamond_shape span{
    width: 26px;
    height: 26px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;   
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Round {
 background-image: url(tps_shape_Round.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Oval {
 background-image: url(tps_shape_Oval.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Pear {
 background-image: url(tps_shape_Pear.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Cushion {
 background-image: url(tps_shape_Cushion.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Asscher {
 background-image: url(tps_shape_Asscher.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Emerald {
 background-image: url(tps_shape_Emerald.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Princess {
 background-image: url(tps_shape_Princess.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Radiant {
 background-image: url(tps_shape_Radiant.svg);
}
.white_diamond_cont .diamond_page span .diamond_shape span.tps_shape_Marquise {
 background-image: url(tps_shape_Marquise.svg);
}
/*grid view*/
.diamond_grid_view_container .tps-diamondlist-result-grid-view-cn .tps-more-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.diamond_grid_view_container .tps-diamondlist-result-grid-view-cn  .tps_dia_cert_image {
    display: flex;
    justify-content: center;
    align-items: center;
}
.diamond_grid_view_container .tps-diamondlist-result-grid-view-cn  .tps_dia_cert_image img {
    width: 100%;
    max-width: 45px;
}
/*grid slider*/
.tps_diamondlist_detail_view_media_prev .slick-track {
    transform: unset!important;
    width: 100%!important;
}
.tps_diamondlist_detail-item.slick-slide {
    display: none !important;
}
.tps_diamondlist_detail-item.slick-slide.slick-current.slick-active {
    display: flex!important;
    left: unset!important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 400px;
    border: 1px solid #D3D3D3;
    margin-bottom: 15px;
    width: 100% !important;
}
.slick-list.draggable {
    padding: 0 !important;
}
.tps_diamondlist_thumbitem.slick-slide {
    width: 75px!IMPORTANT;
    border: 1px solid #D3D3D3;
    height: 75px;
    display: flex !important;
    justify-content: center;
    border-radius: 4px;
}
.tps_diamondlist_thumbitem.active {
    border: 2px solid #c3ac88;
}
.tps_diamondlist_detail_view_media_thumb .slick-track{
    width: 100%!important;
    transform: unset!important;
    display: flex;
    justify-content: left;
    align-items: center;
    grid-gap: 8px;
}
 .tps_diamondlist_detail_view_media img {
    width: 100%;
    max-width: 100%;
    margin: auto;
    height: auto;
}
.tps_diamondlist_detail_view_desc {
    color: #031C2C;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    padding: 10px 0px;
    width: 100%;
}
 .tps_diamondlist_detail_view_price {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom:15px;
    font-size: 20px;
    line-height: 30px;
    color: #031C2C;
    font-weight: 300;
    width: 100%;
}
.tps_diamondlist_detail_view_price img#tps_dia_cert_image {
    margin: 0px 10px;
    width: 100%;
    max-width: 45px;
}
.tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title span.tps_diamondlist_detail_icon,
.filter_block span.filter_heading.dev_text_lgn span.tps_diamondlist_detail_icon{
   display: block;
    width: 15px !important;
    height: 18px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -156px -158px;
    margin: 5px;
}
div#gridveiwcontainer .tps_grid_diamond_info span.tps_diamondlist_detail_icon{
    display: block;
    width: 15px !important;
    height: 15px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -156px -159px;
    margin: 5px;
}
.filter_block span.filter_heading.dev_text_lgn {
    display: flex;
    align-items: center;
}

.tps_diamondlist_detail_view_btn_row {
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  grid-gap:15px;
}
/*filter design*/
.tps_filters{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tps_filters.tps_advance_filter_heading {
    border-bottom: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    padding: 6px 10px;
    margin-bottom: 15px;
}
.tps_filters.tps_more_filter_heading {
    border-top: 1px solid #D3D3D3;
    padding: 15px 10px;
}
.tps_filters.tps_more_filter_heading.active, .tps_filters.tps_advance_filter_heading.active {
    border-bottom: 1px solid #D3D3D3;
}
.tps_filters.tps_more_filter_heading.active span.tps_arrow_icon, .tps_filters.tps_advance_filter_heading.active span.tps_arrow_icon{
  background-position: -291px -152px;
}
.tps_filters span.tps_arrow_icon {
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -242px -152px;
}
.box-color-shp {
    border-radius: 0px;
    box-shadow: inset 0 0 0 1px rgba(39,63,78,.2);
    font-size: 12px;
    line-height: 1;
    padding: 7px 0px ;
    text-align: center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
}
.selected .box-color-shp {
    background: #041c2c;
   
}
.box-color-shp {
    background: #fff; 
}
.selected .box-color-shp span{
   color: #fff;
}
.check-clarity-bx {
    border-radius: 0px;
    box-shadow: inset 0 0 0 1px rgba(39,63,78,.2);
    font-size: 12px;
    line-height: 1;
    padding: 13px 2px 13px 2px;
    text-align: center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
}
.selected .check-clarity-bx {
    background: #041c2c;
}
.selected .check-clarity-bx span{
   color: #fff;
}
.check-cut-bx {
    border-radius: 0px;
    box-shadow: inset 0 0 0 1px rgba(39,63,78,.2);
    font-size: 12px;
    line-height: 1;
    padding: 15px 4px 15px 4px;
    text-align: center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
}
.selected .check-cut-bx {
    background: #041c2c;
}
.check-cut-bx span{
  margin-top: 0;
}
.selected .check-cut-bx span{
   color: #fff;
  margin-top: 0;
}
.tps_diamond_selected_filter_wrapper .filter_container {
    width: 100%;
}
.check-cert-bx, .check-flour-bx{
    border-radius: 0px;
    box-shadow: inset 0 0 0 1px rgba(39,63,78,.2);
    font-size: 12px;
    line-height: 1;
    padding: 12px 4px 12px 4px;
    text-align: center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
}
.check-polish-bx, .check-symm-bx{
    border-radius: 0px;
    box-shadow: inset 0 0 0 1px rgba(39,63,78,.2);
    font-size: 12px;
    line-height: 1;
    padding: 15px 4px 15px 4px;
    text-align: center;
    transition-duration: .25s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    white-space: nowrap;
}
.selected .check-cert-bx, .selected .check-polish-bx, .selected  .check-symm-bx, .selected .check-flour-bx {
    background: #041c2c;
}
.check-cert-bx span, .check-polish-bx span, .check-symm-bx span, .check-flour-bx span{
  margin-top: 0;
}
.selected .check-cert-bx span, .selected .check-polish-bx span, .selected .check-symm-bx span, .selected .check-flour-bx span{
   color: #fff;
  margin-top: 0;
}
ul#certification_swach {
    grid-gap: 7px;
}
ul#certification_swach li.adv_filter_bx {
    width: 40%;
}
ul#cut_swach li.adv_filter_bx {
    width: 40%;
}
/* ul#color_swach_set li {
    width: 23.3%;
} */
ul#clr_box_swach li.clarity-fltr-box {
    width: 23%;
} 
li.polsh_filt_blk, li.fluor_filt_blk, ul#certification_swach li.adv_filter_bx, ul#cut_swach li.adv_filter_bx{
    width: 48.4%;
}
.tps_more_filters {
    margin: 20px 0px;
}
/*gallery loader*/
div#listiveiwcontainer .tps_gallery_loader.tps_loader_show {
   position: absolute !important;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    max-height: 400px !important;
    top: 0;
    left: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    background: #888888d9;
}
div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show  {
    position: absolute !important; 
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
    max-height: 395px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    background: #888888d9;
}
 span.tps_iframe_loader.tps_iframe_loader_show
 {
    position: absolute !important;
    width: 100% !important;
    height: 367px !important;
    top: 0%;
    left: 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1;
    background: #888888d9;
}
div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show:after,  span.tps_iframe_loader.tps_iframe_loader_show:after {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    background: url(ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}
div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    -webkit-animation: cssAnimation 5s forwards; 
    animation: cssAnimation 5s forwards;
}   
 span.tps_iframe_loader.tps_iframe_loader_show {
    -webkit-animation: cssAnimation 5s forwards; 
    animation: cssAnimation 5s forwards;
}   
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
div#listiveiwcontainer .tps_diamondlist_detail_view_info span.tps_thumb_video_icon {
    display: block;
    position: absolute !important;
    top: 0;
    right: 0;
    width: 15px !important;
    height: 15px !important;
    overflow: hidden !important;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -475px -161px;
} 
.tps_diamondlist_thumbitem {
   position: relative;
}
div#gridveiwcontainer .tps_grid_diamond_info span.tps_thumb_video_icon {
    display: block;
    position: absolute ;
    right: 0px;
    width: 15px !important;
    height: 15px !important;
    overflow: hidden !important;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -475px -161px;
   
}
/*pop up*/
.tps_diamond_field_popup_wrapper {
  display:none;
}
.tps_popoup_show{
  display: block;
} 
.tps_popoup_show {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(49,63,78,.4);;
    animation-name: scale;
    animation-duration: 2s;
    transform: scale(1.3);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
       

}
.tps_diamond_field_popup_section {
    width: fit-content;
    padding: 10px 20px;
    border-radius: 5px;
    color: #041c2c;
    background-color: #f4f6f8;
    margin: auto;
    text-align: center;
    max-width: 300px;
}
.tps_diamond_field_popup_section span.tps_diamond_field_msg_heading {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Cormorant';
    font-weight: 500;
}
.tps_diamond_field_popup_section  p.tps_diamond_field_msg_content {
    PADDING: 10px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 200;
}
.tps_diamond_field_popup_section  a.tps_diamond_field_read_more {
    color: #041c2c;
    text-decoration: underline;
    text-underline-offset: 5px;
    font-size: 11px;
    line-height: 19px;
    font-weight: 300;
}
.tps_diamond_field_popup_content {
    text-align: end;
}
.tps_diamond_field_popup_content span.tps_diamond_field_popup_close {
  display: inline-grid;
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -196px -152px;
    background-color: #fff;
    position: relative;
    top: 0px;
    left: 24px;
    border-radius: 50%;
}
.tps_diamond_field_popup_content span.tps_diamond_field_popup_close:hover {
   background-color: #c3ac88;
  background-position: -197px -188px;
}
/**/
.diamondlisting_tab .tps-sort-filter span.sortbtn.tps_sortby .dropdown span#dropdownMenuButton {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.diamondlisting_tab .tps-sort-filter span.sortbtn.tps_sortby .dropdown span#dropdownMenuButton span.tps_sort_icon {
    width: 21px!important;
    height: 21px!important;
    position: relative;
    display: block!important;
    padding: 0!important;
    background-image: url(Diamond_Sprite.svg);
    background-position: -106px -169px;
}
 .tps_reset_filters_section {
    text-align: center;
}
.tps_reset_filters_section button.tps_reset_filter {
    border: none;
    background-color: white;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    cursor: pointer;
}
.tps_reset_filters_section  span.tps_reset_filter_icon {
    display: flex;
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -342px -152px;
}
.tps_load_more_section {
    text-align: center;
}
.tps_load_more_section button.tps_load_more {
    margin-top: 50px;
}

div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row {
	display: flex;
    width: 50%;
    float: left;
    height:auto;
   line-height:24px;
    align-items: center;
}
div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
   
    display: flex;
    align-items: center;
}
div#gridveiwcontainer .diamond_grid_view_container ul, .tps_diamond_compare_view ul, .tps_diamond_recent_view ul {
    display: flex;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
    padding: 10px 20px;
    flex-wrap: wrap;
}
div#gridveiwcontainer .diamond_grid_view_container ul li,  div#gridveiwcontainer.tps_diamond_compare_view ul li,
div#gridveiwcontainer.tps_diamond_recent_view ul li {
    border: 1px solid #D3D3D3;
    cursor: pointer;
    transition: .3s;
    position: relative;
    border-radius: 4px;
    width: 254px;
    height: auto;
}

div#gridveiwcontainer .tps-diamondlist-item-info {
    position: absolute;
    top: 414px;
    width: 802px;
    background-color: #ffff;
    padding: 10px 0px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    display: flex;
}
div#gridveiwcontainer  ul.tps-diamondlist-result-grid-view-items-list {
    display: flex !important;
    flex-wrap: wrap;
}
div#gridveiwcontainer  li.tps-diamondlist-result-grid-view-item {
    flex: 0 23.65%;
}

div#gridveiwcontainer .tps_empty_div {
    width: 100%;
    height: 600px;
    border: 1px solid #BBB;
    border-radius: 4px;
}
div#gridveiwcontainer  .tps_grid_diamond_info {
    padding: 20px;
}
div#gridveiwcontainer .tps_diamondlist_detail_view_media {
    width: 50%;
}
div#gridveiwcontainer  .tps_diamondlist_detail_view_info_table {
    width: 50%;
}
.tps_diamondlist_detail_view_media_thumb {
    display: flex;
    grid-gap: 10px;
    width: 100%;
    justify-content: center;
}
.tps_diamondlist_thumbitem {
    width: 60px!IMPORTANT;
    border: 1px solid #D3D3D3;
    height: 60px;
    display: flex !important;
    justify-content: center;
    border-radius: 4px;
}
.tps_diamondlist_detail-item {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
}
.tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 490px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img {
    height: auto;
}
.tps_diamondlist_detail_view_media_prev {
    margin-bottom: 10px;
}

.tps-more-info .tps-more-info-text.tps_diamond_info_span {
    display: flex;
    align-items: center;
}
div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list li.active span.tps-more-info-icon{
   background-position: -106px -144px;
}
.tps-more-info span.tps-more-info-icon {
  width: 21px!important;
    height: 21px!important;
    position: relative;
    display: block!important;
    padding: 0!important;
    background-image: url(Diamond_Sprite.svg);
    background-position: -106px -169px;
}
div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list li.active:after  {
 content: "";
    width: 17px;
    height: 17px;  
    box-shadow: inset 1px 1px 0 0 #BBB;
    transform: translate(-50%,50%) rotate(45deg);
    background: #ffffff;
    position: absolute;
    z-index: 99999;
    left: 40px;
    bottom: -19px;
}
.tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title  span.tps_empty_detail_icon {
    width: 15px !important;
    height: 15px;
    margin: 5px;
}
.tps_diamondlist_thumbitem.tps_thumb_diamond_video, .tps_diamondlist_thumbitem.tps_thumb_diamond_image {
    background-color: #908e8e;
}
.diamondlisting_tab .tps_tab_sort_section {
    width: 100%;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    border-left: none;
    border-bottom: none;
    text-align: center;
    right: 0;
    display: flex;
    justify-content: space-between;
    grid-gap: 0px;
    background: #ffffff;
}
.tps_pendantbuilder_reset_filter_confirm_popup_div.tps_reset_popup {
    /* width: 100%; */
    background-color: #000;
    padding: 10px 10px 16px 10px;
    border-radius: 4px;
    color: #fff;
}
.tps_pendantbuilder_reset_filter_confirm_popup_btn_div button.tps_reset_filter, 
.tps_pendantbuilder_reset_filter_confirm_popup_btn_div button.cancelbtn {
    background-color: #00000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 2px;
    margin-right: 0px;
    font-size: 15px;
    line-height: 16px;
    padding: 5px 16px 5px;
    text-transform: capitalize;
    margin-bottom: 0px;
  cursor: pointer;
}
.tps_pendantbuilder_reset_filter_confirm_popup_btn_div {
    display: flex;
    grid-gap: 10px;
    justify-content: center;
   margin-top:10px;
}

.tps_reset_filters_section {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
     position: relative;
}
.tps_pendantbuilder_reset_filter_confirm_popup_div.tps_reset_popup {
   
    position: relative;
}
.tps_pendantbuilder_reset_filter_confirm_popup_div.tps_reset_popup span.tps_reset_popup_arrow {
    content: "";
    width: 17px;
    height: 17px;
    transform: rotate(45deg);
    background: #000;
    position: absolute;
    z-index: 999999;
    right: 0;
   left: 90px;
    top: -4px;
}
div#tps_diamond_certificate {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tps_diamondlist_thumbitem {
    cursor: pointer;
}
  .tps_color_filter_tabs span.tps_filter_tabs {
    border: 1px solid #e5e5e5;
    padding: 7px 15px;
    border-radius: 0px;
    cursor:pointer;
    color: #4d4d4d;
    width: 50%;
}
  .tps_color_filter_tabs  span.tps_filter_tabs.active {
    background-color: #000;
    color: white;
    border: 1px solid #000;
}
  ul#fancy_color_swach_set li.color-fltr-box {
    width: 23%;
}
  ul#intensity_swach_set li.color-fltr-box {
    width: 31.5%;
}
.filter_block .tps_colour_tab_filters {
    /* display: flex;
    justify-content: space-between; */
    display: block;
}
.tps_color_filter_tabs {
    margin-bottom: 15px;
    text-align: center;
    display: flex;
    gap: 10px;
}
html.js.has-touch.mediaqueries.touchevents,
html.js.has-touch.mediaqueries.touchevents.shopify-features__smart-payment-buttons--enabled,
html{
    padding-bottom: 0px !important;
}
.tps-diamondlist-result-grid-view-cn .tps-diamondlist-result-grid-view {
    height: 85px;
}
ul#fluor_swach_bx {
    margin-bottom: 20px;
}
.tps_reset_filters_section {
    border-top: 1px solid #D3D3D3;
    padding-top: 10px;
}
.tps_engagement_ring_product_main{
	width: 100%;
}
.tps_engagement_ring_product_main .tps_engagement_ring_product>.column{
	margin-right: 0px;
	margin-left: 0px;
}
.tps_diamondlist_detail_view_btn_row.tps_view_button_mobile{
	display: none ;
}
/* end*/

@media(max-width:1680px){

  .tps_reset_filters_section {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
}
@media(max-width:1440px) {
.tps_diamond_listing_header {    
    padding: 0px 0px;    
} 
}
@media (max-width: 1380px) and (min-width: 1360px) {

	#shape-popoup div,
	#cut-popoup>div,
	#clarity-popoup>div,
	#price-popoup div,
	#colour-popoup div,
	#payment-popoup div,
	.carat-popoup>div {
		padding: 0px 0px;
	}

	#shape-popoup div span,
	#cut-popoup div span,
	#carat-popoup div span,
	#clarity-popoup div span,
	#price-popoup div span,
	#colour-popoup div span,
	#payment-popoup div span {
		margin-bottom: 0px
	}
  
}

@media (max-width: 1359px) and (min-width: 1330px) {

	#shape-popoup div,
	#cut-popoup>div,
	#clarity-popoup>div,
	#price-popoup div,
	#colour-popoup div,
	#payment-popoup div,
	.carat-popoup>div {
		padding: 0px 0px;
	}

	#shape-popoup div span,
	#cut-popoup div span,
	#carat-popoup div span,
	#clarity-popoup div span,
	#price-popoup div span,
	#colour-popoup div span,
	#payment-popoup div span {
		margin-bottom: 0px
	}

}

@media (max-width: 1329px) {
	.tps_mansorystyle_listing.product-listing .grid_mode .product_inside .image-box a {
		min-height: 552px;
	}

	.germanStore .nav-Banner_Item {
		margin-right: 15px
	}

	.germanStore .nav-Banner_Item .nav-Banner_Link {
		font-size: 11px
	}

	#shape-popoup div,
	#cut-popoup>div,
	#clarity-popoup>div,
	#price-popoup div,
	#colour-popoup div,
	#payment-popoup div,
	.carat-popoup>div {
		padding: 0px 0px;
	}

	#shape-popoup div span,
	#cut-popoup div span,
	#carat-popoup div span,
	#clarity-popoup div span,
	#price-popoup div span,
	#colour-popoup div span,
	#payment-popoup div span {
		margin-bottom: 0px
	}

}

@media (max-width: 1366px) {
	
  
  .hand_diamond_img.Pear, .hand_diamond_img.pear {
      left: 42.3%;
  }
  ul.dev_ul_shpe {
    grid-gap: 30px;
  }
  .white_diamond_cont .tps_diamond_section .tps_diamondlisting_area {    
    padding: 15px 0px 15px 0px;
  }
    
}

@media (max-width: 1280px) {

	.diamond_info,
	.white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span,
	.white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
		font-size: 14px;
	}

	.white_diamond_cont .diamond_page span .diamond_shape,
	.white_diamond_cont .compare_diamond_page span .diamond_shape {
		position: relative;
	}

	#listiveiwcontainer.widthless,
	#compare_diamond_listiveiwcontainer.widthless,
	.dimond_sarch_data.widthless,
	.dimond_compare_data.widthless,
	#recent_diamond_listiveiwcontainer.widthless {
		width: 72%;
	}

	.white_diamond_cont #recent_data .compare_diamond_page span {
		margin-left: 0px;
	}

	.info_wrapper {
		width: 28%;
	}

	ul#fancycolor_swach_set {
		grid-gap: 24px;
	}

	li.adv_filter_bx {
		width: 28%;
	}

	/******* grid view end *******/
  .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 42.8%;
  }
 
}

@media (max-width: 1279px){
   /*filter for tab*/
   .tps_table_heading_section .diamond_type_wrap {
    width: 100%;
    padding: 25px;
    border-right: 1px solid #00000000;
    display: flex;
    justify-content: center;
}
  div#diamond_type_wrap ul.diamond_type_list {
    max-width: 71%;
}
 .tps_table_heading_section .dim-reset.diamondlisting_tab {
    width: 100%;
    padding: 0px;
    display: block;
} 
  .tps_table_heading_section{
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
  .tps_diamond_listing_header {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;  
    border-bottom: 1px solid #00000000;   
}
  .diamondlisting_tab .tps-sort-filter {
    width: 50%;
    justify-content: end;
}
  .tps-diamondlist-result-view-switcher {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    grid-gap: 10px;
}
 .tps_table_heading_section .dim-reset.diamondlisting_tab .tps_tab_sort_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px;
}
  .tps_mobile_filters_tab {
    padding: 15px;
    color: #fff;
    background-color: #021C2C;
    display: flex;
    justify-content: space-between;
}
   .white_diamond_cont .tps_diamond_section .tps_diamondlisting_area {
    margin-bottom: 50px;
    width: 100%;
    padding: 5px 0px;
}
  div#diamond_type_wrap ul.diamond_type_list {
    max-width: 100%;
}
  .tps_mobile_filters_tab span.tps_arrow_icon.more_filters_arrow {
    width: 30px;
    height: 30px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -245px -191px;
}
  .tps_mobile_filters_tab.active span.tps_arrow_icon.more_filters_arrow {
    background-position: -299px -191px;
}
  .tps-diamondlist-img {
		height: 225px;
	}
  .tps_diamondlist_detail_view_media img {
    width: 100%;
    max-width: 97%;
    margin: auto;
    height: auto;
}
 .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 410px;
    height: 380px;
    position: absolute;
    left: 0;
}
  .tps_basic_filters, .tps_more_filters, .tps_advanced_filters {
    padding: 15px;
}
  .white_diamond_wrap .slider-values input#price_to, .white_diamond_wrap .slider-values input#price_from {
    width: 120px;
}
  ul#color_swach_set, .tps_box_swatches, ul#fluor_swach_bx, ul#polish_swach_bx {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
ul#certification_swach, ul#fluor_swach_bx, ul#polish_swach_bx{
   grid-template-columns: 1fr 1fr;
}
ul#color_swach_set li, ul#clr_box_swach li.clarity-fltr-box, ul#cut_swach li.adv_filter_bx, li.polsh_filt_blk,
  li.fluor_filt_blk, ul#certification_swach li.adv_filter_bx, ul#cut_swach li.adv_filter_bx,
  #color_swach_set li.color-fltr-box {
    width: 100% !important;
}
  ul#fancy_color_swach_set li.color-fltr-box, ul#intensity_swach_set li.color-fltr-box {
    width: 100%;
}

}
@media (max-width: 1250px) {
	.steps_container.sticky {
		max-width: var(--Grid_Constrained);
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	span.check-img {
		width: 47px;
		height: 50px;
		margin-bottom: 0px;
		margin-left: 0;
		margin-right: 0;
	}

	span.check-txt {
		font-size: 12px;
		display: inline-block;
		width: 47px;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
	}

	span.color-bdr-bx {
		width: 48px;
		height: 50px;
	}

	span.txt-color {
		font-size: 12px;
		display: inline-block;
		width: 48px;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		padding: 5px 0;
	}
   div#gridveiwcontainer .tps_empty_div {
  
    height: 620px;
    
}
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 20px 125px;
}
  /* .tps_diamondlist_detail_view_media_thumb {

    margin-top: 15px;
} */
  .tps_diamondlist_detail_view_info{
      grid-gap: 50px;
  }
   .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img,
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img{
     height: auto; 
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner{
    height: 490px;
  }

}


@media (max-width: 1199px) {
 

  .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 42%;
  }
  div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item {
    /* flex: 0 30%; */
}
  .tps_diamond_listing_header {
    padding: 0px 0px;
}
  .tps_table_heading_section .diamond_type_wrap {
    padding: 25px 14px;
}

  div#gridveiwcontainer .tps_diamondlist_detail_view_media, 
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 45%;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table, 
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table {
    width: 55%;
}
  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show
  {
    max-height: 300px !important; 
}
 div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {  
    max-height: 300px !important;
    
}
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding:30px 55px;
}
  .tps_diamondlist_detail_view_info_inner {
    height: 100%;
    max-height: 250px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
    display: inline-block;
    align-items: center;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row,
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row{
    display: flex;
    width: 100%;
    align-items: baseline;
    line-height: 0px;
}
 .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    /* height: 475px; */
} 
  div#gridveiwcontainer .tps_empty_div {
   height: auto;

}
  .tps_diamondlist_detail_view_media_prev iframe {
    height: 390px;
} 
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row button, 
  div#gridveiwcontainer .tps_diamondlist_detail_view_btn_row button {
    padding: 15px 10px;
}
 div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
    display: inline-block;
    align-items: center;
}
div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
    display: flex;
    align-items: center;
}
.tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title, 
  .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
      height: auto;
  }
  

  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row {
   
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 15px;
}
  .tps_diamondlist_detail_info {
    height:600px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 375px;
    height: 380px;
    position: absolute;
    left: 30px;
}
 .tps_diamondlist_detail_view_price {
    
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 30px;
   
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 419px;
    height: 395px;
    position: absolute;
    left: 0px;
}
   .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img {
     height: auto; 
}
  .tps_color_filter_tabs span.tps_filter_tabs {
    padding: 8px 20px;
    
}
  .diamondlisting_tab .tps-sort-filter{
    padding-right: 2px;
  }
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row{
  	margin-top: 20px;
  }
}
@media (max-width: 1150px){
  .tps_diamondlist_detail_view_media img {
    width: 100%;
    max-width: 85%;
    margin: auto;
    height: auto;
}
 
}

@media (max-width: 1050px) {
  .tps_diamondlist_detail_view_media img {
    width: 100%;
    max-width: 100%;
    margin: auto;
    height: auto;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 401px;
    height: 380px;
    position: absolute;
    left: 0px;
}

  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 395px !important;
}
div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 419px;
    height: 430px;
    position: absolute;
    left: 0px;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 430px;
}
  .tps_diamondlist_detail_info, div#gridveiwcontainer .tps_empty_div {
    height: 560px;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img,
  {
     height: auto; 
}
}


@media (max-width: 1024px) {
      .tps_diamondlist_detail_info {
        padding: 20px;
        grid-gap: 50px;
    }

	.tps_title {
		font-size: 24px;
	}

	.tps_title.dia_price .money {
		font-size: 24px;
	}

	.setting_info .title,
	.sub_title {
		font-size: 20px;
	}

	.cols-4 {
		width: 50%;
	}

	.colour_clarity_cut_wrap .cols-4 {
		width: 33.33%;
		padding: 0 10px;
	}

	.diamondlisting_tab span.resetdiamonds_tab.listingtab {
		float: left;
	}

	.diamond_shape img {
		top: 12px;
	}

	.tps_slider_wrap .slider-values li {
		padding: 0;
		margin-bottom: 15px;
		vertical-align: middle;
		height: auto;
	}

	.colour_clarity_cut_wrap .tps_slider_wrap .slider-values li {
		font-size: 12px;
	}

	.price_slider_wrap .ui-widget-content,
	.carat_slider_wrap .ui-widget-content,
	.depth_slider_wrap .ui-widget-content,
	.table_slider_wrap .ui-widget-content {
		margin-top: 0;
	}

	.diamond_page span.mb_shape .pres_diamond_title,
	.compare_diamond_page span.mb_shape .pres_diamond_title {
		display: none;
	}

	.white_diamond_cont #recent_data .compare_diamond_page span .diamond_shape,
	.white_diamond_cont .diamond_page span .diamond_shape,
	.white_diamond_cont .compare_diamond_page span .diamond_shape {
		width: 100% !important;
		height: 30px;
		padding: 0;
	}

	.diamond_shape img {
		position: static;
		top: 0;
		left: 0;
	}

	.diamond_shape img {
		width: 30px;
	}

	.white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span,
	.white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
		font-size: 14px;
	}

	#listiveiwcontainer.widthless,
	#compare_diamond_listiveiwcontainer.widthless,
	.dimond_sarch_data.widthless,
	.dimond_compare_data.widthless,
	#recent_diamond_listiveiwcontainer.widthless,
	#listiveiwcontainer_mobile.widthless,
	#compare_diamond_listiveiwcontainer_mobile.widthless,
	#recent_diamond_listiveiwcontainer_mobile.widthless {
		display: none;
		width: 100%;
	}

	/*--close ring listing--*/


	/********* grid view ***********/

	.tps_mansorystyle_listing.product-listing .grid_mode .product_inside .image-box a {
		min-height: 440px;
	}


	/********* grid view end ***********/
  
  .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 41%;
  }
  .tps_diamond_tabs {
      width: 65%;
  }
 
    .diamondlisting_tab .tps-sort-filter {
    width: 260px;
}

  .white_diamond_wrap .shape_list li a:hover span:after{
	background-position: right;
}
.white_diamond_wrap .shape_list li a.selected span:after {
	background-position: left;
}
div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select {  
    padding: 10px 12px;
}
  
  div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item {
    flex: 0 23.7%;
}
.tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 401px;
    height: 380px;
    position: absolute;
    left: 0px;
}
 div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner{
  	width: 100% !important;
  }
  .tps_diamondlist_detail_view_media_prev iframe, div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe{
  	width: 100% !important;
  }
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner img.tps_diamondlist_detail_img{
  	margin-right: auto;
  	margin-left: auto;
  }
  
}

@media(max-width:995px) {

	/*   necklace and earring landing page css   */
	.landing-container {
		padding: 0 10px;
	}

	.img-text h2 {
		font-size: 24px;
	}

	.img-text p {
		font-size: 14px;
	}

	.img-text {
		width: 65%;
		line-height: 35px;
	}

	/* Start Filter Design */
	.white_diamond_wrap .color_slider_wrap.tps_slider_wrap {
		margin-bottom:10px;
		padding-bottom: 0px;
	}

	.white_diamond_wrap .price_slider_wrap.tps_slider_wrap {
		padding-bottom: 0px;
	}

	.white_diamond_wrap .tps_slider_wrap.clarity_slider_wrap {
		margin-bottom: 0px;
		margin-top: 0;
        margin-top: 15px 5px;
	}

	/*loose-diamond*/
	span.check-img {
		width: 34px;
		height: 34px;
		background: url(mobile_clarity_sprite.png) no-repeat;
		margin-bottom: 5px;
		margin-left: 0;
		margin-right: 0;
	}

	span.check-txt {
		width: 34px;
		margin-left: 0;
		margin-right: 0;
	}

	span.check-img-1 {
		background-position: -8px -11px;
	}

	span.check-img-2 {
		background-position: -51px -11px;
	}

	span.check-img-3 {
		background-position: -93px -11px;
	}

	span.check-img-4 {
		background-position: -135px -11px;
	}

	span.check-img-5 {
		background-position: -177px -11px;
	}

	span.check-img-6 {
		background-position: -220px -11px;
	}

	span.check-img-7 {
		background-position: -263px -11px;
	}

	span.check-img-8 {
		background-position: -304px -11px;
	}

	span.check-img-9 {
		background-position: -347px -11px;
	}

	li.clarity-icn-box:hover span.check-shape {
		background-color: transparent;
	}

	li.clarity-icn-box.selected span.check-shape {
		background-color: #CC9966;
	}

	#color_swach_set li.color-fltr-box:hover span.check-shape {
		background: transparent;
	}

	#color_swach_set li.color-fltr-box.selected span.check-shape {
		background-color: #CC9966;
	}

	span.color-bdr-bx {
		width: 35px;
		height: 35px;
	}

	span.txt-color {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	span.color-br-1 {
		background-position: -14px -75px;
	}

	span.color-br-2 {
		background-position: -70px -75px;
	}

	span.color-br-3 {
		background-position: -126px -75px;
	}

	span.color-br-4 {
		background-position: -182px -75px;
	}

	span.color-br-5 {
		background-position: -237px -75px;
	}

	span.color-br-6 {
		background-position: -294px -75px;
	}

	span.color-br-7 {
		background-position: -349px -75px;
	}

	span.color-br-8 {
		background-position: -398px -75px;
	}


	li.color-fltr-box .box-color-shp {
		width: 100%;
		margin-right: 0px;
	}

	li.adv_filter_bx:hover span.border-bx,
	li.polsh_filt_blk:hover span.pol-bor-bx,
	li.fluor_filt_blk:hover span.fluor-bor-bx {
		background: #fff;
	}

	li.adv_filter_bx.selected span.border-bx,
	li.polsh_filt_blk.selected span.pol-bor-bx,
	li.fluor_filt_blk.selected span.fluor-bor-bx {
		background-color: #CC9966;
	}

	/*close loose-diamond*/
	.product-listing.tps_settinglisting.productListingMode>div {
		padding: 0;
	}

	.tmp-GentleDiamonds .detail_extra_buttons a,
	.tmp-GentleDiamonds .detail_extra_buttons button {
		font-size: 14px;
		padding: 15px 5px;
	}

	#color_swach_set li.color-fltr-box {
		width: 27%;
	}

	.shape_list a {
		width: 75px;
	}

	.tps_diamondlisting_area .listingtab {
		font-size: 14px;
		line-height: 30px;
	}

	.tps-ringbuilder-reset-parent .tps-ringbuilder-reset-filter-confirm-popup-div,
	.pendant-builder-diamond-listing .tps-ringbuilder-reset-filter-confirm-popup-div,
	.tps_pendant_builder_step .tps_start_over_popup {
		margin-top: 14px;
	}
  .tps_table_heading_section .diamond_type_wrap {
    padding: 25px 6px;
}
  .tps_table_heading_section { 
    padding: 0px 0x 0px;
}
  div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select {
    padding: 10px 5px;
}
  .tps_diamond_listing_header {
    padding: 0px 0px;
}
  .tps_table_heading_section .dim-reset.diamondlisting_tab {
    padding: 25px 0px 25px 0px;
}
  .tps-diamondlist-result-view-switcher {
    grid-gap: 4px;
}
  .diamondlisting_tab .tps-sort-filter {
    width: 290px;
}
  div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list,  .tps_diamondlist_detail_view_info{
    width: 100%;
    max-width: 100%;
}
.tps-diamondlist-img {
    height: 450px;
}
  .tps_diamondlist_detail_view_info {
    max-width: 100%;
}

 
    .tps_diamondlist_detail_view_media_prev iframe {
    width: 300px;
    
}
  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
  
    max-height: 300px !important;
}
 
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
   height: 405px;
    width: 387px;

}
  div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 45%;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table {
    width: 55%;
}
  div#gridveiwcontainer .tps_empty_div {
    height: 540px;
}
  div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item {
    flex: 0 48.9%;
}
 div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 398px;
    width: 391px;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 395px;
    height: 397px;
    position: absolute;
    left: 0px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 393px;
    height: 400px;
    position: absolute;
    left: 0;
}
  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 406px !important;
}
}
@media (max-width: 995px){
      .diamond_grid_view_container ul, .tps_diamond_compare_view ul, .tps_diamond_recent_view ul {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 992px) {
	ul#clr_box_swach li {
		width: 17%;
	}

	li.fluor_filt_blk {
		width: 48.9%;
	}
  .search_slider{
    width:100%;
  }
  li.polsh_filt_blk {
    width: 48.9%;
  }
  ul.dev_ul_shpe {
      grid-gap: 4px;
  }
  .tps_diamondlisting_area .earring_diamond_list_view_container .table_header,
  .earring_diamond_list_view_container .tps_diamond_listing .diamond_row{
        width: 1030px;
    overflow: hidden;
    overflow-x: scroll;
  }
  .earring_diamond_list_view_container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

   div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item {
    flex: 0 47.9%;
 }
   div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item.active {
    flex: 0 47.9%;
 }
   div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show { 
    max-width: 100%;  
    max-height: 309px !important;
 }
  
   div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 15px 10px;
    height: 465px;
 }
div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list,  .tps_diamondlist_detail_view_info{
    width: 100%;
    max-width: 100%;
}
.tps-diamondlist-img {
    height: 372px;
}
  .tps_diamondlist_detail_view_desc {
    padding: 5px 0px;
}
    .tps_diamondlist_detail_view_price {
    margin-bottom: 5px;
    }
    .tps_diamondlist_detail_view_info_inner {
    
    max-height: 250px;
    display: contents;
   }
    div#gridveiwcontainer .tps_grid_diamond_info span.tps_diamondlist_detail_icon {
    margin: 2px;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row {
    display: flex;
    width: 50%;
    align-items: baseline;
    line-height: 40px;
    height: auto;
}
    div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
    display: contents;
    align-items: center;
}
    div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span
    {
      font-size: 12px;
      line-height: 16px;
    }


  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_value {
    height: auto;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title, .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title {
    height: auto;
    display: flow;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_icon {
    background-position: -155px -158px;
    margin: 0px 3px;
    height: 16px !important;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show {
    max-height: 304px !important;
    top: 11%;
}
  
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row {
    margin-top: 10px;
}
  .white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span, .white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
    font-size: 13px;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title, 
  .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_title, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_view_info_value {
    font-size: 12px;
    line-height: 16px;
}
   div#listiveiwcontainer .tps_diamondlist_detail_view_price {
    margin-bottom: 14px;
}
   div#listiveiwcontainer .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row {
    
    height: 27px;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner canvas {
    width: 295px;
}
  .dropdown-menu {
    left: -60px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    width: 393px;
    height: 400px;
    position: absolute;
    left: 0;
}
}
@media(max-width:991px){
	.smart-payment-button--false .purchase-details{
		grid-row-gap: 10px;
	}
}

@media (max-width: 960px){

  div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media,
  div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 50%;
}
  .diamond_grid_view_container ul, .tps_diamond_compare_view ul, .tps_diamond_recent_view ul {
  
    padding: 10px 6px;
}
  div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list, .tps_diamondlist_detail_view_info {
    width: 100%;
    max-width: 100%;
}
 
  .tps_diamondlist_detail_info {
    padding: 3px 10px;
  }
  div#listiveiwcontainer .tps_diamondlist_detail_view_price {
    margin-bottom: 14px;
}
}

@media (max-width: 880px){

  .white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span, .white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
    font-size: 12px;
}
  .white_diamond_cont .diamond_page span, .white_diamond_cont .compare_diamond_page span {
    font-size: 11px;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    max-height: 304px !important;
    top: 11%;
}
 
  div#listiveiwcontainer .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row {
    height: 33px;
}
}
@media (max-width: 850px) {
  
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    max-height: 304px !important;
    top: 7%;
}
    div#listiveiwcontainer  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 360px;
    width: 282px;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner canvas {
    width: 295px;
}
.tps_diamondlist_detail_view_media_prev {
    margin-bottom: 25px;
}
}
@media (max-width: 825px) {
  div#tps_diamond_video, div#thumb-five{
     height: 360px;
  }
  div#tps_diamond_video iframe {
    border: 0;
    width: 100%;
    height: 357px;
}

	ul#clr_box_swach {
		grid-gap: 15px 10px;
	}

	#clr_box_swach li.clarity-icn-box {
		width: 8.6%;
		margin-right: 0 !important;
	}

	.pendant-builder-diamond-listing .tab_color_clarity_cut .filter_block.tps_diamond_type_filter,
	.pendant-builder-diamond-listing .tab_more_filters .filter_block.tps_diamond_type_filter {
		grid-template-columns: repeat(1, 1fr);
	}

	li.adv_filter_bx {
		width: 14%;
	}

	ul#fancycolor_swach_set {
		grid-gap: 10px;
	}

	ul#fancycolor_swach_set li {
		width: 8.7%;
	}

	ul#fluor_swach_bx li {
		width: 48.8%;
	}

	ul#polish_swach_bx li {
		width: 48.8%;
	}

	#color_swach_set li.color-fltr-box {
    width: 32.5%;
}

	.white_diamond_wrap .color_slider_wrap.tps_slider_wrap {
		margin-bottom: 25px;
	}
    .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 44.4%;
  }
  .tps_diamond_tabs span.listingtab {
      display: flex;
      flex-direction: column;
  }
  .tps_diamond_tabs {
      width: 57%;
  }
  .tps_diamondlisting_area .listingtab {
      line-height: 30px;
  }
    .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 39%;
  }
  ul.dev_ul_shpe {
    grid-gap: 5px 5px;
  }
    .shape_list a {
      width: auto;
  }
 div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list, .tps_diamondlist_detail_view_info {
    width: 100%;
    max-width: 571px;
}
     div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show { 
    max-width: 100%;  
    max-height: 309px !important;
       left: 15%;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media, div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 45%;
}
  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-width: 100%;
    max-height: 300px !important;
}
 div#gridveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    width: 321px;
    height: 333px;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 356px;
    width: 330px;

}
  div#gridveiwcontainer .tps_empty_div {
    height: 500px;
}
 div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    max-width: 100%;
    max-height: 298px !important;
    top: 7%;
}


  .tps_diamondlist_thumbitem {
    height: 60px;

}

  div#diamond_type_wrap ul.diamond_type_list li a.diamond_type_select {
    padding: 10px 4px;
}
  .white_diamond_cont .diamond_page span, .white_diamond_cont .compare_diamond_page span {
    font-size: 10px;
}
   div#listiveiwcontainer  .tps_diamondlist_detail_view_media_prev iframe {
      width: 329px;
}
  
div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 332px;
    width: 327px;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner canvas {
    width: 251px;
}
  div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list, .tps_diamondlist_detail_view_info {
    width: 100%;
    max-width: 800px;

  }
  div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    height: 330px;
    position: absolute;
    left: 0%;
    top: 0;
}

  .tps_diamondlist_detail_view_media img {
    width: 100%;
    max-width: 100%;
    margin: auto;
    height: auto;
}
  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    left: 0;
}

  .tps_fourcs_clarity_section ul.tps_fourcs_clarity_grade li {
    height: 170px;
    width: 15%;
}
}
@media (max-width: 800px) {
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show {
    max-height: 298px !important;
    top: 7%;
}
.tps-diamondlist-img {
    height: 355px;
}  
}
@media (max-width: 768px) {
      div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item.active {
        flex: 0 47.9%;
    }
   ul.dev_ul_shpe {
    grid-gap: 5px 9px;
  }
	
	ul#clr_box_swach {
		grid-gap: 15px 10px;
	}

	#clr_box_swach li.clarity-icn-box {
		width: 9.9%;
		margin-right: 0 !important;
	}

	.pendant-builder-diamond-listing .tab_color_clarity_cut .filter_block.tps_diamond_type_filter,
	.pendant-builder-diamond-listing .tab_more_filters .filter_block.tps_diamond_type_filter {
		grid-template-columns: repeat(1, 1fr);
	}

	

	ul#fancycolor_swach_set {
		grid-gap: 10px;
	}

	ul#fancycolor_swach_set li {
		width: 8.7%;
	}

	
	.white_diamond_wrap .color_slider_wrap.tps_slider_wrap {
		margin-bottom: 25px;
	}
    .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 44%;
    }
    .tps_diamond_tabs {
      padding-left: 0;
  }
 
}

@media (max-width: 768px) {

	.white_diamond_cont .diamond_page span.mb_price,
	.white_diamond_cont .compare_diamond_page span.mb_price,
	.white_diamond_cont .diamond_page span.mb_stocknumber,
	.white_diamond_cont .compare_diamond_page span.mb_stocknumber {
		text-overflow: unset;
		overflow: visible;
	}

	.table_rows .ds_hide,
	.white_diamond_cont .diamond_page span,
	.white_diamond_cont .compare_diamond_page span {
		font-size: 11px;
	}

	.center-diamond.final-center-diamond {
		padding: 1% 1% 1%;
	}

	#clarity-popoup .slick-slide img {
		width: 40%;
	}

	.tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table {
		/* z-index: -1; */
      
	}
    /*filter*/
   .tps_table_heading_section .diamond_type_wrap {
    width: 100%;
    padding: 25px;
    border-right: 1px solid #00000000;
    display: flex;
    justify-content: center;
}

 .tps_table_heading_section .dim-reset.diamondlisting_tab {
    width: 100%;
    padding: 0px;
    display: block;
} 
  .tps_table_heading_section{
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
  .tps_diamond_listing_header {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;  
    border-bottom: 1px solid #00000000;   
}
  .diamondlisting_tab .tps-sort-filter {
    width: 50%;
    justify-content: end;
}
  .tps-diamondlist-result-view-switcher {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    grid-gap: 10px;
}
 .tps_table_heading_section .dim-reset.diamondlisting_tab .tps_tab_sort_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
  .tps_mobile_filters_tab {
    padding: 15px;
    color: #fff;
    background-color: #021C2C;
    display: flex;
    justify-content: space-between;
}
   .white_diamond_cont .tps_diamond_section .tps_diamondlisting_area {
    margin-bottom: 50px;
    width: 100%;
    padding: 5px 0px;
}
div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show { 
    max-width: 100%;  
    max-height: 309px !important;
}
 
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 15px 10px;
    height: 465px;
}
  div#gridveiwcontainer .tps_empty_div {
   display: block;
}
 
  li.polsh_filt_blk, li.fluor_filt_blk, ul#certification_swach li.adv_filter_bx, ul#cut_swach li.adv_filter_bx {
    width:48.8%;
}

  div#diamond_type_wrap ul.diamond_type_list li {
    justify-content: center;
}
  div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list, .tps_diamondlist_detail_view_info {
    width: 100%;
    max-width: 100%;
}
  .tps_mobile_filters_tab span.tps_arrow_icon.more_filters_arrow {
    width: 25px;
    height: 25px;
    overflow: hidden;
    color: transparent;
    cursor: pointer;
    background-image: url(Diamond_Sprite.svg);
    background-position: -245px -191px;
}
  .dropdown-menu {
    left: -65px;
}
  div#gridveiwcontainer .tps_empty_div .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-width: 100%;
    max-height: 300px !important;
    left: 0;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 300px;
    width: 313px;
}
div#gridveiwcontainer .tps_empty_div {
    height: auto;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner canvas,
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner canvas{
    width: 313px;
}
 div#listiveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 315px;
    width: 311px;
}
  div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    width: 330px;
   
}
   div#listiveiwcontainer .tps_diamondlist_thumbitem {
    height: 62px;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
     width: 303px;
    height: 297px;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    max-height: 317px !important;
    top: 10%;
}
  .tps_table_heading_section .dim-reset.diamondlisting_tab .tps_mobile_filters {
    margin-top: 10px;
}
  .tps_diamondlist_detail_view_media_prev iframe, div#listiveiwcontainer .tps_diamondlist_detail_view_media_prev iframe {
    border: 0;
    height: 318px;
    position: absolute;
    left: 0;
    top: 0;
}
  
}

@media (max-width: 767px) {
      .tps_diamondlist_detail_view_btn_row {
       
        grid-gap: 9px;
    }
    .tps_fourcs_clarity_section ul.tps_fourcs_clarity_grade li {
    height: 170px;
    width: 15%;
}
	.search_price_range .fl-left,
	.search_price_range .fl-right,
	.white_diamond_wrap .slider-values .fl-left,
	.white_diamond_wrap .slider-values .fl-right {
		font-size: 12px;
	}

	.container.tps_container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.shape_price_carat_wrap,
	.colour_clarity_cut_wrap,
	.polish_symmetry_fluor_wrap,
	.depth_table_lab_wrap,
	.white_diamond_cont .tps_title {
		margin-left: -20px;
		margin-right: -20px;
	}

	/* Start Filter Design */
	.white_diamond_wrap .color_slider_wrap.tps_slider_wrap {
		margin-bottom: 30px;
		padding-bottom: 0px;
		margin-top: 0;
	}

	.white_diamond_wrap .price_slider_wrap.tps_slider_wrap {
		padding-bottom: 0;
		margin-top: 0;
	}

	.white_diamond_wrap .carat_slider_wrap.tps_slider_wrap {
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.white_diamond_wrap .tps_slider_wrap.clarity_slider_wrap {
		margin-bottom: 30px;
	}

	/* End Filter Design */

	.filter_adv_reset .diamond_advanced .tps_title {
		margin-right: -15px;
		white-space: nowrap;
	}

	.shape_price_carat_wrap {
		display: grid;
	}

	.white_diamond_wrap,
	.basic_filter_wrap {
		float: none;
	}

	.shape_filter_order {
		order: 1;
	}

	.cut_filter_order {
		order: 3;
	}

	.price_filter_order {
		order: 2;
	}

	.clarity_filter_order {
		order: 4;
	}

	.carat_filter_order {
		order: 5;
	}

	.colour_filter_order {
		order: 6;
	}

	.diamond_advanced i {
		line-height: 17px;
	}

	.colour_clarity_cut_wrap .cols-4,
	.cols-6,
	.cols-4 {
		width: 100%;
	}

	.colour_clarity_cut_wrap .cols-4 {
		padding: 0 15px;
	}

	.basic_filter_wrap,
	.advanced_filter_wrap {
		padding: 0;
	}

	.tps_slider_wrap .slider-values li {
		padding: 0;
		margin-bottom: 0;
		vertical-align: middle;
		height: 29px;
		line-height: 1;
	}

	.white_diamond_wrap .tps_slider_wrap {
		margin-bottom: 0px;
		margin-top: 15px;
	}

	.filter_adv_reset {
		margin-bottom: 30px;
	}
	ul.dev_ul_shpe {
		width: 100%;
	}

	ul.shape_list li a {
		margin-top: 0;
		margin-bottom: 0px;
	}

	.shape_list a:hover {
		border-color: transparent;
	}

	.shape_list a.selected {
		border-color: #ff8080;
	}

	.mb_hide {
		display: none !important;
	}

	.ds_hide {
		display: block;
	}

	.table_rows .ds_hide {
		line-height: 1;
		font-style: normal;
		width: 100%;
		float: left;
		text-align: center;
		font-size: 11px;
		padding: 10px 5px;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab {
		padding: 10px 8px;
		line-height: 1;
		height: 50px;
		vertical-align: middle;
	}

	.table_rows.diamond_row,
	.table_rows.diamond_compare {
		height: auto;
	}

	.table_rows.diamond_row,
	.table_rows.diamond_compare {
		position: relative;
		padding: 15px 0;
	}


	.mb_comp .tps_checkbox {
		top: 7px;
		height: 30px;
	}

	.advanced_filter_slide {
		margin-top: 0;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab {
		padding: 10px 0;
		width: 33.33%;
	}

	.diamond_shape img {
		width: 30px;
	}

	.tps_dimondDetail_section .diamond_gallery,
	.tps_dimondDetail_section .tps_produt_description {
		width: 100%;
	}

	.tps_dimondDetail_section .dia_name,
	.dia_stock_no,
	.tps_dimondDetail_section .top_close_more {
		text-align: left;
	}

	.tps_dimondDetail_section .dia_name {
		font-size: 24px;
	}

	.diamond_shape img {
		position: static;
		top: 0;
		left: 0;
	}

	.white_diamond_cont .diamond_page span .diamond_shape,
	.white_diamond_cont .compare_diamond_page span .diamond_shape {
		margin-top: 0;
	}

	.diamond_page .mb_lab img,
	.compare_diamond_page .mb_lab img {
		margin-top: 6px;
	}

	.white_diamond_cont .diamond_page span.mb_nodata,
	.white_diamond_cont .compare_diamond_page span.mb_nodata, span.mb_nodata {
		width: 100%;
		padding: 15px 10px;
		text-overflow: unset;
		white-space: normal;
		line-height: 1.4;
		height: auto;
		padding: 40px 0;
	}

	.tps_dimondDetail_section .Dimond_img,
	.tps_dimondDetail_section .diamond_gallery,
	.tps_dimondDetail_section .diamond_short_info,
	.tps_dimondDetail_section .dimond_detail,
	.white_diamond_wrap,
	.tps_diamondlisting_area {
		padding: 10px;
	}

	.mb_view .fa {
		font-size: 22px;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab {
		font-weight: 300;
		font-size: 13px;
		text-transform: uppercase;
		color: #4d5959;
		height: 50px;
		line-height: 24px;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab.alldiamonds_tab {
		width: 34%;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab.comparediamonds_tab {
		width: 20%;
		min-width: 20%;
	}
.tps_diamondlisting_area .diamondlisting_tab .listingtab.recentdiamonds_tab {
    width: 30%;
    min-width: 30%;
}
  
	.filter_heading.reset_filter {
		top: -36px;
	}

	.carat_popup_img .hand_diamond_img.Round,
	.carat_popup_img .hand_diamond_img.round {
		background: url(round_shape_mobile.png) no-repeat;
		position: absolute;
		top: 43%;
		left: 46.2%;
		height: 40px;
		width: 40px;
		background-size: 40.7474%;
		background-position: center center;
	}
  .diamondlisting_tab .tps-sort-filter {
    width: 53%;
}

	.swatches-container ul li {
		width: 13%;
	}

	/* End Final page */
	/* End dimondlisting page Design */
	.price_slider_wrap .ui-widget-content,
	.carat_slider_wrap .ui-widget-content,
	.depth_slider_wrap .ui-widget-content,
	.table_slider_wrap .ui-widget-content {
		margin-top: 15px;
	}

	.pendant-builder-diamond-listing .tab_shape_carat_price .filter_block.tps_diamond_type_filter:nth-child(2) {
		padding-bottom: 0 !important;
	}

	.filter_heading {
		text-align: center;
	}

	.filter_heading span {
		text-align: center;
		float: none;
		margin-right: 0;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.filter_heading span .tps_quset,
	.filter_heading span .cut_tps_quset,
	.filter_heading span .carat_tps_quset,
	.filter_heading span .clarity_tps_quset,
	.filter_heading span .price_tps_quset,
	.filter_heading span .colour_tps_quset {
		display: inline-block;
	}

	.filter_heading {
		font-size: 14px;
	}

	.white_diamond_wrap .tps_slider_wrap.cut_slider_wrap {
		margin-bottom: 35px;
	}

	.white_diamond_cont .diamond_page span.mb_view,
	.white_diamond_cont .compare_diamond_page span.mb_view {
		font-size: 14px;
		line-height: 60px;
	}

	.DiamondSearchBox {
		width: 100%;
	}

	.DiamondSearchBox .white_diamond_wrap {
		padding: 0 0px;
	}

	.advanced_filter_wrap .tps_title {
		font-size: 28px;
	}

	.tps_diamondlisting_area .listingtab.active_tab,
	.tps_diamondlisting_area .listingtab.active_tab:hover {
		background-color: #CC9966;
		margin: 0;
		color: #222222;
	}
  .tps_diamondlisting_area .listingtab.active_tab{
        pointer-events: none;
  }

	.mob-filter-sort {
		display: inline-block;
		padding: 25px 8px 8px;
		width: 100%;
		background: #f0f0f0;
	}

	.mob-filter-sort .btn_tps {
		width: 100%;
	}

	.mob-filter-sort .btn_tps i {
		margin-left: 10px;
		font-size: 20px;
	}

	.bdc-Breadcrumb_Inner {
		padding-right: 15px;
		padding-left: 15px;
	}

	.loose-diamond-banner {
		padding-left: 15px;
		padding-right: 15px;
	}

	#shape-popoup div,
	#cut-popoup>div,
	#clarity-popoup>div,
	#price-popoup div,
	#colour-popoup div,
	#carat-popoup>div,
	#payment-popoup div {
		width: 400px;
		height: 322px;
		overflow-y: scroll;
		font-size: 12px;
	}

	#cut-popoup div p,
	#carat-popoup div p,
	#clarity-popoup div p {
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.cut-popoup .cut_slide_options div,
	.clarity-popoup .clarity_slide_options div {
		margin-top: 15px;
	}

	#carat-popoup>div {
		padding: 0 0 25px;
	}

	#clarity-popoup>div,
	#cut-popoup>div {
		padding: 0 0 5px;
	}

	#clarity-popoup .slick-slide img,
	#cut-popoup .slick-slide img {
		width: 40%;
	}

	#carat-popoup .carat_popup_img>img {
		width: 40%;
	}

	#shape-popoup div p,
	#cut-popoup div p,
	#carat-popoup div p,
	#clarity-popoup div p,
	#price-popoup div p,
	#colour-popoup div p,
	#payment-popoup div p {
		font-size: 12px;
	}

	#cut-popoup div ul li a.dot {
		font-size: 10px;
	}

	#payment-popoup div ul {
		font-size: 12px;
		padding: 0 15px;
		word-break: break-word;
	}

	.clarity-popoup div ul li {
		width: 10.7%;
	}

	.popup .content {
		overflow: auto;
		position: relative;
		top: 0;
		left: 0;
		-moz-transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}

	.popup .content.slide-right {
		left: -120%;
	}

	#color_filter,
	#carat_filter,
	#clarity_filter,
	#cut_filter,
	#price_filter,
	#shape_filter {
		text-align: left;
		display: inline-block;
		width: 100%;
		position: absolute;
		left: 100%;
		top: 0;
		-moz-transition: all 1s ease-in-out;
		-webkit-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		opacity: 0;
	}

	#color_filter.slide-right,
	#carat_filter.slide-right,
	#clarity_filter.slide-right,
	#cut_filter.slide-right,
	#price_filter.slide-right,
	#shape_filter.slide-right {
		left: 0;
		opacity: 1;
	}

	.arr-img {
		text-align: center;
	}

	.arr-img img {
		position: absolute;
		left: 15px;
		transform: rotate(180deg);
	}

	.mob-filter-slide {
		padding: 20px;
	}

	.mob-filter-slide ul li {
		border: 1px solid #eaeaea;
		padding: 8px 10px;
		margin-bottom: 15px;
	}

	.mob-filter-slide ul li input {
		float: right;
	}

	.popup {
		width: 60%;
	}

	.mob-filter-slide p {
		margin-bottom: 10px;
	}

	.mob-filter-slide .tps_checkbox {
		float: right;
	}

	.mob-filter-slide .tps_checkbox input[type=checkbox],
	.mob-filter-slide .tps_checkbox input[type=checkbox]+label {
		top: 3px;
	}

	.return-icon,
	.shippng-icon {
		display: block;
		margin-right: 0;
	}

	.return-info {
		text-align: center;
	}

	.shippng-icon {
		min-height: 43px;
	}

	.diamond-colour-img {
		width: 100%;
	}

	.tps-cut-values.slick-initialized .slick-slide {
		margin: 0 5px;
	}

	.your-diamond {
		left: 30% !important;
	}

	.tps-color-img .slick-prev:before,
	.tps-cut-values .slick-prev:before {
		content: '←';
		color: #7b7777;
		top: -135px;
		position: absolute;
		left: 40px;
		font-size: 50px;
	}

	.tps-color-img .slick-next:before,
	.tps-cut-values .slick-next:before {
		content: '→';
		color: #7b7777;
		top: -135px;
		position: absolute;
		right: 40px;
		font-size: 50px;
	}

	.tps-cut-values button {
		top: 20%;
	}

	.filter_block {
		padding: 0px;
	}

	.setting_listing_filter .filter_wrap>div {
		margin-right: 2%;
	}

	.tps_settinglisting.product-listing>div {
		width: 50%;
	}

	.top-text {
		display: none;
	}

	.bdc-Breadcrumb_Inner {
		text-align: center;
		display: block;
	}

	#startOver {
		line-height: 20px;
		vertical-align: bottom;
	}

	.mob-setting-detail-tab {
		display: block;
	}

	/* end earring and pendant steps css  */

	.dropdown {
		float: right;
		position: relative;
		display: inline-block;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f1f1f1;
		min-width: 100%;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		right: 0;
		z-index: 999;
		padding: 25px 20px 40px;
	}

	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	.show {
		display: block;
	}


	.panel .shape_list li .selected:before,
	.panel .style_list li .selected:before,
	.panel .category_list li .selected:before,
	.panel .stone_type_list li .selected:before {
		content: '';
		background: url(right.png);
		width: 20px;
		height: 15px;
		display: inline-block;
		float: right;
		margin-right: -9px;
	}

	.tab_dia_first {
		padding-right: 2px;
	}

	.tab_dia_last {
		padding-right: 0;
	}

	.mob_filter_hide {
		display: none;
	}

	.mob_filter_btn {
		display: block;
	}

	.tps_mob_filter {
		background: #fff;
		padding: 15px 0;
	}


	.white_diamond_wrap .dev_tps_slide {
		width: 100%;
	}

	span.dev_text_lgn {
		padding-bottom: 15px;
		text-align: left;
	}

	.page-ringbuilder-loose-diamond ul.shape_list li {
		width: 18%;
		padding: 0 2px;
		margin-bottom: 20px;
	}


	span.fluor-txt {
		font-size: 12px;
	}

	span.pol-txt {
		font-size: 12px;
	}

	span.txt-cart {
		font-size: 12px;
	}

	span.txt-color {
		font-size: 12px;
		width: auto;
		margin-left: 5px;
		margin-right: 5px;
	}

	span.check-txt {
		font-size: 12px;
		width: 34px;
		margin-left: 5px;
		margin-right: 5px;
	}

	span.check-img {
		margin-bottom: 5px;
	}

	.resp-mar-btm {
		margin-bottom: 15px;
	}

	.product-listing.tps_settinglisting .lifestyle_mode .section_blog_5 .sec-BlocksItem_Title {
		color: #fff;
	}

	.filter_block.reset_filter a.filter_heading {
		font-size: 12px;
	}

	ul#Metal_container,
	ul#Style_container,
	ul#Category_container,
	ul#Shape_container,
	ul#Price_container,
	ul#Type_container {
		padding-bottom: 2px;
	}

	ul#Metal_container span,
	ul#Style_container span,
	ul#Category_container span,
	ul#Shape_container span,
	ul#Price_container span,
	ul#Type_container span {
		margin-right: 10px;
	}

	.tps_selected_filter_wrapper span.fa.fa-close {
		margin-right: 0px !important;
	}

	.selected_filter_container ul:first-child {}

	/*********** mob grid view chnage ***********/

	

	.tps_mobile_table_row {
		display: block;
	}

	.white_diamond_cont .compare_diamond_page span.money,
	.white_diamond_cont .diamond_page span.money,
	.white_diamond_cont #recent_data .compare_diamond_page span.money {
		width: 100%;
	}

	.white_diamond_cont #recent_data.tps_recent_diamond_grid .compare_diamond_page span {
		width: 100%;
		height: auto;
		font-size: 14px;
		text-align: left;
		line-height: normal;
		padding: 0 0;
	}

	.tps_diamond_tabs {
		grid-gap: 10px;
		width: 100%;
		padding-left: 0px;
	}

	.tps_diamondlisting_area .diamondlisting_tab .listingtab {
    height: auto;
    display: grid;
}


	.tps_slide2 {
		padding: 70px 15px 10px;
	}

	.pendant-builder-diamond-listing .tab_more_filters .filter_block.tps_diamond_type_filter {
		grid-template-columns: repeat(1, 1fr);
	}

	ul#clr_box_swach {
		grid-gap: 15px;
	}

	#clr_box_swach li.clarity-icn-box span.check-img {
		margin: 0 !important;
	}

	div#diamond_subtype_wrap ul.diamond_type_list {
		padding: 0;
	}

	div#diamond_subtype_wrap ul.diamond_type_list li {
		width: 200px;
		justify-content: center;
		text-align: center;
	}
       div#diamond_subtype_wrap ul.diamond_type_list li a {
        padding: 7px 30px;
        display: flex;
        font-size: 16px;
        line-height: 26px;
        border: 1px solid #FFF1E4;
        transition: 0.3s ease;
        color: #4d5959;
        border-radius: 2px;
        position: relative;
        align-items: center;
        grid-gap: 10px;
        font-family: 'Lato';
        justify-content: center;
      }
  div#diamond_subtype_wrap ul.diamond_type_list li a.selected{
        background: #CC9966;
    border-color: #CC9966;
    color: #222222 !important;
  }
  .hand_diamond_img.Pear, .hand_diamond_img.pear {
      left: 41%;
  }
  .hand_diamond_img.Emerald, .hand_diamond_img.emerald {
    left: 43.6%;
}
 .filter_block.tps_diamond_type_filter .cols-12.filter_block {
    margin-bottom: 20px;
}
    .image.featured.diamond_main_img.a2 .tps-product-full-image .tps_canvas_images {
    width: 100%;
    margin-bottom: 15px;
}
  .image.featured.diamond_main_img.a2 .tps-product-full-image {
    display: block;
    grid-gap: 10px;
}
  div#thumb-five {
    height: auto;
    width: 100%;
  }
 /*grid view*/
  div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item {
    display: flex;
    flex: 0 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
  div#gridveiwcontainer li.tps-diamondlist-result-grid-view-item.active {
    flex: 0 100%;
}
 .tps-diamondlist-item-media-div, .tps-diamondlist-result-grid-view-cn {
    width: 50%;
}
  .tps_diamondlist_detail_view_info {
   display: flex;
    justify-content: flex-start;
    grid-gap: 20px;
    flex-wrap: wrap;
    padding-top: 30px;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row button, 
  div#gridveiwcontainer .tps_diamondlist_detail_view_btn_row button { 
    width: 100%;
}
  span.deskView, span.mb_view.tps_diamondlist_view {
    display: none !important;
}
  .white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span, .white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
    width:16.6% ;
  }
  .white_diamond_cont .diamond_page span, .white_diamond_cont .compare_diamond_page span, .white_diamond_cont #recent_data .compare_diamond_page span {
    height: 30px;
    line-height: 30px;
    padding:  0;
    font-size: 10px;
    width: 16.6% ;
}
  .white_diamond_cont .tps_diamondlisting_area .listingHeaderOne span, .white_diamond_cont .tps_diamondlisting_area .compareHeaderOne span {
    font-size: 12px;
}
  .white_diamond_cont {
    margin-top: 0px;
}
#color_swach_set li.color-fltr-box {
    width: 23.2%;
}

   span.tps_iframe_loader {   
    height: 345px !important;
}
  div#tps_diamond_video iframe {
    height: 345px;
}
  .diamond_grid_view_container ul, .tps_diamond_compare_view ul, .tps_diamond_recent_view ul {
     padding: 0;
}
  .tps_grid_diamond_info span.tps_diamondlist_detail_view_close {
    right: 5px;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_media, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_media {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
  .tps_diamondlist_detail_view_media_thumb {
    display: flex;
    grid-gap: 10px;
    width: 100%;
    justify-content: center;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
   
    display: flex;
    justify-content: center;
}
  div#gridveiwcontainer .tps_grid_diamond_info{
    padding: 3px 10px;
    width: 100%;
    height: 795px;
    border: 1px solid #C3AC89;
    max-width: 680px;
    border-radius: 4px;
}
  .tps_diamondlist_detail_info{
    padding: 3px 10px;
    width: 100%;
    height: 795px;
    max-width: 680px;
    border-radius: 4px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    width: 324px;
}

  .diamond_grid_view_container ul, .tps_diamond_compare_view ul, .tps_diamond_recent_view ul {
    grid-template-columns: 1fr;
}
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table, .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table {
    width: 100%;
}
.tps_diamondlist_detail_view_btn_row {
   
    margin-bottom: 10px;
}
  /*list view*/
  
  div#listiveiwcontainer .tps_diamondlist_detail_view_info {
    padding-top: 30px;
    display: block;
}
  div#listiveiwcontainer .tps_diamondlist_detail_info span.tps_diamondlist_detail_view_close {
    top: 4px;
    right: 4px 
  }
  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 300px !important;
    left: 0;
}
  div#listiveiwcontainer .tps_gallery_loader{
       top: 5%;
    left: 184px;
    max-height: 312px !important;
  }

 
  .tps_diamond_field_popup_section {
   
    max-width: 260px;
}
  .tps-diamondlist-img {
    height: auto;
}
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 300px;
    width: 303px;
}
  .tps_diamondlist_detail-item {
    width: 310px;
}
  /*grid loader*/
  ul.tps-diamondlist-animated-list li.tps-diamondlist-grid-pr {
    display: flex;
    grid-gap: 0px;
    align-items: center;
}
  .tps-diamondlist-spinner-gridv-container .tps-diamondlist-grid-pr-img {
    width: 60%;
    margin: 15px auto 20px auto;
    height: 197px;
}
   ul.tps-diamondlist-animated-list .tps-sub-info {
    width: 60%;
    margin-top: 15px;
}
  .tps-diamondlist-spinner-list-container .tps-diamondlist-animated-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
  .tps-diamondlist-spinner-list-container .tps-diamondlist-animated-list .tps-diamondlist-animated-background.tps-diamondlist-check {
    width: 45%;
}
  .tps-diamondlist-spinner-list-container .tps-diamondlist-animated-list .tps-diamondlist-animated-background.tps-diamondlist-icon {
    width: 55px;
    margin: auto;
}
  .tps-diamondlist-spinner-list-container .tps-diamondlist-animated-list .tps-diamondlist-animated-background.tps-diamondlist-view,
  li.tps-diamondlist-animated-background.tps-diamondlist-price{
    display: none;
}
  .tps_diamondlist_detail_view_price {
    margin-bottom: 10px;
}
  .dropdown-menu {
    left: -19px;
}
  .breadcrumb ul, .breadcrumb ol {
    justify-content: start;
    
}
  .breadcrumb li {
    padding: 5px 2px;
}
      div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span {
        font-size: 12px;
        line-height: 32px;
    }
  div#gridveiwcontainer .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row, 
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row {
    display: flex;
    width: 50%;
    align-items: center;
    line-height: 30px;
    height: auto;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_info_table .tps_diamondlist_detail_view_info_row span.tps_diamondlist_detail_icon {
    background-position: -155px -158px;
}
ul#cut_swach {
    display: grid;
    grid-template-columns: 1fr 1fr ;
}
  .tps_breadcrumb_section {
    padding: 0px 15px 0px !important;
}
.tps_diamondlist_detail_view_btn_row.tps_view_button_mobile{
	display: block;
}
.tps_diamondlist_detail_view_btn_row.tps_view_button_desktop{
	display:none;
}
}
@media (max-width: 725px){

  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    top: 5%;
    left: 184px;
    max-height: 312px !important;
   
}
  .hidden-xs {
     display: block !important;
}


}
@media (max-width: 670px){
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    top: 5%;
    left: 159px;
    max-height: 312px !important;
 } 

}
@media (max-width: 655px){
 
  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show{
    max-height: 300px !important;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    top: 5%;
    left: 152px;
    max-height: 312px !important;
}
  
}
@media (max-width: 639px) {
   .tps_diamondlisting_area .table_header, .table_rows.diamond_row, .table_rows.diamond_compare{

    width: 98%;
}
  .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 38.3%;
  }
  .hand_diamond_img.Emerald, .hand_diamond_img.emerald {
      left: 42.2%;
  }
  .tps_diamondlisting_area .diamondlisting_tab .listingtab.recentdiamonds_tab {
      width: 32%;
      min-width: 32%;
  }
  .diamondlisting_tab .tps-sort-filter {
      width: 51%;
            justify-content: center;
  }
  div#diamond_subtype_wrap ul.diamond_type_list li{
    width: 100%;
  }
    .search_slider{
    width:100%;
  }

  .DiamondSearchBox {
    padding: 10px 10px;
}
  .DiamondSearchBox .tps_banner_section ul.dev_ul_shpe {
    grid-gap: 14px;
    padding: 0px 0px;
}
  .tps-diamondlist-img {
    height: auto;
}
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: 510px;
}
    div#gridveiwcontainer .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 300px;
    width: 306px;
}
 
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show {
    top: 5%;
    left: 127px;
    max-height: 312px !important;
}
  ul.dev_ul_shpe li {
    width: 12%;
}
  .dropdown-menu {
    left: -44px;
}
      .smart-payment-button--false .purchase-details {
        grid-row-gap: 0px;
    }
  .tps_diamond_field_popup_content span.tps_diamond_field_popup_close {
    
    left: 15px;
    
}
      .tps_diamond_field_popup_section {
        max-width: 250px;
    }
}
@media (max-width: 600px){

  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 300px !important;
    
}
}

@media (max-width: 580px) {
  
  .hand_diamond_img.Round, .hand_diamond_img.round {
      left: 42%;
  }
  .hand_diamond_img.Emerald, .hand_diamond_img.emerald {
      left: 42%;
  }
  .tps_diamondlisting_area .diamondlisting_tab {
    flex-wrap: wrap;
}
.tps_diamondlisting_area .diamondlisting_tab .listingtab.recentdiamonds_tab {
    width: 40%;
    min-width: 40%;
}
  .tps_diamondlisting_area .diamondlisting_tab .listingtab.alldiamonds_tab {
    width: 40%;
}

  ul#carat_swach #carat_swach li.adv_filter_bx {
    width: 28%;
  }
  #carat_swach li.adv_filter_bx {
    width: 28%;
   }

  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    top: 5%;
    
    left: 110px;
    max-height: 312px !important;
}
  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 290px !important;
}
div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list li.active:after {
    bottom: -17px;
}
.tps_diamondlist_thumbitem {
    height: 60px;
}
  .tps_diamondlist_detail_info .tps_diamondlist_detail_view_btn_row button, div#gridveiwcontainer .tps_diamondlist_detail_view_btn_row button {
    padding: 10px;
}
}
@media (max-width: 550px){
  
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    top: 5%;
    left: 90px;
    max-height: 312px !important;
}
  div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 343px !important;
   
}

}


@media (max-width: 480px) {
	.popup {
		width: 70%;
	}

	.mob-filter-sort .btn_tps {
		width: 100%;
	}

	#shape-popoup div,
	#cut-popoup>div,
	#carat-popoup div,
	#clarity-popoup div,
	#price-popoup div,
	#colour-popoup div,
	#payment-popoup div {
		width: 300px;
		height: auto;
		font-size: 12px;
	}

	.carat_popup_img .hand_diamond_img.Round,
	.carat_popup_img .hand_diamond_img.round {
		position: absolute;
		top: 38%;
		left: 46.5%;
		background-size: 26.7474%;
	}

	.cut-popoup div ul li {
		font-size: 11px;
	}

	.cut-popoup div ul li a.dot {
		font-size: 10px;
	}

	.slick-dots li a {
		font-size: 12px;
	}

	.overlay {
		overflow-y: scroll;
	}

	.color_diamond_img {
		padding: 0 5px;
	}

	.diamond-size-img {
		padding-top: 25%;
	}

	/* rtw css   */
	.tps_rtwDetail_section .tps_produt_description.tps-descript .soc-Bar {
		text-align: center;
	}

	.tps_rtwDetail_section .loadbox {
		position: fixed;
	}

	.product-listing.tps_settinglisting.tps_rtw_listing .product_inside .image-box {
		height: 220px !important;
	}

	/* rtw css   */
	.clarity-popoup div ul li a {
		font-size: 10px;
	}

	/*ring listing*/
	.sec-BlocksItem.main_image {
		height: 470px;
	}

	/*close ring listing*/
	#clr_box_swach li.clarity-icn-box {
		width: 19%;
		display: block;
		margin-left: 0;
		margin-right: 0 !important;
	}

	li.adv_filter_bx {
		width: 29%;
	}


	#color_swach_set li.color-fltr-box {
		width: 18%;
	}

	li.color-fltr-box .box-color-shp {
		width: 100%;
		margin: 0 auto;
	}

	span.color-bdr-bx {
		margin-left: 15px;
		margin-right: 15px;
	}

	span.txt-color {
		margin-left: 15px;
		margin-right: 15px;
	}

	span.check-img {
		margin-left: 15px;
		margin-right: 15px;
	}

	span.check-txt {
		width: 34px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.white_diamond_cont #recent_data.tps_recent_diamond_grid .compare_diamond_page .tps_mob_cut ul.mb_cut_slide li span {
		font-size: 7px;
	}

    .hand_diamond_img {
      left: 39% !important;
      top: 22% !important;
  }
  .hand_diamond_img.Marquise {
      left: 37%!important;
      top: 22%!important;
  }
  
}
@media(max-width:575px) {
  .footer-1 .drawer__nav-toggle--open {
    right: -17px !important;
    top: 50%;
    
}
  
}
@media (max-width: 480px){

  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: fit-content;
    margin: 0px 10px;
}
  .tps_grid_diamond_info span.tps_diamondlist_detail_view_close {
        right: 20px;
    }
  ul.dev_ul_shpe li {
    width: 17%;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
, div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-width: 100%;
    max-height: 300px !important;
    
}
  div#listiveiwcontainer .tps_gallery_loader {
    left: 68px; 
}
 
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 300px;
    width: 373px;
}
  .DiamondSearchBox {
    padding: 10px 25px;
}
  .DiamondSearchBox .tps_banner_section ul.dev_ul_shpe {
    grid-gap: 14px;
    padding: 0px 0px;
}
}
@media(max-width:450px) {
 
  li.polsh_filt_blk, li.fluor_filt_blk, ul#certification_swach li.adv_filter_bx, ul#cut_swach li.adv_filter_bx {
    width: 47.8%;
}
  .tps_fourcs_clarity_section ul.tps_fourcs_clarity_grade li {
    height: 170px;
    width: 14%;
}
}
@media(max-width:425px) {
  
  .hand_diamond_img {
    left: 38%!important;
}
  ul#fluor_swach_bx li, ul#polish_swach_bx li {
    width: 48%;
  }
  .container.steps_container.pendant_steps.tps_pendant_builder_step.steps h1.tps_module_heading {
    font-size: 16px;
}
  ul.dev_ul_shpe li {
    width: 16%;
}
 
  .tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 347px;
    width: 325px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    width: 305px;
}
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
, div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-width: 100%;
    max-height: 300px !important;
    
}
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: 390px;
}

  
}


@media(max-width:375px) {

	.white_diamond_cont #recent_data.tps_recent_diamond_grid .compare_diamond_page span {
		font-size: 12px;
	}
  .hand_diamond_img {
      left: 37.3%!important;
  }
  ul.dev_ul_shpe li {
    width: 16%;
}
   
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show, div#gridveiwcontainer .tps_grid_diamond_info .tps_gallery_loader.tps_loader_show {
    max-height: 300px !important;
    
}
  
  div#listiveiwcontainer .tps_gallery_loader.tps_iframe_loader_show
 {
    left: 16px;
    top: 4%;
}
   div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: 346px;
}
}

@media(max-width:360px) {

	.detail_extra_buttons a,
	.detail_extra_buttons button {
		font-size: 12px;
	}

	.search_price_range .fl-left,
	.search_price_range .fl-right,
	.white_diamond_wrap .slider-values .fl-left,
	.white_diamond_wrap .slider-values .fl-right {
		width: 85px !important;
	}
div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: 336px;
}

}
@media (max-width: 280px){
    ul.dev_ul_shpe li {
    width: 56px;
}
  div#gridveiwcontainer ul.tps-diamondlist-result-grid-view-items-list, .tps_diamondlist_detail_view_info {
    width: 100%;
    max-width: 251px;
}
.tps_diamondlist_detail_view_media .tps_diamondlist_detail-item-inner {
    height: 266px;
    width: 222px;
}
  .tps_diamondlist_detail_view_media_prev iframe {
    width: 249px;
    height: 266px;
}
  
  div#gridveiwcontainer .tps_grid_diamond_info {
    padding: 3px 10px;
    width: 100%;
    border: 1px solid #C3AC89;
    max-width: 336px;
}
  .tps_grid_diamond_info span.tps_diamondlist_detail_view_close {
    right: 24px;
}
}
/****Code Created by TransPacific Software Pvt. Ltd ***/