@media(max-width:2200px) {.zoomTint {padding: -15px } }
@media(min-width:2400px) and (max-width:3800px) {.fill {width: 100%; height: 900px !important } }
@media(min-width:2400px) {.input-block .block-one {width: 33.3333%; padding: 0 15px; display: inline-block } .input-block .block-two {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-three {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-four {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-five {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-six {width: 16.6666%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-seven {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-eight {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-nine {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-ten {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-eleven {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-one {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-two {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-three {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-four {width: auto; padding: 0 15px; display: inline-block; clear: none } .pro-block-five {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-six {width: 16.6666%; padding: 0 15px; display: inline-block; clear: both } .pro-block-seven {width: 16.6666%; padding: 0 15px; display: inline-block; clear: none } .pro-block-eight {width: 16.6666%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .product-one {width: auto; float: left; padding: 0 15px } .input-block .product-two {width: 18%; float: left; padding: 0 15px } .input-block .product-three {width: 18%; float: left; padding: 0 15px } .input-block .product-four {width: 18%; float: left; padding: 0 15px; clear: none } .input-block .product-five {width: 18%; padding: 0 15px; float: left } .input-block .adv-one {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 16.6666%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 34%; padding: 0 15px; float: left } .width17 {float: left; padding: 0 15px; width: 50% } .main-title h2 {width: 25% } .dia-filter .reset-hide {display: none !important } .match-wrap .responsive-block {overflow: hidden; min-height: 1200px } .col-xl-3 {width: 20% } .vg {display: none !important } }
@media(min-width:2400px) {.pair-design .input-block .block-one {width: 33.3333%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-two {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-three {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-four {width: 25%; padding: 0 15px; display: inline-block;clear: both;} .pair-design .input-block .block-five {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-six {width: 25%; padding: 0 15px; display: inline-block; clear: inherit} .pair-design .input-block .block-seven {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-eight {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-nine {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-ten {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .block-eleven {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-one {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-two {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-three {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-four {width: auto; padding: 0 15px; display: inline-block; clear: none } .pair-design .pro-block-five {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-six {width: 25%; padding: 0 15px; display: inline-block; clear: both } .pair-design .pro-block-seven {width: 25%; padding: 0 15px; display: inline-block; clear: none } .pair-design .pro-block-eight {width: 25%; padding: 0 15px; display: inline-block } .pair-design .pro-block-nine {width: 25%; padding: 0 15px; display: inline-block } .pair-design .input-block .product-one {width: auto; float: left; padding: 0 15px } .pair-design .input-block .product-two {width: 18%; float: left; padding: 0 15px } .pair-design .input-block .product-three {width: 18%; float: left; padding: 0 15px } .pair-design .input-block .product-four {width: 18%; float: left; padding: 0 15px; clear: none } .pair-design .input-block .product-five {width: 18%; padding: 0 15px; float: left } .pair-design .input-block .adv-one {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-two {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-three {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-four {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-five {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-six {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-seven {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-eight {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-nine {width: 25%; padding: 0 15px; float: left; text-align: center } .pair-design .input-block .adv-ten {width: 34%; padding: 0 15px; float: left } .pair-design .width17 {float: left; padding: 0 15px; width: 50% } .pair-design .main-title h2 {width: 25% } .pair-design .dia-filter .reset-hide {display: none !important } .pair-design .match-wrap .responsive-block {overflow: hidden; min-height: auto } .pair-design .col-xl-3 {width: 20% } .pair-design .vg {display: none !important } }
@media(min-width:1920px) {.fancyshort {display: none } .fancylong {display: block } .colorshort {display: none } .colorlong {display: block } }
@media(min-width:1501px) and (max-width:2399px) {.input-block .block-one {width: 50%; padding: 0 15px; display: inline-block } .input-block .block-two {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-three {width: 25%; padding: 0 15px; display: inline-block; clear:  inherit !important; } .input-block .block-four {width: 25%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-five {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-six {width: 25%; padding: 0 15px; display: inline-block; clear:  inherit !important; } .input-block .block-seven {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-eight {width: 25%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-nine {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-ten {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-eleven {width: 25%; padding: 0 15px; display: inline-block; min-height: 80px } .input-block .adv-one {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 34%; padding: 0 15px; float: left } .pro-block-one {width: 25%; padding: 0 15px; display: inline-block } .pro-block-two {width: 25%; padding: 0 15px; display: inline-block } .pro-block-three {width: 25%; padding: 0 15px; display: inline-block } .pro-block-four {width: 25%; padding: 0 15px; display: inline-block; clear: none } .pro-block-five {width: 25%; padding: 0 15px; display: inline-block; clear: both } .pro-block-six {width: 25%; padding: 0 15px; display: inline-block } .pro-block-seven {width: 25%; padding: 0 15px; display: inline-block; clear: none } .pro-block-eight {width: 25%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 25%; padding: 0 15px; display: inline-block } .input-block .product-one {width: 30%; padding: 0 15px; float: left } .input-block .product-two {width: 20%; padding: 0 15px; float: left } .input-block .product-three {width: 15%; padding: 0 15px; float: left } .input-block .product-four {width: 15%; padding: 0 15px; float: left; clear: none } .input-block .product-five {width: 20%; padding: 0 15px; float: left } }
@media(min-width:1920px) and (max-width:2399px) {.fancyshort {display: none } .fancylong {display: block } .fill {width: 100%; height: 680px !important } .top-call {display: none } .col-xl-3 {width: 25% } .input-block .block-one {width: 50%; padding: 0 15px; display: inline-block } .input-block .block-two {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-three {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-four {width: 25%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-five {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-six {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-seven {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-eight {width: 25%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-nine {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-ten {width: 25%; padding: 0 15px; display: inline-block } .input-block .block-eleven {width: 25%; padding: 0 15px; display: inline-block; min-height: 80px } .input-block .adv-one {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 20%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 34%; padding: 0 15px; float: left } .pro-block-one {width: 25%; padding: 0 15px; display: inline-block } .pro-block-two {width: 25%; padding: 0 15px; display: inline-block } .pro-block-three {width: 25%; padding: 0 15px; display: inline-block } .pro-block-four {width: 25%; padding: 0 15px; display: inline-block; clear: none } .pro-block-five {width: 25%; padding: 0 15px; display: inline-block; clear: both } .pro-block-six {width: 25%; padding: 0 15px; display: inline-block } .pro-block-seven {width: 25%; padding: 0 15px; display: inline-block; clear: none } .pro-block-eight {width: 25%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 25%; padding: 0 15px; display: inline-block } .input-block .product-one {width: 30%; padding: 0 15px; float: left } .input-block .product-two {width: 20%; padding: 0 15px; float: left } .input-block .product-three {width: 15%; padding: 0 15px; float: left } .input-block .product-four {width: 15%; padding: 0 15px; float: left; clear: none } .input-block .product-five {width: 20%; padding: 0 15px; float: left } .dia-input .btn-group.shape-list>.btn, .dia-input .btn-group-vertical.shape-list>.btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 8px 0 0; margin: 0 1px; border: 1px solid transparent; } .dia-filter .filter-controll {max-width: auto } .table-fixed tbody {overflow-y: scroll; height: 750px; width: 100%; margin-right: -10px !important } .cpsf-table-fixed tbody {overflow-y: scroll; height: 50px; width: 100%; margin-right: -10px !important } .input-block .non-block-one {width: 60%; padding: 0 15px; float: left } .input-block .non-block-two {width: 20%; padding: 0 15px; float: left } .input-block .non-block-three {width: 20%; padding: 0 15px; float: left } .input-block .non-block-four {width: 25%; padding: 0 15px; float: left; clear: both } .input-block .non-block-five {width: 25%; padding: 0 15px; float: left } .input-block .non-block-six {width: 25%; padding: 0 15px; float: left } .input-block .non-block-seven {width: 25%; padding: 0 15px; float: left } .input-block .non-block-eight {width: 22%; padding: 0 15px; float: left; clear: both } .input-block .non-block-nine {width: 23.333%; padding: 0 15px; float: left } .input-block .non-block-ten {width: 19.333%; padding: 0 15px; float: left } .input-block .non-block-eleven {width: 33.3333%; padding: 0 15px; float: left } .dia-filter .match-ul li {float: left; width: 6% } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 5px } .dia-filter .filter-action {padding: 15px 0; text-align: right } .dia-filter .reset-hide {display: none !important } .main-title h2 {width: 450px } .right-content {margin-left: 245px; background: #fff; position: relative; min-height: 115vh; top: 0; bottom: 0 } }
@media(max-width:3840px) and(min-width:2500px) {.input-block .block-one {width: 40%; padding: 0 15px; display: inline-block } .input-block .block-two {width: 15%; padding: 0 15px; display: inline-block } .input-block .block-three {width: 15%; padding: 0 15px; display: inline-block } .input-block .block-four {width: 15%; padding: 0 15px; display: inline-block } .input-block .block-five {width: 15%; padding: 0 15px; display: inline-block } .input-block .block-six {width: 16.6666%; padding: 0 15px; display: inline-block; clear: both } .input-block .block-seven {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-eight {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-nine {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-ten {width: 16.6666%; padding: 0 15px; display: inline-block } .input-block .block-eleven {width: 16.6666%; padding: 0 15px; display: inline-block } .col-xl-3 {width: 20% !important } .table-fixed tbody {overflow-y: auto; width: 100%; margin-right: -10px !important } .table-fixed tbody {display: block; height: 1650px !important; overflow-y: scroll } .cpsf-table-fixed tbody {overflow-y: auto; width: 100%; margin-right: -10px !important } .cpsf-table-fixed tbody {display: block; height: 50px !important; overflow-y: scroll } }
@media(max-width:5000px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 7% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 7% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .mo-width {width: 200px; white-space: nowrap } }
@media(max-width:5000px) and (min-width:3800px) {.col-xl-3 {width: 12.5% } .top-call {display: none } .pro-block-one {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-two {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-three {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-four {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-five {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-six {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-seven {width: 11.1111%; padding: 0 15px; display: inline-block; clear: none } .pro-block-eight {width: 11.1111%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 11.1111%; padding: 0 15px; display: inline-block } .match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 6% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 6% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .compare-list {min-width: 153px } .vg {display: none } .v-good {display: inline-block; white-space: nowrap } .mo-width {width: 200px; white-space: nowrap } .top-call a {display: none } }
@media(min-width:3800px) {.compare-list {min-width: 153px } .vg {display: none } .v-good {display: inline-block; white-space: nowrap } .mo-width {width: 135px; white-space: nowrap } .icon-show {display: none } .table-fixed tbody {height: 800px; overflow-y: auto; width: 100%; margin-right: -10px !important } .cpsf-table-fixed tbody {height: 800px; overflow-y: auto; width: 100%; margin-right: -10px !important } .input-block .adv-six {width: auto; padding: 0 15px; float: left; clear: none } .dia-filter .reset-hide {display: none !important } .match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 6% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 6% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .compare-list {min-width: 153px } .vg {display: none } .v-good {display: inline-block; white-space: nowrap } .mo-width {width: 200px; white-space: nowrap } .top-call a {display: none } }
@media(max-width:3000px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 6% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 6% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .compare-list {min-width: 153px } .vg {display: none } .v-good {display: inline-block; white-space: nowrap } .mo-width {width: 200px; white-space: nowrap } .top-call a {display: none } }
@media(max-width:2560px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 5% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 5% } .match-wrap .table>thead>tr>th.big-desktop {width: 14% } .match-wrap .table>tbody>tr>td.big-desktop {width: 14% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .compare-list {min-width: 153px } .vg {display: none } .v-good {display: inline-block; white-space: nowrap } .mo-width {width: 232px; white-space: nowrap } .icon-show {display: none } }
@media(max-width:2265px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 5% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 5% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .cate-clear {clear: both } }
@media(max-width:1920px) {.fancyshort {display: block } .fancylong {display: none } .colorshort {display: block } .colorlong {display: none } .compare-list {min-width: 110px } .header-fixed {width: 87% !important; z-index: 0 } .top-search a {font-size: 17px; color: #ed1d24; cursor: pointer; padding: 5px 9px 5px 9px; border-radius: 6px; display: none } .top-user a {font-size: 17px; cursor: pointer; padding: 5px 9px 5px 9px; border-radius: 6px; display: none; text-align: center } .search-toogle a {font-size: 17px; color: #2c3b5b; cursor: pointer; padding: 5px 9px 5px 9px; border-radius: 6px; vertical-align: middle; display: none } .search-toogle fa {display: none } .top-call a {display: none } .top-down a {display: none } .clearthree {clear: both } .table-fixed tbody {min-height: 750px; overflow-y: scroll; width: 100%; margin-right: -10px !important } .cpsf-table-fixed tbody {min-height: 750px; overflow-y: scroll; width: 100%; margin-right: -10px !important } .match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 6% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 6% } .match-wrap .table>thead>tr>th.desktop {width: 6% } .match-wrap .table>thead>tr>th.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.big-desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .dia-filter .reset-hide {display: none !important } .right-content {margin-left: 245px; background: #fff; position: relative; top: 0; bottom: 0; min-height: 115vh } .fill {width: 100%; height: 600px } .fancyshort {display: block } .fancylong {display: none } }
@media(max-width:1919px) {.input-block .block-three {clear: both } .input-block .block-six {clear: both } }
@media(max-width:1909px) {.dia-filter .match-ul li {float: left; width: 7% } }
@media(max-width:1750px) {.dia-filter .match-ul li {width: 10%; margin-right: 1.11111% } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 0 } .header-fixed {width: 84% !important; z-index: 0 } }
@media(max-width:1628px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 6% } .match-wrap .table>tbody>tr>td.desktop {width: 4% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 6% } .match-wrap .table>thead>tr>th.desktop {width: 4% } .match-wrap .table>thead>tr>th.big-desktop {width: 9% } .match-wrap .table>tbody>tr>td.big-desktop {width: 9% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } }
@media(max-width:1600px) {.match-wrap .table>thead>tr td.big-desktop, .match-wrap .table>thead>tr th.big-desktop {display: none } .match-wrap .table>tbody>tr td.big-desktop {display: none } .expand .table-show .width6.big-desktop, .expand .table-show .width12.big-desktop {display: block } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 1px } .dia-input .btn-group.shape-list img {margin: 0 0 3px } .match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 8% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 8% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .compare-list {min-width: 100px } .table-fixed tbody {overflow-y: scroll; height: 500px; width: 100%; margin-right: -10px !important } .cpsf-table-fixed tbody {overflow-y: scroll; height: 50px; width: 100%; margin-right: -10px !important } .fill {width: 100%; height: 500px } }
@media(max-width:1919px) and (min-width:1300px) {.col-xl-3 {width: 25% !important } }
@media(max-width:1559px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 9% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 9% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } }
@media(max-width:1590px) {.jwel-wrap .jwel-block h2 {font-size: 20px } .jwel-exp .exp-block .title-block {width: 150px; height: 150px } .jwel-exp .exp-block .title-block .inner-block {padding: 40px 10px } .footer .width4 {width: 40% } .footer .width4.two {width: 20% } .small .width4 {width: 50% } .dia-filter .match-ul li {width: 15%; margin-right: 1.6666% } .dia-filter .yellow-btn {float: right; margin: 0 0 10px } .dia-filter .filter-action .view {margin: 0 0 5px } #StudListDiv {width: 100% } .save-btn-hide {display: none } }
@media(min-width:1461px) {.user-toogle {display: none } }
@media(max-width:1438px) {.match-wrap .table>tbody>tr>td.mobile {width: 5% } .match-wrap .table>tbody>tr>td.tablet {width: 5% } .match-wrap .table>tbody>tr>td.desktop {width: 8% } .match-wrap .table>thead>tr>th.mobile {width: 5% } .match-wrap .table>thead>tr>th.tablet {width: 5% } .match-wrap .table>thead>tr>th.desktop {width: 8% } .match-wrap .table>tbody>tr>td.mobile-two {width: 5% } .match-wrap .table>thead>tr>th.mobile-two {width: 5% } .pin-wrapper .container {width: 100% !important } }
@media(min-width:1400px) {.dia-input .btn-group.shape-list>.btn, .dia-input .btn-group-vertical.shape-list>.btn {font-size: 12px } }
@media(max-width:1460px) {#quick {width: 70% } .lung {width: 100% }.dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 0 } #onoff {width: 85% } }
@media(max-width:1400px) {.main-title h2 {font-size: 34px } .dia-filter .filter-action .tab-btn .btn-primary {font-size: 12px } .diamond-part .img-block a {font-size: 18px; margin: 0 0 5px } .jwel-exp .exp-block .title-block {width: 170px; height: 170px } .jwel-exp .exp-block .title-block .inner-block {padding: 50px 15px } .dia-filter .match-title select {margin: 0 0 10px } .log-wrap .pro-line label {width: 140px } .log-wrap .pro-line .pro-detail {margin: 5px 0 5px 150px } .match-wrap .table>thead>tr td.desktop, .match-wrap .table>thead>tr th.desktop {display: none } .match-wrap .table>tbody>tr td.desktop {display: none } .expand .table-show .width6.desktop, .expand .table-show .width6.desktop {display: block } .jewelry-cat-wrap .jewelry-cat-block {min-height: 470px } .prod-cont .con-title {width: 60% } .dia-filter .check-group li {margin: 0 4px 0 0 } .match-wrap .table>tbody>tr>td.mobile {width: 10% } .match-wrap .table>tbody>tr>td.tablet {width: 10% } .match-wrap .table>tbody>tr>td.desktop {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 10% } .match-wrap .table>thead>tr>th.tablet {width: 10% } .match-wrap .table>thead>tr>th.desktop {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 10% } .match-wrap .table>thead>tr>th.mobile-two {width: 10% } .fill {width: 100% } }
@media(max-width:1290px) {.news-wrap .news-block img {width: 350px } .news-wrap .news-block .date {padding: 0 } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 0 } .header-fixed {width: 81% !important; z-index: 2 } #onoff {width: 93% } }
@media(min-width:1290px) {.top-search a {display: none } .top-user a {display: none } .dia-filter .reset-hide {display: none !important } .expand .detail li {width: 250px } }
@media(max-width:1280px) {.navbar-default .navbar-collapse {margin-right: -20px; padding-right: 10px } .header-fixed {width: 81% !important } .prod-cont .con-title {font-size: 17px; margin-top: 5px } #onoff {width: 80% } .dia-disp .small {width: 86px; height: auto } .fill {width: 100% } }
@media(max-width:1250px) {.input-block .adv-one {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 33.3333%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 34%; padding: 0 15px; float: left } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 0 } .main-title h2 {font-size: 32px } }
@media(max-width:1250px) {.match-wrap .table>tbody>tr>td.mobile {width: 8% } .match-wrap .table>tbody>tr>td.tablet {width: 11% } .match-wrap .table>tbody>tr>td.desktop {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 8% } .match-wrap .table>thead>tr>th.tablet {width: 11% } .match-wrap .table>thead>tr>th.desktop {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 8% } .match-wrap .table>thead>tr>th.mobile-two {width: 8% } }
@media(max-width:1200px) {.pro-filter .width25 {width: 50%; min-height: 95px } .pro-filter .width35 {width: 50%; min-height: 95px } .pro-filter .width15 {width: 50%; min-height: 95px } .prod-cont .con-title {width: 100%; text-align: center; float: none } .prod-cont ul {width: 100%; text-align: center; float: none } .prod-cont ul li {margin-bottom: 7px } .prod-detail-block .width3 {width: 50%; margin: 0 0 20px } #pro-header .width9 {width: 65% } #pro-header .width3 {width: 35% } #pro-header .blue-name {font-size: 16px; float: none; padding: 0; margin: 0 0 5px } #pro-header .prod-price {font-size: 16px; float: none; padding: 0 } #pro-header .common-btn {font-size: 16px } .dia-filter .no-of-dia {position: static } .dia-filter .sub-title {margin-top: 10px } .main-title h2 {width: 100% !important } .fill {width: 100% } .match-wrap .table>thead>tr td.tablet, .match-wrap .table>thead>tr th.tablet {display: none } .match-wrap .table>tbody>tr td.tablet {display: none } .expand .table-show .width6.tablet, .expand .table-show .width12.tablet {display: block } .testimonial-wrap {padding: 40px 5px } .testimonial-wrap .testimonial-block {padding: 10px 15px } .testimonial-wrap .testimonial-block.big {padding: 10px 15px } .testimonial-wrap .testimonial-block .testimonial {padding: 50px 30px 20px } .testimonial-wrap .testimonial-block .testimonial p {font-size: 15px } .testimonial-wrap .testimonial-block p.auth-name {font-size: 15px } .news-wrap .news-block img {width: 250px } #quick .btn {padding: 6px 19% } #onoff {width: 80% } .match-wrap .table>tbody>tr>td.mobile {width: 10% } .match-wrap .table>tbody>tr>td.tablet {width: 10% } .match-wrap .table>tbody>tr>td.desktop {width: 10% } .match-wrap .table>thead>tr>th.mobile {width: 10% } .match-wrap .table>thead>tr>th.tablet {width: 10% } .match-wrap .table>thead>tr>th.desktop {width: 10% } .match-wrap .table>tbody>tr>td.mobile-two {width: 10% } .match-wrap .table>thead>tr>th.mobile-two {width: 10% } .stud-wrap {overflow-x: scroll; width: 100% } }
@media(max-width:1199px) {.dia-filter.dia-input.design-3 .above-diamond-type-div-class {flex-direction: row;}.width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: left } .dia-filter .save-search-con {display: inline-block; padding: 0; width: 100% } .save-search-con.save-search-desktop {padding: 20px 0 !important } .mobile-grid-layout{display: none !important}.repeat-ship-mobile{display: flex !important;}}
@media(max-width:1167px) {#onoff {width: 80% } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 1px } }
@media(max-width:1100px) {#quick .btn {padding: 6px 19% } .header-fixed {width: 78% !important } #onoff {width: 80% } .match-wrap .table>tbody>tr>td.mobile {width: 8% } .match-wrap .table>tbody>tr>td.tablet {width: 8% } .match-wrap .table>tbody>tr>td.desktop {width: 8% } .match-wrap .table>thead>tr>th.mobile {width: 8% } .match-wrap .table>thead>tr>th.tablet {width: 8% } .match-wrap .table>thead>tr>th.desktop {width: 8% } .match-wrap .table>tbody>tr>td.mobile-two {width: 8% } .match-wrap .table>thead>tr>th.mobile-two {width: 8% } .vg {display: inline-block } .v-good {display: none } .fill {width: 100%; height: 450px } }
@media(max-width:1023px) {.bread li {width: 100%; padding: 10px 10px 10px 48px } .bread li::before {left: 10px } .diamond-part .img-block a {font-size: 18px } .jwel-exp .exp-block {min-height: 300px } .dia-filter .match-ul li {width: 23%; margin-right: 2% } .table-action .width9, .table-action .width3 {width: 100% } .expand .one-wrap .det-sec {min-height: 400px; float: none !important } .one-wrap .dia-disp .big, .two-wrap .dia-disp .big {position: inherit } .one-wrap .dia-disp.one .big, .two-wrap .dia-disp.one .big {margin: 0 0 15px } .one-wrap .dia-disp.one .small-img, .two-wrap .dia-disp.one .small-img {float: none; margin: 0 -5px 15px -5px; position: inherit } .one-wrap .dia-disp.one .small-img:after, .two-wrap .dia-disp.one .small-img:after {clear: both; display: block; content: ""} .one-wrap .dia-disp.one .small, .two-wrap .dia-disp.one .small {float: left; width: 32%; margin: 0 1.3333% 0 0 } .expand.one-wrap hr {margin-top: 20px; margin-bottom: 20px; border-width: 1px 0 0; border-style: solid none none; border-color: #000 -moz-use-text-color -moz-use-text-color; moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none } .expand .one-wrap .table-show .width6, .expand .two-wrap .table-show .width6 {width: 100% } .expand .one-wrap .detail .width6, .expand .two-wrap .detail .width6 {width: 100% } .jewelry-cat-wrap .jewelry-cat-block {min-height: 470px } .prod-extra .width6 {width: 100% } .trade-wrap .trade-block .schedule-detail .blue-block .trade-name {font-size: 40px } .trade-wrap .trade-block .schedule-detail .yellow-block p {font-size: 30px } .trade-wrap .trade-block .schedule-detail .white-block .booth {font-size: 30px } .trade-wrap .trade-block .schedule-detail .white-block .booth span {font-size: 20px } .header-fixed {width: 76% !important } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {font-size: 8px } .fill {height: 418px; width: 100% } }
@media(min-width:991px) {.navbar-default.top-search a i {display: none } .navbar-default.top-user a i {display: none } }
@media(min-width:990px) {.search-toogle {display: none; padding: 10px; font-size: 18px } }
@media(max-width:991px) {.top-header-icon, .dropdown.cart a .fa {display: none } /*.dia-diam.one #QuickViewBigImageDiv .video-wrapper{ position:initial !important; }*/.dia-diam.one #QuickViewBigImageDiv .video-wrapper iframe{height: 437px;max-width: 450px;right: 0;margin: auto;}}
@media(max-width:943px) {.dia-filter .reset-btn {float: right } }
@media(max-width:990px) {.mobi-hide {display: none } 
#top-ticker {padding: 5px 0; display: block; background-color: #2c3b5b;} .menu-top {display: block; background: #2c3b5b none repeat scroll 0 0; padding: 5px 0; position: relative; z-index: 5; height: 45px; } .side-bar {width: 100%; position: inherit; height: auto !important; float: none; min-height: 100px; z-index: 1; display: none } .right-content {margin-left: 0 } .carousel-inner {width: 100% } .scroller-ticker {display: none !important } .navbar-toggle {display: block; float: left !important } .brand-name {display: inline-block; width: 130px;margin-top: -3px; margin-left: 32px } .brand-name a {font-size: 26px; color: #FFF; text-decoration: none } .top-search a {font-size: 17px; color: #fed700; cursor: pointer; padding: 5px 0 5px 0; border-radius: 6px; margin-right: 5px; display: block; transition: all .3s ease-in 0; margin-top: 2px; margin-left: 5px } .top-user a {font-size: 20px; color: #fed700; cursor: pointer; padding: 4px 6px; border-radius: 6px; display: block; transition: all .3s ease-in 0; margin-top: 2px; margin-right: 2px } .top-call a {font-size: 20px; color: #fed700; cursor: pointer; padding: 4px 4px 2px 4px; border-radius: 6px; display: block; transition: all .3s ease-in 0; margin-top: 2px } .fill {height: 333px !important; width: 100%; top: 0 } body .navbar-toggle {display: block } body .navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) } body .navbar-collapse.collapse {display: none !important } body .navbar-nav {float: none !important; margin-top: 7.5px; display: block !important } body .container-fluid>.navbar-collapse {margin-left: -15px; margin-right: -15px } body .collapse.in {display: block !important } .hide-in-mobile {display: none } .carousel-inner {width: 100% } .carousel-outer {position: static !important; height: 100%; top: 0; width: 100% } .navbar-collapse .search-box {position: relative; margin: 15px 0; display: table; width: 100% } .navbar-collapse {background-color: #fed700 } .navbar-collapse .call-number {text-align: center; margin: 0 } .navbar-collapse .call-number p {font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 800; margin: 0 } .navbar-collapse .call-number p.small {font-size: 20px } .navbar-collapse .lable-search {display: block } .navbar-collapse .search-box {position: relative; margin: 15px 0; display: table; width: 100% } .navbar-collapse .search-box.subscribe {margin: 0; display: block } .navbar-collapse .search-box input {float: right; border-radius: 0; width: 100%; box-shadow: none; border: solid 1px #ddd; font-size: 12px } .navbar-collapse .search-box button {position: absolute; top: 4px; right: 4px; padding: 2px 7px; font-size: 12px; line-height: 20px; color: #FFF; background-color: #2c3b5b; border-color: #2c3b5b } .navbar-collapse .copyright {display: block } .navbar-collapse .search-box button:hover {color: #2c3b5b; background-color: #fed700; border-color: #2c3b5b } .lung {display: none } #quick {width: 100%; padding: 10px 15px } #onoff {margin: 0 } .lung {width: 100%; border-top: 1px solid #2c3b5b; border-right: 0; border-left: 0 } .login-block {width: 100%; border-right: 0; border-top: 1px solid #2c3b5b; border-left: 0 } .log-top {min-height: auto } .log-top {text-align: center } .log-top .search-box {margin: 0 } .diamond-part .img-block h2 span {display: block } .diamond-part .img-block a {font-size: 20px; margin: 0 10px 5px 10px } .trade-shows .trade-block p.desc {min-height: 120px } .match-wrap .table>thead>tr>th {width: 106px } .expand .one-wrap .dia-img-sec {padding: 0 15px; top: 0; margin: 20px 0 0; text-align: center; clear: both } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {font-size: 10px } .input-block .block-one {width: 100%; padding: 0 15px; float: left } .input-block .block-two {width: 50%; padding: 0 15px; float: left } .input-block .block-three {width: 50%; padding: 0 15px; float: left; clear: none; min-height: 80px } .input-block .block-four {width: 50%; padding: 0 15px; float: left } .input-block .block-five {width: 50%; padding: 0 15px; float: left } .input-block .block-six {width: 50%; padding: 0 15px; float: left; clear: both } .input-block .block-seven {width: 50%; padding: 0 15px; float: left } .input-block .block-eight {width: 50%; padding: 0 15px; float: left } .input-block .block-nine {width: 50%; padding: 0 15px; float: left } .input-block .block-ten {width: 50%; padding: 0 15px; float: left } .input-block .block-eleven {width: 50%; padding: 0 15px; float: left } .input-block .adv-one {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 50%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 50%; padding: 0 15px; float: left } .pro-block-one {width: 50%; padding: 0 15px; display: inline-block } .pro-block-two {width: 50%; padding: 0 15px; display: inline-block } .pro-block-three {width: 50%; padding: 0 15px; display: inline-block; clear: both } .pro-block-four {width: 50%; padding: 0 15px; display: inline-block; clear: none } .pro-block-five {width: 50%; padding: 0 15px; display: inline-block } .pro-block-six {width: 50%; padding: 0 15px; display: inline-block } .pro-block-seven {width: 50%; padding: 0 15px; display: inline-block } .pro-block-eight {width: 50%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 50%; padding: 0 15px; display: inline-block; clear: both } .input-block .product-one {width: 50%; padding: 0 15px; float: left } .input-block .product-two {width: 50%; padding: 0 15px; float: left } .input-block .product-three {width: 50%; padding: 0 15px; float: left; clear: both } .input-block .product-four {width: 50%; padding: 0 15px; float: left; clear: none } .input-block .product-five {width: 50%; padding: 0 15px; float: left } .dia-filter .width4 {width: 50% } .dia-filter .menual-top .width4 {width: 40% } .dia-filter .menual-top .width6 {width: 35% } .dia-filter .menual-top .width2 {width: 25% } .dia-filter .width8 {width: 50% } .dia-filter .filter-action .tab-btn .btn-primary {font-size: 12px } .dia-filter .match-title h3 {font-size: 20px } .dia-filter.blue .width7, .dia-filter.blue .width5 {width: 100%; text-align: center !important } .dia-filter.blue .filter-btn {font-size: 20px } .expand .one-wrap .img-sec {width: 100%; position: inherit } .expand .one-wrap .det-sec {margin: 0 } .expand .width6, .expand .width4 {width: 100% } .focus-text .focus-block .title-block {width: 150px; height: 150px } .focus-text .focus-block .title-block .inner-block {padding: 55px 15px } .focus-text .focus-block .title-block .inner-block h3 {font-size: 20px } .jewelry-cat-wrap .jewelry-cat-block .jewel-title {font-size: 26px } .convert-web .focus-block .title-block {border: 10px solid #2c3b5b; width: 150px; height: 150px; margin: 0 auto 10px } .convert-web .focus-block .title-block .inner-block {padding: 23px 19px } .what-exp h2 {margin: 28px auto } .dia-input .btn-group.shape-list.full label {width: 9% } .prod-extra .width6 {width: 50% } .trade-wrap .trade-block .schedule-block {width: 100%; min-height: 250px } .trade-wrap .trade-block .schedule-block .trade-img {margin-top: 0 } .trade-wrap .trade-block .schedule-detail {width: 100% } .trade-pop .modal-dialog {margin: -210px 0 0 -300px } .trade-pop .floor {padding: 0 } .news-wrap .bod {border-right: 0 } .call-back {overflow-x: scroll } .header-fixed {width: 75% !important } .search-toogle a {font-size: 17px; color: #2c3b5b; cursor: pointer; background-color: #fed700; padding: 5px 9px 5px 9px; border-radius: 6px; margin-right: 5px; vertical-align: middle; display: inline-block } .indi-diamond .ind-text-one {position: static; margin: 10px auto } .indi-diamond .ind-text-two {position: static; margin: 10px auto } .indi-diamond .ind-text-three {position: static; margin: 10px auto } .inventory-text h3 {margin: 0; margin-bottom: 20px } .inventory-text p {margin: 0; margin-bottom: 20px } #onoff {width: 78% } .footer ul {text-align: center } .dia-disp .big img {float: none } .match-wrap .table>tbody>tr>td.mobile {width: 13% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>tbody>tr>td.desktop {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 13% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>thead>tr>th.desktop {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 13% } .match-wrap .table>thead>tr>th.mobile-two {width: 13% } .match-wrap .result-title {color: #333; font-size: 24px; font-weight: 300; text-decoration: none; margin: 0 0 10px; outline: 0; padding: 0 42px 0 0; background: url(../images/diamond.svg) right center no-repeat; white-space: nowrap; text-transform: uppercase; float: left } .dia-found {display: none } }
@media(max-width:904px) {.match-wrap .table>tbody>tr>td.mobile {width: 13% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>tbody>tr>td.desktop {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 13% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>thead>tr>th.desktop {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 13% } .match-wrap .table>thead>tr>th.mobile-two {width: 13% } }
@media(max-width:850px) {.header-fixed {width: 81% !important } #onoff {width: 75% } #quick .btn {padding: 6px 12% } .download-list {min-height: 300px } .match-wrap .table>tbody>tr>td.mobile {width: 11% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 11% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 11% } .match-wrap .table>thead>tr>th.mobile-two {width: 11% } .width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: left } .carousel-outer {height: 100%; position: fixed; top: 0; width: 100% } .fill {height: 333px; width: 100% } }
@media only screen and (max-width:830px) and (min-width:768px) {.input-block .block-four {width: 100%; padding: 0 15px; float: left } .input-block .block-five {width: 100%; padding: 0 15px; float: left } .input-block .block-six {width: 100%; padding: 0 15px; float: left; clear: both } .input-block .block-seven {width: 100%; padding: 0 15px; float: left } .input-block .block-eight {width: 100%; padding: 0 15px; float: left } .input-block .block-nine {width: 100%; padding: 0 15px; float: left } .input-block .block-ten {width: 100%; padding: 0 15px; float: left } .input-block .block-eleven {width: 100%; padding: 0 15px; float: left } .pro-block-one {width: 100%; padding: 0 15px } .pro-block-four {width: 100%; padding: 0 15px } .pro-block-three {width: 50%; padding: 0 15px; clear: none } .input-block .product-one {width: 100%; float: left; padding: 0 15px } .input-block .product-two {width: 100%; float: left; padding: 0 15px } .input-block .product-three {width: 100%; float: left; padding: 0 15px; clear: both } .input-block .product-four {width: 100%; float: left; padding: 0 15px; clear: none } .input-block .product-five {width: 100%; padding: 0 15px; float: left } .input-block .non-block-four {width: 100%; padding: 0 15px; float: left } .input-block .non-block-five {width: 100%; padding: 0 15px; float: left } .input-block .non-block-six {width: 100%; padding: 0 15px; float: left; clear: both } .input-block .non-block-seven {width: 100%; padding: 0 15px; float: left } .input-block .non-block-eight {width: 100%; padding: 0 15px; float: left } .input-block .non-block-nine {width: 100%; padding: 0 15px; float: left } .input-block .non-block-ten {width: 100%; padding: 0 15px; float: left } .input-block .non-block-eleven {width: 100%; padding: 0 15px; float: left } .dia-input .btn-group.shape-list>.btn, .dia-input .btn-group-vertical.shape-list>.btn {width: 9.5% } .width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: left } }
@media(min-width:768px) {#CommonLogin-PopUpBox .modal-dialog {max-width: 600px; margin: 12% auto !important } #custlevel-PopUpBox .modal-dialog {max-width: 600px; margin: 12% auto !important } #custlevel-PopUpBox-earhtmiend .modal-dialog {max-width: 600px; margin: 12% auto !important } #custlevel-PopUpBox-labgrown .modal-dialog {max-width: 600px; margin: 12% auto !important } #CommonForgotPass-PopUpBox .modal-dialog {max-width: 600px; margin: 12% auto !important } .dia-filter .reset-hide {display: none !important } .save-search-mobile {display: none !important } .result-mobile {display: none } }
@media(max-width:768px) {.header-fixed {width: 68% !important } .log-top .log-detail {font-size: 16px } #onoff {width: 77% } #DiamondListTable #ChkAll {float: left; margin-left: 7px; margin-top: 11px } .dia-input .btn-group>.btn, .btn-group-vertical>.btn {padding: 6px 1px } .fill {height: 300px } .fancyshort {display: none !important } #onoffnew {width: 145px !important; margin: auto !important; display: block; float: none !important } body #linkonshow .handy {width: auto !important } .button-auto-center {margin: auto; display: block } .diamond-part .img-block h2 {font-size: 25px } .diamond-part .img-block {min-height: 200px } .diamond-part .img-block a {font-size: 12px; margin: 0 10px 5px 6px } .dia-filter.dia-input #filter textarea {width: 100% } footer.bg-dark-blue.mt-35.pt-20.row{margin:0}.dia-input .above-diamond-type-div-class .btn-group > .btn, .center-search-mobile select#filter_list{font-size: 13px !important}.above-diamond-type-div-class{padding: 0 !important}.right.hide-tablet{display: none !important}#QuickViewPopUpBox .det-sec {display: inline-block;width: 100%;}}
@media(max-width:767px) {.save-search-con.save-search-mobile {display: none } .jwel-deal-slider {padding: 0 8px } .btm-btn a {display: block; float: left } .jwel-deal-slider .jwel-deal-block .deal-jwel-block .common-btn i {font-size: 12px } body.detail-body .overlay .btm-btn a.wishlist-btn {padding: 2px 8px } .deal-img a.common-btn {padding: 5px 9px !important; margin: 0 1px } .deal-slider .deal-block .deal-dia-block .overlay {padding: 0 } .jwel-deal-slider .jwel-deal-block .deal-jwel-block .overlay {position: absolute; left: 0; right: 0; bottom: 20px; transition: all .9s ease-in 0; padding: 0 7px 10px; top: 100% } thead.DiamondTableTHead.persist-header.fix-header th {padding: 8px } .diamond-checbox-relative+tr.expand-row .dia-det-sec {padding: 0 5px !important } .diamond-checbox-relative .dia-img-sec.col-md-5.col-md-push-7 {margin-bottom: 0 } body table.table-hover tr.diamond-checbox-relative td {background: none !important; padding-bottom: 0 !important } .diamond-checbox-relative.active .mobile-view-table {box-shadow: none !important; border: 4px solid #2c3b5c !important; margin-bottom: 0 } .diamond-checbox-relative {position: relative; background: none !important; border: 0 !important } .diamond-checbox-relative td {border: 0 !important } .diamond-check-box {top: -4px; position: absolute; z-index: 99; width: auto !important; border: 0 !important; left: 0; width: 10px !important; height: 10px !important } .icon-hidden {display: none } #top-ticker .navbar-default span.top-filter.pull-right a {padding: 0 2px; margin: 0; text-align: center } .col-md-9.top-header-user {position: initial } .top-header-user .login-block, .log-top .inner-hide-form {top: 0 !important; right: 0 !important; width: 300px !important } .hide-in-mobile {display: none } .login-block.turn-style, #innerpage_login {top: 0 !important } .bg.section-bg.bg-fill.bg-loaded.fixed-overlay-image {background-size: auto !important } .mobi-hide {display: none } .price-cash-memo {width: 100% } .expand-details .req-btn, .common-btn {padding: 6px 9px; font-size: 9px } .pop-title {font-size: 24px } .result-diamond{display: none !important } .carousel-inner {width: 100% } .right-content {padding-bottom: 246px } .top-hide {display: none !important } .top-down a {font-size: 19px; color: #2c3b5b; cursor: pointer; height: 20px; y: FontAwesome; content: "\f0e7"; height: 18px; height: 19px; width: 19px; background-color: #fed700; padding: 0 6px; margin-right: 0; display: block; transition: all .3s ease-in 0; margin-top: 10px; border-radius: 5px } .top-down a:before {font-family: FontAwesome; color: #2c3b5b; content: "\f0e7"; font-size: 16px; top: -4px; position: relative } .top-filter a {font-size: 26px; color: #2c3b5b; cursor: pointer; background-color: #FFF; padding: 3px 4px; display: block; transition: all .3s ease-in 0 } .log-top {background: #2c3b5b none repeat scroll 0 0; padding: 0 } .log-top .search-box {margin: 5px 0 10px } #jumto-hide {margin: 5px 0 } #login-hide {margin-top: 5px } .zerocredit-text {text-align: center } .zerocredit-text img {display: block; max-width: 100%; height: auto } .inventory-text {text-align: center } .inventory-text img {display: block; max-width: 100%; height: auto } .search-toogle a {display: none } .user-toogle a {display: none } .fill {width: 100%; height: 500px; background-position: center center; background-size: cover } .mt20px {margin-top: 20px } #slider-banner .carousel-control {margin-top: -20px } #slider-banner .carousel-control img {width: 40px } .diamond-part .img-block h2 span {display: inline-block } .jwel-exp .col-sm-3 {width: 50%; float: left } .cust-wrap .item {margin: 0 50px } .cust-wrap .item p {font-size: 18px; padding: 20px 60px } .cust-wrap .item p:before {width: 49px; height: 45px; background-size: cover } .cust-wrap .item p:after {width: 49px; height: 45px; background-size: cover } .trade-shows .trade-block p.desc {min-height: 100px } .joke-day {padding: 40px 20px } .joke-day .joke-box {margin: 0 } .joke-day .joke-box p {font-size: 18px; padding: 20px 60px } .joke-day .joke-box p:before {width: 49px; height: 45px; background-size: cover } .joke-day .joke-box p:after {width: 49px; height: 45px; background-size: cover } .footer .width4 {width: 100%; margin: 0 0 20px; text-align: center } .footer .width4.two {width: 100% } .footer p {text-align: center } .listing-result .width9 {width: 100% } .listing-result .width3 {width: 100% } .pord-listing-wrap .listing-result .result-title {padding: 0 0 15px } .log-top .log-detail {font-size: 16px; line-height: 2.5 } .log-top {text-align: center } .log-top .text-left {text-align: center !important; margin: 0 } .main-title h2 {text-align: center } .dia-filter .filter-action {text-align: center } .dia-filter .filter-action .tab-btn {float: none } .dia-filter .filter-action .view {float: none; display: inline-block; margin: 0 0 5px } .table-action {text-align: center } .table-action .text-right {text-align: right !important } .trade-wrap .trade-tag {width: 100% } .trade-pop .pop-title {font-size: 30px } .trade-pop .floor {font-size: 18px } .trade-pop .floor i {font-size: 20px } .trade-pop .modal-dialog {position: relative; top: 0; left: 0; margin: 30px } .video-pop .modal-dialog {position: relative; top: 0; left: 0; margin: 30px } .save-pop .modal-dialog {position: relative; top: 0; left: 0; margin: 10px } .com-popup .pop-block {left: 15px; right: 15px; margin: -208px 0 0 } .com-popup .log-wrap {width: 100% } #quick .btn {padding: 6px 8px } .login-block ul li.name {padding: 0 0 0 15px } .header-fixed {width: 96% !important } .TickerNews {display: none } #ticker {padding: 5px 0 } .log-top .login-hide {display: none } .log-top .search-box {height: 24px } .dia-filter .filter-btn {display: none } .table-action .icon-hidden {display: inline-block } .table-action .button-hidden {display: none } .jumpto-block {float: left; padding: 16px 15px; width: 100%; border-top: 1px solid #2c3b5b } .login-box {display: none } .selectBox-dropdown {width: 100% !important } #onoff {width: 100% } .match-wrap .table>tbody>tr>td.mobile {width: 12% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>tbody>tr>td.desktop {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 12% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>thead>tr>th.desktop {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 12% } .match-wrap .table>thead>tr>th.mobile-two {width: 12% } .filter-action {display: none } .width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: right } .dia-filter .reset-hide {display: inline !important } .save-search-desktop {display: none !important } .main-title h2 {padding: 2px 0 !important; text-transform: uppercase } .diamond-origin label span {display: none } #mc_embed_signup {width: auto !important } .footer-flex{display: flex;justify-content: center;flex-direction: column;}.quality.shape-caros.m-20 li p.tool-hover{font-size: 11px !important}.d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter .active p.tool-hover, .d-flex.column-divide .diamond-shape.new-shape-design .diamond-stud-filter label:hover p.tool-hover, .diamond-shape.setting-style-band label.btn.btn-primary:hover p.tool-hover, .product-description ul.list-inline.slider_shape li:hover p.tool-hover{background: #2c3b5b; color: #fed700 !important;}}
@media(max-width:684px) {.match-wrap .table>tbody>tr>td.mobile {width: 11% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 11% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 11% } .match-wrap .table>thead>tr>th.mobile-two {width: 11% } .match-wrap .table>thead>tr>th.mobi-hide {display: none } .match-wrap .table>tbody>tr>td.mobi-hide {display: none } }
@media(max-width:612px) {.match-wrap .table>tbody>tr>td.mobile {width: 10% } .match-wrap .table>tbody>tr>td.tablet {width: 12% } .match-wrap .table>thead>tr>th.mobile {width: 10% } .match-wrap .table>thead>tr>th.tablet {width: 12% } .match-wrap .table>tbody>tr>td.mobile-two {width: 11% } .match-wrap .table>thead>tr>th.mobile-two {width: 11% } }
@media(max-width:600px) {.mobile-scn {width: 20% } .table-fixed thead {width: 100%; padding-right: 0 } .cpsf-table-fixed thead {width: 100%; padding-right: 0 } .dia-input .btn-group.shape-list>.btn, .dia-input .btn-group-vertical.shape-list>.btn {width: 19% } .login-block {padding: 16px 15px } .login-block ul li {width: 100% } .login-block ul li input[type="password"] {border: 1px solid #2c3b5b } .login-block ul li .go {margin: 10px 0 0 } .login-block ul li .dropdown.cart {margin: 20px 0 0 } .fill {height: 270px } .sub-log li {width: 100% } .sub-log li:last-child {width: 100% } .sub-log li input[type="password"] {border: 1px solid #2c3b5b } .sub-log li .go {margin: 10px 0 0 } .sub-log li .dropdown.cart {margin: 0 } .match-wrap .table>thead>tr td.mobile, .match-wrap .table>thead>tr th.mobile {display: none } .match-wrap .table>tbody>tr td.mobile {display: none } .expand .table-show .width6.mobile, .expand .table-show .width12.mobile {display: block } .about-banner h3 {font-size: 30px } .log-wrap .pro-line label {width: 100%; position: inherit; top: 0 } .log-wrap .pro-line .pro-detail {margin: 0 0 5px } .reg-wrap .width6, .reg-wrap .width4 {width: 100% } .pro-filter .width6 {width: 100% } .pro-filter .width25 {width: 100% } .pro-filter .width35 {width: 100% } .pro-filter .width15 {width: 100% } .dia-filter .menual-top .width4 {width: 50% } .dia-filter .menual-top .width6 {width: 50% } .dia-filter .menual-top .width2 {width: 100% } .dia-input .btn-group.type-list label {width: 50% } .prod-extra .width6 {width: 100% } .prod-detail-block .width3 {width: 100% } .disp-review .disp-data {float: none } .disp-review .action-btn {float: none } #pro-header .common-btn {padding: 8px 10px; font-size: 14px } .news-wrap .news-block .news-img {text-align: center } .news-wrap .news-block.left .news-img {float: none; margin: 0 0 30px 0 } .news-wrap .news-block.right .news-img {float: none; margin: 0 0 30px 0 } .news-wrap .news-block .news-img img {width: auto; max-width: 100% } .news-wrap .news-block .date {padding: 0 } .contact-wrap .col-xs-6 {width: 100% } .contact-wrap .bod1, .contact-wrap .bod2 {border: 0 } .contact-wrap .bod1 .cont-block, .contact-wrap .bod2 .cont-block {border-bottom: 2px dotted #ccc } .cont-form .form-block .width6 {width: 100% } .ac-menu li {display: block; margin: 0 0 1px } .com-popup .pop-block {left: 15px; right: 15px; margin: -223px 0 0 } .match-wrap .result-title {float: none } .match-wrap .video-link {float: none; padding-top: 0 } .diamond-shape-icon-cls {display: inline } .dropdown.cart {display: inline-block; margin: 5px 0 } .login-block ul li:last-child {width: 100% } .dia-filter .width8 {width: 100% } .match-wrap .table>tbody>tr>td.mobile {width: 11% } .match-wrap .table>tbody>tr>td.tablet {width: 11% } .match-wrap .table>tbody>tr>td.desktop {width: 11% } .match-wrap .table>thead>tr>th.mobile {width: 11% } .match-wrap .table>thead>tr>th.tablet {width: 11% } .match-wrap .table>thead>tr>th.desktop {width: 11% } .match-wrap .table>tbody>tr>td.mobile-two {width: 11% } .match-wrap .table>thead>tr>th.mobile-two {width: 11 } .mo-width {width: 150px } }
@media(max-width:550px) {#quick .quick-title {width: 100% } .mobile-scn {width: 20% } .input-block .block-four {width: 100%; padding: 0 15px; float: left } .input-block .block-five {width: 100%; padding: 0 15px; float: left } .input-block .block-six {width: 100%; padding: 0 15px; float: left; clear: both } .input-block .block-seven {width: 100%; padding: 0 15px; float: left } .input-block .block-eight {width: 100%; padding: 0 15px; float: left } .input-block .block-nine {width: 100%; padding: 0 15px; float: left } .input-block .block-ten {width: 100%; padding: 0 15px; float: left } .input-block .block-eleven {width: 100%; padding: 0 15px; float: left } .pro-block-one {width: 100%; padding: 0 15px; display: inline-block } .pro-block-two {width: 100%; padding: 0 15px; display: inline-block } .pro-block-three {width: 100%; padding: 0 15px; display: inline-block; clear: both } .pro-block-four {width: 100%; padding: 0 15px; display: inline-block; clear: none } .pro-block-five {width: 100%; padding: 0 15px; display: inline-block } .pro-block-six {width: 100%; padding: 0 15px; display: inline-block } .pro-block-seven {width: 100%; padding: 0 15px; display: inline-block } .pro-block-eight {width: 100%; padding: 0 15px; display: inline-block } .pro-block-nine {width: 100%; padding: 0 15px; display: inline-block } .input-block .non-block-four {width: 100%; padding: 0 15px; float: left } .input-block .non-block-five {width: 100%; padding: 0 15px; float: left } .input-block .non-block-six {width: 100%; padding: 0 15px; float: left; clear: both } .input-block .non-block-seven {width: 100%; padding: 0 15px; float: left } .input-block .non-block-eight {width: 100%; padding: 0 15px; float: left } .input-block .non-block-nine {width: 100%; padding: 0 15px; float: left } .input-block .non-block-ten {width: 100%; padding: 0 15px; float: left } .input-block .non-block-eleven {width: 100%; padding: 0 15px; float: left } .input-block .block-two {width: auto; padding: 0 15px; display: inline-block; width: auto } .input-block .block-three {width: auto; padding: 0 15px; width: auto; display: inline-block } .input-block .block-ten {width: auto; padding: 0 15px; width: auto; display: inline-block } .input-block .product-one {width: 100%; float: left; padding: 0 15px } .input-block .product-two {width: 100%; float: left; padding: 0 15px } .input-block .product-three {width: 100%; float: left; padding: 0 15px; clear: both } .input-block .product-four {width: 100%; float: left; padding: 0 15px; clear: none } .input-block .product-five {width: 100%; float: left; padding: 0 15px; clear: none } .input-block .adv-one {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-two {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-three {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-four {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-five {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-six {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-seven {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-eight {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-nine {width: 100%; padding: 0 15px; float: left; text-align: center } .input-block .adv-ten {width: 100%; padding: 0 15px; float: left } .fill {height: 220px !important } }
@media(max-width:500px) {.mobile-scn {width: 20% } .expand .detail li {list-style-type: none; display: inline-block; padding: 0 15px; width: 310px; text-align: left; vertical-align: top; clear: both } .width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: right } .to-top {bottom: 15px !important } .trade-shows .col-sm-4 {width: 100% !important; float: left } .joke-day .joke-box:before {content: ""; background: url(../images/left-quote.png) no-repeat; background-size: contain; width: 79px; height: 40px; position: absolute; left: 0; top: 0 } .joke-day .joke-box:after {content: ""; background: url(../images/right-quote.png) no-repeat; background-size: contain; width: 79px; height: 40px; position: absolute; right: 0; bottom: 0 } .joke-day .joke-box {padding: 0 48px !important; position: relative } .match-wrap ul {padding: 0 } .match-wrap .yellow-icn {margin: 0 9px 0 0; padding: 0px 5px; } .match-wrap .pdf-btn {width: 30px; margin: 0 0 5px } .match-wrap .msg-btn {width: 30px } .match-wrap .add-cart {width: 30px } }
@media(max-width:450px) {.mobile-scn {width: 24% } #slider-banner .carousel-control {margin-top: -15px } #slider-banner .carousel-control img {width: 30px } .jwel-wrap .col-sm-3 {width: 50%; float: left } .jwel-wrap .jwel-block {padding: 0 } .jwel-wrap .jwel-block .jwel-img {min-height:auto; line-height:normal } .jwel-exp .col-sm-3 {width: 100%; float: none } .cust-wrap .item {margin: 0 20px } .cust-wrap .item p {font-size: 18px; padding: 20px } .cust-wrap .item p:before {width: 29px; height: 25px; background-size: cover } .cust-wrap .item p:after {width: 29px; height: 25px; background-size: cover } .cust-wrap .cust-nav .carousel-control {width: 50px } .cust-wrap .cust-nav .carousel-control img {width: 25px } .joke-day .joke-box {margin: 0 } .joke-day .joke-box p {font-size: 18px; padding: 20px 40px } .joke-day .joke-box p:before {width: 29px; height: 25px; background-size: cover } .joke-day .joke-box p:after {width: 29px; height: 25px; background-size: cover } .log-top .mump-to button {font-size: 12px; font-weight: 400 } .log-top .log-detail {font-size: 14px; font-weight: 400; line-height: 2.5 } .log-top .log-btn {font-size: 12px; font-weight: 400 } .dia-filter .match-ul li {width: 47%; margin-right: 3% } .log-wrap {max-width: 100%; margin: 80px auto; overflow-x: scroll } .last-search {overflow-x: scroll } .input-block .block-one {width: 100%; padding: 0 15px; float: left } .input-block .block-two {width: 100%; padding: 0 15px; float: left } .input-block .block-three {width: 100%; padding: 0 15px; float: left } .dia-filter .menual-top .width4 {width: 100% } .dia-filter .menual-top .width6 {width: 100% } .dia-filter .menual-top .width2 {width: 100% } .dia-filter .width4 {width: 100% } .dia-filter .width2 {width: 100% } .dia-filter.blue .filter-btn {font-size: 16px } .about-banner h3 {font-size: 24px } .locat-wrap p {padding: 0 15px } .jewelry-cat-wrap .col-xs-6 {width: 100% } .pord-listing-wrap .col-xs-6 {width: 100% } .review-tab .revire-title .name-block {float: none } .review-tab .revire-title .date {float: none } #onoff {width: 100% } #onoffnew {width: 145px !important; margin: auto !important; display: block; float: none !important } .row.homepage-category .jwel-block{min-height: 281px !important;}}
@media(max-width:390px) {.mobile-scn {width: 25% } .expand .one-wrap, .expand .two-wrap, .expand .three-wrap {max-width: 390px; margin: 0 auto } .com-popup .pop-block {left: 15px; right: 15px; margin: -243px 0 0 } }
@media(max-width:990px) {.clearthree {clear: both; display: none; margin: 0 0 10px } .cleartwo {clear: both; display: block; margin: 0 0 10px } }
@media(max-width:450px) {.clearthree {clear: both; display: block; margin: 0 0 10px } .cleartwo {clear: both; display: block; margin: 0 0 10px } .clearone {clear: both; display: block; margin: 0 0 10px } #quick .btn {padding: 6px 3% } .dia-input .btn-group.shape-list>.btn, .dia-input .btn-group-vertical.shape-list>.btn {width: 22% } .expand .one-wrap .det-sec li {width: 100% } .table-invoice {width: 100%; overflow-x: scroll } .main-title h2 {font-size: 27px } .mo-width {width: 37px } .icon-hidden {display: none } .icon-show {display: inline-block } .table-fixed thead {width: 100%; padding-right: 14px } .cpsf-table-fixed thead {width: 100%; padding-right: 14px } .fill {height: 220px !important } .compare p {display: inline; font-size: 11px !important } .view-short p {display: inline; font-size: 11px !important } .onoffswitch {width: 40px } .onoffswitch-switch {right: 25px } .onoffswitch-inner:before {content: "ON"; padding-left: 6px; font-size: 9px } .onoffswitch-inner:after {content: "OFF"; padding-right: 6px; font-size: 9px; text-align: right } .view-short {width: 38px } .compare {margin: 0 } .match-wrap .add-cart {margin: 0 0 5px } .compare p {display: inline; font-size: 9px !important } .view-short p {display: inline; font-size: 9px !important } .compare {margin: 0 3px } #slider-banner .carousel-control i {font-size: 25px } }
@media(max-width:360px) {.mobile-scn {width: 25% } .match-wrap .table>tbody>tr>td, .match-wrap .table>tfoot>tr>td {border-top: solid 1px #ddd; text-align: left } .login-block ul li.name {float: left; width: auto; padding: 8px 2px 2px 1px } .header-fixed {width: 92% !important } .waiting-text button {font-size: 25px } .questions-wrap h3 {font-size: 24px } #quick {width: 100%; padding: 10px 2% } #onoff {width: 100% } #quick .btn {padding: 6px 4% } #onoff li .match-title {font-size: 8px; margin: 0; white-space: nowrap; line-height: 1.9 } .table-fixed thead {padding-right: 0; width: 100% } .cpsf-table-fixed thead {padding-right: 0; width: 100% } .width16 {width: 50%; padding: 0 15px; float: left } .width17 {width: 50%; padding: 0 15px; float: right } #pro-header .blue-name {font-size: 14px; float: none; padding: 0; margin: 0 0 5px } #pro-header .common-btn {padding: 8px 3px; font-size: 10px !important } .fill {height: 200px !important } .expand .req-btn {padding: 10px 11px !important; font-size: 9px } .expand .action-wrap .btn-wrap .common-btn {font-size: 10px; font-weight: 400; padding: 10px 18px !important } }
@media(max-width:380px) {#quick .btn {background: #fff; font-size: 10px; color: #222; border-color: #f1cd04; outline: 0; width: 100% } .login-cart {display: none !important } .main-title h2 {font-size: 19px } .dia-filter .width4 {width: 45% } .dia-filter .width8 {width: 55% } .match-wrap .table>tbody>tr>td, .match-wrap .table>tfoot>tr>td {color: #666; font-weight: 400; font-size: 10px; text-transform: uppercase; vertical-align: middle; text-align: center; padding: 8px 1px } .match-wrap .table>thead>tr>th, .match-wrap .table>thead>tr>td {color: #245277; font-weight: 400; font-size: 10px; text-transform: uppercase; vertical-align: middle; text-align: center; border:0 } .amount-hide {display: none } .usd-hide {display: inline-block } .table-fixed thead {padding-right: 0 } .cpsf-table-fixed thead {padding-right: 0 } .joke-day .joke-box {padding: 0 40px !important } .compare {margin: 0 1px } }
@media(min-width:380px) {.search-cart {display: none !important; border: medium none; border-radius: 0; text-align: center; color: #ed1d24; background: transparent none repeat scroll 0 0; padding: 0 7px } }
@media(max-width:320px) {.blue-title h2 {font-size: 27px } .log-top .log-detail {font-size: 13px; line-height: 3.5; font-weight: 400 } #quick {width: 91%; padding: 10px 0 } #quick .btn {padding: 6px 3% } #onoff li .match-title {font-size: 7px; white-space: nowrap; line-height: 1.9 } .login-block ul li.name .username {margin: 0; line-height: 2.2; font-size: 12px; font-weight: 400 } #onoff {width: 113% } .white-title {font-size: 38px } .two-easy-text button {font-size: 25px; padding: 6px 14px } .menufec-wrap h1 span {font-size: 35px } .fill {height: 190px !important } .compare {margin: 0 } }
@media only screen and (min-width:767px) {.cd-products-comparison-table {margin-bottom: 8em } .cd-products-comparison-table::after {content: 'desktop'} .cd-products-comparison-table header {padding: 0 5% 40px } .cd-products-comparison-table h2 {font-size: 2.4rem } .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {font-size: 1.6rem } .cd-products-comparison-table .filter {padding: .6em 2em; margin-left: 1.6em } }
@media only screen and (min-width:767px) {.cd-products-table .features {width: 210px } }
@media only screen and (min-width:767px) {.cd-products-columns {width: auto; min-width: 767px; margin-left: 205px; padding-left: 0 } }
@media only screen and (min-width:767px) {.cd-products-columns .product {width: 370px; min-width: 370px; list-style: none } }
@media only screen and (min-width:767px) {.cd-features-list li {font-size: 14px } .cd-features-list li.rate {padding: 22px 0 } }
@media only screen and (min-width:767px) {.features .cd-features-list li, .cd-products-table .features .top-info {text-transform: uppercase; line-height: 16px; padding: 6px 10px; letter-spacing: 1px } }
@media only screen and (min-width:767px) {.cd-products-table .top-info {height: auto; height: 640px; width: 100% } .cd-products-table .top-info .small {min-height: 160px !important } .cd-products-table .top-info input.common-btn {padding: 10px 10px; font-size: 18px; margin: 0 0 15px; width: 80%; text-align: center } .cd-products-table .top-info h3 {padding-top: 1.4em; font-size: 1.6rem } .cd-products-table .top-info .check {margin-bottom: 1.5em } }
@media only screen and (max-width:766px) {.cd-products-columns {min-width: 400px } .cd-products-table .top-info .prod-slide .big {min-height: 200px; vertical-align: middle; display: ruby } .cd-products-table .features {top: 21px } }
@media only screen and (min-width:767px) {.cd-products-table .features .top-info {width: 210px } .title-height {min-height: 80px !important } .cd-products-table .features .top-info {height: 640px !important } .cd-products-table .top-info .prod-slide .big {min-height: 355px; vertical-align: middle; display: ruby } }
@media only screen and (min-width:767px) {.cd-products-table.top-fixed .cd-products-columns>li, .cd-products-table.top-scrolling .cd-products-columns>li, .cd-products-table.top-fixed .features, .cd-products-table.top-scrolling .features {padding-top: 160px } .cd-products-table.top-fixed .top-info, .cd-products-table.top-scrolling .top-info {height: 160px; position: fixed; top: 0 } .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients .cd-products-table.top-scrolling .top-info {border-bottom: 1px solid #e6e6e6 } .cd-products-table.top-fixed .top-info::after, .cd-products-table.top-scrolling .top-info::after {opacity: 1 } .cd-products-table.top-fixed .top-info h3, .cd-products-table.top-scrolling .top-info h3 {-webkit-transform: translateY(-116px); -moz-transform: translateY(-116px); -ms-transform: translateY(-116px); -o-transform: translateY(-116px); transform: translateY(-116px) } .cd-products-table.top-fixed .top-info img, .cd-products-table.top-scrolling .top-info img {-webkit-transform: translateY(-62px) scale(0.4); -moz-transform: translateY(-62px) scale(0.4); -ms-transform: translateY(-62px) scale(0.4); -o-transform: translateY(-62px) scale(0.4); transform: translateY(-62px) scale(0.4) } .cd-products-table.top-scrolling .top-info {position: absolute } }
@media only screen and (min-width:767px) {.cd-table-navigation a {-webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px) } .cd-table-navigation a.prev {left: 210px; -webkit-transform: translateY(100px) translateX(15px) rotate(180deg); -moz-transform: translateY(100px) translateX(15px) rotate(180deg); -ms-transform: translateY(100px) translateX(15px) rotate(180deg); -o-transform: translateY(100px) translateX(15px) rotate(180deg); transform: translateY(100px) translateX(15px) rotate(180deg) } .top-fixed .cd-table-navigation a {position: fixed } .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {-webkit-transform: translateY(45px); -moz-transform: translateY(45px); -ms-transform: translateY(45px); -o-transform: translateY(45px); transform: translateY(45px) } .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {-webkit-transform: translateY(45px) translateX(15px) rotate(180deg); -moz-transform: translateY(45px) translateX(15px) rotate(180deg); -ms-transform: translateY(45px) translateX(15px) rotate(180deg); -o-transform: translateY(45px) translateX(15px) rotate(180deg); transform: translateY(45px) translateX(15px) rotate(180deg) } }
@media(min-width:320px) and (max-width:570px) {.heading.quick-search-new-title {font-size: 26px; width: 93%; top: -23px; white-space: normal } }
@media(min-width:2020px) and (max-width:3000px) {.dia-filter.dia-input #quick-search-new, .custom-width-1600 {max-width: 1600px; width: 100%; margin: 0 auto } }
@media(min-width:3020px) and (max-width:10000px) {.dia-filter.dia-input #quick-search-new, .custom-width-1600 {max-width: 1600px; width: 100%; margin: 0 auto } }
@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.pin-content {margin-top: 160px } .pin {margin-bottom: 50px } }
@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {.pin-content {margin-top: 160px } .pin {margin-bottom: 50px } }
@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.pin-content {margin-top: 160px } .pin {margin-bottom: 50px } }
@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {.pin-content {margin-top: 160px } .pin {margin-bottom: 50px } }
@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.pin-content {min-height: 186px } }
@media only screen and (min-device-width:768px) and (max-device-width:991px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {.pin-content {min-height: 186px } }
@media(min-width:992px) {.offset-lg-5 {margin-left: 41.666667% } }
@media(min-width:992px) {.col-lg-7 {-webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } }
@media only screen and (max-width:900px) {.full-gallery {width: calc(50% - 6px) } ul.left-grid-filter, .right-grid-filter {width: 100%; display: flex; justify-content: center; flex-flow: wrap } }
@media only screen and (max-width:400px) {.full-gallery {width: 100% } }
@media(max-width:767px) {.above-diamond-type-div-class {flex-wrap:wrap;justify-content:center;}.right.tablet-view-right.d-flex{display: none;} .footer .logo-sec {text-align: center } #pro-header-sticky-wrapper #pro-header .blue-name {font-size: 15px !important } .video-wrapper {position: relative; padding-top: 25px; height: 330px } .dia-disp .col-md-12.col-lg-12.col-sm-12 {padding: 0 } .dia-det-sec.col-md-6 {padding: 0 } .expand-details h3 {margin-left: 0; margin-bottom: 10px; margin-top: 10px } body table.table.table-responsive.custom-inner-table td, body table.table.table-responsive.custom-inner-table th {padding-left: 0;padding-right:0; } .detail .row {margin: 0 -4px } .log-top .d-flex {flex-direction: column; width: 100% } .brand-logo img {width: 100%; height: auto } .custom-inner-table {border: 0 } #section-custom-jewelry.white-bg .section-bg-overlay {padding: 20px 0 0 20px; background: 0 } .company-info.clearfix {display: none } #section-custom-jewelry .section-bg-overlay h2 {font-size: 26px } .fixed-overlay-image {background-attachment: fixed } .bg.section-bg.bg-fill.bg-loaded.fixed-overlay-image {padding: 37px } ul.Social-icon-image {margin-bottom: 0; padding-left: 0 } .Social-icon-image a {font-size: 13px !important } #Social-icon .Social-icon-image li img {margin: auto; width: 100% !important } .spacer-90 {margin-top: 10px } .curve-button {border-radius: 25px 25px 0 25px !important; font-size: 13px !important; } .new-arrivals{left: 13px;right: auto !important;}.jwel-wrap .jwel-block h2 {font-size: 16px;}.row.homepage-category .jwel-block{min-height: 322px !important;} .diamond-shape.setting-style-band .band-img-style img{height: 125px !important}.cad-section{justify-content: center;align-items: center;text-align: center;}}
@media(max-width:495px) {.jwel-wrap .jwel-block {height: auto; margin-bottom: 25px } }
@media(min-width:768px) and (max-width:991px) {.focus-banner h2 {font-size: 38px; font-weight: 500 } .about-text h3 {font-size: 24px } .jwel-exp .col-sm-3 {width: 50% } .flip-card-inner {padding: 0 } }
@media(max-width:767px) {.focus-text .focus-block {max-width: 100% } .focus-banner h2 {font-size: 38px; font-weight: 500 } .about-text h3 {font-size: 20px } .blue-title h2 {font-size: 35px } .about-text p {font-size: 20px } .about-banner {background-size: cover !important; text-align: center; padding: 70px 0; background-position: 33% 0 !important } .sort-design, .ship-text-flex.rounded-style{width: 140px}}
@media(min-width:768px) and (max-width:990px) {.mobile-none {display: none !important } }
@media(max-width:767px) {.mobile-none {display: none !important } }
@media(max-width:991px) {.search-box.mobile-show {display: none } .turn-style {-webkit-transform: inherit !important; transform: inherit !important } .verticle-bar {display: none } }
@media(min-width:991px) {.header-logo {position: inherit !important;max-width: 150px; } }
@media(min-width:768px) and (max-width:991px) {.col-md-9.top-header-user {position: initial } .top-header-user .login-block, .log-top .inner-hide-form {top: 0 !important } .company-info.clearfix {display: none } .header-info h6 a {font-size: 15px } }
@media(max-width:991px) {.diamond-shape, .metal-type, .studz-design {padding: 0 !important } .studs-filter {box-shadow: none !important } .metal-stud-filter p, .metal-stud-filter label, .dia-input .diamond-stud-filter .btn-group.shape-list p {font-size: 15px !important } .studz-title h2 {font-size: 30px !important } .studz-title p {font-size: 15px !important } .metal-stud-filter label {margin: 0 6px !important } .heading-studs-inner h2 {padding: 10px 0 10px 20px !important; font-size: 20px !important } .diamond-stud-filter .shape-list label.btn.btn-primary {width: 14% !important } .prod-filter-wrap .d-flex label {width: 100%; margin-bottom: 15px !important } .diamond-shape.mb-20.dia-inner-studs {padding: 0 30px !important } .pord-listing-wrap .responsive.slick-slider .prod-list-block p.stud-para {padding: 7px 0 } .pord-listing-wrap .prod-list-block p.detail-two a {font-size: 11px } .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img {height: 100% } body .make-responsive .table.stud-selected.border-spacing.font-large thead th {font-size: 14px !important } .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>td {font-size: 13px !important } .stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD:hover p, .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA.active td.active.StudActiveClass p {font-size: 11px !important; white-space: normal } .stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD:hover, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs tbody tr td.stud-light.StudListTD.active.StudActiveClass {font-size: 15px !important } .diamond-shape, .metal-type, .select-stud-filter, .metal-stud-filter {margin: 20px 0 !important } .align-none h2{margin-left: 0 !important}.metal-stud-filter .slider_metal_typeS label {margin: 0 !important} }
@media(min-width:992px) and (max-width:1199px) {.common-btn.margin-zero label {margin-bottom: 0; vertical-align: middle; font-size: 12px } .wishlist-btn {padding: 6px 10px } .select-stud-style #BigImageDiv.big img {width: 100% } }
@media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.studz-title h2 {font-size: 35px !important } .studz-title p {font-size: 20px !important } .prod-filter-wrap .d-flex label {font-size: 12px !important } .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img {height: 153px } .pord-listing-wrap .prod-list-block a {padding: 0 7px; font-size: 10px } .big#BigImageDiv img {width: 100% } .dia-input .btn-group.type-list label {min-width: 115px !important; min-height: 150px !important } }
@media(min-width:320px) and (max-width:767px) {.pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img img {max-width: 100%; height: 150px; object-fit: contain } .prod-filter-wrap .d-flex {flex-wrap: wrap; align-items: center; justify-content: center } .prod-filter-wrap .d-flex label {width: 29% !important; margin-bottom: 15px !important } .diamond-stud-filter .shape-list label.btn.btn-primary {width: 27% !important } .pord-listing-wrap .responsive.slick-slider .prod-list-block .prod-img {height: 100% !important } .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>th, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>thead>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tbody>tr>td, .stud-selected.border-spacing.table.table-responsive.diamond-table-studs>tfoot>tr>td {font-size: 13px !important } ul.action.product-d-action li {padding: 5px 10px !important; font-size: 12px } .prod-desc h3 {font-size: 20px } .slick-prev {left: 4px !important } .slick-next {right: 4px !important } body .make-responsive .table.stud-selected.border-spacing.font-large tr.gradeA:hover td:first-child {font-size: 14px !important; font-weight: bold } .heading-studs-inner h2 {padding: 10px 0 10px 8px !important; font-size: 16px !important } .blue-name.stud-price {font-size: 23px } .slick-slide {margin: 12px 10px !important } .slick-prev, .slick-next {width: 14px !important } .slick-prev:before, .slick-next:before {font-size: 26px; opacity: 1 !important } .big#BigImageDiv {min-height: 225px !important } .big#BigImageDiv img {width: 100% !important } .btn-group.radio-button-filter.type-list.shape-design-button.d-flex img {height: 110px !important } .prod-cont {padding: 15px 0 2px } .make-responsive {overflow-x: auto; width: 100% } .dia-input .diamond-stud-filter .btn-group.shape-list svg {width: 50px; height: 50px } .big#BigImageDiv img.new-label {width: auto !important } .diamond-shape.mb-20.dia-inner-studs, .metal-stud-filter .d-flex {padding: 0 !important } .heading-studs-inner {padding:0 !important } .diamond-shape.mb-20.dia-inner-studs.diamond-origin img {height: 45px; object-fit: cover } .diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {width: 30% !important } .studs-filter.width-1440 .heading-studs-inner h2:after{left: 6px !important}.border-box-compare a i{font-size: 14px}/*.border-box-compare a{font-size: 0}*/.border-box-compare .favorite{padding: 0}.ship-style select, .ship-style select a{width: 150px !important}.ship-style select{padding: 0 !important}.band-design ul.action.product-d-action{justify-content: space-around;}}
@media(max-width:1330px) {.header-info a {font-size: 12px } }
@media(max-width:767px) {table.table.table-responsive.custom-inner-table.make-an-offer-table th, table.table.table-responsive.custom-inner-table.make-an-offer-table td {display: flex; width: 100%; justify-content: center; align-items: center } table.table.table-responsive.custom-inner-table.make-an-offer-table label {width: 39%; padding-left: 0; float: left; text-align: left } table.table.table-responsive.custom-inner-table.make-an-offer-table input {padding-left: 7px; float: left; width: 54%; margin-left: 15px } .make-an-offer-table td.col-xs-6 {width: 50% !important } table.table.table-responsive.custom-inner-table.make-an-offer-table input.offer-button {height: 34px; text-transform: uppercase; font-size: 13px; width: 96%; margin-left: 0 } .make-an-offer-table td {padding: 5px 5px 5px 5px !important } table.table.table-responsive.custom-inner-table.make-an-offer-table th {padding: 7px 0 } label.offer-label-change {margin-bottom: 0 !important } .offer-table-design .dia-disp.one {padding: 0 } .offer-table-design .dia-img-sec.col-md-5.col-md-push-7 {margin-bottom: 0 } .offer-table-design table.table.table-responsive.custom-inner-table {padding: 10px; display: block } .diamond-check-box {position: absolute !important;top: 5px !important;} }
@media(max-width:768px) and (max-width:991px) {.diamond-shape.mb-20.dia-inner-studs.diamond-origin img {height: 45px; object-fit: contain } }
@media(max-width:767px) {.responsive-block .table-dis .mo-width {float: none; padding: 0 } tr.sort-full-width th {width: 100% !important } #mob-sort {font-size: 13px; padding: 5px; text-transform: none } tr.sort-full-width th:before {content: none !important } tr.sort-full-width th a {line-height: 31px; font-size: 13px } li.f-right p.video-link {display: none } .sort-full-width .form-control {width: 100% !important; padding: 4px 2px } .sort-full-width th {padding: 0 !important } body .checkbox-width.mo-width {width: 25px !important } span.ship-text {display: none } ul.diamond-row-data.spread-text{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .avail-dot{position: absolute;left: auto; right: 5px; top: 5px; } /*.tab-panels iframe.expand-slide-image img{width: 100%;}*/ } @media(max-width:640px) {.iframe-height-style {min-height: auto !important } .expand-slide-image {border: 0 !important; height: 84% !important } iframe {width: 100%; height: 100%; max-width: 320px } .mobile-full .expand-slide-image {border: 0 !important; height: 320px !important } }
@media only screen and (min-device-width:411px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.expand-slide-image {border: 0 !important; height: 275px !important } }
@media only screen and (min-device-width:500px) and (max-device-width:580px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.mobile-full .expand-slide-image {border: 0 !important; height: 380px !important } }
@media only screen and (min-device-width:581px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {.mobile-full .expand-slide-image {border: 0 !important; height: 450px !important } }
@media(min-width:581px) and (max-width:667px){.mobile-full .expand-slide-image {border: 0 !important; height: 450px !important } }
@media(min-width:767px) and (max-width:5000px) {.sticky-wrapper.is-sticky #pro-header {display: none !important } }
@media(max-width:767px) {.form.buy-import-form {padding: 10px } .panel-body.pading-less {padding: 0 !important } .d-flex {align-items: inherit; display: flex; flex-direction: column } label.control-label {text-align: left !important; width: auto; padding: 0 !important; display: block !important } #cpsf_cronjob_div {margin: 10px 0 } .calendly-inline-widget {height: 1024px !important }.diamond-type-div-class{border: 0 !important}iframe.custom-page-iframe {max-width: 100%; height: 650px; }}
@media(max-width:991px) {.newsletter{top: -30%;}footer {position: relative; padding-top: 200px !important; margin-top: 200px !important; }.widget li{list-style: none !important;}.widget {align-items: inherit;}section.arrowtic.succeed-area.tradeshow-section span {margin-top: 20px } .column-inverse {flex-direction: column-reverse; display: flex } .cad-info .features-item{margin-bottom: 80px;height: 100% !important}}
@media(max-width:767px) {.dia-det-sec.col-md-12.float-none {float: none !important } .table.cpsftable tr {display: block !important } .border-cog {height: auto !important } .yellow-bg.d-flex {flex-direction: inherit } section#cpsfcss .cpsf .col-md-2 {width: 100%; text-align: center } }
@media(max-width:640px) {.dia-img-sec.col-md-5.col-md-push-7.iframe-height-style .expand-slide-image {height: 222px !important } .studs-filter.width-1440 label.btn.btn-primary.active, label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg label{font-size: 12px !important;}}
@media(min-width:768px) and (max-width:991px) {section#cpsfcss .cpsf .col-md-2 {width: 33.2% !important; padding: 0 6px } .band-design .prod-img.product_thumb img{height: 215px;}}
@media(min-width:992px) and (max-width:1199px) {section#cpsfcss .cpsf .col-md-2 {width: 24.2%; padding: 0 6px } .dia-filter .filter-title {font-size: 13px !important } .pord-listing-wrap.remove-h-img .prod-img.product_thumb img {height:205px; width: 100%; } .cad-info .features-item{margin-bottom: 80px;}}
@media(min-width:1199px) and (max-width:1400px) {section#cpsfcss .cpsf .col-md-2 {width: 19.2%; padding: 0 6px } .dia-filter .filter-title {font-size: 13px !important } }
@media(max-width:991px) {.match-diamond-table .col-sm-12 {display: contents } .match-diamond-table.row .col-sm-12 {display: flex; flex-direction: column-reverse; } }
@media(min-width:992px) and (max-width:1199px) {.video-match td {display: block } ul.amipi-menu > li, .n-login li.name .username, .login-n-design .login-button-nu{font-size: 12px !important}}
@media(min-width:768px) and (max-width:1199px) {.above-diamond-type-div-class .width16 {width: auto !important; padding: 0 } .above-diamond-type-div-class {flex-direction: column;}}
@media(min-width:2000px) and (max-width:5000px) {.match-diamond-table iframe {height: 550px } }
@media(max-width:767px) {.jwel-wrap .jwel-block:hover .jwel-img img {-webkit-transform: inherit !important; transform: inherit !important } .jwel-wrap .jwel-block .jwel-img img {max-height: initial !important; width: 150px } .jwel-wrap {padding: 0 15px; } .row.homepage-category .jwel-block{min-height:auto;}.jwel-wrap .jwel-block .jwel-img{min-height: auto !important;line-height: normal !important;}}
@media(max-width:767px) {.above-diamond-type-div-class .width16 {width: auto !important; padding-left: 0; padding-right: 0; box-sizing: border-box; text-align: center; margin: auto; display: flex; float: none; margin-bottom: 10px; } .diamond-type-div-class {text-align: center } .diamond-type-div-class {text-align: center; margin-bottom: 3px; border-bottom: 1px solid #CCC } .diamond-type-div-class label img {padding-right: 6px; width: 32px } .dia-filter.blue .filter-btn:after {font-size: 18px } .mobile-full {width: 100%; padding: 10px 0 !important; display: block; text-align: center !important } .prod-filter-wrap.studz-design.band-design .prod-detail-wrap.prod-filter-wrap .pord-listing-wrap{min-height: 100% !important}.ring-type-band {width: 100%;}}
@media(min-width:992px) and (max-width:1199px) {.diamond-type-div-class label {font-size: 13px !important; padding: 4px !important; margin-right: 0 } .diamond-type-div-class label img {padding-right: 6px; width: 34px } .filter-title.margin-zero svg {width: 25px; height: 25px; vertical-align: middle } .dia-filter .filter-btn:before {font-size: 24px } .dia-filter .filter-btn:after {font-size: 16px; padding-right: 5px } .dia-input select {margin: 0 } .above-diamond-type-div-class a.common-btn {font-size: 10px !important } }
@media(min-width:768px) and (max-width:991px) {.above-diamond-type-div-class {flex-direction:column; } .center.width-full {display: flex } .tablet-view-right {display: block } .right.hide-tablet {display: none } .filter-action.border-top a {float: none } }
@media(max-width:767px) {.center.width-full {width:  max-content;text-align: center;} li.f-right.ship-text-flex {float: none; width: 100% } li.f-right.ship-text-flex .input-group {width: 100%; padding: 0; margin-top: 4px } .stud-mobile-list {position: absolute !important; top: 5px !important; } .match-diamond-table {padding: 10px; } .band-design .studs-filter.width-1440{padding: 0}.listing-detail {display: inline-block;}.listing-detail .width3.w-100 .detail .col-pro-detail{width: 100%}.pord-listing-wrap .product_row .product_col .prod-list-block.product_card{box-shadow: none !important; }.prod-filter-wrap.studz-design.band-design .pord-listing-wrap .prod-list-block .prod-img img{width: 47%;}.prod-filter-wrap.studz-design.band-design .pord-listing-wrap.remove-h-img .prod-img.product_thumb{justify-content: space-around;}.prod-filter-wrap.studz-design.band-design .prod-img.product_thumb img{height: 100%}.prod-filter-wrap.studz-design.band-design .pord-listing-wrap .prod-list-block .prod-img img.large-image {width: 100% !important; }}
@media(min-width:992px) and (max-width:1199px) {.match-diamond-table iframe {height: 300px } .quality.shape-caros.m-20 li p.tool-hover{bottom: -20px}.diamond-shape.setting-style-band p{font-size: 13px}}
@media(min-width:992px) and (max-width:1220px) {.diamond-stud-filter .diamond-origin .shape-list label.btn.btn-primary {width: 20% !important } }
@media(min-width:1200px) and (max-width:1366px) {.video-match td {display: block } .match-diamond-table iframe {height: 300px } .match-diamond-table .col-lg-5.col-md-7.col-sm-12.col-sm-12 {width: 58.33333333% !important } .match-diamond-table .col-lg-7.col-md-5.col-sm-12.col-sm-12.video-match {width: 41.66666667% !important } .stud-new-video iframe {max-width: 350px !important; margin: auto; } }
@media all and (max-width:300px) {body {font-size: 14px } }
@media all and (max-width:500px) {.testim .arrow {font-size: 1.5em } .testim .cont div p {line-height: 25px } }
@media(max-width:767px) {#mc_embed_signup .mc-field-group input {border-radius: 5px; height: 34px } .widget.widget-3 p {padding: 12px 0; margin-bottom: 0 } .selling-start {margin-left: 10px !important; margin-right: 10px !important } #quick-search-new span.red-color {display: block } .testim .cont div p {line-height: 25px !important; font-size: 16px !important } .footer-row {padding: 0 15px } footer {position: relative; padding-top: 40px !important; margin-top: 40px !important } .newsletter {position: inherit !important; margin-bottom: 15px !important; display: block  !important} .widget {margin-bottom: 12px; display: block; border-bottom: 1px solid #f6f6f6; padding-bottom: 0 } .widget.widget-3 {border: 0 } .widget:after {content: none !important } ul.app-icon.d-flex {flex-direction: column; gap: 13px; padding: 0; flex-wrap: wrap;} .bull-row .row.mt-35 {margin-top: 0 } .bull-column.card {margin-bottom: 20px } .testimonial-icons {display: none } .testim .arrow.left {left: 10% } .testim .arrow.right {right: 10% } .main-heading p {padding: 0 } .selling-start {margin: 0 !important; padding: 30px 15px !important } .start-heading h2 {font-size: 27px !important } .start-heading p {color: #FFF; font-size: 16px } .start-heading {text-align: center } .start-button {width: 250px; margin: auto } .email-image img {width: 100%; padding: 0; } ul.app-icon.d-flex li{text-align: center;}ul.app-icon.d-flex li + li{flex: 1;}ul.app-icon.d-flex img{margin: auto;}}
@media(min-width:768px) and (max-width:991px) {.bull-row .row.mt-35 {margin-top: 0 } .bull-column.card {margin-bottom: 20px } .testim .arrow.left {left: 72% } .main-heading p {padding: 0 } .selling-start {margin: 0 !important; padding: 30px 15px !important } .start-heading h2 {font-size: 30px } .start-heading p {color: #FFF; font-size: 16px } .start-heading {text-align: center } .start-button {width: 250px; margin: auto } }
@media(min-width:992px) and (max-width:1199px) {.selling-start {margin-left: 100px !important; margin-right: 100px !important } }
@media only screen and (max-width:991px) {.padding-120 {padding-top: 0 !important } .jewelry-ex .bull-column {padding: 10px 15px }  .band-design .studs-filter.width-1440{padding: 0}}
@media(min-width:320px) and (max-width:575px) {.jewelry-ex .bull-title h1 {top: 30%; left: 0; right: 0; margin: auto } .jewelry-ex .bull-column {flex: 0 38%; text-align: center; flex-wrap: wrap } .jewelry-ex .card-icons {margin: 0 auto } .jewelry-ex .bull-title {margin-left: 0 !important } }
@media only screen and (max-width:767px) {.widget li+li br {display: block !important } .widget li br {display: none !important } .card-icons span {font-size: 30px; color: #fed700; font-weight: 700; padding: 12px; background: #c1282d; border-radius: 12px } .inline-item {display: flex; align-items: center } .card-icons {margin-right: 25px } .shop-column.card {margin: 15px 0; min-height: 185px; width: 100% } .shop-title {padding: 20px 0 } .mob-view {display: block } .desk-view {display: none } .container-fix {width: 100%; max-width: 1340px; height: auto; margin: 0 auto } .bull-row .row {padding: 0 15px } .small-text-around.text-center.mb-35.mt-35 {padding: 0 15px; margin: 0 !important; } .block-one-stud-two {width: 100% } .main-heading h2 {font-weight: 700; font-size: 25px } .jewelry-ex .bull-title h1 {font-size: 100px } .testim {padding: 0 10px 150px } .testim-cover h2 {font-size: 25px } .shop-row {padding: 0 15px; } .mob-view {margin-top: 0 !important; } .shop-row .main-heading.text-center.mb-35{margin-bottom: 0 !important;} .shop-row h2{margin-top: 0 !important;} section.bg-light-blue.mb-35.pt-20.pb-20 {margin-bottom: 0;} section.mb-35.mt-35.pt-20.pb-20 {padding: 0 15px; margin: 0;} .start-heading h2 {margin: 0;} }
@media(min-width:320px) and (max-width:575px) {.jewelry-ex .bull-column {flex: 0 38%; text-align: center; flex-wrap: wrap; justify-content: center } .jewelry-ex .bull-title {padding: 10px 0 } }
@media(min-width:1200px) and (max-width:1919px) {.input-block .block-one-stud-two {width: 25% } .input-block .block-one-stud-two+.block-two {width: 25% } .input-block .block-one-stud-two+.block-two+.block-three {width: 25%; clear: none } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten {width: 25% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four {width: 33%; clear: both } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five {width: 33% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five+.block-eleven {width: 33% } .pair-filter-new .input-block .block-one-stud-two+.block-two+.block-three{width: 25%;} .pair-filter-new .input-block .block-four, .pair-filter-new .input-block .block-five, .pair-filter-new .input-block .block-six, .pair-filter-new .input-block .block-seven{width: 25%;clear: none !important;} ul.check-group.certified-icon{min-height: 95px;} }
@media(min-width:992px) and (max-width:1199px) {.input-block .block-one-stud-two+.block-two, .input-block .block-one-stud-two+.block-two+.block-three {width: 37.5%; clear: none } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten {width: 40% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five {width: 50%; clear: both } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five+.block-eleven {width: 50% } .pair-filter-new .input-block .block-one-stud-two+.block-two+.block-three{width: 25%;} .pair-filter-new .input-block .block-two, .pair-filter-new .input-block .block-three, .pair-filter-new .input-block .block-four, .pair-filter-new .input-block .block-five, .pair-filter-new .input-block .block-six, .pair-filter-new .input-block .block-seven{width: 25%;clear: none !important;} ul.check-group.certified-icon{min-height: 95px;} }
@media(min-width:768px) and (max-width:991px) {.block-one-stud-two label.diam-shape.btn.btn-primary {width: 40% } .input-block .block-one-stud-two+.block-two, .input-block .block-one-stud-two+.block-two+.block-three {width: 37.5% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten {width: 50% } .slider-testimonial button.slick-next {right: 18.2% !important; } .pair-filter-new .input-block .block-three{min-height: 126px;} .pair-filter-new .input-block .block-two, .pair-filter-new .input-block .block-three, .pair-filter-new .input-block .block-five, .pair-filter-new .input-block .block-seven{width: 33.33%;clear: none !important;}.pair-filter-new .input-block .block-four, .pair-filter-new .input-block .block-six{width: 33.33%;}ul.check-group.certified-icon > li{width: 62px} ul.check-group.certified-icon{min-height: 95px;} .block-six .filter-controll {min-height: 90px;} }
@media(min-width:320px) and (max-width:767px) {.input-block .block-one-stud-two {width: 100% } .input-block .block-one-stud-two+.block-two {width: 100% } .input-block .block-one-stud-two+.block-two+.block-three {width: 100%; clear: none } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten {width: 100% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four {width: 100%; clear: both } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five {width: 100% } .input-block .block-one-stud-two+.block-two+.block-three+.block-ten+.block-four+.block-five+.block-eleven {width: 100% } .prod-filter-wrap .d-flex .radio-button.list-grid label{width:100% !important;padding-left: 0;}}
@media(min-width:1201px) and (max-width:1500px) {.search-mobile-view-table {flex:0 0 23% } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px !important } .search-table-flex .diamond-image img {height: 250px !important } .match-grid-box .search-mobile-view-table .diamond-image img {height: 187px !important } .match-grid-box {padding: 7px !important } .match-grid-box .search-mobile-view-table {flex: 30% } .match-grid-box {margin: 15px } .match-grid-box .search-mobile-view-table {padding: 0 !important } }
@media(min-width:1201px) and (max-width:1415px) {.match-grid-box {width: 100% } }
@media(min-width:1101px) and (max-width:1200px) {.search-mobile-view-table {flex: 26% !important; } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px !important; } .search-table-flex .diamond-image img {height: 225px !important; } }
@media(min-width:991px) and (max-width:1100px) {.search-mobile-view-table {flex: 27% !important; } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px !important; } .search-table-flex .diamond-image img {height: 267px !important; } }
@media(min-width:921px) and (max-width:1200px) {.search-mobile-view-table {flex: 27% } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px; } .search-table-flex .diamond-image img {height: 300px; } .match-grid-box {flex-direction: 100%; width: 60% !important; min-height: 400px !important } .match-grid-box .search-mobile-view-table {min-height: 480px !important } .match-grid-box .search-mobile-view-table .diamond-image img {height: 187px !important } .match-grid-box.search-mobile-view-table {flex: 100% !important } .search-table-flex .large-font li a {font-size: 13px !important } .search-table-flex .medium-font.full-width-text li a {font-size: 14px !important } }
@media(min-width:855px) and (max-width:920px) {.search-mobile-view-table {flex: 33% } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px !important } .search-table-flex .diamond-image img {height: 300px !important } }
@media(min-width:768px) and (max-width:884px) {.search-mobile-view-table {flex: 34% } .pairs_grid_design .search-table-flex .diamond-image img {height: 300px !important } .search-table-flex .diamond-image img {height: 225px !important } .match-grid-box .search-mobile-view-table {min-height: 550px !important } .match-grid-box {width: 100% !important } }
@media(min-width:601px) and (max-width:767px) {.pairs_grid_design .search-table-flex .diamond-image img {height: 300px } .search-table-flex .diamond-image img {height: 214px } .search-mobile-view-table {flex: 46% !important; margin: 10px } .match-grid-box .search-mobile-view-table {min-height: 450px !important } .match-grid-box {width: 100% !important } .search-table-flex .large-font li a {font-size: 14px } .search-table-flex .medium-font.full-width-text li a {font-size: 14px } .search-table-flex .diamond-data li a {color: #21385a; font-size: 13px } }
@media(min-width:320px) and (max-width:600px) {.search-table-flex .diamond-data li a {color: #21385a; font-size: 13px } .search-table-flex .large-font li a {font-size: 14px } .search-table-flex .medium-font.full-width-text li a {font-size: 14px } .match-grid-box {flex-direction: 100%; flex: 100% !important; flex-wrap: wrap; margin: 10px !important; padding: 10px } .match-grid-box .search-mobile-view-table {min-height: 450px !important } .search-mobile-view-table {flex: 100% !important } .search-mobile-view-table {margin: 10px } .match-grid-box {width: 100% !important } }
@media(min-width:768px) and (max-width:1612px) {.filter-bar-diamond {justify-content: center !important;margin-top: 10px;gap: 10px}.above-diamond-type-div-class{margin-bottom: 10px}.match-wrap .result-title{margin-bottom:0}}
@media(min-width:768px) and (max-width:800px) {.ship-text-flex {width: 30% } }
@media(min-width:320px) and (max-width:767px) {.filter-bar-diamond {justify-content: center !important } .left-grid-filter{margin-top: 10px;} }
@media(max-width:990px) {.brand-logo img {width: 100%; height: auto; } .bull-column.card .card-icon span {width: 80px; height: 80px; background-size: cover; } .card-icon {width: 80px; height: 80px; } span.way {background-position: 0px 19px; } span.like {background-position: -3px 14px; } span.price {background-position: -1px 16px; } span.file {background-position: 0px 14px; } span.sorry {background-position: -1px 13px; } span.bull {background-position: -2px 13px; } }
@media  (max-width: 991px) {.shop-title h3 {font-size: 16px !important; } #content p {line-height: 1.2; } .top-header-user ul.d-flex{display: none}}
@media(min-width: 768px) and (max-width: 991px) {.flip-card-inner {padding: 25px; }.row.row-direction-flex{flex-direction: column;}}
@media (max-width:532px) {.contact-amipi .main-title {text-align: center; font-size:32px; } .contact-amipi .cont_box {font-size: 12px!important; } .contact-amipi .cont_box .txt_box p{display:grid; font-size: 18px; } .contact-amipi .col-md-8{width: 100%; } }
@media (min-width:532px) and (max-width:767px) {.contact-amipi .col-md-4 {margin: auto; width: 80%; } .contact-amipi .main-title {text-align: center; font-size:32px; } .contact-amipi .cont_box {margin:20px auto; width: 90%; font-size: 12px!important; } .contact-amipi .cont_box .txt_box p{display:grid; font-size: 18px; padding: 0px 35px 0px 0px; } }
@media (min-width:767px) and (max-width:992px){.contact-amipi .col-md-4 {margin: auto; width: 80%; } .contact-amipi .cont_box {margin:20px auto; width: 90%; font-size: 12px!important; } .contact-amipi .cont_box .txt_box p{display:grid; font-size: 18px; padding: 0px 35px 0px 0px; } .contact-amipi .main-title {text-align: center; font-size:32px; } }
@media (min-width:992px) and (max-width:1200px){.contact-amipi .cont_box .txt_box{font-size:20px; } .contact-amipi .txt_box p a {display: block; } .contact-amipi .scl_icn .icn_box{position:relative; top:10; margin: 0; font-size:25px !important; } .diamond-shape.setting-style-band .band-img-style img {height: 120px;}}
@media(max-width:1060px){.testimonial-box{width:45%; padding: 10px; } }
@media(max-width:790px){.testimonial-box{width:100%; } .testimonial-heading h1{font-size: 1.4rem; } }
@media(max-width:340px){.box-top{flex-wrap: wrap; margin-bottom: 10px; } .reviews{margin-top: 10px; } }
@media (max-width: 767px){.slider-testimonial .slick-slide {margin-bottom: 35px; min-height: 355px; } .match-wrap .table>tbody>tr.expand-row td {padding: 0px 0 0 0px; border: none !important } .slider-testimonial .slick-arrow{bottom: -21% !important;} .slider-testimonial button.slick-prev {right: 4.5% !important; left: auto !important; } .profile-img {width: 50px; height: 50px; } .slider-testimonial button.slick-next {right: 29.2% !important; } .client-comment p{height: 200px; } ul.d-flex.stud-metal li {width: 100%; } .stud-green span.green-dot {left: auto; right: 5px; top: 5px; } .stud-diamond-new.hidden-lg.hidden-md p {margin-top: 10px; } .diamond-data .spread-text li {padding: inherit; } .col-sm-6.col-icon-left{display: none;} .email-image:after{width: 40px; height: 40px;} #mc_embed_signup .mc-field-group input{height: 30px !important;border-radius: 5px !important;} #mc_embed_signup .mc-field-group input[type="radio"]{height: 12px !important;} #mc_embed_signup h2{margin: 5px !important;font-size: 16px !important;} body #mc_embed_signup .button{} .newsletter{padding: 5px 0px !important;} #mc_embed_signup .mc-field-group label, #mc_embed_signup .mc-field-group{font-size: 12px !important;} .newsletter .d-flex {flex-direction: initial; } .nes-head h2{color: #2c3b5b; margin: 5px !important; font-size: 25px !important; font-weight: bold; padding: 0; } .col-icon-left {position: relative; width: 150px; } #mc_embed_signup.footer-form .clear {clear: both; margin: auto; width: 200px; } #mc_embed_signup .mc-field-group.input-group ul li{text-align: center;} #mc_embed_signup .mc-field-group{padding-bottom: 0 !important;    min-height: 36px !important;} .col-sm-6.col-icon-right {padding: 0 !important; } span.filter-text {font-size: 16px; padding-left: 6px; text-transform: capitalize !important; } .show-mobile{display: block !important;}.row-direction-flex{flex-direction: column;}section.show-hero-header, section.jck-hero-header{display: none}.row-direction-flex img {width: 100% !important; height: 100% !important; }}
@media (min-width: 768px) and (max-width: 1366px){.footer-row{padding: 30px 15px 0 15px !important;} .footer-row .widget:after {right: -13px;} .widget.widget-3 li {margin: 3px; } .widget.widget-3 li img {width: 150px; } }
@media(max-width: 991px){section.best_services.grey-bg.pt-60.mb-30 .row.d-flex {display: block; } }
@media(max-width:990px) {.brand-text {display: none } .brand-logo {display: block } .brand-logo img {width: 100%; height: auto; } }
@media (min-width: 320px) and (max-width: 2000px){.hidden-small{display: none;} }
@media (min-width: 2000px) and (max-width: 10000px){.hidden-small-newsletter{display: none !important;} footer.bg-dark-blue .container-fluid{ max-width: 2000px; } footer.bg-dark-blue.mt-35.pt-20{padding-top: 20px !important; margin-top: 20px !important; } .widget:after {height: 325px; } }
@media (max-width:991px){.sec-right, .cart-total-sticky{border:0;height: auto;margin-bottom: 25px;}.product-sec h3{font-size: 20px;}.badge.badge-secondary {width: 20px;height: 20px; line-height: 15px; font-size: 16px; padding: 2px; }.sec-right input#checkout_butt {width: 220px; margin: auto !important; display: block; }.row.d-flex.cart-update-design {align-items: inherit !important; flex-direction: column; }}
@media only screen and (min-width:768px) and (max-width:991px){.shadow-container{padding: 10px;}}
@media(max-width:767px){.btn-group.radio-button-filter.type-list.shape-design-button.d-flex {flex-direction: row; } .qty-button span.input-group-btn.first button, .qty-button span.input-group-btn.last button{width: 16px;height: 16px;} .qty-button span.input-group-btn.first button{left: 0;} div#login-hide-new{display: none;} p.trade-date {text-align: center; display: inline-block; } .trade-text h3, .trade-text, .trade-page .trade-text h3, .trade-page .trade-text  {text-align: center !important;}
	.center.width-full {flex-direction: column; width: auto;}.center-search-mobile{border: 0 !important}.trade-page .trade-col a {margin: auto;}.trade-page .trade-img{width: 100%; height: 100%;}}
@media(min-width:992px) and (max-width:1199px){.header-logo.block-width img {width: 125px; height: auto !important; }ul.amipi-menu > li > a {padding: 0 18px 0 4px !important;}.container-fluid.d-flex{padding: 0}.shadow-container{padding: 10px;}ul.check-group.certified-icon > li{width: 56px;}.design-3 .block-three .btn-group.btn-group-justified label.btn.btn-primary{padding:10px 2px !important}.pair-filter-new .input-block .block-two, .pair-filter-new .input-block .block-one-stud-two+.block-two+.block-three{width: 37.5% !important;min-height: 141px;}.pair-filter-new .input-block .block-six, .pair-filter-new .input-block .block-seven, .pair-filter-new .input-block .block-four, .pair-filter-new .input-block .block-seven {width:37.5% !important}.login-block{border:0 !important}}
@media (min-width:992px) and (max-width:1366px){.login-block.n-login ul{gap: 6px} .n-login li.name .username, .login-n-design .login-button-nu{font-size: 11px;} .login-n-design .login-button-nu{padding: 6px 7px 5px 7px !important} .cirlce-search{width: 30px;height: 30px;padding: 6px;} .login-block ul li .login-button-nu svg{width: 16px;height: 16px;} .cart-icon-head svg{width: 20px;height: 20px;} ul.amipi-menu > li > a {padding: 0 12px 0 4px !important; font-size: 11px; } }
@media (min-width:768px) and (max-width:869px){.dia-input .above-diamond-type-div-class .btn-group > .btn{font-size: 13px !important}.diamond-type-div-class label{font-size: 13px !important}}
@media (min-width:1200px) and (max-width:1340px){label.filter-title.margin-zero.rounded-btn-style.filter-btn-svg label,.dia-input .above-diamond-type-div-class .btn-group > .btn, .diamond-type-div-class label, .filter-action.border-top.d-flex .reset-btn, .dia-filter.dia-input .border-top a.filter-adv-btn, .center-search-mobile select#filter_list{font-size: 12px !important} .center-search-mobile select.bg.filter_listClass{background-position: calc(100% - 15px) calc(1em + 5px), calc(100% - 10px) calc(1em + 5px), calc(100% - 0.5em) 0.8em !important;}}
@media(min-width:768px) and (max-width:807px) {.metal-stud-filter .d-flex {padding: 0 5px !important;}}
@media(min-width:768px) and (max-width:1100px) {section.jck-hero-header, section.show-hero-header {height: 200px}}
@media(min-width:1024px) and (max-width:1280px) {.width6.screw-filter, .width6.quality-col {width: 100% !important}}
@media(min-width:2000px) and (max-width:5000px) {section.show-hero-header, section.jck-hero-header{ height: 450px;}}
@media (max-width:1589px){.width16.center-search-mobile span a{width: auto}}
@media(max-width:390px){.dia-filter .filter-title .tab-btn{flex-wrap: nowrap;}body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary{font-size: 10px !important;font-weight: normal !important}body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary svg {width: 25px; }body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary.bg-red svg {width: 45px; }}
@media (max-width:1100px){.mobile-only{display:block !important;}.desktop-only{display:none !important;}}
/*@media(max-width:444px){.quality.shape-caros.m-20 li p.tool-hover{font-size: 9px;bottom: -14px;}.slider_shape label{font-size: 10px !important;}.quality.shape-caros.m-20 label{line-height: normal;}.product-description ul.list-inline.slider_shape li.active label, .product-description ul.list-inline.slider_shape li:hover label {font-size: 12px !important; }}*/
@media(min-width:992px) and (max-width:1199px){.trade-home .trade-text h3{font-size: 1.5em}.trade-home .trade-col{padding: 15px}  }
@media(min-width:768px) and (max-width:991px){.trade-home .trade-text h3{font-size: 1.1em}.trade-home .trade-col{padding: 15px}.trade-home p.trade-date, .trade-home .trade-col a, .trade-home .trade-text p{font-size: 1em}}
@media(max-width:767px){.trade-home .trade-img{width: 200px;margin: auto;}.customImageHeight #BigImageDiv .MainZoomImageClass{height: auto;}}
@media (max-width:1250px) {table.c_table_grey_box td ,table.c_table_grey_box th{font-size: 14px ;} 
.d-flex.hig-head h2,.product-description__price .hig-head .col-size .c_font_weight_normal ,.hig-head .col-size .c_size_value,.product-description__price p {font-size: 14px ;}.c_flex_grey_box .c_flex_child_grey_box .c_flex_child_grey_box_price{font-size: 20px;}}
@media (max-width: 991px) {.faq {margin-bottom: 30px; } .faq .card .card-header .faq-title {line-height: 26px; margin-top: 10px; } }
@media only screen and (max-width: 768px) {.cad-info.section-common-space {padding: 50px 0; } .cad-info .section-title {margin-bottom: 20px; } .cad-info .section-title span:before {bottom: -10px; } .copyright{text-align: center; flex-wrap: wrap;}}
@media only screen and (max-width: 575px) {
	.stud-action-filter ul.action.product-d-action {flex-wrap:wrap;}
	/* .c_flex_grey_box table td {display: flex!important;width: 100%;text-align: center !important;justify-content: center;margin: 5px;} */
}
@media (max-width:1085px) and (min-width:992px){table.c_table_grey_box td ,table.c_table_grey_box th{font-size: 15px;} 
.d-flex.hig-head h2,.product-description__price .hig-head .col-size .c_font_weight_normal ,.hig-head .col-size .c_size_value,.product-description__price p {font-size: 13px ;}.c_flex_grey_box .c_flex_child_grey_box .c_flex_child_grey_box_price{font-size: 18px;}}

@media (max-width:500px){
table.c_table_grey_box td ,table.c_table_grey_box th{font-size: 14px;} 
.d-flex.hig-head h2,.product-description__price .hig-head .col-size .c_font_weight_normal ,.hig-head .col-size .c_size_value,.product-description__price p {font-size: 12px;}
.c_flex_grey_box .c_flex_child_grey_box .c_flex_child_grey_box_price{font-size: 22px;}
.c_flex_grey_box .text-left, .c_table_grey_box .text-left th,.c_table_grey_box .text-left td,.c_flex_grey_box .text-center, .c_table_grey_box .text-center th,.c_table_grey_box .text-center td,.c_flex_grey_box .text-right, .c_table_grey_box .text-right th, .c_table_grey_box .text-right td,.detail .c_table_grey_box .c_table_grey_box_td{padding:0px 2px !important;white-space: normal !important;}
.c_table_grey_box td.c_td_color_define, .c_table_grey_box th.c_td_color_define{padding: 0px !important;}
.c_flex_grey_box .img-text-earth .c_flex_child_one svg {width: 15px !important;}
.diamond-shape.setting-style-band .band-img-style img{height: 90px !important}
.prod-detail-wrap.prod-filter-wrap .c_flex_grey_box{padding: 0 5px !important}
.band-ect p{font-size:  11px !important}
}
/*-------------------------- stud responisve (rr) start------------------*/
@media (max-width:1200px){
	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row { justify-content: space-between !important; flex-wrap: wrap !important;align-items: end;gap:10px !important;}
}
@media (max-width:1024px){
	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .ship-style {flex-wrap: wrap;flex-direction: column;justify-content: start;align-items: flex-start;}

	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_sort_by_contain label[for=favcity]::after {top: 30px;}

	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .ship-style label{margin-bottom: 0px !important;}
}
@media (max-width:992px){
.studs-filter.width-1440 .metal-stud-filter .c_stud_metal_type  label{white-space: nowrap;font-size: 14px !important;}
}

@media (max-width:796px){
.c_stud_page_ship_sort_row .c_stud_view_favorites{padding: 5px 12px !important;width: 100%;}
.border-box-compare.c_stud_view_favorites + .input-group {
    width: 100%;
}
}

@media (max-width:767px){
	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .ship-style label{width:100% !important}
	.column-divide .c_stud_diamond .c_stud_diamond_filter_btn{padding-left: 5px !important;}
	.stud_main_row{padding: 0px 0px 0px 0px!important;}
	.c_stud_product_discription{padding-left: 0px !important;padding-right: 0px !important;}
	.stud_main_row .select-stud-style .product_card .c_stud_subtitle{padding-left: 0px!important; padding-right: 0px !important;}
	.stud_main_row .select-stud-style .product_card .c_stud_product-description-variation-details{padding-left: 0px !important;}
	.stud_main_row .c_stud_product-description-variation-details-action{padding: 0px !important;}
	/* .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row{gap:0px !important;} */
	.stud_main_row .select-stud-style .product_card .product-d-action li{margin:0px;padding: 0px;}
	.product_col.col-sm-6.col-md-6.col-lg-4.studz.col-xs-12 {border: 1px solid #ebebeb; height: 100%; border-radius: 10px; }
	.dia-input .btn-group.type-list label{flex: 0 auto;}
	.dia-filter.inherit-position{position: relative;}
	.dia-filter.inherit-position .col-md-8, .dia-filter.inherit-position .col-md-4{ position:inherit; }
	a.reset-btn.btn-absolute {
	    position: absolute;
	    top: -40px;
	    right: 0px;
	}
	.shape-center.home-shape .btn-group.shape-list {align-items: center;justify-content: center !important;display: grid;flex-wrap: wrap;grid-template-columns: repeat(5, 1fr);}
	.shape-center.home-shape label {
		width: auto !important;
	}

}
@media (max-width:768px){
	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row{flex-wrap: wrap !important}
}

@media (max-width:390px){
	.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_ship_contain{order:1;}

    .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_view_favorites { order: 3; width: 100%; background: #fff; margin-top: 8px;}

    .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_sort_by_contain{order:2;}

    .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_view_favorites a{font-size: inherit;}

    .studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_view_favorites .favorite {width: 100%;text-align: center;}
}
@media (max-width:330px){
		.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_ship_contain{width:100%;}

		.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .c_stud_sort_by_contain{width:100%;}

		.studz-design .main_class_stud_design_change .c_stud_page_ship_sort_row .ship-style label select{width:100% !important;}

}
/*-------------------------- stud responisve (rr) end------------------*/