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










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

body {
  --wide_height_constant: 8vh;
}

.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: 900px) {
          #productDiv.tallProduct.product_showing img {
            max-height: calc(var(--height_constant) - 22vh);
            }
  }
  @media screen and (max-height: 899px) {
           body {
            --wide_height_constant: 12vh;
           }

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

}

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

body {
 --height_constant: 80vh;
/* --height_stretch: 4vh;*/
}

  .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: 800px) {

  .mix_col {
  display: grid;
  grid-template-columns: 0.3fr 1fr;
   column-gap: 0.2em;
  padding-top: var(--intro_content_padding);
}

.mix_col.story_servers {
  grid-template-rows: 0.3fr 0.1fr 0.4fr;
    border: 1px white solid;
}

}
*/


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


      @media screen and (max-width:1499px) {
           body {
            --wide_height_constant: 6vh;
           }
      }
      @media screen and (min-width:1500px) {
           body {
            --wide_height_constant: 10vh;
           }
      }


.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;
    --wide_height_constant: 2vh;
  }


            .product_showing.tallPreview, .tallerProductView, .product_showing.tallProduct {
         width: 90%; 
        }

           @media screen and (max-height: 960px) {
              #productDiv img {
            max-height: calc(var(--height_constant) - 18vh - var(--wide_height_constant) - var(--vertical_height_constant));
            }
            }   


.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;
    --wide_height_constant: 2vh;
  }


.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) {


  body {
    --wide_height_constant: 2vh;
  }

  .wide_server {
    grid-column: auto / span 2;
  max-width: 25vw;
}

.mix_col {
  grid-template-columns: 0.5fr 0.6fr;
   column-gap: 0.2em;
}
}



@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) {
  /* d1199 */


      @media screen and (min-width: 1000px) and (max-width: 1099px) {
            .product_showing.tallPreview, .tallerProductView, .product_showing.tallProduct {
         width: 85%; 
        }
    }
  
    @media screen and (min-width: 1100px) and (max-width: 1199px){
            .product_showing.tallPreview, .tallerProductView, .product_showing.tallProduct {
         width: 80%; 
        }
    }


.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) - 20vh);
}


#compress {
  display: none;
}

.lgCompress {
  display: initial;
}

@media screen and (min-width: 1300px) {
              #productDiv img {
                max-height: calc(var(--height_constant) - 16vh - var(--wide_height_constant) - var(--vertical_height_constant));
                /*Fixes garden img from running over at width 1600*/
              }




}



      }

    @media screen and (min-height: 800px) and (min-width: 800px) {
.narrowImg {
  /*max-height: 30vh;*/
  /*Made narrow servers too wide at higher screen res.*/
}

      .top_feature img {
 /* margin-left: 12%;*/
}



}

    @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*/
            }


}

.mix_col {
  grid-template-rows: 0.3fr 0.4fr 0.3fr
}

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

      @media screen and (min-height: 821px) {
        /*Prevents conflict w 820 style*/
              #productDiv img {
              max-height: calc(var(--height_constant) - 17vh - var(--wide_height_constant) - var(--vertical_height_constant));
            }
      }


      #productDiv.taller_product img {
        max-height: calc(var(--height_constant) - 22vh - var(--wide_height_constant) - var(--vertical_height_constant));
      }


}


    @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;
             */
          /*Activating this messes up lower nav bar on server presentation.*/
        }
    }

}



    @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 {
max-height: calc(var(--height_constant) - 22vh - var(--wide_height_constant) - var(--vertical_height_constant));
      }

    @media screen and (max-width: 640px) {
        #productDiv.product_showing.tallPreview img {
            max-height: calc(var(--height_constant) - 38vh - var(--wide_height_constant) - var(--vertical_height_constant));
            margin-top: 0px;
              }
    }


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) {
      /*d900*/

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

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

#room_copy, #room_copy2 {
  max-width: 90%;
}



}

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

.intro_splash img {
      padding-top: calc(var(--padding_std)*2);
}

          @media screen and (min-width:940px) and (min-height: 720px) {
      .table_showing {
        height: 40vh;
      }

          }



.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;
      }
      

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


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


.grid_illus {
      padding-right: calc(var(--intro_content_padding) + 2px);
    padding-left: calc(var(--intro_content_padding) + 2px);
}

    .grid_illus p {
width: calc(var(--product_base_width) - 1px);
}

    }






    @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;
    --vertical_height_constant: 2vh;
}

.intro_feature {
    font-size: var(--featureTextSize) - 1pt;
    padding: calc(var(--padding_std)/2 - 5px);
}


.intro_splash img {
      padding-top: calc(var(--padding_std)*2 - 5px);
}


.productItem img {
/*  max-width: calc(var(--product_thumb_width) + 8px - 2vw);*/
}


.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) - 22vh);
}


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

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


.text_feature {
}



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


            .table_showing {
            width: 70%;
          }



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

              @media screen and (min-width: 600px) {
              body {
                  --wide_height_constant: 2vh;
              }
              }



    }

/* end d800 */
}

@media screen and (max-height:720px) {
/* d720 */

          .table_showing {
            max-width: 80%;
            height: 38vh;
          }

}


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

body {
    --vertical_height_constant: 2vh;
}

    }


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

body {
/*    --height_constant: 67vh;*/
}

    }



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

#compress {
  display: initial;
}

.lgCompress {
  display: none;

    }

    @media screen and (max-height:700px) {
      body {
         --height_constant: 73vh;
      }
    }

}


    @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;
    --vertical_height_constant: 4vh;
}

.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 (max-height:660px) {
  /* d660 */
          .table_showing {
            max-width: 80%;
            height: 30vh;
          }

}


@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) {
  /*w800*/

    body {
    --wide_height_constant: 2vh;
  }

  #room_copy, #room_copy2 {
  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;
}



          .productItem img {
  min-width: 6.8vw;
}

  .logo {
  font-size: 2.6em;
}

.inner1col {
    padding-right: 9%;
}

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

#room_copy, #room_copy2 {
  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%;
}

.productItem img {
  min-width: 7.8vw;
}



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


  .mix_col {
      grid-template-columns: 0.4fr 0.8fr;
/*      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);
}

  .wideFeature {
    width: 70%;
  }


.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 {
    --wide_height_constant: 2vh;
  }



@media screen and (max-width: 1080px) {
    .wideFeature {
    width: 70%;
  }

}
@media screen and (min-width: 1080px) {
    .wideFeature {
    width: 65%;
  }

}


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;

}


@media screen and (max-width: 1080px) {
    .wideFeature {
    width: 65%;
  }

}
@media screen and (min-width: 1080px) {
    .wideFeature {
    width: 60%;
  }

}


.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%;*/
      max-width: 50%;
  }


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

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

#room_copy, #room_copy2 {
  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);
  --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;
}


#room_copy, #room_copy2 {
  max-width: 97%;
}



.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));
}

  .img_lower_area {
    margin-bottom: -25px;
  }





}


@media screen and (min-height: 600px) and (max-height: 860px) and (min-width: 640px) and (max-width: 860px) {
  
.product_feature, .story_feature, .inner1col, .inner2col, .written_feature, .mix_col {
min-height: calc(var(--height_constant) - var(--height_stretch) - 30px);
max-height: calc(var(--height_constant) - var(--height_stretch) - 60px);
}

}


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

h2 {
  position: relative;
}

h4 {
margin-block-start: 10px;
margin-block-end: 10px;
}

body {
  --padding_std: 5px;
  --height_stretch: 12vh;
}


.consumerDisplay {
  display: grid;
  grid-template-columns: 1fr 0.5fr;
  grid-template-rows: 0.2fr 0.8fr;
  column-gap: 0.3em;
}

  #roomHeader {
    grid-column: auto / span 2;
  }

  .img_lower_area {
    margin-bottom: -35px;
  }

          .productItem img {
  min-width: 8vw;
}

      .product_feature.store {
    grid-template-rows: auto;
}


.product_showing.tallPreview {
  max-width: 65vw;
}

.product_showing {
/*  width: 45%;*/
/*  display: grid;
  grid-template-columns: 0.8fr 0.2fr;
  */  
}


/*

.product_box {
  display: grid;
  grid-template-columns: 0.2fr 1fr 0.5fr;
}

*/

    #product_category_info {
    font-size: calc(var(--body_type_size) - 1pt);
  }

  p.productPreviewText {
    font-size: calc(var(--body_type_size) - 1pt) !important;
  }



  @media screen and (min-width: 520px) {
    .img_lower_area {
      margin-top: -20px;
    }

  }


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

.sub_feature p {
  padding: 0.13em;
  margin-top: 4px;
}

#room_copy, #room_copy2 {
  /*margin-top: -30px;*/
}

.sub_feature p:first-child {
  margin-top: 8px;
}

.sub_feature p:last-child {
  margin-bottom: 12px;
}

.sub_feature p:only-child {
  margin-bottom: 12px;
}

.product_subhead ul {
  margin-top: 0px;
  margin-bottom: 10px;
}


.subNav {
    padding-top:0px;
}


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

.subNav li {
  line-height: 1.1em !important;
}

.nav {
/*margin-bottom: calc(var(--padding_std) - 2px);*/
}

  #breadcrumb_product {
  padding-bottom: 8px;
}      

  #lowerText p {
    margin-block-start: 4px;
    margin-block-end: 8px;
  }

#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 {
 --body_type_size: 11pt;
}


  @media screen and (min-width: 420px) {
    
.body {
  min-width: 400px;
}
  }


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;
   padding-left: 3px;
}

    .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: calc(var(--padding_std));
  }



  @media screen and (max-width: 620px) {
/*    .productItem {
  max-width: calc(var(--product_thumb_width) - 20px);
}
.productItem img {
  max-width: calc(var(--product_thumb_width) - 30px);
}
*/
}

@media screen and (min-width: 480px) {
  #product_category_info {
/*    margin-bottom: calc(var(--padding_std) - 8px);*/
  }
}

@media screen and (min-width: 385px) {
    #kitchen_category {
      margin-bottom: -15px;
    }

}






.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;*/
}




.intro_content {
padding-bottom: calc(var(--padding_std) + 8px);
}

.content p {
/*  line-height: 1.15em;*/
}


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

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


@media screen and (max-width: 900px) {
.wide_server {
    grid-column: auto / span 2;
  max-width: 46vw;
}

}

@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;*/
}

.wide_server {
    grid-column: auto / span 2;
  max-width: 46vw;
}



.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%;*/
}


.mix_col {
  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;
        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;
}
.grid_illus {
  padding-right: 6px;
  padding-left: 6px;
}

.productItem, .productItem img {
}

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

}


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

  /* m560 */

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

  .nav {
    font-size: 12pt;
  }

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

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

        .productItem img {
  min-width: 9vw;
}

  .img_lower_area {
    margin-bottom: -27px;
  }

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

.story_feature.settings {
  border-right: var(--section_border_style);
}

@media screen and (min-width: 521px) {
.intro_content {
padding-inline:22px;
}

}


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

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

.productItem, .productItem img {
}

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



.smallPhoto {
  width: 70%;
  height: 70%;
}



}


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

.rightCol.settings {
grid-template-columns: 1fr 1fr;
  padding-top: calc(var(--intro_content_padding) + 14px);
}

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


      .productItem img {
  min-width: 10vw;
}

.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:20px;
}

.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;
  }


.smallPhoto {
  width: 75%;
  height: 75%;
}



}




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

/* m480 */

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


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

    .img_lower_area {
    margin-bottom: -15px;
  }


.product_box {
  max-width: 80vw;
}

.productItem img {
  min-width: 12vw;
}


  .tallProductView {
  max-width: 52vw !important;
}

  #lowerText p {
    margin-block-start: 2px;
    margin-block-end: 4px;
  }

.intro_content h2 {
position: relative;
}

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

#room_copy, #room_copy2 {
  margin-top: -10px;
  /*-30px creates issues w garden planter*/
}


.body {
  min-width: 260px;
}

p {
  max-width: 340px;
  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: 440px) {
      .productItem img {
    min-width: 12vw;
  }
  }


  .product_subhead ul {
  margin-top: 0px;
  margin-bottom: 8px;
}


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




.product_showing.tallPreview, .tallerProductView, .product_showing.tallProduct {
 width: 70%; 
}

  .tallProductView {
    width: 58%;
  }


/* end m480 */
}


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

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

body {
 --body_type_size: 10pt;
    --product_base_width: 108px;
/*    --block_margins: 0.65em;*/
/*     font-size: 11pt !important;*/
}

.body {
  min-width: 220px;
}

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

.tallProductView {
  max-width: 60vw;
  /*Keeps cabinet door from running over*/
}


.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, #room_copy2 {
  max-width: 100%;
}

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


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


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

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

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


.smallPhoto {
  width: 80%;
  height: 80%;
}

/* end m400 */


}

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

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


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

p {
  max-width: 280px;
}

      .img_lower_area {
    margin-bottom: -6px;
  }


.intro_content {
    max-width: 300px;
}


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

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

    .productItem img {
  min-width: 15vw;
}




}