/*RESPONSIVENESS==========================================================*/



@media screen and (min-width: 1600px) {


.container {
  margin-left: max(20px, 18%);
  margin-right: max(20px, 18%);
}

.content {
    min-width: 1000px;
    max-width: 1800px;
}

#productDiv img {
/*  max-width: 800px;*/
}

#intro_img {
  max-width: 1000px;
}

.product_display {
   min-width: 480px;
   max-width: 900px;
}
.rightCol p {
max-width: 9vw;
}

}

@media screen and (min-height: 1100px) {

body {
 --height_constant: 80vh;
 --height_stretch: 6vh;
}

  .intro_content {
    max-height: 1120px;
  }
    

.tallFeature img {
  max-height:60vh;
}

  }


@media screen and (min-height: 1080px) {


body {
 --height_stretch: 6vh;
}

  .intro_content {
/*    min-height: max(800px, 85vh);*/
/*Creates large spacing issues at tall heights*/
  }


  #productDiv {
  min-height: 520px;
}

.rightCol {
  margin-bottom: -100px;
  grid-template-rows: 0.2fr 0.2fr;
}

#productDiv img {
  max-height: 45vh;
}


}



@media screen and (min-height: 1000px) {


body {
/*   --height_constant: 68vh;
 --height_stretch: 8vh;*/
}


  .intro_content {
/*  min-height: max(780px, 85vh);*/
  }

#productDiv {
/*  min-height: 560px;*/
}


.tallFeature img {
  max-height:50vh;
}

.intro_content {
/*      min-height: calc(var(--height_constant));
    max-height: calc(var(--height_constant));*/
}

}






@media screen and (min-height: 900px) and (max-height: 999px) {


/*
.cell_feature h4 {
  margin-block-start: 0.25em;
      margin-block-end: 1.2em;
}
*/


body {
/*  --height_constant: 65vh;*/
/*70vh created overscroll issues*/
/*   --height_stretch: 8vh;*/
}

.cell_feature {
  padding-right: calc(var(--padding_std)*1.75);
}



.tallFeature img {
  max-height:45vh;
}


      @media screen and (min-width: 875px) {
      body {
         --height_constant: 75vh;
/*       --height_stretch: 10vh;*/
      }








      }

}



@media screen and (min-width: 1400px) and (max-width: 1599px) {


.container {
  margin-left: max(20px, 17%);
  margin-right: max(20px, 17%);
}

#productDiv img {
/*  max-width: 660px;*/
  object-fit: fill;
}

#intro_img {
  max-width: 900px;
}

.rightCol p {
max-width: 9vw;
}

}





@media screen and (min-width: 1200px) {
/*  .product_subhead {
  display: inline;
  grid-column:  auto / span 3;
}

.innerProductCol {
grid-template-columns: 3fr .1fr .1fr .1fr;
}
*/

.inner3col {
/* min-height: calc(var(--height_constant) - 10vh);*/
}


.intro_splash img {
  width: 95%;
margin-left: 2.5%;
}

}






@media screen and (min-width: 1200px) and (max-width: 1399px) {

    body {
    --content_width: 950px;

  }

.inner3col {
        min-height: calc(var(--height_constant) - 20vh);
        max-height: calc(var(--height_constant) - 20vh);
/*52vh*/
}


.content {
    min-width: var(--content_width);
}

.footer {
 min-width: calc(var(--content_width) - 10% - 10px);
  padding-right: 10%;
}



.container {
  margin-left: max(15px, 15%);
  margin-right: max(15px, 15%);
}


#productDiv {
}

#productDiv img {
 /* max-width: 600px;*/
  object-fit: fill;
}

.product_display {
   /*min-width: 480px;*/
   max-width: 700px;
}

.rightCol p {
max-width: 9vw;
}

}


@media screen and (min-width: 1100px) and (max-width: 1199px) {


  body {
    --content_width: 900px;
  }


.inner3col {
 min-height: calc(var(--height_constant) - 15vh);
/*52vh*/
}

.content {
    min-width: var(--content_width);
}

.footer {
    min-width: calc(var(--content_width) - 10% - 20px);
  padding-right: calc(8px + 10%);
}

.container {
  margin-left: 10%;
  margin-right: 10%;
}

.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 4px);
}


}


@media screen and (min-width: 1000px) and (max-width: 1099px) {



  body {
    --content_width: 870px;
  }


.content {
    min-width: var(--content_width);
}

.footer {
 min-width: calc(var(--content_width) - 10% - 10px);
  padding-right: 10%;
}


.container {
  margin-left: 9%;
  margin-right: 9%;
}



.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 6px);
}

}


@media screen and (max-width: 1199px) {

.body {
  /*background-color: red;*/
  min-width: 660px;
/*max-width: 800px !important;*/
}


.intro_content {
    min-width: 560px;
}



}


@media screen and (max-width: 1100px) {

          .body {
            /*background-color: red;*/
            /*min-width: 700px;*/
          /*max-width: 800px !important;*/
          }

          .content {
            /*
              min-width: 850px;*/
          }

          .intro_content {
              min-width: 200px;
          }


          #productDiv img {
/*            max-width: 440px;*/
            object-fit: fill;
          }


          .product_display {
             /*min-width: 400px;*/
          }


/*

.productItem:last-of-type {
  border: 1px black solid;
  position: relative;
    top: -40px;
}
*/

          }

    @media screen and (min-height: 900px) {
            .intro_content {
              /*min-height: 720px;*/
              /*700px creates garden-> benefits transition issue at width ~790px.*/
            }

            .narrowImg {
/*                max-height: 37vh;*/
            }

            #productDiv img {
  max-height: calc(var(--height_constant) - 16vh);
}


#compress {
  display: none;
}

.lgCompress {
  display: initial;
}


      }

    @media screen and (min-height: 800px) and (min-width: 800px) {
.narrowImg {
  max-height: 30vh;
}


}

    @media screen and (min-height: 800px) and (max-height:899px) and (min-width: 1000px) {

#productDiv.tallFeature img {
        max-width: 45vw;
}


    }



    @media screen and (min-height: 800px) and (max-height:899px) and (min-width: 1100px) {

#productDiv.tallFeature img {
        max-width: 40vw;
}


    @media screen and (min-width: 1160px) {

#productDiv.tallFeature img {
        max-width: 35vw;
}

}

}



    @media screen and (min-height: 800px) and (max-height:899px) {

/*.inner3col {
 min-height: calc(var(--height_constant) - 16vh);
}
*/

    @media screen and (min-width: 641px) {

body {
     --height_constant: 69vh;
}

    }


  .content ul li {
line-height: 1.48em;
}

  .inner3col.benefit_col {
padding-top: calc(var(--intro_content_padding) - 8px);
  }


  /*.cell_feature {
  padding-right: 12px;
}*/

#productDiv.tallProduct img {
  max-height: calc(var(--height_constant) - 30vh);
}


@media screen and (max-width: 480px) {
          .intro_content {
                min-height: 600px;
                /*680px creates scroll area on intro_content at ~800px height*/
                /*600px creates jarring benefits transition at ~850 px width*/
            }


}


.tallFeature img {
  max-height:47vh;
}

#productDiv img {
  max-height: calc(var(--height_constant) - 17vh);
}


}


    @media screen and (min-height: 800px) and (max-height:899px) and (min-width: 860px) {
body {
     --height_constant: 74vh;
/*     --height_constant: 68vh; seems short on wide screens*/
}

.product_feature, .written_feature, .inner1col {
    min-height: calc(var(--new_height_constant) - var(--height_stretch));
    max-height: calc(var(--new_height_constant) - var(--height_stretch));
}


    @media screen and (min-width: 1280px) {
        body {
             --height_constant: 77vh;
        }
    }

}



    @media screen and (min-height: 800px) and (max-height:899px) and (max-width: 859px) {


@media screen and (min-width: 641px) {


      body {
           --height_constant: 68vh;
      /*     --height_constant: 68vh; seems short on wide screens*/
      }


}


    }




@media screen and (max-height: 1000px) {
/* d1000 */


#productDiv.product_showing.tallPreview img {
height: 88%;
width: 88%;
      }


h2 {
  margin-block-start: 0.75em;
}


.tallProductView {
/*height: 88%;
  width: 88%;
  */
}

.inner3col.benefit_col {
padding-top: calc(var(--intro_content_padding) - 6px);
}


.cell_feature {
  padding-right: calc(var(--padding_std)*1.625);
}



/*
.tallProductView {
height: 86%;
  width: 86%;
  
}


*/

}


    @media screen and (max-height:900px) {

.intro_content {
--intro_content_padding: calc(var(--padding_std) - 2px);
}

.rightCol.survey {
      min-height: 490px;
}




}

    @media screen and (max-height:860px) {


.inner3col.benefit_col {
/*min-height: calc(var(--height_constant) - 14.1vh);*/
/*465px: Overscroll issue at 840px height, 975px width*/
  /*465px: Makes it align on transition from garden page (resolution?)
  */

}

@media screen and (min-width:481px) and (max-width:859px) {
      body {
        --height_stretch: 2vh;
      }
}

@media screen and (max-width:480px) {

  .inner1col {
min-height: 570px;
/*At ~887w / 800h, higher values create scrolling issues on later content pages.*/
/*min-height: 593px;*/
}

}

@media screen and (min-width:860px) {

  .inner1col {
min-height: 570px;
/*At ~887w / 800h, higher values create scrolling issues on later content pages.*/
/*min-height: 593px;*/
}

}

}




  @media screen and (max-height:820px) {

      body {

        --height_stretch: 8vh;
      }
      
    }




    @media screen and (max-height:800px) {
/* d800 */

body {
/*     --height_constant: 67vh;*/
/*Has scroll overflow issues at ~970x780px*/
--body_type_size: 0.9375em;
  --subFeatureSize: 1.1em;
}


.inner1col {
min-height: 500px;
/*Higher values create scrollover on questions at ~915 width*/
}

.intro_content {
--intro_content_padding: calc(var(--padding_std) - 2px);
}

.cell_feature {
  padding-right: calc(var(--padding_std)*1.5);
}

  .content ul li {
line-height: 1.48em;
}

#productDiv.tallProduct img {
  /*Kitchen feature image*/
  max-height: calc(var(--height_constant) - 32vh);
}


#productDiv.tallFeature img {
  /*Garden section feature image*/
    max-height: calc(var(--height_constant) - 28vh);
}


.inner3col {
 min-height: calc(var(--height_constant) - 18vh);
}

.product_feature, .story_feature {
  min-height: 60vh;
max-height: 60vh;
}

.rightCol.survey {
      min-height: 490px;
}

#productDiv img {
  max-height: calc(var(--height_constant) - 18vh);
}


.text_feature {
}


}




    @media screen and (max-height:860px) and (max-width:900px) {
#compress {
  display: initial;
}

.lgCompress {
  display: none;

    }
}


    @media screen and (max-height:820px) and (max-width:975px) {
.inner1col.questions {
/*max-height: 100%;*/
}

#compress {
  display: initial;
}

.lgCompress {
  display: none;
}

.intro_splash img {
/*  max-width: 90%;*/
}


    .inner3col.benefit_col {
        min-height: 360px;
    }


}


    @media screen and (max-height:900px) and (max-width:875px) {


.intro_splash img {
/*  max-width: 90%;*/
}


.inner1col.questions {
/*max-height: 100%;*/
}

.benefit_col.inner3col {
  display: grid;
  grid-template-columns: 0.6fr;
}




    .benefit_col .cell_feature {
  border-right: 1px solid white;
}


#compress {
  display: initial;
}

.lgCompress {
  display: none;
}


}

    @media screen and (max-height:700px) {
/* d700 */

.narrowImg {
  max-height: 27vh;
}

.tallFeature img {
  max-height:45vh;
}

body {
/*  --body_type_size: 0.875em;*/
 --body_type_size: 11pt;

}

.cell_feature h4 {
      margin-block-end: 1em;
}

#compress {
  display: initial;
}

.lgCompress {
  display: none;
}


#productDiv img {
  max-height: calc(var(--height_constant) - 20vh);
}


}


@media screen and (min-width: 900px) and (max-width: 999px) {


  .logo {
  font-size: 2.55em;
}

.container {
  margin-left: 7%;
  margin-right: 7%;
}

  .content {
/*min-width: 720px;*/
}


.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 12px);
}

.cell_feature h4 {
  margin-block-start: 0.25em;
}


.inner3col {
     column-gap: 1.85em;
}


  .inner3col.benefit_col {
       column-gap: 1.6em;
  }

}


@media screen and (min-width: 800px) {

  #room_copy {
  max-width: 86%;
}

}

@media screen and (min-width: 800px) and (max-width: 899px) {


  .logo {
  font-size: 2.5em;
}

.container {
  margin-left: 6%;
  margin-right: 6%;
}


  .content {
min-width: 680px;
}


.inner3col {
     column-gap: 1.8em;
}


  .inner3col.benefit_col {
       column-gap: 1.5em;
  }


.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 14px);
}

.cell_feature h4 {
  margin-block-start: 0.25em;
}



}


@media screen and (max-width: 1000px) {
/*800px to 1000px*/

body {
    --subFeatureSize: 1.075em;
}


  .logo {
  font-size: 2.6em;
}

.inner1col {
    padding-right: 9%;
}

.inner1col.questions {
    padding-right: 5%;
}

#room_copy {
  max-width: 85%;
}


.productItem {
  padding-left: 0px;
}

.product_feature {
  margin-right: calc(var(--margin_feature) + 4px);
}


.cell_feature h4 {
  margin-block-start: 0.75em;
}


}


@media screen and (max-width: 820px) {
/*.rightCol.settings {
  grid-template-columns: 1fr 1fr;
}
*/
.inner1col {
    padding-right: 8%;
}

.inner1col.questions {
    padding-right: 4%;
}



.inner2col {
      grid-template-columns: 0.4fr 0.9fr;
/*      grid-template-columns: 0.4fr 0.9fr !important;*/
}

.rightCol p {
max-width: 18vw;
}

.cell_feature h4 {
  margin-block-start: 0.25em;
}


.inner3col {
     column-gap: 1.7em;
}

}




@media screen and (min-width: 801px) and (max-width: 860px) {

  body {
    --padding_std: 9px;
  }

  .logo {
  font-size: 2.4em;
}

.story_feature p, .text_feature p {
  font-size: calc(var(--featureTextSize)-0.05em);
}


.cell_feature h4 {
  margin-block-start: 0.25em;
}

.product_display, .intro_content {
/*   min-width: 400px;*/
}


/*#productDiv {
  padding-right: calc(var(--padding_std) - 5px);
}
*/

.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 15px);
}


aside {
/*    --padding_std: 9px;*/
      padding-left: 3px !important;
}

.nav li a {
margin-inline: 4px;
/*padding-inline: 24px;*/
font-size: 0.85em;
}

#productDiv img {
   max-width: 390px;
  object-fit: fill;
}


.inner1col.questions {
max-height: 100%;
}


}


@media screen and (max-width: 800px) and (min-width: 761px) {


body {
  --padding_std: 8px;
}

.container {
  margin-left: 5%;
  margin-right: 5%;
}

  .logo {
  font-size: 2.3em;
}


  .intro_content {
/*    max-width: 640px;*/
/*    max-width: 680px;*/
}


.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 18px);
  border-left: 0px !important;
}

#productDiv img {
   max-width: 370px;
  object-fit: fill;
}


.inner1col.questions {
max-height: 100%;
}



}


@media screen and (max-width: 760px) {
/* d760 w760 */


body {
  --padding_std: 8px;
  margin-left: 0px;
  margin-right: 0px;
  --subFeatureSize: 1.05em;

}



.inner1col.questions {
max-height: 100%;
}

  .story_feature.gridded {
    min-height: 20px;
  }

.inner3col {
     column-gap: 1.6em;
}

.sub_feature p {
  margin-right: calc(var(--padding_std));
}


.benefit_col.inner3col {
  display: grid;
  grid-template-columns: 0.8fr 0.4fr;
  padding-top: var(--intro_content_padding);
   grid-template-rows: 0.2fr 0.2fr;
   padding-right: 3px;
   column-gap: 0em;
}

  .benefit_col.inner3col > *:nth-child(2n-1):nth-last-of-type(1) {
  grid-column: span 2;
}

.benefit_col.inner3col .cell_feature {
  border-right: none;
  margin-bottom: 20px;
}

.benefit_col.inner3col {
  border-top: var(--section_border_style);
  padding-top: 20px;
}

.benefit_col.inner3col .cell_feature:last-of-type {
  border-bottom: none;
    border-top: var(--section_border_style);
  padding-top: 20px;
}


  .two_items ul li {
  max-width: 40%;
      padding-right: 5%;
}


  .one_item ul li {
/*  max-width: 40%;*/

}

.four_items ul li {
      max-width: 20%;
  }


.inner3col ul {
  list-style-type: square;
  font-size: 11pt;
}
  
.inner3col ul li {
  display: inline-block;
  padding-right: 20px;
  list-style-type: square !important;
  vertical-align: top;
}

.two_items ul li {
      max-width: 43%;
  }

#room_copy {
  max-width: 95%;
}


.inner1col {
    padding-right: 6%;
}

.inner1col.questions {
    padding-right: 3%;
}


  .logo {
  font-size: 2.2em;
}

.rightCol.survey {
/*  border: 2px solid red;*/
}

.rightCol.settings {
/*  grid-template-columns: 1fr 1fr;*/
    max-height: 35vh;
}

.body {
  /*background-color: red;*/
  min-width: 400px;
/*max-width: 800px !important;*/
}

.product_display {
   min-width: 370px;
}

.inner3col {
     column-gap: 1.6em;
}


.story_feature p, .text_feature p {
  font-size: calc(var(--featureTextSize)-0.1em);
  padding: 0.15em;
  margin-right: calc(var(--padding_std));
    min-width: 190px;
}


#productDiv img {
}


.productItem, .productItem img {
  --product_thumb_width: calc(var(--product_base_width) - 21px);
/*  --product_thumb_width: max(16vw, calc(var(--product_base_width) - 45px));*/
  /*  --product_thumb_width: max(16vw, calc(var(--product_base_width) - 45px));*/
/*  --product_thumb_width: calc(var(--product_base_width) - 8px);*/
  --padding_std: 8px;
}

p.productPreviewText {
/*  top: 10px;*/
}


.innerProductCol {
   column-gap: 0.1em;
}






aside {
    --padding_std: 8px;
      padding-left: 0px !important;
}


aside:first-of-type {
   grid-area: rs;
   /*display:inline-block;*/
}

aside:last-of-type {
   grid-area: rs;
  position: relative;
  top: -40px;
/*  z-index: -3;*/
   /*display:inline-block;*/
}

.nav li a {
margin-inline: 3px;
/*padding-inline: 20px;*/
font-size: 0.84em;
}

}



@media screen and (max-width: 720px) {

body {
  --padding_std: 7px;
  margin-left: 0px;
  margin-right: 0px;
}

  .logo {
  font-size: 2.1em;
}


.inner2col.survey {
  grid-template-columns: 1fr !important;
/*  grid-template-rows: 0.2fr 0.2fr 0.2fr 0.2fr;*/

}

.inner2col .survey .story_feature {
border_right: none;
}

.rightCol.survey {
grid-column: auto / span 5;
}

}

@media screen and (min-width: 640px) {

.intro_content {
  max-height: calc(var(--height_constant));
}

}



@media screen and (max-width: 640px) {
/* m640 */

body {
  --padding_std: 5px;
}



#productDiv.tallFeature img {
  /*Garden section feature image*/
  max-height: calc(var(--height_constant) - 38vh);
  margin-top: 10px;
  margin-bottom: -10px;
}



#itemBookshelf p {
margin-block-end: 0px;
}



.rightCol.settings {
  grid-template-columns: 1fr 1fr;
}

  .logo {
  font-size: 2em;
}

.body {
  min-width: 400px;
 --body_type_size: 11pt;
}

p {
  max-width: 480px;
}

.product_feature {
    border-bottom: var(--section_border_style) !important; 
  margin-bottom: calc(var(--padding_std)*2);
    margin-right: 0px;
}


.benefit_col.inner3col {
  display: grid;
  grid-template-columns: 1fr;
   grid-template-rows: 0.2fr 0.2fr 0.2fr;
}

    .benefit_col.inner3col > *:nth-child(2n-1):nth-last-of-type(1) {
  grid-column: span 1;
}

.inner3col .cell_feature:first-of-type {
  border-top: none;
}

  .inner3col .cell_feature {
padding-top: 20px;
}


.benefit_col.inner3col .cell_feature:last-of-type {
/*    border-top: none;*/
}

  #product_category_info {
    margin-bottom: 12px;
  }


.benefit_col.inner3col {
  border-top: none;
}


.four_items ul li {
  max-width: 90%;
}

  .two_items ul li {
max-width: 90%;
  }


.one_item ul li {
    max-width: 80%;
}


.benefit_col.inner3col.cell_feature {
  padding-right: 0px;
}


.cell_feature h4 {
    margin-block-end: 1em;
}


.benefit_col.inner3col.cell_feature {
  padding-right: 0px;
}

.benefit_col.inner3col .cell_feature {
  border-right: none;
border-top: var(--section_border_style);
  margin-bottom: 10px;
}


.intro_content {
    max-width: 520px;
padding-inline:18px;
}

.inner2col .settings {
/*  grid-template-columns: 1fr !important;*/
/*  grid-template-rows: 0.2fr 0.2fr 0.2fr 0.2fr;*/

}

.inner2col .settings .story_feature {
border_right: none;
}


/*.settings .story_feature {
border-right: 1px white solid !important;
border_right: none !important; 
}*/

.rightCol .settings {
/*grid-column: auto / span 5;*/
/*grid-template-columns: 1fr 1fr;*/
}


/*
  .two_items ul li {
  max-width: 33%;
}

 .four_items ul li {
            max-width: 19%;
  }
*/
}


@media screen and (max-width: 660px) {

  .two_items ul li {
/*  max-width: 38%;*/
  max-width: 85%;
}

}


@media screen and (max-width: 639px) {

.body {
  min-width: 340px;
  max-width: 580px;
  --height_constant: 78vh; /*Better at 870px+ heights */
}

p {
/*  max-width: 440px;*/
}


.intro_content {
/*    max-width: 460px;*/
padding-inline:20px;
/*  --padding_std: 4px;*/
}

.nav li a {
margin-inline: 2px;
/*padding-inline: 16px;*/
font-size: 0.8em;
}

.logo img {
  width: 520px;
  height: auto;
    padding-bottom: 0px;
}


.wideImg {
/*width: auto;*/
}


  
.story_feature p, .text_feature p {
  font-size: calc(var(--featureTextSize)-0.3em);
  padding: 0.1em;
  margin-right: calc(var(--padding_std));
    min-width: 160px;
    max-width: 65vw;
}

.inner2col {
  display: grid;
  grid-template-columns: 0.3fr 0.8fr;
   column-gap: 0.2em;
  /*grid-template-columns: 200px 1fr 200px;*/
/*  padding-right: 6%;*/
}

.inner2col.survey {
  grid-template-columns: 1fr !important;
}

.innerProductCol {
display: inline-block;
  /*grid-template-columns: 1.4fr .2fr .2fr;*/
    grid-template-columns: 1fr;
/*  grid-template-areas:
      "main rs3"
      "rs   rs4"
      "rs2  rs5"
   ;*/
/*  grid-template-areas:
      "main main"
      "rs" "rs2"
   ;*/
   column-gap: 0.1em;
   /*column-gap: 1em 0.5em;*/
  /*grid-template-columns: 200px 1fr 200px;*/
  /*padding-right: 6%;*/
  /*      "ls2 main2 rs2"*/
}

/*aside {
  display: inline-block !important;
    max-width: calc(var(--product_thumb_width) + 20px);
}*/
    aside {
        display: inline-block;
        width: auto; /* Adjust width as needed */
        vertical-align: top; /* Align the asides at the top */
        margin-right: 10px; /* Adjust spacing between asides */
    }

.cell1, .cell2 {
  display: inline !important;
}


.product_feature {
/*  border-top: 2px solid blue;*/
grid-column: auto / span 5;
grid-row: auto / span 1;
      border-right: none;
min-height: 10px;
}

 .story_feature.gridded {
  grid-column: auto / span 5;
grid-row: auto / span 1;
      border-right: none;
 }

.productItem {
display: inline-block;
width: auto;
        margin-right: 5px;
  max-width: calc(var(--product_thumb_width) + 15px);
}
.grid_illus {
  padding-right: 6px;
  padding-left: 6px;
}

.productItem, .productItem img {
/*  --product_thumb_width: calc(var(--product_base_width) - 12px);*/
}

.server_illus img {
/*  min-height: 120px;*/
}

}


@media screen and (max-width: 560px) {

.body {
  min-width: 320px;
  max-width: 540px;
}

p {
/*  max-width: 400px;*/
}

.settings .story_feature {
border-right: 1px white solid !important;
border_right: none !important; 
}



.intro_content {
padding-inline:22px;
}

.logo img {
  width: 440px;
  height: auto;
    padding-bottom: 0px;
}

.nav li a {
font-size: 0.75em;
}

.productItem, .productItem img {
/*  --product_thumb_width: calc(var(--product_base_width) - 14px);*/
}

.grid_illus {
  padding-right: 2px;
  padding-left: 2px;
}

}


@media screen and (max-width: 540px) {

.rightCol.settings {
grid-template-columns: 1fr 1fr;

}

.story_feature.settings {
  min-height: 10px;
}

.rightCol.settings {
  min-height: 58vh;
}

.inner1col.questions {
max-height: 100%;
}


.inner2col.settings {
      grid-template-columns: 1fr;
      grid-template-rows: 0.1fr 1fr;
}


.story_feature.settings {
          grid-row: auto / span 1;
}

}




@media screen and (max-width: 520px) {


body {
     --subFeatureSize: 1em;
     --product_base_width: 112px;
}

.body {
  min-width: 300px;
  max-width: 480px;
}

p {
  max-width: 360px;
}


.intro_content {
/*    max-width: 400px;*/
padding-inline:22px;
}

.logo img {
  width: 440px;
  height: auto;
    padding-bottom: 0px;
}

.nav li a {
font-size: 0.75em;
}

.grid_illus {
/*  padding-right: 2px;
  padding-left: 2px;*/
}

  #productDiv {
 margin-top: -15px;
  }



}




@media screen and (max-width: 480px) {

body {
 --body_type_size: 11pt;
--product_base_width: 110px;
  }


h2 {
 margin-block-start: 0.55em;
}

.intro_content h2 {
position: relative;
}

#img_product {
  margin-top: -10px;
}

#room_copy {
  margin-top: -30px;
}


.body {
  min-width: 260px;
     font-size: 11pt !important;
}

p {
  max-width: 340px;
       font-size: 11pt !important;
  margin-block-end: 0.85em;
  /*margin-block-end: 0.9em;*/
}


.intro_content {
    max-width: 380px;
padding-inline: 10px;
}


.logo img {
  width: 400px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
/*font-size: 0.74em;*/
}


#productDiv img {
margin-left: 0px;
}

.endNav {
  margin-top: calc(var(--padding_std) + var(--padding_std));
}

}


@media screen and (max-width: 400px) {
/*iPhone 12 mini = 375 x 812*/

h2 {
 margin-block-start: 0.45em;
}

body {
 --body_type_size: 10.5pt;
    --product_base_width: 108px;
/*    --block_margins: 0.65em;*/
}

.body {
  min-width: 220px;
}

p {
  max-width: 320px;
  margin-block-end: 0.65em;
  /*Was 0.85em*/
}


.product_feature {
  padding-bottom: 4px;
}


.product_subhead ul {
  margin-block-start: 0.2em;
  margin-block-end: 0.65em;
}

    #product_category_info {
        margin-bottom: 12px;
    }

  #room_copy {
  max-width: 100%;
}

.grid_illus.survey p, .grid_illus p, .productPreviewText {
  font-size: 10pt !important;
}


.intro_content {
    max-width: 340px;
padding-inline: 8px;
}


.logo img {
  width: 360px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
/*font-size: 0.72em;*/
}

.object_listing {
  margin-top: -5px;
}


}

@media screen and (max-width: 360px) {


  body {
    --product_base_width: 106px;
/*         font-size: 10pt !important;*/
  }


.body {
/*     font-size: 10pt !important;*/
}

p {
  max-width: 280px;
}


.intro_content {
    max-width: 300px;
}


.logo img {
  max-width: 330px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
/*font-size: 0.66em;*/
}



}