﻿.carousel-indicators {
    top: 10px;
    bottom: inherit;
}

    .carousel-indicators .active {
        background-color: #a0a0a0;
    }

    .carousel-indicators li {
        border: 1px solid #f3f3f3;
    }

.howwecare-title {
    margin-top: 0px;
    color: #666666;
    text-align: center;
    font-size: 18.43pt;
    font-family: 'DearJoe5CasualW00-Pro';
    opacity: 0.54;
        display:inline-block;
}

.howwecare-desc {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #996600;
    text-align: center;
    font-size: 10.37pt;
    font-family: 'Garamond W10';
}

.howwecare-listcontainer {
    color: #333333;
    font-size: 8.07pt;
    font-family: 'Open Sans';
    display: table;
    margin: 0 auto;
    background-color: #ffffff;
    background-image: url('https://www.reflectivejewelry.com/MerchantShoppingCartImages/MLandingImages_1/Tier3_Item2_bg.jpg');
}

    .howwecare-listcontainer .panel {
        margin-bottom: 0px;
        background: none;
    }


.getHomePageDetails {
    color: #333333;
}

    .getHomePageDetails:after {
        /* symbol for "opening" panels */
        font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
        content: "\e252"; /* adjust as needed, taken from bootstrap.css */
        margin-left: 6px;
        color: #a0a0a0; /* adjust as needed */
        vertical-align: middle;
        font-size: 8px;
    }

    .getHomePageDetails.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\e250"; /* adjust as needed, taken from bootstrap.css */
    }

.howwecare-submenu {
}
@media screen and (min-width:320px) and (max-width:767px) { 
.resetmobilecol {
    padding:0px !important;
}

.forshortmedia1 {
    overflow:hidden;
    max-height:calc(90px + 33vw);
}
 
.forshortmedia2 {
    overflow: hidden;
    max-height: calc(30px + 100vw);
}

 
.forshortmedia3 {
    overflow: hidden;
    max-height: calc(250px + 30vw);
}
.forshortmedia3 img {
    margin-top: -21%!important;
}

.forshortmedia4 {
    overflow: hidden;
    max-height: calc(400px + 30vw);
}

.forshortmedia4 img {
    margin-top: -40%!important;
}

}
.ProductsTopLevel .homelinks {
       text-decoration: underline;
}


.home-title {
    font-size:calc(0.5em + 3vw);
    line-height:1.2em;
}

.home-desc {
    font-size:calc(9pt + 0.4vw); 
  
}
.home-nav {
    font-size: calc(8pt + 0.25vw);  font-family:verdana;
}

.home-text-container {
    padding-left:12px; padding-right:12px;
    max-width:800px;
    margin:0px auto;
}

@media screen and (min-width:767px) and (max-width:992px) { 
 
    .forshortmedia1 {
        overflow:hidden;
        max-height:300px;
    }
    .forshortmedia2 {
        overflow:hidden;
        max-height:300px;
    }
    .forshortmedia4 {
        overflow: hidden;
        max-height: calc(400px + 30vw);
    }
    
    .forshortmedia4 img {
        margin-top: -40%!important;
    }
    
    }

@media screen and  (max-width:1199px) { 
 
    .lastrow2 {
        padding-right: 10px;
    padding-left: 10px;
    }
}

 

@media screen and (min-width: 1200px) {

 

    .braceletboxlink {
        display: table;
        margin: 0px auto;
        border: 2px solid rgba(153, 153, 153, .5);
        padding: 6px;
        text-align: center;
        font-size: 9.1pt;
        min-width: 175px;
    }

        .braceletboxlink span {
            font-family: 'DialogLTW01-LightItalic';
            color: #333333;
        }




    .homepage-tier2-item3 {
        padding-right: 0px;
    }

    .homepage-tier2-item1 {
        padding: 0px;
        margin-bottom: 15px;
    }

    .homepage-tier2-item2 {
        padding: 0px;
    }

    .homepage-tier3-item1 {
        padding: 0px;
    }

    .homepage-tier3-item3 {
        padding: 0px;
    }

    .homepage-tier3-item2-bg {
        background-image: url('https://www.reflectivejewelry.com/MerchantShoppingCartImages/MLandingImages_1/Tier3_Item2_bg.jpg');
    }


    /* **********************************  */

    .women-tier1-item1 {
        padding-right: 17px;
        padding-left: 0px;
        margin-bottom: 5px;
    }

    .women-tier1-item2 {
        padding-left: 0px;
        padding-right: 17px;
    }

    .women-tier1-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }

    .women-tier2-item4 {
        padding-left: 0px;
        padding-right: 8px;
    }

    .women-tier2-item1 {
        padding-left: 0px;
        padding-right: 8px;
        margin-bottom: 10px;
    }


    .women-tier2-item3 {
        padding-left: 0px;
        padding-right: 8px;
    }


    .women-tier2-item5 {
        padding-right: 0px;
        padding-left: 22px;
        padding-bottom: 0px;
    }


    /* **********************************  */


    .men-tier1-item1 {
        padding: 0px;
        margin-bottom: 5px;
    }

    .men-tier1-item2 {
        padding-right: 0px;
        padding-left: 17px;
        margin-bottom: 10px;
    }

    .men-tier1-item3 {
        padding-right: 0px;
        padding-left: 17px;
        margin-bottom: 8px;
    }

    .men-tier2-item1 {
        padding-left: 0px;
        margin-bottom: 10px;
        padding-right: 20px;
    }


    .men-tier2-item2 {
        padding: 0px;
        margin-bottom: 10px;
    }

    .men-title img {
    }


    /* **********************************  */

    .wedding-tier1-item1 {
        padding: 0px;
    }


    #weddinglinks {
        position: absolute;
        z-index: 10;
        font-family: 'DearJoe5CasualW00-Pro';
        bottom: 20px;
        left: 60%;
    }

    .wedding-tier2-item1 {
        padding-left: 0px;
        padding-right: 8px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item2 {
        padding-left: 0px;
        padding-right: 8px;
        margin-bottom: 8px;
    }


    .wedding-tier2-item3 {
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item4 {
        padding-left: 8px;
        padding-right: 0px;
    }


    .wedding-tier2-item3 img {
        display: table;
        margin: 0 auto;
    }


    .wedding-tier2-item4 img {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {

    .braceletboxlink {
        display: table;
        margin: 0px auto;
        border: 2px solid rgba(153, 153, 153, .5);
        padding: 6px;
        text-align: center;
        font-size: 9.1pt;
        min-width: 175px;
    }

        .braceletboxlink span {
            font-family: 'DialogLTW01-LightItalic';
            color: #333333;
        }

    .homepage-tier2-item1 {
        padding: 0px;
        margin-bottom: 15px;
    }

    #weddinglinks {
        bottom: 20px;
        left: 60%;
    }

    .homepage-tier2-item2 {
        padding: 0px;
    }

    .homepage-tier2-item3 {
        padding-right: 0px;
    }


    .homepage-tier3-item1 {
        padding: 0px;
    }

    .homepage-tier3-item3 {
        padding: 0px;
    }


    .homepage-tier3-item2-bg {
        background-image: url('https://www.reflectivejewelry.com/MerchantShoppingCartImages/MLandingImages_1/Tier3_Item2_bg.jpg');
    }


    .women-tier1-item1 {
        padding-right: 17px;
        padding-left: 0px;
        margin-bottom: 5px;
    }

    .women-tier1-item2 {
        padding-left: 0px;
        padding-right: 17px;
    }

    .women-tier1-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }

    .women-tier2-item4 {
        padding-left: 0px;
        padding-right: 8px;
    }

    .women-tier2-item1 {
        padding-left: 0px;
        padding-right: 8px;
        margin-bottom: 10px;
    }


    .women-tier2-item3 {
        padding-left: 0px;
        padding-right: 8px;
    }


    .women-tier2-item5 {
        padding-right: 0px;
        padding-left: 18px;
        padding-bottom: 0px;
    }


    /*  ******************************   */

    .men-tier1-item1 {
        padding: 0px;
        margin-bottom: 5px;
    }

    .men-tier1-item2 {
        padding-right: 0px;
        padding-left: 17px;
        margin-bottom: 10px;
    }

    .men-tier1-item3 {
        padding-right: 0px;
        padding-left: 17px;
        margin-bottom: 8px;
    }



    .men-tier2-item1 {
        padding-left: 0px;
        margin-bottom: 10px;
    }


    .men-tier2-item2 {
        padding: 0px;
        margin-bottom: 10px;
    }

    .men-title img {
        /*display: table;
        margin: 0 auto;*/
    }

    .women-title img {
        /*display: table;
        margin: 0 auto;*/
    }

    /* **********************************  */

    .wedding-tier1-item1 {
        padding: 0px;
    }

    #weddinglinks {
        position: absolute;
        z-index: 10;
        font-family: 'DearJoe5CasualW00-Pro';
        bottom: 10px;
        left: 50%;
    }

    .wedding-tier2-item1 {
        padding-left: 0px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item2 {
        padding-left: 0px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item3 {
        padding-left: 0px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item4 {
        padding-left: 4px;
        padding-right: 0px;
    }

    .wedding-tier2-item3 img {
        display: table;
        margin: 0 auto;
        width: 100%;
    }


    .wedding-tier2-item4 img {
        display: table;
        margin: 0 auto;
        width: 100%;
    }


    .wedding-title img {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {

    .braceletboxlink {
        display: table;
        margin: 0px auto;
        border: 2px solid rgba(153, 153, 153, .5);
        padding: 6px;
        text-align: center;
        font-size: 9.1pt;
        min-width: 175px;
    }

        .braceletboxlink span {
            font-family: 'DialogLTW01-LightItalic';
            color: #333333;
        }

    .homepage-tier2-item3 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .homepage-tier2-item1 {
        padding-right: 5px;
        margin-bottom: 5px;
        padding-left: 0px;
    }

    .homepage-tier2-item2 {
        padding-left: 5px;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .homepage-tier3-item2 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }

    .homepage-tier3-item1 {
        padding-right: 5px;
        margin-bottom: 5px;
        padding-left: 0px;
    }

    .homepage-tier3-item3 {
        padding-left: 5px;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .homepage-tier3-item2-bg {
        background-image: url('https://www.reflectivejewelry.com/MerchantShoppingCartImages/MLandingImages_1/Tier3_Item2_bg.jpg');
    }



    .women-tier1-item1 {
        padding-left: 0px;
        padding-right: 5px;
    }



    .women-tier1-item2 {
        padding-right: 0px;
        padding-left: 5px;
        margin-bottom: 15px;
    }

    .women-tier1-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }



    .women-tier2-item1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }


    .women-tier2-item3 {
        padding-left: 0px;
        padding-right: 5px;
    }

    .women-tier2-item4 {
        padding-left: 5px;
        padding-right: 0px;
        margin-bottom: 15px;
    }


    .women-tier2-item5 {
        padding-right: 0px;
        padding-left: 18px;
        padding-bottom: 0px;
    }


    /*  ******************************   */

    .men-tier1-item1 {
        padding: 0px;
        margin-bottom: 5px;
    }

    .men-tier1-item2 {
        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 8px;
    }

    .men-tier1-item3 {
        padding-right: 0px;
        padding-left: 5px;
        margin-bottom: 8px;
    }



    .men-tier2-item1 {
        padding-left: 0px;
        margin-bottom: 10px;
    }


    .men-tier2-item2 {
        padding: 0px;
        margin-bottom: 10px;
    }

    .men-title img {
        display: table;
        margin: 0 auto;
    }

    .women-title img {
        display: table;
        margin: 0 auto;
    }


    /* **********************************  */

    .wedding-tier1-item1 {
        padding: 0px;
    }

    .wedding-tier2-item1 {
        padding-left: 0px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item2 {
        padding-left: 4px;
        padding-right: 0px;
        margin-bottom: 8px;
    }



    .wedding-tier2-item3 {
        padding-left: 0px;
        padding-right: 4px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item4 {
        padding-left: 4px;
        padding-right: 0px;
    }


    .wedding-tier2-item3 img {
        display: table;
        margin: 0 auto;
        width: 100%;
    }


    .wedding-tier2-item4 img {
        display: table;
        margin: 0 auto;
        width: 100%;
    }

    .wedding-title img {
        display: table;
        margin: 0 auto;
    }
}
.customInputAlign { 
	max-width: 125px; margin: auto;
}
@media screen and (min-width: 300px) and (max-width: 360px) {
		.customInputAlign { 
		max-width: 90px !important; margin: auto;
		}
		#topheader1 .customInput {
			max-width: 90px !important; margin: auto;
		}
}

@media screen and (min-width: 361px) and (max-width: 767px) {


    .braceletboxlink {
        display: table;
        margin: 0px auto;
        border: 2px solid rgba(153, 153, 153, .5);
        padding: 6px;
        text-align: center;
        font-size: 9.1pt;
        min-width: 175px;
    }

        .braceletboxlink span {
            font-family: 'DialogLTW01-LightItalic';
            color: #333333;
        }



    .homepage-tier2-item3 {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 10px;
    }

    .homepage-tier2-item1 {
    }

    .homepage-tier2-item2 {
    }

    .homepage-tier3-item2 {
        padding: 0px;
        margin-top: 10px;
    }

    .homepage-tier3-item1 {
        margin-top: 10px;
    }

    .homepage-tier3-item3 {
        margin-top: 10px;
    }


    .women-tier1-item1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 8px;
    }



    .women-tier1-item2 {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 8px;
    }

    .women-tier1-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }



    .women-tier2-item1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }


    .women-tier2-item3 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .women-tier2-item4 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }


    .women-tier2-item5 {
        padding-right: 0px;
        padding-left: 18px;
        padding-bottom: 0px;
    }


    /* ********************  */
    .men-tier1-item1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 8px;
    }



    .men-tier1-item2 {
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 8px;
    }

    .men-tier1-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }



    .men-tier2-item1 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }


    .men-tier2-item2 {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .men-title img {
        display: table;
        margin: 0 auto;
    }

    .women-title img {
        display: table;
        margin: 0 auto;
    }

    /* **********************************  */

    .wedding-tier1-item1 {
        padding: 0px;
    }

    .wedding-tier2-item1 {
        padding: 0px;
        margin-bottom: 8px;
    }

    .wedding-tier2-item2 {
        padding: 0px;
        margin-bottom: 8px;
    }


    .wedding-tier2-item3 {
        padding: 0px;
        margin-bottom: 8px;
    }

        .wedding-tier2-item3 img {
            display: table;
            margin: 0 auto;
        }

    .wedding-tier2-item4 {
        padding-left: 4px;
        padding-right: 0px;
    }

        .wedding-tier2-item4 img {
            display: table;
            margin: 0 auto;
        }

    .wedding-title img {
        display: table;
        margin: 0 auto;
    }

    .homepage-tier3-item2-bg {
        background-image: url('https://www.reflectivejewelry.com/MerchantShoppingCartImages/MLandingImages_1/Tier3_Item2_bg.jpg');
    }
}



.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}

.inside-full-height {
    /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.content {
    padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {

    .ProductsTopLevel .our-story-content {
        color: #333333;
        font-size: 18pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }


    .ProductsTopLevel .visitus-content {
        color: #996600;
        font-size: 18pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }


    .ProductsTopLevel .learn-more-content {
        color: #000000;
        font-size: 13pt;
        font-family: 'Open Sans';
        max-width: 440px;        
        display:inline-block;
    }


    .ProductsTopLevel .our-designers-content {
        color: #000000;
        font-size: 15pt;
        font-family: 'Garamond W10';
        max-width: 320px;
        text-align: center;
        margin: 20px auto;
        padding: 10px;
    }


    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {

    .ProductsTopLevel .our-story-content {
        color: #333333;
        font-size: 14pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }

    .ProductsTopLevel .visitus-content {
        color: #996600;
        font-size: 14pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }

    .ProductsTopLevel .learn-more-content {
        color: #000000;
        font-size: 11pt;
        font-family: 'Open Sans';
        max-width: 440px;
       
        display:inline-block;
    }


    .ProductsTopLevel .our-designers-content {
        color: #000000;
        font-size: 14pt;
        font-family: 'Garamond W10';
        max-width: 320px;
        text-align: center;
        margin: 10px auto;
        padding: 10px;
    }


    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {

    .ProductsTopLevel .our-story-content {
        color: #333333;
        font-size: 16pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }

    .ProductsTopLevel .visitus-content {
        color: #996600;
        font-size: 16pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }

    .ProductsTopLevel .learn-more-content {
        color: #000000;
        font-size: 12pt;
        font-family: 'Open Sans';
        max-width: 440px;
        
        display:inline-block;
    }


    .ProductsTopLevel .our-designers-content {
        color: #000000;
        font-size: 16pt;
        font-family: 'Garamond W10';
        max-width: 320px;
        text-align: center;
        margin: 15px auto;
        padding: 10px;
    }

    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {



    .ProductsTopLevel .our-story-content {
        color: #333333;
        font-size: 18pt;
        font-family: 'Garamond W10';
        max-width: 440px;
    }

    .ProductsTopLevel .visitus-content {
        color: #996600;
        font-size: 18pt;
        font-family: 'Garamond W10';
        max-width: 530px;
    }

    .ProductsTopLevel .learn-more-content {
        color: #000000;
        font-size: 12pt;
        font-family: 'Open Sans';
        max-width: 440px;
        
        display:inline-block;
    }


    .ProductsTopLevel .our-designers-content {
        color: #000000;
        font-size: 18pt;
        font-family: 'Garamond W10';
        max-width: 320px;
        text-align: center;
        margin: 20px auto;
        padding: 10px;
    }

    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}


/* The New TopLevel Landing Pages  */
/* ************************************************************* */
/* ************************************************************* */

.ProductsTopLevel img {
    margin: 0px auto;
}

.site-page-header {
    margin: 0px auto;
    text-align: center;
    padding: 10px;
}
.site-page-header-title-h1 {
    color: #a78132 !important;
    font-size: 40pt;
    font-weight: 400;
    font-family: 'Open Sans';
}


.colmargin {
    margin-bottom: 10px;
}

.ProductsTopLevel .row {
    margin-bottom: 15px;
}

.ProductsTopLevel .product-name {
    font-size: 12pt;
    text-transform: capitalize;
    color: rgb(153, 102, 0) !important;
    font-family: 'Roboto';
    margin: 0px;
   
        display:inline-block;
    font-weight: 500;
}

    .ProductsTopLevel .product-name a {
        color: rgb(153, 102, 0) !important;
    }


.ProductsTopLevel .product-option-name {
    font-size: 10.5pt;
    font-family: 'Open Sans';
    color: #999999;
    font-style: italic;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
}

.ProductsTopLevel .product-price {
    font-size: 12pt;
    font-family: 'Dialog LT W01 Semibold';
    color: #666666;
}

.ProductsTopLevel .productlist-container {
    height: 400px;
}

.ProductsTopLevel .productimage-container {
    height: 250px;
}

.ProductsTopLevel .productcontent-container {
    max-width: 220px;
    height: 140px;
    overflow: auto;
    
    margin: 0 auto;
}



.ProductsTopLevel .customers-story-content {
    color: #666666;
    font-size: 12pt;
    font-family: 'Open Sans';
    
        display:inline-block;
}







@media (min-width:300px) and (max-width:479px) {
}

@media (min-width:300px) and (max-width:767px) {



    .ProductsTopLevel .title1 {
        text-transform: capitalize; 
        font-size: 18pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #000;
        text-align: center;
        letter-spacing: 1px;
        display: inline-block;

    }

    .ProductsTopLevel .section-title {
        font-size: 0.6em;
        -webkit-font-smoothing: antialiased;
        font-family: 'Roboto' !important;
        color: #a78132 !important;
        text-transform: capitalize;
        text-align: center;
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-content {
        text-align: center;
        font-size: 11pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #666666;
        text-align: center;
        font-weight:400;
        /* letter-spacing: 0.1pt;*/
    }

    .ProductsTopLevel .section-container {
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
        height: 350px;
    }

    .ProductsTopLevel .h-banner-title {
        font-size: 1em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
    }

    .ProductsTopLevel .banner-title {
        font-size: 1em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
    }


    .ProductsTopLevel .banner-title-sm {
    }

    .ProductsTopLevel .banner-subtitle {
        font-size: 12pt;
        letter-spacing: 1px;
        color: gold;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .banner-subtitle-xs {
        font-size: 12pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }



    .ProductsTopLevel .banner-subtitle-black {
        font-size: 12pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle {
        font-size: 12pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-black {
        font-size: 12pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle-lg-black {
        font-size: 14pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-lg {
        font-size: 14pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }



    .ProductsTopLevel .our-designers-subtitle, .our-story-subtitle {
        font-size: 0.5em;
        letter-spacing: 1px;
        color: #be884f;
        font-family: 'Open Sans';
        text-transform: uppercase;
        display: inline-block;
    }

    .ProductsTopLevel .banner-subtitle2 {
        font-size: 0.6em;
        font-family: 'Gill Sans WGL W01 Regular';
        letter-spacing: 1px;
        color: #be884f;
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .banner-caption {
        font-size: 12pt;
        font-family: 'Open Sans';
        color: #fdfdfd;
        display:inline-block;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .ProductsTopLevel .imgFeatured, .imgJewelry, .imgOurDesigners, .imgOurStory {
        width: 100%;
    }

    .ProductsTopLevel .imgArtistry {
        height: 320px;
        width: 100%;
    }

    .ProductsTopLevel .title1 {
        text-transform: capitalize;
        font-size: 20pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #000;
        text-align: center;
        letter-spacing: 1px;
        display: inline-block;
    }

    .ProductsTopLevel .section-title {
        font-size: 0.6em;
        -webkit-font-smoothing: antialiased;
        font-family: 'Roboto';
        color: #a78132 !important;
        text-transform: capitalize;
        text-align: center;
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-content {
        text-align: center;
        font-size: 9pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #666666;
        text-align: center;
        font-weight: 400;
        /* letter-spacing: 0.1pt;*/
    }

    .ProductsTopLevel .section-container {
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
        height: 350px;
    }

    .ProductsTopLevel .h-banner-title {
        font-size: 1.6em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }

    .ProductsTopLevel .banner-title {
        font-size: 1.4em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }


    .ProductsTopLevel .banner-title-sm {
    }

    .ProductsTopLevel .banner-subtitle {
        font-size: 16pt;
        letter-spacing: 1px;
        color: gold;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
    }

    .ProductsTopLevel .banner-subtitle-xs {
        font-size: 0.3em;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
     
    }


    .ProductsTopLevel .banner-subtitle-black {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-black {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle-lg-black {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-lg {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .our-designers-subtitle, .our-story-subtitle {
        font-size: 0.5em;
        letter-spacing: 1px;
        color: #be884f;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
    }

    .ProductsTopLevel .banner-subtitle2 {
        font-size: 0.6em;
        font-family: 'Gill Sans WGL W01 Regular';
        letter-spacing: 1px;
        color: #be884f;
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .banner-caption {
        font-size: 10pt;
        font-family: 'Gill Sans WGL W01 Regular';
        color: #fdfdfd;
        margin-top: 10px;
        display: inline-block;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ProductsTopLevel .imgFeatured, .imgJewelry, .imgOurDesigners, .imgOurStory {
        width: 100%;
    }

    .ProductsTopLevel .imgArtistry {
        height: 350px;
        width: 100%;
    }

    .ProductsTopLevel .title1 {
        text-transform: capitalize;
        font-size: 21pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #000;
        text-align: center;
        letter-spacing: 1px;
        display: inline-block;
    }

    .ProductsTopLevel .section-title {
        font-size: 0.6em;
        -webkit-font-smoothing: antialiased;
        font-family: 'Roboto';
        color: #a78132 !important;
        text-transform: capitalize;
        text-align: center;
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-content {
        text-align: center;
        font-size: 11pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #666666;
        text-align: center;
        /* letter-spacing: 0.1pt;*/
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-container {
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
        height: 350px;
    }

    .ProductsTopLevel .h-banner-title {
        font-size: 1.5em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }

    .ProductsTopLevel .banner-title {
        font-size: 1.5em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }


    .ProductsTopLevel .banner-title-sm {
    }

    .ProductsTopLevel .banner-subtitle {
        font-size: 18pt;
        letter-spacing: 1px;
        color: gold;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
    }


    .ProductsTopLevel .banner-subtitle-xs {
        font-size: 14pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
       
    }


    .ProductsTopLevel .banner-subtitle-black {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-black {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle-lg-black {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-lg {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }



    .ProductsTopLevel .our-designers-subtitle, .our-story-subtitle {
        font-size: 0.7em;
        letter-spacing: 1px;
        color: #be884f;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
    }


    .ProductsTopLevel .banner-subtitle2 {
        font-size: 0.9em;
        font-family: 'Gill Sans WGL W01 Regular';
        letter-spacing: 1px;
        color: #be884f;
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .banner-caption {
        font-size: 14pt;
        font-family: 'Open Sans';
        color: #fdfdfd;
        display: inline-block;
    }
}

@media (min-width:1200px) {
    .ProductsTopLevel .imgFeatured, .imgJewelry, .imgOurDesigners, .imgOurStory {
        width: 100%;
    }

    .ProductsTopLevel .title1 {
        text-transform: capitalize;
        font-size: 30pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #000;
        text-align: center;
        letter-spacing: 1px;
        display: inline-block;
        font-weight: 500;
    }

    .ProductsTopLevel .section-title {
         font-size:20pt; 
        -webkit-font-smoothing: antialiased;
        font-family: 'Roboto';
        color: #a78132 !important;
        text-transform: capitalize;
        text-align: center;
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-content {
        text-align: center;
        font-size: 11pt;
        -webkit-font-smoothing: antialiased;
        font-family: 'Open Sans';
        color: #666666;
        text-align: center;
        /* letter-spacing: 0.1pt;*/
        display: inline-block;
        font-weight: 400;
    }

    .ProductsTopLevel .section-container {
        text-align: center;
        max-width: 250px;
        margin: 0 auto;
        height: 350px;
    }

    .ProductsTopLevel .h-banner-title {
        font-size: 2.2em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }

    .ProductsTopLevel .banner-title {
        font-size: 2.2em;
        font-family: 'DearJoe5CasualW00-Pro';
        color: #be884f;
        display:inline-block;
    }


    .ProductsTopLevel .banner-title-sm {
    }

    .ProductsTopLevel .banner-subtitle {
        font-size: 18pt;
        letter-spacing: 1px;
        color: gold;
        font-family: 'Open Sans';
        text-transform: uppercase;
        display: inline-block;
    }

    .ProductsTopLevel .banner-subtitle-xs {
        font-size: 16pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display: inline-block;
        
    }


    .ProductsTopLevel .banner-subtitle-black {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }


    .ProductsTopLevel .h-banner-subtitle {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }



    .ProductsTopLevel .h-banner-subtitle-black {
        font-size: 18pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-lg-black {
        font-size: 20pt;
        letter-spacing: 1px;
        color: #000000;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }

    .ProductsTopLevel .h-banner-subtitle-lg {
        font-size: 20pt;
        letter-spacing: 1px;
        color: #fdfdfd;
        font-family: 'Gill Sans WGL W01 Regular';
        text-transform: uppercase;
        display:inline-block;
    }



    .ProductsTopLevel .our-designers-subtitle, .our-story-subtitle {
        font-size: 0.7em;
        letter-spacing: 1px;
        color: #be884f;
        font-family: 'Open Sans';
        text-transform: uppercase;
        display: inline-block;
    }




    .ProductsTopLevel .banner-subtitle2 {
        font-size: 0.9em;
        font-family: 'Open Sans';
        font-weight:500;
        letter-spacing: 1px;
        color: #be884f;
        text-transform: uppercase;
        display: inline-block;
    }

    .ProductsTopLevel .banner-caption {
        font-size: 14pt;
        font-family: 'Open Sans';
        color: #fdfdfd;
        display:inline-block;
    }

    .ProductsTopLevel .imgArtistry {
        height: 470px;
        max-height: 470px;
        width: 100%;
    }
}


.reducedfont {
    font-size: 0.9em;
    display: inline-block;
    margin-top: -20px;
    text-transform: capitalize;
}

.resetmargin {
    display: inline-block;
    margin-top: 20px;
}

.ProductsTopLevel .helptext {
    font-size: 10.5pt;
    font-family: 'Open Sans';
    color: #999999;
}

.ProductsTopLevel .pllanding_main_carousel {
    width: 95%;
    margin: 0 auto;
}

    .ProductsTopLevel .pllanding_main_carousel ul {
        list-style: none outside none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .ProductsTopLevel .pllanding_main_carousel li {
        display: block;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }


    .ProductsTopLevel .pllanding_main_carousel .lSAction > a {
        /*    background-image: url(../images/icons/controls.png);*/
        background-image: url(https://www.reflectivejewelry.com/images/icons/controls_xsmall.png);
    }

    .ProductsTopLevel .pllanding_main_carousel .lSSlideWrapper {
        position: inherit;
    }

    .ProductsTopLevel .pllanding_main_carousel .lSAction > .lSPrev {
        left: 16px;
    }

    .ProductsTopLevel .pllanding_main_carousel .lSAction > .lSNext {
        right: 16px;
    }

.ProductsTopLevel a:hover {
    color: inherit;
    text-decoration: none;
}


.CustomTopLevel .custom_main_carousel {
    max-width: 600px;
    margin: 0 auto;
    height: 250px;
}

/*.CustomTopLevel .custom_main_carousel {
    width: 95%;
    margin: 0 auto;
}*/

    .CustomTopLevel .custom_main_carousel ul {
        list-style: none outside none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .CustomTopLevel .custom_main_carousel li {
        display: block;
        float: left;
        margin-right: 6px;
        cursor: pointer;
    }


    .CustomTopLevel .custom_main_carousel .lSAction > a {
        /*    background-image: url(../images/icons/controls.png);*/
        background-image: url(https://www.reflectivejewelry.com/images/icons/controls_xsmall.png);
    }

    .CustomTopLevel .custom_main_carousel .lSSlideWrapper {
        position: inherit;
    }

    .CustomTopLevel .custom_main_carousel .lSAction > .lSPrev {
        left: 16px;
    }

    .CustomTopLevel .custom_main_carousel .lSAction > .lSNext {
        right: 16px;
    }


/* ************************************************************* */
/* ************************************************************* */
