@media (max-width: 667px) {

    html{
        height: 100%;
    }
    body {
        height: 100%;
        overflow-x: hidden !important;
    }
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    .pageContainer {
        background-color:white;
        max-width: 666px;
        margin: 0 auto;

    }

    h1 {
        font-family:    'DezenProBold', Helvetica, sans-serif;
        font-size:   8vw;
        line-height: 8vw;
        font-weight: 400;
        padding: 0 0 0 0;
        margin: 0 0 0 0;

        color:          #000;

    }
    .h1 {
        font-size:   6vw;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 6vw;
        font-weight: 400;
    }

    .h1extra {
        font-size:   2.25em;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 1em;
        color:       #3e4f7c;
        font-weight: 600;
    }

    h2 {
        font-family:    "DezenProMedium", Helvetica, sans-serif;
        font-size:      4.75vw;
        color:          #000;
        line-height:    5.5vw;
        font-weight:    300;
        letter-spacing: .04vw;

    }

    .h2 {
        font-family: "DezenProBold", Helvetica, sans-serif;
        font-size:   5vw;
        color:       #914196;
        line-height: 1vw;
        font-weight: 300;
        padding-bottom:2vw;
    }

    p {
        font-family:"CenturySchoolbook";
        line-height: 4.75vw;
        font-size:4.25vw;
        color:#333333;

    }



    .pageContainer{


    }
    #prof a {
        text-align:     center;
        letter-spacing: .15em;
        font-family:    "DezenProLight", Helvetica, sans-serif;
        /*color:          #F05B25;*/
        color:black;
        font-size:      6vw;
        line-height:    6vw;



    }
    .text-error{
        color: #EE385E;
        font-family: "CenturySchoolbook", Times, Serif;
        line-height: 4vw;
        font-size:4vw;

    }

    .table-condensed td {

        font-size:3vw;
        line-height:3vw;
    }
    .table-condensed th {

        font-size:3vw;
        line-height:3vw;
    }

    .blue2  {
        font-family: "DezenProHeavy", Helvetica, sans-serif;
        font-size:      4.25vw;
        letter-spacing: .5vw;
        line-height:    5.5vw;

    }

    .mobilelogo {

        width:68vw;
        padding:1vw 2vw 1vw 2vw;

    }
    .mobilelogo img {

        width:100%;
        border:0;
        margin:auto;
        vertical-align:middle;
        overflow:auto;
    }
    .mobilebuttons {


        float:                 left;
        margin:                0 0 0 0;
        padding:              0 1vw 1vw 0;
        height:                14vw;
        max-height:            14vw;
        width:                 14vw;
        max-width:             14vw;



    }
    .mobilebuttons img {

        width:100%;
        border:0;

        overflow:auto;
    }

    .mobilebuttons a {

      border:none;
    }
    /*  MAX 667px  */
    .callus {

        font-family: 'DezenProMedium', Helvetica, Arial, sans-serif;
        font-size:4vw;
        text-align:center;
    //*  letter-spacing:.2vw;*/
    padding:1vw 0 0 0 ;
        text-decoration:none;
        color:black;
    }
    /* MOBILE ADDSEARCH  MOBILE ADDSEARCH  MOBILE ADDSEARCH   MOBILE ADDSEARCH    MOBILE ADDSEARCH   MOBILE ADDSEARCH   ADDSEARCH  ADDSEARCH   ADDSEARCH */

    #mobilesearchentry {

        font-size: 1.5em;
    }

    #mobilesearchresultspanel {

        display:  inline-block;
        position: relative;

    }
    #mobilesearchresultstable  {
        display:none;
        position: absolute;
        background-color: #f9f9f9;
        -webkit-border-radius: 3px;
        -moz-border-radius:    3px;
        border-radius:         3px;
        border:                0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 0 2em 0 0 ;
        z-index: 5;
    }

    #mobilesearchresultstable p{

        font-size:1em;
        line-height:1em;
        color:#666;

    }

    #mobilesearchresultstable a{

        font-weight:700;
        font-size:1.25rem;
        line-height:2rem;

    }

    #mobilesearchresultstable ul{

        margin: 0 0 0 1em;
        padding:0 0 0 .5rem ;

    }
    #mobilesearchresultstable li{

        list-style-type: none;

    }
    #mobilesearchresultstable img{

        height:50%;
        width:50%;
        margin: 0 1em 1em 0;
        float:left;
    }


    .springgreen{

        color:#9AC33C;

        font-family: 'CenturySchoolbook-BoldItalic', Times, serif;
        font-size:1.75vw;
        line-height:1.75vw;
        text-align:left;
        padding: .25rem 0 0 0;"
    }

    .horizimg {

        height: 100%;
        max-height: 100%;
    }

    #gallery-modal-active {

        /*display: none; */
    }
    .mobile-bulb-details {
        padding-left:    0;

    }
    #partners-desktop {
        display: none;
    }
    #partners-mobile {

        margin: 0 3vw 0 3vw;

    }
    .horizimg img {
        width:  100%;
        height: auto;
    }
    #pagewrapper {
        /*margin-left: 0 2em 0 2em;
        margin: 0 3vw 0 3vw; */
    }
                                                                            /*  MAX 667px  */

    #blanketmenu {
        position:              absolute;
        top:                   16vw;
        display:               none;
        padding:               2vw 2vw 5vw 8vw;
       /* background-color:      #FFF9E2; */

        z-index:               1000;
    }

    #blanketmenu ul {

        margin: 0 0 0 0;
        padding:0 0 0 0;

    }

    #blanketmenu li {
        list-style-type: none;
        font-family:     "DezenProRegular", 'helvetica', sans-serif;
        font-size:       6vw;
        line-height:    6.75vw;
        margin: 0 0 0 0;
        padding:0 0 0 0;
    }

    #blanketmenu li a {

        text-decoration: none;
        color:           #000;

    }

    #blanketmenu a:hover {

        color:           #F05B25;
        text-decoration: underline;

    }
    #blanketmenu  h4 {

        font-family:     "DezenProBold", 'helvetica', sans-serif;
        font-size:       8vw;
        line-height:     5vw;
        color:             #F05B25;
        padding:        0 0 0 0 ;

    }
                                                                            /*  MAX 667px  */
    .btn.addsearch {

        background-color:   #C2DB8C;

    }
    .gallery {

    }

    #addthisfooter {
        margin-left: 3em;
    }

    .at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle-bg, .at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle-bg span {

        bottom: 40px;
    }
    #bulbpagefunctions {

        margin: 0 0 0 1em;
    }
    .soldout {
        top: 20vw;
        width: 96%;
    }
    .grid-item,
    .grid-sizer {
        width: 100%;
    }


    .helpbuttonclass {



    }

    #pricingtable table {
        padding: 0;
    }

    #pricingtable th {
        font-family: 'DezenProMedium',  Helvetica, Arial, sans-serif;
        font-size: 3.5vw;
        line-height: 3.5vw;
        border:      none;
    }

    #pricingtable td {
        font-family: 'DezenProRegular',  Helvetica, Arial, sans-serif;
        font-size: 3.5vw;
        line-height: 3.5vw;
        border:      none;

    }

    #bulbdetailtable table {
        padding: 0;
        margin:0
    }

    #bulbdetailtable th {
        font-family: 'DezenProMedium',  Helvetica, Arial, sans-serif;
        font-size: 3.5vw;
        line-height: 3.5vw;

        border:      none;
    }

    #bulbdetailtable td {
        font-family: 'DezenProRegular',  Helvetica, Arial, sans-serif;
        font-size: 3.5vw;
        line-height: 3.5vw;
        border:      none;
    }

    #bulbdetailtable a {
        font-family: 'DezenProBold',  Helvetica, Arial, sans-serif;

    }

    #bulbpagefunctions a{

        font-size:      3.5vw;
    }
    .gallerytext {
        font-family: "CenturySchoolbook-Italic", 'Times', serif;
        font-size:    3vw;
        line-height:   3vw;
        color:silver;
        padding: .5em 0 0 .25em;

    }

    #listing {


    }

    #listing td {

        font-size:3vw;
    }
    .gallerytext {
        font-size: 3vw;
    }
    .rainbowheader {
        height:            8px;
    }

    .article div {

        margin: 0;
    }
}
/*------------------------------------------------------------------------------------------------------*/
@media (min-width: 668px) and (max-width: 991px) {
    h1 {
        font-family:    'DezenProBold', Helvetica, sans-serif;
        font-size:   4vw;
        line-height: 4vw;

        padding: 0 0 0 0;
        margin: 0 0 0 0;

        color:          #000;
    }
    .h1 {
        font-size:   4vw;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 4vw;
        font-weight: 400;
    }

    .h1extra {
        font-size:   2.25em;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 1em;
        color:       #3e4f7c;
        font-weight: 600;
    }

    h2 {
        font-family:    "DezenProMedium", Helvetica, sans-serif;
        font-size:      2.25vw;
        color:          #000;
        line-height:    2.25vw;

        letter-spacing: .04vw;

    }

    .h2 {
        font-family: "DezenProBold", Helvetica, sans-serif;
        font-size:   3vw;
        color:       #914196;
        line-height: 3vw;
        font-weight: 300;

    }

    p {

        font-size:      2.5vw;
        color:#333;
        line-height:    3vw;
    }

    .blue2  {
        font-family: "DezenProHeavy", Helvetica, sans-serif;
        font-size:      2.25vw;
        letter-spacing: .2vw;
        line-height:    3.5vw;

    }

    .mobilelogo {

        width:67vw;
        padding:1vw 2vw 1vw 2vw;

    }
    .mobilelogo img {

        width:100%;
        border:0;

        overflow:auto;
    }
    .mobilebuttons {


        float:                 left;
        margin:                0 0 0 0;
        padding:              0 0 1vw 0;
        height:                14vw;
        max-height:            14vw;
        width:                 14vw;
        max-width:             14vw;



    }
    .mobilebuttons img {

        width:100%;
        border:0;

        overflow:auto;
    }
    /* MOBILE ADDSEARCH  MOBILE ADDSEARCH  MOBILE ADDSEARCH   MOBILE ADDSEARCH    MOBILE ADDSEARCH   MOBILE ADDSEARCH   ADDSEARCH  ADDSEARCH   ADDSEARCH */
    #mobilesearchentry {


    }
    #mobilesearchresultspanel {

        display:  inline-block;
        position: relative;

    }
    #mobilesearchresultstable  {
        display:none;
        position: absolute;
        background-color: #f9f9f9;
        -webkit-border-radius: 3px;
        -moz-border-radius:    3px;
        border-radius:         3px;
        border:                0;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 0 2em 0 0 ;
        z-index: 5;
    }

    #mobilesearchresultstable p{

        font-size:1em;
        line-height:1em;
        color:#666;

    }

    #mobilesearchresultstable a{

        font-weight:700;
        font-size:1.25rem;
        line-height:2rem;

    }

    #mobilesearchresultstable ul{

        margin: 0 0 0 1em;
        padding:0 0 0 .5rem ;

    }
    #mobilesearchresultstable li{

        list-style-type: none;

    }
    #mobilesearchresultstable img{

        height:50%;
        width:50%;
        margin: 0 1em 1em 0;
        float:left;
    }

    .callus {

        font-family: 'DezenProMedium', Helvetica, Arial, sans-serif;
        font-size:1vw;
        text-align:left;
    //*  letter-spacing:.2vw;*/
    padding:1vw 0 0 0 ;
        text-decoration:none;
        color:black;
    }

    .springgreen{

        color:#9AC33C;

        font-family: 'CenturySchoolbook-BoldItalic', Times, serif;
        font-size:1.75vw;
        line-height:1.75vw;
        text-align:left;
        padding: .25rem 0 0 0;"
    }

    .horizimg {
        height:     60vh;
        max-height: 60vh;
        overflow:   auto;
        display:    block;
        width:      100%;
    }
    #gallery-modal-inactive {
        /*  display: none; */
    }
    #partners-mobile {
        display:    none;
    }
                                                                        /* 668 px - 991 px */
    #blanketmenu {
        position:              absolute;
        top:                   15vw;
        display:               none;
        padding:               2vw 2vw 5vw 8vw;
/*        background-color:      #FFF9E2; */


        z-index:               1000;
    }

    #blanketmenu ul {

        margin: 0 0 0 0;
        padding:0 0 0 0;

    }

    #blanketmenu li {
        list-style-type: none;
        font-family:     "DezenProRegular", 'helvetica', sans-serif;
        font-size:       3vw;
        line-height:   3vw;
        margin: 0 0 0 0;
        padding:0 0 0 0;
    }

    #blanketmenu li a {

        text-decoration: none;
        color:           #000;

    }

    #blanketmenu a:hover {

        color:           #F05B25;
        text-decoration: underline;

    }
    #blanketmenu  h4 {

        font-family:     "DezenProBold", 'helvetica', sans-serif;
        font-size:       4vw;
        line-height:     4vw;
        color:             #F05B25;
        padding:        0 0 0 0 ;

    }
    .helpbuttonclass {

        cursor: pointer;

    }
    #addthisfooter {
        margin-left: 3em;
    }
                                                                            /* 668 px - 991 px */
    #bulbpagefunctions {

        margin: 0 0 0 1em;
    }
  /*  .grid-item,
    .grid-sizer {
        width: 50%;
    }
*/
    .gallerytext {
        font-size: 2vw;
    }
}
/*------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width:1199px) {
    h1 {
        font-family:    'DezenProBold', Helvetica, sans-serif;
        font-size:   3vw;
        line-height: 3vw;

        padding: 0 0 0 0;
        margin: 0 0 0 0;

        color:          #000;
    }
    .h1 {
        font-size:   3vw;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 3vw;
        font-weight: 400;
    }

    .h1extra {
        font-size:   2.25em;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 1em;
        color:       #3e4f7c;
        font-weight: 600;
    }

    h2 {
        font-family:    "DezenProMedium", Helvetica, sans-serif;
        font-size:      2vw;
        color:          #000;
        line-height:    2vw;

        letter-spacing: .04vw;

    }

    .h2 {
        font-family: "DezenProBold", Helvetica, sans-serif;
        font-size:   2vw;
        color:       #914196;
        line-height: 2vw;


    }
                                                                        /* 992 px - 1199 px */
    input[type='text'] {
        font-family: "DezenProRegular", Helvetica, sans-serif;
        font-size:   1.5vw;
        line-height: 1.5vw;
    }

    .table-condensed td {

        font-size:1vw;
        line-height:1vw;
    }


    .blue2  {
        font-family: "DezenProHeavy", Helvetica, sans-serif;
        font-size:      2.25vw;
        letter-spacing: .2vw;
        line-height:    3.5vw;

    }

    .helpbuttonclass {

        background: url("https://www.colorblends.com/img/media/prime/site/helpbuttonclass.jpg");
        background-repeat:no-repeat;
        background-size:contain;
        width:      89px;
        height:     89px;
        z-index:1;
        position:relative;
        margin:-4.3rem 6rem 0 0;
        cursor: pointer;
    }
    .callus {

        font-family: 'DezenProMedium', Helvetica, Arial, sans-serif;
        font-size:1.5vw;
        text-align:left;
    //*  letter-spacing:.2vw;*/
    padding:1vw 0 0 0 ;
        text-decoration:none;
        color:black;
    }

    .springgreen{

        color:#9AC33C;

        font-family: 'CenturySchoolbook-BoldItalic', Times, serif;
        font-size:1.75vw;
        line-height:1.75vw;
        text-align:left;
        padding: .25rem 0 0 0;"
    }
                                                                             /* 992 px - 1199 px */
    .horizimg {
        height:     60vh;
        max-height: 60%;
        overflow:   auto;
        display:    block;
        width:      100%;
    }
    #gallery-modal-inactive {
        /*display: none;*/
    }

    #partners-mobile {
        display:    none;
    }

    #bulbpagefunctions {

        margin: 0 0 0 1em;
    }

}
/*------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {

    body{



        background-color:white;
    }


    .pageContainer {
        background-color:white;
        max-width: 1624px;
        margin: 0 auto;

    }


    h1 {
        font-family:    'DezenProBold', Helvetica, sans-serif;
        font-size:   3vw;
        line-height: 3vw;

        padding: 0 0 0 0;
        margin: 0 0 0 0;

        color:          #000;
    }

    .h1 {
        font-size:   3.5em;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 1.5em;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        font-weight: 400;
    }

    .h1extra {
        font-size:   2.25em;
        font-family: "DezenProBold", Helvetica, sans-serif;
        line-height: 1em;
        color:       #3e4f7c;
        font-weight: 600;
    }

    h2 {
        font-family:    "DezenProMedium", Helvetica, sans-serif;
        font-size:      1.65em;
        color:          #000;
        line-height:    1.25em;
        font-weight:    300;
        letter-spacing: .04em;

    }

    .h2 {
        font-family: "DezenProBold", Helvetica, sans-serif;
        font-size:   3em;
        color:       #914196;
        padding: 0 0 0 0;
        margin: 0 0 1em 0;
        line-height: 1em;
        font-weight: 300;
    }
                                                                            /* Min 1200px */
    .table-condensed td   {

        font-size:1vw;
        line-height:1vw;
    }


    #subtitle {
        margin-bottom: .5em;
    }


    .blue2  {
        font-family: "DezenProHeavy", Helvetica, sans-serif;
        font-size:      2.25vw;
        letter-spacing: .2vw;
        line-height:    3.5vw;

    }

    .callus {

        font-family: 'DezenProMedium', Helvetica, Arial, sans-serif;
        font-size:1vw;
        text-align:left;
        letter-spacing: .1vw;
        padding:1vw 0 0 0 ;
        text-decoration:none;
        color:black;
    }
    .helpbuttonclass {

        background: url("https://www.colorblends.com/img/media/prime/site/helpbuttonclass.jpg");
        background-repeat:no-repeat;
        background-size:contain;
        width:      89px;
        height:     89px;
        z-index:1;
        position:relative;
        margin:-4.3rem 6rem 0 0;
        cursor: pointer;
    }
    .springgreen{

        color:#9AC33C;

        font-family: 'CenturySchoolbook-BoldItalic', Times, serif;
        font-size:1.5vw;
        line-height:1.5vw;
        text-align:left;
        padding: .25rem 0 0 0;"
    }
                                                                            /* Min 1200px */
    .horizimg {
        height:     60vh;
        max-height: 60vh;
        overflow:   auto;
        display:    block;
        width:      100%;
    }
    #gallery-modal-inactive {
        display:    none;
    }
    #partners-mobile {
        display:    none;
    }

    #bulbpagefunctions {

        margin: 0 0 0 0;
    }

    .lightgreenwell {

        padding: 1em 0 1em 0;

        background: linear-gradient(to right, #F3F8E7 85%, transparent 10%);
    }
/*
    .grid-item,
    .grid-sizer {
        width: 25%;
    }
*/
}