*:focus {
	 outline: none;
}
 html {
	 -webkit-text-size-adjust: 100%;
	/* Prevent font scaling in landscape while allowing user zoom */
}
 #header button.hamburger, #mobileMenu {
	 display: none;
}
/*Resetting position values after changing position of these elements in the HTML*/
 #phoneList {
	 left: -6px;
	 top: 35px;
}
 #header .loginWindow {
	 top: 22px;
}
 #footer .footerWrapper > li > a {
	 display: none;
}
 #footer .footerWrapper > li:first-child ul {
	 margin: 0;
}
 #footer .footerWrapper ul > li:first-child {
	 font-weight: 700;
}
 #footer .footerWrapper > li {
	 list-style: none;
	 display: inline;
}
/*==============================*/
/* Jeweler Locator Page */
/*==============================*/
 div#pogContainer div#center {
	 background: none;
	 width: 915px;
}
 div#pogContainer div#center div.findings {
	 margin: 10px 0 0;
	 padding: 0;
}
 div#pogContainer div#center div.findings div.blockImg img {
	 max-width: 100%;
	 height: auto;
}
/* To fix phonenumber collapsing in Edge */
 table.jewelerLocatorTable .phoneFaxNumber {
	 white-space: nowrap;
}
/* ==================================================================================================== */
/* Max-Width: 1100px */
/* ==================================================================================================== */
 @media only screen and (max-width: 1100px) {
	/*=================================================*/
	/* General - (max-width: 1100px) */
	/*=================================================*/
	 body, input, select {
		 font-size: 14px;
	}
	 html, body.responsive {
		 overflow-x: hidden;
	}
	 *, *:before, *:after {
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box;
	}
	 .btn.black {
		 height: 35px;
		 font-size: 14px;
	}
	 .btn {
		 height: 32px;
		 font-size: 14px;
		 line-height: 32px;
	}
	 h3 {
		 line-height: 1.8em;
	}
	 #content .rightColumn a.btn.blue {
		 font-size: 12px;
	}
	 #content .leftColumn ul, #content .leftColumn ol {
		 padding: 0;
	}
	/* Pagination */
	 #content ul.pagination {
		 padding-left: 0px;
		 margin: 12px 0 0 0;
		 text-align: center;
	}
	 ul.pagination li, #content ul.pagination li a {
		 font-size: 15px;
	}
	 ul.pagination li {
		 margin: 0 5px;
	}
	 input, select {
		 font-size: 16px;
		 height: 30px;
	}
	 .btn.black, .btn.black:hover, .btn.black:active, .btn.black:visited {
		 background: linear-gradient(to bottom, #111111 0%,#111111 100%);
	}
	 .btn.bluen, .btn.bluen:hover, .btn.bluen:active, .btn.bluen:visited {
		 background: linear-gradient(to bottom, #282e4d 0%,#282e4d 100%);
	}
	 .btn.blue, .btn.blue:hover, .btn.blue:active, .btn.blue:visited, .btn.submit, .btn.submit:hover, .btn.submit:active, .btn.submit:visited {
		 background: linear-gradient(to bottom, #111111 0%,#111111 100%);
	}
	 .btn.redn, .btn.redn:hover, .btn.redn:active, .btn.redn:visited {
		 background: linear-gradient(to bottom, #e03b3f 0%, #e03b3f 100%);
	}
	/*=================================================*/
	/* Header - (max-width: 1100px) */
	/*=================================================*/
	 #header {
		 background: #FFF;
		 position: relative;
	}
	 #header .wrapper {
		 width: 100%;
		 height: 74px;
	}
	 #header .options {
		 position: relative;
		 right: auto;
		 top: auto;
		 float: right;
		 padding-top: 29px;
		 margin: 0 25px;
	}
	 #header .options li {
		 margin: 2px 0;
		 padding: 0;
		 width: 100%;
		 text-align: center;
	}
	 #header .options > li > a {
		 font-size: 15px;
	}
	 #header .options li a, #header .options > li > a.plan {
		 padding: 10px 0px;
		 height: auto;
		 width: 100%;
	}
	 #header .options li a.currentPhone {
		 width: 145px;
	}
	 #header .arrowDown, #header .arrowUp {
		 background-position: right 28px;
	}
	 #overlay {
		 display: none;
		 background: #000;
		 opacity: 0.45;
		 height: 100%;
		 position: fixed;
		 top: 0;
		 width: 100%;
		 z-index: 10;
		/*To prevent iOS darking on tap*/
		 -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	 #header .options .currentPhone, #header .btn.red, #header .btn.blue {
		 font-size: 16px;
	}
	 .btn.red {
		 background: linear-gradient(#f14d7c 0%, #d03d40 100%);
	}
	 .buttonDyn {
		 background: linear-gradient(#2cb6f0 0%, #0c83b3 100%);
	}
	 #header .options li:nth-child(1) {
		 order: 3;
	}
	 #header .options li:nth-child(2) {
		 order: 2;
	}
	 #header .options li:nth-child(3) {
		 order: 1;
	}
	 #header .logo {
		 position: relative;
		 top: 17px;
		 left: 15px;
	}
	 #header button.hamburger {
		 display: block;
		 position: absolute;
		 right: 15px;
		 top: 20px;
		 z-index: 100;
	}
	 #header .mainMenu a:hover {
		 color: #333;
	}
	 #header .menuWrapper {
		 position: absolute;
		 top: 0px;
		 right: -320px;
		 background-color: #FFF;
		 width: 320px;
		 padding: 32px 0 22px 0;
		 font-size: 18px;
		 z-index: 50;
		 display: flex;
		 flex-wrap: wrap;
		 flex-direction: row-reverse;
		 background: rgba(255, 255, 255, 0);
		 max-width: 100%;
		 overflow: hidden;
		 z-index: 50;
	}
	 #header .loginWindow {
		 background: none;
		 box-shadow: none;
		 float: left;
		 font-size: 14px;
		 min-height: 260px;
		 padding: 20px 0;
		 position: relative;
		 right: auto;
		 text-align: left;
		 top: auto;
		 width: 100%;
	}
	 #header .loginWindow input[type=text], #header .loginWindow input[type=password] {
		 width: 100%;
		 font-size: 18px;
	}
	 #header #hideLink {
		 display: none;
	}
	 #header .loginWindow .btn.black {
		 width: 100%;
		 position: relative;
		 right: auto;
		 bottom: auto;
		 margin-top: 8px;
	}
	 #header .options {
		 display: flex;
		 flex-wrap: wrap;
		 order: 2;
	}
	 #header .options #phoneList {
		 background: none;
		 border: 0;
		 box-shadow: none;
		 padding: 0;
		 position: relative;
		 left: auto;
		 top: auto;
	}
	 #phoneList a span {
		 text-align: center;
	}
	 #phoneList a:first-child span {
		 margin: 0;
	}
	 #header .mainMenu {
		 display: block;
		 bottom: auto;
		 order: 1;
		 border-bottom: 1px solid #d4d4d4;
		 position: relative;
		 margin: 0 25px;
		 font-size: 15px;
		 padding: 15px 0;
	}
	 #header .mainMenu > li {
		 cursor: auto;
		 display: block;
		 margin-left: 0;
		 padding: 0;
		 width: 100%;
	}
	 #header .mainMenu > li > a {
		 color: #333;
		 display: block;
		 font-weight: 700;
		 padding: 10px 0px;
		 text-decoration: none;
		 text-transform: uppercase;
	}
	 #header .mainMenu ul li a {
		 color: #333;
		 padding: 10px 20px;
		 text-decoration: none;
	}
	 #header .mainMenu ul {
		 border: 0;
		 display: none;
		 position: relative;
	}
	 #header .mainMenu ul li {
		 background: #FFF;
		 box-shadow: none;
		 padding: 0;
	}
	 #header .mainMenu ul li:first-child {
		 box-shadow: none;
		 background: none;
		 height: auto;
		 width: auto;
	}
	 #header .mainMenu .last ul li:first-child {
		 background: none;
	}
	 #phoneList a {
		 font-size: 14px;
	}
	/*=================================================*/
	/* Home Page - (max-width: 1100px) */
	/*=================================================*/
	 #content .leftColumn {
		 padding: 0;
	}
	 #content .leftColumn p, #content .leftColumn li, #resourceCenter .blurb, #resourceCenterObject .contentWrapper .content {
		 line-height: 1.8em;
	}
	 #content .home table a {
		 font-size: 12px;
	}
	 #content .home table td {
		 padding: 7px 9px;
	}
	 #resourceCenter.leftColumn table td {
		 padding: 0px 9px;
	}
	 #content > .wrapper {
		 width: 100%;
		 max-width: 940px;
		 padding: 0 15px;
	}
	 #content > .wrapper.full {
		 padding: 0;
	}
	 #banner .caroselContent {
		 margin: 100px auto 0 auto;
		 padding: 0 20px;
		 width: 100% !important;
	}
	 #banner .shadow {
		 display: none;
	}
	/*Right Column*/
	 #content .rightColumn .signUp input[type=text] {
		 width: 100%;
		 height: 35px;
		 font-size: 16px;
		 margin-bottom: 10px;
	}
	 #content .rightColumn .signUp a {
		 font-size: 12px;
		 margin-left: 5px;
	}
	/*=== Left Column ===*/
	 #content .leftColumn {
		 width: 72%;
	}
	/* In the case of nested leftColumn, apply the 72% width only to the first one */
	 #content .leftColumn .leftColumn {
		 width: 100%;
	}
	 #content .leftColumn.login {
		 width: 100%;
	}
	 #content .leftColumn.home, #content .home ul {
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-around;
		 padding: 0;
		 max-width: 100%;
	}
	 #content .home li {
		 flex: 1 1 260px;
		 padding: 15px 10px;
		 text-align: center;
		 margin: 0;
	}
	 #content .home li p {
		 text-align: left;
	}
	 #content .home li a {
		 float: left;
	}
	/*=== Password Recovery ===*/
	 #forgotPasswordStep1 {
		 width: 100% !important;
	}
	 #forgotPasswordStep1 .buttonDyn {
		 font-size: 14px;
		 height: auto;
		 line-height: 35px;
	}
	/*=================================================*/
	/* Content With Right Column Form */
	/*=================================================*/
	 #content .rightColumnForm {
		 width: 258px;
	}
	 #content .rightColumnForm input[type=text], #content .rightColumnForm select {
		 width: 100%;
		 font-size: 16px;
		 height: 32px;
		 padding: 6px;
	}
	 #content .rightColumnForm label, #content .rightColumnForm p, #content .rightColumnForm a {
		 font-size: 14px;
		 width: 100%;
	}
	 #content .rightColumnForm .btn {
		 margin: 0 auto 20px;
	}
	 #banner > img {
		 width: 100%;
		 max-width: 940px;
		 height: auto;
	}
	/*=== Right Column - Testomonial ===*/
	 #content .rightColumn .story h2+p {
		 font-size: 14px;
	}
	/*=================================================*/
	/* Search - (max-width: 1100px) */
	/*=================================================*/
	 .quickSearchBox input[type=submit] {
		 float: right;
	}
	 .quickSearchBox > div {
		 overflow: auto;
	}
	 .quickSearchBox input[type=text], .quickSearchBox select, .applyForm input[type=text], .applyForm select, .membershipForm input[type=text], .membershipForm select {
		 height: 30px;
		 margin: 0 2px;
		 font-size: 16px;
		 width: 190px;
	}
	 .quickSearchBox .wrapper {
		 width: 383px;
	}
	 #content .membershipForm #recaptcha_widget_div input[type=text] {
		 height: auto;
	}
	 #content .applyForm input[type=text], #content .applyForm select, #content .membershipForm input[type=text], #content .membershipForm select, #content .membershipForm .wrapper {
		 width: 302px;
	}
	 #content .applyForm input[type=text], #content .applyForm select, #content .membershipForm input[type=text], #content .membershipForm select {
		 height: 30px;
	}
	 .quickSearchBox .wrapper, .applyForm .wrapper {
		 font-size: 16px;
		 line-height: 26px;
		 margin: 0;
	}
	/*=================================================*/
	/* Search Results - (max-width: 1100px) */
	/*=================================================*/
	 .resultsFor p:first-child {
		 position: relative;
		 float: right;
		 max-width: 50%;
		 text-align: right;
	}
	 #content .jewelryQsHeader {
		 font-size: 11px;
	}
	/*=================================================*/
	/* Gallery - (max-width: 1100px) */
	/*=================================================*/
	 .gallery {
		 text-align: center;
	}
	 .gallery div {
		 margin-bottom: 0;
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-around;
	}
	 .gallery a {
		 position: relative;
		 right: auto;
		 margin-bottom: 10px;
	}
	 .gallery img {
		 width: 290px;
	}
	/*=== Left Column ===*/
	 .leftColumn p img {
		 max-width: 100%;
		 height: auto;
	}
	 .leftColumn .downloadButtons {
		 padding: 0 !important;
	}
	 .leftColumn .downloadButtons a {
		 margin-bottom: 8px;
	}
	/*=== Resource Center ===*/
	 #resourceCenter #resourceTypeSwitcher {
		 height: 35px;
		 margin-bottom: 20px;
	}
	 #resourceCenter .resultsToolbar {
		 margin: 8px 0;
	}
	 #resourceCenter .resultsToolbar .pagination {
		 font-size: 15px;
		 padding-left: 10px;
	}
	 #resourceCenter .resultsToolbar .pagination .pageNumbers > * {
		 padding: 0 4px;
	}
	 #resourceCenterObject .resourceNavigation {
		 font-size: 15px;
	}
	 #resourceCenterObject .contentWrapper .content table {
		 width: 100% !important;
	}
	/*Images inside tables don't respect the max-width: 100% in IE*/
	 #resourceCenterObject .content table img {
		 width: 100%;
		 max-width: 200px;
		 height: auto;
	}
	 #resourceCenterObject .content img {
		 max-width: 100%;
		 height: auto;
	}
	 #resourceCenter .resourceList .resourceItem {
		 display: flex;
		 flex-wrap: wrap;
	}
	 #resourceCenter .resourceList .resourceItem .resourceLeftSide {
		 width: 60%;
	}
	 #resourceCenter .resourceList .resourceItem .resourceRightSide {
		 width: 40%;
		 margin: 0;
	}
	/* The default hanging position interferes with the image*/
	 #content .leftColumn ul li, #content .leftColumn ol li {
		 list-style-position: inside;
	}
	/*=== Online Resources ===*/
	 .twoColumnBlock {
		 width: 50%;
	}
	 div.twoColumnBlock:nth-of-type(odd) {
		 padding-right: 20px;
	}
	 div.twoColumnBlock:nth-of-type(even) {
		 padding-left: 20px;
	}
	 .twoColumnBlock a {
		 line-height: 1.8em;
	}
	/*=== Our Partners ===*/
	 .twoColumnBlock .innerLeftBlock {
		 margin: 15px 0;
	}
	 .innerLeftBlock span {
		 width: 100%;
	}
	 .twoColumnBlock .innerLeftBlock a {
		 line-height: auto;
	}
	 .twoColumnBlock .innerLeftBlock span {
		 font-size: 14px;
		 line-height: 1.8em;
	}
	/*=== Polygon Membership ===*/
	 .leftColumn #planImages {
		 width: 100% !important;
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-around;
	}
	 .leftColumn #planImages div {
		 margin: 15px 1px !important;
	}
	/*=================================================*/
	/* Footer - (max-width: 1100px) */
	/*=================================================*/
	 #footer {
		 overflow: hidden;
	}
	 #footer .footerWrapper > li {
		 line-height: 26px;
		 font-size: 14px;
		 margin: 12px 0px;
		 width: 25%;
	}
	 #footer .footerWrapper > li > ul > li:first-child {
		 font-weight: 700;
	}
	 #footer .footerWrapper > li {
		 list-style-type: none;
		 list-style: none;
		 float: left;
		 line-height: 26px;
		 font-size: 14px;
		 margin: 12px 0px;
		 width: 25%;
	}
	 #footer .footerWrapper {
		 float: none;
	}
	 #footer .footerWrapper ul {
		 float: none;
		 margin: 0;
	}
	 #footer .wrapperMenu, #footer .wrapperMediagrif {
		 max-width: 940px;
		 width: 90%;
	}
	 #footer .footerWrapper {
		 display: flex;
		 flex-wrap: wrap;
	}
	/*==== Footer Search ====*/
	 #footer .wrapperMenu form {
		 position: relative;
		 bottom: auto;
		 left: auto;
		 width: 100%;
		 margin: 35px 0 20px;
	}
	 #footer .wrapperMenu label, #footer .btn {
		 font-size: 14px;
		 line-height: 22px;
	}
	 #footer .btn, #footer .btn:hover, #footer .btn:active, #footer .btn:visited {
		 background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	}
	 #footer .wrapperMenu input[type=text] {
		 font-size: 14px;
		 height: 32px;
		 width: 195px;
	}
	/*==== Footer bottom ====*/
	 #footer .wrapperMediagrif p {
		 display: inline-block;
	}
	 #footer .wrapperMediagrif a {
		 position: relative;
		 top: auto;
		 right: auto;
		 float: right;
		 margin: 15px 0 10px 0;
	}
	/*==============================*/
	/* Jeweler Locator Page */
	/*==============================*/
	 div#pogContainer {
		 padding: 0 15px;
	}
	 div#pogContainer, div#pogContainer div#center, div#pogContainer #middle, div#pogContainer div#center div.findings div.TopResult, div#pogContainer div#center div.findings div.contentResult, div#pogContainer div#center div.findings div.bottomResult {
		 width: 100%;
		 max-width: 915px;
		 background: none;
		 height: auto;
	}
	 div#pogContainer div#center div.findings {
		 background: linear-gradient(to right, #f4f5f9 0%,#ffffff 100%);
		 border-radius: 9px;
		 border: #e3e6ed 1px solid;
	}
	 div#pogContainer div#center div.findings div.contentResult {
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-between;
	}
	 div#pogContainer div#center div.findings div.blockInfo, div#pogContainer div#center div.findings div.blockPhone, div#pogContainer div#center div.findings div.blockAddress {
		 flex: 1 1 20%;
		 padding: 5px 10px;
	}
	 div#pogContainer #middle {
		 border: 1px solid #CCC !important;
		 padding: 10px;
		 border-radius: 10px;
	}
	 div#pogContainer #middle > div > div, div#pogContainer #middle > div > div > div {
		 padding: 10px 0 !important;
	}
	 div#pogContainer #top, div#pogContainer #middle > div, div#pogContainer #bottom {
		 background: none !important;
	}
	 div#pogContainer #links p > a {
		 padding: 0 5px;
		 line-height: 2em;
	}
	/*=================================================*/
	/* Pricing Page - (max-width: 1100px) */
	/*=================================================*/
	 #membershipFormSection {
		 top: -75px;
	}
	/* Conclave Event 2018 */
	 #conclaveOurPartners .mAuto {
		 width: 880px;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 960px */
/* ==================================================================================================== */
 @media only screen and (max-width: 960px) {
	 .mAuto {
		 width: 100%;
	}
	/*=================================================*/
	/* Home Page - (max-width: 960px) */
	/*=================================================*/
	 #content .leftColumn, #content .rightColumn {
		 width: 100%;
		 float: none;
	}
	 #content .rightColumnForm {
		 width: 50%;
		 margin: 40px auto;
		 float: left;
	}
	/*=== Right Column ===*/
	 #content .rightColumn {
		/*Resetting rightColumn*/
		 position: relative;
		 right: auto;
		 top: auto;
		 margin: auto;
		 clear: both;
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-around;
		 max-width: 630px;
		 padding: 50px 0px;
	}
	 #content .rightColumn .box, #content .rightColumn .request {
		 width: 47%;
	}
	 #content .rightColumn > a {
		 background: linear-gradient(#2cb6f0 0%, #0c83b3 100%);
	}
	 #content .rightColumn .slogan {
		 width: 52%;
	}
	 #content .rightColumn > a {
		 width: 48%;
	}
	 #content .rightColumn .slogan {
		 padding: 10px 20px;
	}
	 #content .rightColumn .request a.btn.blue {
		 float: left;
		 text-align: center;
	}
	/*=== Featured Resources ===*/
	 .rightColumn .widgetTitle {
		 width: 100%;
	}
	 #featuredResources {
		 display: flex;
		 width: 100%;
		 flex-wrap: wrap;
		 justify-content: flex-start;
	}
	 #featuredResources .resourceImage img {
		 max-width: 160px;
		 max-height: none;
	}
	 #featuredResources .featuredResource {
		 margin: 10px 10px;
		 border-bottom: 1px solid #CCC;
		 border-top: 0;
		 flex: 0 1 46%;
	}
	 #featuredResources .featuredResource:last-child {
		 border-bottom: 0;
	}
	/*=== Right Column Membership ===*/
	 #content .rightColumnMembership {
		 width: 100%;
		 max-width: 630px;
		 margin: 50px auto 0;
		 display: flex;
		 flex-wrap: wrap;
		 justify-content: space-around;
		 float: none;
	}
	 #content .rightColumnMembership .bubble {
		 flex: 0 1 43%;
	}
	/*=== Resource Center ===*/
	 #resourceCenter .resourceList .resourceItem.insiderExchangeResource .resourceLeftSide {
		 width: 100%;
	}
	 #content .membershipForm span.textareaCounter {
		 float: left;
		 margin: 5px 0px 0 325px;
	}
	/*=== Jewelry Search Table ===*/
	 #content .jewelryQsHeader {
		 font-size: 12px;
	}
	/*=== Resposive Table - Jeweler Locator Only ===*/
	 table.jewelerLocatorTable {
		 border: none;
	}
	 table.jewelerLocatorTable h3, table.jewelerLocatorTable p {
		 margin: 0;
	}
	 table.jewelerLocatorTable tr, table.jewelerLocatorTable td {
		 display: block;
		 width: 100%;
	}
	 table.jewelerLocatorTable tr td:first-child {
		 border-top: 1px solid #d2d2d2;
		 padding-top: 20px;
	}
	 table.jewelerLocatorTable tr td {
		 border-left: 1px solid #d2d2d2;
		 border-right: 1px solid #d2d2d2;
		 padding: 0 20px 20px;
	}
	 table.jewelerLocatorTable tr:last-child td:last-child {
		 border-bottom: 1px solid #d2d2d2;
	}
	 table.jewelerLocatorTable td span {
		 font-weight: 700;
	}
	 table.jewelerLocatorTable thead {
		 display: none;
	}
	/* Pricing Page */
	 #additionalServices, #faqSection {
		 padding: 0 15px;
	}
	/* Conclave Event 2018 */
	 #conclaveOurPartners .partnersLogos {
		 flex-wrap: wrap;
		 justify-content: space-around;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 980px */
/* ==================================================================================================== */
 @media only screen and (max-width: 980px) {
	/* Pricing page */
	 #compareFeatures h2, #additionalServices h2, #faqSection h2 {
		 font-size: 30px;
		 line-height: 1.1em;
	}
	 #compareFeatures h2 {
		 margin: 30px 0 15px;
	}
	 #compareFeatures table th {
		 font-size: 18px;
		 padding: 10px 0 15px;
	}
	 #compareFeatures h3 {
		 font-size: 18px;
		 margin: 10px 0 5px;
	}
	 #compareFeatures table td {
		 font-size: 14px;
		 padding: 10px 0;
	}
	 #compareFeatures table th:first-child, #compareFeatures table td:first-child {
		 padding-right: 0;
	}
	 #compareFeatures table td.req {
		 padding: 10px 5px;
	}
	/* Conclave Event 2018 */
	 #conclaveTabsSection .tabs {
		 height: 90px;
	}
	 #conclaveTabsSection .tabs a {
		 font-size: 22px;
	}
	 #gold-tab .mAuto, #silver-tab .mAuto, #conclaveTabsSection .tabs {
		 width: 100%;
		 max-width: 880px;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 960px */
/* ==================================================================================================== */
 @media only screen and (max-width: 960px) {
	/* Pricing page */
	 #plansSection {
		 padding: 0 15px;
	}
}
/* ==================================================================================================== */
/* Max-Width: 800px */
/* ==================================================================================================== */
 @media only screen and (max-width: 800px) {
	/* Pricing page */
	 .service p br {
		 display: none;
	}
	 .service p.note br {
		 display: block;
	}
	/* Conclave Event 2018 */
	 #conclaveInfoSection {
		 padding: 25px 15px;
	}
	 #silver-tab .exhibitorsWrapper {
		 margin-left: 0px;
	}
	/* END: Conclave Event 2018 */
	
	.harmonyAuctionDescription {
	    flex: 0 1 100%;
        margin: 20px 0 0 0;
	}
	
}
/* ==================================================================================================== */
/* Min-Width: 768px to Max-Width: 1024px */
/* ==================================================================================================== */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
	 #footer .footerWrapper > li {
		 width: 25%;
	}
}
/* ==================================================================================================== */
/* Max-Width: 768px */
/* ==================================================================================================== */
 @media only screen and (max-width: 768px) {
	/*=== Search ===*/
	 .quickSearchBox label {
		 width: 120px;
	}
	 #content .membershipForm > div > label {
		 display: block;
		 margin: 0 0 5px 0;
		 text-align: left;
		 width: 100%;
	}
	 #resourceCenterObject.industryReport .resourceImage {
		 margin: -75px 0px 0px auto;
	}
	 #content .membershipForm h2, #content .membershipForm #recaptcha_widget_div {
		 margin: 35px 0 20px;
	}
	 #content .membershipForm span.textareaCounter {
		 float: none;
		 margin-left: 0;
		 width: auto;
	}
	 #content .membershipForm .btn.submit {
		 margin: 10px 0 0 0;
	}
	 #content .membershipForm {
		 margin-bottom: 25px;
	}
	/*=== Login Page ===*/
	 .twoColumnBlock {
		 width: 100%;
		 margin-bottom: 25px;
	}
	 div.twoColumnBlock:nth-child(odd), div.twoColumnBlock:nth-child(even) {
		 padding: 0px;
	}
	/*=== Responsive Table for the Jewelry search ===*/
	 #content .quickSearchResults, #content .quickSearchResults a {
		 font-size: 14px;
	}
	 #content .jewelryQsHeader tbody tr {
		 border: none;
	}
	 table.jewelryQsHeader {
		 border: none;
	}
	 table.jewelryQsHeader tr, table.jewelryQsHeader td {
		 display: block;
		 width: 100%;
	}
	 .dataTable td {
		 padding: 8px 5px;
	}
	 table.jewelryQsHeader tr td {
		 border-left: 1px solid #d2d2d2;
		 border-right: 1px solid #d2d2d2;
		 padding: 0 20px 20px;
	}
	 table.jewelryQsHeader tr:last-child td:last-child {
		 border-bottom: 1px solid #d2d2d2;
	}
	 table.jewelryQsHeader td span {
		 font-weight: 700;
	}
	 table.jewelryQsHeader thead {
		 display: none;
	}
	 table.jewelryQsHeader tr td:last-child span {
		 display: none;
	}
	/*==============================*/
	/* Jeweler Locator Page */
	/*==============================*/
	 div#pogContainer div#center div.findings div.blockImg {
		 flex: 0 1 100%;
		 padding: 10px;
	}
	 div#pogContainer div#center div.findings div.blockInfo, div#pogContainer div#center div.findings div.blockPhone, div#pogContainer div#center div.findings div.blockAddress {
		 flex-basis: 200px;
	}
	 div#pogContainer div#center div.findings div.blockPhone p {
		 white-space: nowrap;
	}
	 div#pogContainer div#center div.findings div.blockAddress div.part1 {
		 padding: 0;
	}
	 div#pogContainer #middle {
		 text-align: center;
	}
	 div#pogContainer #middle > div > a {
		 display: block;
	}
	 div#pogContainer #middle > div > img, div#pogContainer #middle > div > a > img {
		 float: none !important;
		 padding: 0 !important;
		 max-width: 100%;
		 height: auto;
	}
	 div#pogContainer #middle > div > div {
		 text-align: left;
	}
	 div#pogContainer #middle > div > div > div img {
		 max-width: 100%;
	}
	 div#pogContainer #middle > div > div > ul {
		 padding-left: 0 !important;
	}
	 #contactSection h2 {
		 font-size: 40px;
		 line-height: 1.1em;
	}
	 .contactContainer {
		 padding: 30px;
	}
}
/* ==================================================================================================== */
/* Max-Width: 767px */
/* ==================================================================================================== */
 @media only screen and (max-width: 767px) {
	/* Pricing page */
	 #banner h1 {
		 font-size: 46px;
	}
	 p.subTitle br {
		 display: none;
	}
	 .plan a {
		 padding: 10px 40px;
	}
	 #footer .footerWrapper > li {
		 width: 50%;
	}
	/* Conclave Event 2018 */
	 #conclaveTestimonialSection {
		 padding: 30px 15px 90px;
		 background: #393846;
	}
	 #conclaveTestimonialSection h3 {
		 line-height: 1.3em;
	}
	 #gold-tab .infoBlock h3 {
		 line-height: 1.5em;
	}
	 #conclaveInfoSection div.flexc > * {
		 flex: 1 1 100%;
	}
	 #conclaveInfoSection div.flexc > div:first-child {
		 text-align: center;
	}
	 #conclaveInfoSection div.flexc p:first-child {
		 margin-top: 20px;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Min-Width: 600px */
/* ==================================================================================================== */
 @media only screen and (min-width: 600px) {
	/* Pricing page */
	 #faqSection .flexc > div.question {
		 padding-right: 20px;
	}
}
/* ==================================================================================================== */
/* Max-Width: 600px */
/* ==================================================================================================== */
 @media only screen and (max-width: 600px) {
     #banner .caroselContent,
     #banner .b01 .caroselContent {
         margin-top: 30px;
     }
	 #content .home h1 {
		 font-size: 18px;
	}
	 #content .rightColumn > a, #content .rightColumn .slogan {
		 width: 100%;
		 text-align: center;
	}
	/*=== Right Column with Form ===*/
	 #content .rightColumnForm {
		 width: 75%;
		 float: none;
	}
	 #footer .wrapperMenu label {
		 display: block;
		 margin: 5px 0px;
	}
	/*=== Search ===*/
	 .quickSearchBox label {
		 width: 100%;
		 text-align: left;
	}
	 .quickSearchBox #qsDiamonds input[type=text], .quickSearchBox .qsStones input[type=text], .quickSearchBox #qsDiamonds select {
		 width: 47%;
	}
	 .quickSearchBox .wrapper, .quickSearchBox .qsJewelry select, .quickSearchBox .qsStones select, .quickSearchBox .qsWatches input[type=text] {
		 width: 100%;
	}
	/* Tabs replacement responsive Tabs */
	 .quickSearchBox .responsiveTabs {
		 background: #fff;
		 border: 1px solid #BDBDBD;
		 border-bottom: 1px solid #fff;
		 height: 35px;
		 border-radius: 0;
		 position: absolute;
		 font: 15px/1.4em 'Work Sans', sans-serif;
		 padding: 5px 30px 5px 5px;
	}
	 .currentOS_iOS select.responsiveTabs {
		 -webkit-appearance: none;
		 background: url(../images/responsive-list-arrow-down.png) no-repeat 95% 14px;
	}
	 .navContainer {
		 border-bottom: 1px solid #BDBDBD;
		 position: relative;
		 height: 35px;
	}
	 .quickSearchBox:not(#forgotPasswordStep1) > div {
		 border: none;
	}
	/*=== Responsive Table ===*/
	 #content .quickSearchResults, #content .quickSearchResults a {
		 font-size: 14px;
	}
	 #content .jewelryQsHeader tbody tr {
		 border: none;
	}
	 table.dataTable:not(.jewelerLocatorTable) {
		 border: none;
	}
	 table.dataTable:not(.jewelerLocatorTable) tr, table.dataTable:not(.jewelerLocatorTable) td {
		 display: block;
		 width: 100%;
	}
	 table.dataTable:not(.jewelerLocatorTable) tr td:first-child {
		 border-top: 1px solid #d2d2d2;
		 padding-top: 20px;
	}
	 table.dataTable:not(.jewelerLocatorTable) tr td {
		 border-left: 1px solid #d2d2d2;
		 border-right: 1px solid #d2d2d2;
		 padding: 0 20px 20px;
	}
	 table.dataTable:not(.jewelerLocatorTable) tr:last-child td:last-child {
		 border-bottom: 1px solid #d2d2d2;
	}
	 table.dataTable:not(.jewelerLocatorTable) td span {
		 font-weight: 700;
	}
	 table.dataTable:not(.jewelerLocatorTable) thead, table.dataTable:not(.jewelerLocatorTable) tr td:last-child span {
		 display: none;
	}
	 #content .rightColumn .box, #content .rightColumn .request {
		 margin-top: 20px;
	}
	/*=== Resources Center ===*/
	 #featuredResources {
		 justify-content: center;
	}
	 #featuredResources .featuredResource {
		 flex: 0 1 90%;
	}
	 #resourceCenter .resourceList .resourceItem:not(.insiderExchangeResource) .resourceLeftSide, #resourceCenter .resourceList .resourceItem:not(.insiderExchangeResource) .resourceRightSide {
		 width: 100%;
	}
	 #resourceCenter .resourceList .resourceItem:not(.insiderExchangeResource) .resourceLeftSide {
		 order: 2 
	}
	 #resourceCenter .resourceList .resourceItem:not(.insiderExchangeResource) .resourceRightSide {
		 order: 1;
		 margin-bottom: 30px;
	}
	/*=== Online Resources ===*/
	 .twoColumnBlock, .innerLeftBlock span {
		 width: 100%;
	}
	 .twoColumnBlock ~ .twoColumnBlock {
		 padding-left: 0px;
	}
	 .innerLeftBlock {
		 text-align: center;
	}
	 .innerLeftBlock span {
		 text-align: left;
	}
	 .innerLeftBlock a {
		 float: none;
	}
	/*=== Jeweler Locator ===*/
	 #searchCriteriaForm .zip, #searchCriteriaForm .distance, #searchCriteriaForm #findAJewelerSearchButton {
		 display: block;
	}
	/* Conclave Event 2018 */
	 #conclaveTestimonialSection h3 br {
		 display: none;
	}
	/* END: Conclave Event 2018 */
}
 @media only screen and (max-width: 715px) and (min-width: 600px) {
	/* Pricing page */
	 .service h3 br {
		 display: block;
	}
	 .service p.price {
		 font-size: 48px;
		 line-height: 0.5em;
	}
	 #questionTabs li {
		 margin-right: 16px;
	}
}
 @media only screen and (max-width: 680px) {
	/* Conclave Event 2018 */
	 #silver-tab .exhibitorsWrapper > div {
		 flex: 1 1 100%;
	}
	 #silver-tab .exhibitorsWrapper > div:nth-of-type(odd) {
		 margin: 0 0 20px;
	}
	 #conclaveBenefitsSection legend {
		 max-width: 360px;
	}
	 #conclaveBenefitsSection fieldset br {
		 display: none;
	}
	 #gold-tab .infoBlock {
		 flex-direction: column;
		 margin: 0;
	}
	 #gold-tab .infoBlock > div {
		 width: 410px;
		 max-width: 100%;
	}
	 #gold-tab .infoBlock:nth-of-type(2) > img {
		 margin: 80px 0;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 599px */
/* ==================================================================================================== */
 @media only screen and (max-width: 599px) {
	/* Pricing Page */
	 #banner h1 {
		 font-size: 30px;
	}
	/* Full width banner */
	 #banner.full {
		 background: #e03b3f !important;
		 height: auto;
		 padding: 30px;
	}
	 #banner h1 {
		 margin-top: 0;
	}
	 p.subTitle {
		 font-size: 18px;
	}
	/* Pricing Page */
	 #plansSection {
		 padding: 0;
	}
	 #plansSection > div {
		 margin-top: 0;
	}
	 #plansSection div.plan {
		 box-shadow: none;
		 flex: 1 1 100%;
	}
	 .plansInclude, .services, #faqSection .flexc {
		 flex-wrap: wrap;
	}
	 .plansInclude > div {
		 flex: 1 1 100%;
		 padding: 0 0 15px;
	}
	 #plansSection .plansInclude, #compareFeatures {
		 padding: 0 15px;
	}
	 #plansSection > div, #additionalServices > div {
		 padding: 0 0 90px;
	}
	 #faqSection > div {
		 padding: 0 0 40px;
	}
	 .plansInclude h3 {
		 font-size: 17px;
		 line-height: 1.4em;
	}
	 .plansInclude li, div.question p {
		 font-size: 14px;
	}
	 #additionalServices div.service {
		 flex: 1 1 100%;
	}
	 #additionalServices div.service:first-child {
		 margin-bottom: 25px;
	}
	 .service h3 {
		 font-size: 18px;
		 line-height: 1.4em;
	}
	 .service p br {
		 display: none;
	}
	 .service p.note br {
		 display: block;
	}
	 .service a {
		 margin: 0;
	}
	 a.expand {
		 bottom: 25px;
		 font-size: 14px;
	}
	 #additionalServices {
		 padding: 20px 15px;
	}
	 #additionalServices h2, #faqSection h2 {
		 margin-top: 40px;
	}
	 #faqSection .flexc {
		 justify-content: center;
		 margin-top: 0;
	}
	 #faqSection .flexc > div.question {
		 border: 0;
		 flex: 1 1 100%;
		 padding: 0;
	}
	 #faqSection .pricingSprite {
		 height: 90px;
	}
	 #questionTabs li {
		 font-size: 18px;
		 line-height: 1.4em;
		 margin-right: 25px;
	}
	 #questionTabs li:last-child {
		 margin-right: 0;
	}
	 #contactSection {
		 background: none;
		 height: auto;
		 padding: 0;
	}
	 #contactSection h2 {
		 font-size: 30px;
		 line-height: 1.1em;
	}
	 .contactContainer {
		 min-height: auto;
		 padding: 30px 15px;
		 text-align: center;
	}
	 #contactSection h2, .contactContainer > div {
		 flex: 1 1 100%;
	}
	 .contactContainer.flexc {
		 flex-wrap: wrap;
	}
	 #contactSection h2 {
		 text-align: center;
	}
	 .contactContainer p {
		 font-size: 16px;
	}
	 .contactContainer a {
		 margin: 10px 0 0;
	}
	 .selectedPlanContainer {
		 padding: 60px 15px 40px;
	}
	 .subscriptionForm .formContainer {
		 padding: 30px 15px;
	}
	 .subscriptionForm label.service span.check span, .subscriptionForm div.total span, .subscriptionForm label.service span.check span:last-child, .subscriptionForm div.total span:last-child {
		 font-size: 17px;
	}
	 #footer .footerWrapper > li {
		 width: 100%;
		 margin: 0px;
		 padding: 5px 0;
	}
	 #footer .footerWrapper > li ul, #footer .footerWrapper > li:first-child ul {
		 display: none;
		 margin-left: 15px;
	}
	 #footer .footerWrapper > li > a {
		 font-size: 18px;
		 margin: 8px 0px;
		 display: block;
		 font-weight: 700;
	}
	 #footer .footerWrapper > li > ul > li:first-child {
		 font-family: inherit;
	}
	 #footer .footerWrapper > li > ul > li > a {
		 display: block;
	}
	 #footer .wrapperMediagrif {
		 text-align: center;
		 height: 100%;
	}
	 #footer .wrapperMediagrif p, #footer .wrapperMediagrif a {
		 display: block;
	}
	 #footer .wrapperMediagrif a {
		 float: none;
		 margin: 10px 0 15px 0;
	}
	 #footer .footerWrapper ul li.noLink {
		 display: none;
	}
	 #footer .wrapperMenu input[type=text] {
		 width: 170px;
	}
	/* Conclave Event 2018 */
	 #banner.full.conclave {
		 background: #151829 !important;
	}
	 #conclaveInfoSection h1 br {
		 display: none;
	}
	 #conclaveInfoSection div.flexc.dl > div {
		 flex: 0 1 50%;
	}
	 #conclaveInfoSection div.flexc.dl p {
		 padding: 15px 0 25px;
	}
	 #conclaveInfoSection div.flexc.dl ul {
		 padding: 0 0 25px;
	}
	 #gold-tab .goldIconSvg {
		 width: 80px;
	}
	 #conclaveTabsSection h1 {
		 font-size: 40px;
	}
	 #silver-tab h1 {
		 padding-left: 120px;
	}
	 #silver-tab .silverIconSvg {
		 width: 90px;
	}
	 #conclaveTabsSection .tabs li {
		 border-right: 1px solid #9c2739;
		 padding: 0;
	}
	 #conclaveTabsSection .tabs li:last-of-type {
		 border-right: none;
	}
	 #conclaveTabsSection .tabs a {
		 font-size: 3.7vw;
	}
	 #conclaveBenefitsSection {
		 padding: 60px 15px 70px;
	}
	/* END: Conclave Event 2018 */
	
	#banner .harmonyAuctionsBanner {
	    padding-top: 0;
	}

	.harmonyAuction,
	.harmonyAuctionIntro {
	    margin-top: 0;
	}

	.harmonyAuctionInformation {
	    margin: 0 10px 50px 10px;
	}
	
	.harmonyAuctionVideo {
	    margin: 0 auto;
	}
}
/* ==================================================================================================== */
/* Max-Width: 480px */
/* ==================================================================================================== */
 @media only screen and (max-width: 480px) {
	 h1 {
		 font-size: 30px;
	}
	 #content .rightColumn .box.signUp, #content .rightColumn .box, #content .rightColumn .request {
		 width: 100%;
	}
	 #content .rightColumn .request p, #content .rightColumn .request a.btn.blue {
		 float: none;
		 text-align: center;
	}
	 #content .rightColumn .box, #content .rightColumn .request {
		 text-align: center;
		 margin-top: 20px;
	}
	 #content .rightColumn .box.signUp, #content .rightColumn .box.story {
		 text-align: left;
	}
	 #content .rightColumn .box.signUp h2, #content .rightColumn .box.story h2 {
		 text-align: center;
	}
	/*=== Right Column with Form ===*/
	 #content .rightColumnForm {
		 width: 100%;
		 float: none;
	}
	 #content .rightColumnMembership .bubble {
		 flex: 0 1 100%;
		 max-width: 360px;
	}
	/*=== Left Column ===*/
	 .leftColumn > img {
		 max-width: 100%;
		 height: auto;
	}
	/*=== Resources Center ===*/
	 #resourceCenter.leftColumn table p {
		 font-size: 12px;
		 line-height: initial;
	}
	/*=== Pagination ===*/
	 .pagination li {
		 display: none;
	}
	 .pagination .currentPageResult, .pagination .first, .pagination .last {
		 display: inline;
	}
	 .pagination .currentPageResult {
		 font-size: 18px;
	}
	/*=== Pagination in the resource center ===*/
	 #resourceCenter .resultsToolbar .resultsTotal, #resourceCenter .resultsToolbar .pagination {
		 width: 100%;
		 text-align: center;
		 margin-bottom: 10px;
		 padding: 0px;
	}
	 #resourceCenter .resultsToolbar .pageNumbers, #resourceCenter .resultsToolbar .pageNavigation {
		 float: none;
		 display: inline-block;
		 margin: 0px 3px 4px;
	}
	/*=== Contact Form ===*/
	 span.required {
		 padding-left: 0px;
		 display: block;
		 text-align: right;
		 margin-top: 3px;
	}
	 #content .applyForm input[type=text], #content .applyForm select, #content .membershipForm input[type=text], #content .membershipForm select, #content .membershipForm .wrapper, #content .membershipForm textarea {
		 width: 100%;
	}
	/*=== Password Recovery ===*/
	 #forgotPasswordStep1.tabs > ul li a {
		 padding: 0 4px;
		 font-size: 11px;
		 letter-spacing: 0px;
	}
	/*=== Download Form ===*/
	/*Image interfering with the form*/
	 #content .downloadForm .membershipForm h2 {
		 margin-bottom: 50px;
	}
	/*=== Login Page ===*/
	 #content .loginPageForm > div > label {
		 display: block;
		 text-align: left;
		 width: 100%;
		 margin: 0;
	}
	/* Conclave Trading Event */
	 #conclaveTabsSection > div {
		 padding: 90px 15px 80px;
	}
	 #conclaveTabsSection h1 {
		 font-size: 28px;
	}
	 #gold-tab .goldIconSvg {
		 width: 56px;
		 margin-right: 20px;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 420px */
/* ==================================================================================================== */
 @media only screen and (max-width: 420px) {
	 #questionTabs li {
		 margin-right: 15px;
	}
	/* Conclave Event 2018 */
	 #conclaveInfoSection h1 {
		 font: 26px/31px "Belleza", sans-serif;
	}
	 #conclaveInfoSection div.flexc.dl > div {
		 flex: 0 1 100%;
		 padding: 0;
		 border-left: none;
	}
	 #conclaveInfoSection div.flexc.dl p br {
		 display: none;
	}
	 #conclaveBenefitsSection legend {
		 font: 40px/40px "Belleza", sans-serif;
	}
	 #silver-tab .silverIconSvg {
		 width: 56px;
		 margin-top: -10px;
	}
	 #silver-tab h1 {
		 padding: 0 0 50px 75px;
	}
	 #conclaveBenefitsSection .btn.gold.empty {
		 margin: 20px auto 10px;
		 padding: 0 12px;
		 font-size: 13px;
		 display: block;
	}
	 #conclaveTabsSection .tabs {
		 height: 70px;
	}
	 #conclaveInfoSection h1, #conclaveInfoSection h1 + p, #conclaveInfoSection div.flexc > div:first-child {
		 text-align: left;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 399px */
/* ==================================================================================================== */
 @media only screen and (max-width: 399px) {
	 #pricingTerms {
		 margin: 25px 0 40px;
	}
	 label.term em {
		 bottom: -35px;
		 top: auto;
	}
	/* Conclave Event 2018 */
	 #conclaveOurPartners .partnersLogos {
		 flex-direction: column;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 390px */
/* ==================================================================================================== */
 @media only screen and (max-width: 390px) {
	 #questionTabs li {
		 font-size: 16px;
		 margin-right: 12px;
	}
}
/* ==================================================================================================== */
/* Max-Width: 360px */
/* ==================================================================================================== */
 @media only screen and (max-width: 360px) {
	/*The recaptcha has a set width of 318px, it cannot be resized using the width property because it contains many custom elements inside. We use Transform instead. */
	 #recaptcha_area {
		 transform-origin: left;
		 transform: scale(0.9);
	}
	 .leftColumn p img {
		 margin: 0 !important;
	}
	/* Pricing page */
	 #banner.full {
		 padding: 30px 15px;
	}
	 .service p.price {
		 font-size: 50px;
	}
	 .subscriptionForm label.service span.check span, .subscriptionForm div.total span, .subscriptionForm label.service span.check span:last-child, .subscriptionForm div.total span:last-child {
		 font-size: 15px;
	}
	 a.expand.services {
		 margin-left: -145px;
		 padding: 15px 15px 0;
		 width: 290px;
	}
	/* Conclave Page */
	 #conclaveTabsSection .tabs li {
		 line-height: 1em;
	}
	/* END: Conclave Event 2018 */
}
/* ==================================================================================================== */
/* Max-Width: 359px */
/* ==================================================================================================== */
 @media only screen and (max-width: 359px) {
	/* Pricing page */
	 #questionTabs li {
		 font-size: 18px;
		 margin-right: 25px;
	}
	 #questionTabs li a br {
		 display: block;
	}
	 #questionTabs em.gold {
		 margin: 0;
	}
}