@media screen and (max-width:768px),
@media screen and (max-height:768px) and (orientation : landscape)
{
    .copy-overflow-scroll {
      overflow-y: scroll;
      height: calc(100vh - 9em);
      padding-bottom: 2rem;
  }

}

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

  section#Mattress-Selector{
    
  }

    section#Mattress-Selector.why_ask-opened{
    overflow: hidden;
    height: 100vh;
    width: 100vw;
    min-height: auto;
    padding: 0;
  }
  
  div#Mattress_Selector-Interaction {
    padding: 0;
    max-width: 100%;
  }

  button.selector-nav.previous{
    left: .75rem;
    margin-right: 0;
  }

  button.selector-nav.next {
    right: .75rem;
    margin-left: 0;
  }

  .nav_icon-holder{
    padding: 0.9rem;
  }

  button.selector-nav{
    position: absolute;
    z-index: 2;
    top: 0;
    height: 3rem;
    width: 3rem;
  }

  .why_ask-opened button.selector-nav{
     z-index: 0;
  }

  form#selector-form-submission {
    z-index: 1;
}

  form#selector-form-submission > #selector-questions {
    max-width: none;
    width: 100%;
}

  span.question_holder.active {}

  .question {
    width: 100%;
}

  .question-container {}

  .question_text-container {}

  .question_text {
    max-width: calc(100% - 2rem);
}

.question_text h2{
  font-size: 21px;
  padding: 0 3rem;
}

  .options-space-container {}

  .options-container {}



  .options {
    padding: 0 2rem;
}

  ul.options-list.css-flexbox {
    justify-content: flex-start;
}

  .options-list li {
    min-width: 33%;
    /* flex-grow: 1; */
}

ul.options-list li p{
  max-width:18em;
}

  .options-list li label {
    padding: .5em;
}

  span.option-icon.animated {}

  .why_ask {}

  .why_ask-opened .question_holder.active .why_ask-content {
    padding: 1rem;
    top: 7.5rem;
    /* overflow-y: scroll; */
}

  .why_ask-copy {}

  button.why_ask-close {}

  .why_ask-copy h4 {
    font-size: 24px;
}

  .why_ask-copy p {
}

.fact-content{
  padding-left:3rem;
  padding-right:3rem;
}

    .reaction-container{
        padding-left:.5rem;
        padding-right:.5rem;        
    }
    


    
  
}


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

  .options-list li{
    min-width: 50%;
  }
}



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

  .title h1{
    max-width: 14rem;
  }
}