/* responsive styles Extra Small (XS) */
.index-slick .slick-dots{
  bottom:-1.5rem !important;
  right:auto;
  /*margin-bottom: 1rem;*/
}
.index-slick .slick-next{
	right:1rem;
  z-index:2;
}
.index-slick .slick-prev{
  left:1rem;
  z-index:2;
}
.modal-img {
    height:auto;
  	width:100%;    
  }


/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
  .index-hero h2 {
    font-size:3rem;
  }
 .index-hero p{
   font-size:2rem;
  }
  
  .index-slick .slick-next{
	right:2rem;
    z-index:2;
    top:43rem;
  }
  .index-slick .slick-prev{
    left:2rem;
    z-index:2;
    top:43rem;
  }
  
  .mb-welcome-margin {
    margin-top: 29rem;
  }
  .hero-subscribe {
    background-position-x: center;
  }
  
  .welcome-box-hr {
    top: 6.5rem;
  }
  .welcome-box-hr-left {  
    left:6.5rem;
  }
  .welcome-box-hr-right {
    right:6.5rem;
  }
  
  .welcome-box-slider .slick-arrow, .our-customers-slider .slick-arrow {
    top: 24.5rem;    
  }
  
  .welcome-box-slider .slick-dots {
    top:27rem;
  }
  .welcome-box-slider {
    max-height: 55rem;
  }
  
  .our-customers-slider {
    height: 50rem;
  }  
  .our-customers-slider .slick-dots {
    top:27rem;
  }
  
  .faq-hr.welcome-box-hr-right {
    right: 8.5rem;
  }
  .faq-hr.welcome-box-hr-left {
     left: 8.5rem
  }
  
  .wi-slider{
    height:19.3rem;
  }
  

}


/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  .quote-image{
    position:absolute;
    bottom:-74px;
    left:0;
  }
  .index-quotes-inner{
    margin-top:4rem;
    margin-bottom:0rem;   
  }
  .index-slick .slick-slide{
    /*height:24rem !important;*/
  }
  .index-slick .slick-dots{
    /*bottom:3.5rem !important;
    right:5rem;*/
  }
  .index-slick .slick-next{
	right:2rem;
    z-index:2;
    top:6rem;
  }
  .index-slick .slick-prev{
    left:2rem;
    z-index:2;
    top:6rem;
  }
  .mb-col-img{
    min-height:25rem;
  }
  .mb-welcome-margin {
    margin-top: 36rem;
  }  
   .hero-subscribe-as-featured img{
    width:90%;
  } 
  
  .hero-subscribe {
    padding:2rem;
    background-position-x: center;
  }
  
  .welcome-box-hr {
    top: 6.5rem;
  }
  .welcome-box-hr-left {  
    left:12.5rem;
  }
  .welcome-box-hr-right {
    right:12.5rem;
  }
  .welcome-box-slider .slick-arrow, .our-customers-slider .slick-arrow {
    top: 32.5rem;    
  }
  .welcome-box-slider .slick-dots {
    top:35.5rem;
  }
  .welcome-box-slider {
    height: 55rem;
  }
  
  
  
  .our-customers-slider {
    height: 56rem;
  } 
  .our-customers-slider .slick-dots {
    top:35.5rem;
  }
  
  
  
  .faq-hr.welcome-box-hr-right {
    right: 13.5rem;
  }
  .faq-hr.welcome-box-hr-left {
     left: 13.5rem
  }
  

}


/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  h2{
   /* font-size:2rem;*/
  }
  h3{
    font-size:1.75rem;
  }
  
  .center-lg{
  	text-align:center !important;
  } 
  .index-hero{
    background-image:url("//d3a1v57rabk2hm.cloudfront.net/thenomadiksubscriptionbox/parcel-copy-83/images/hero_2018_home6.jpg?ts=1604689250&host=my.cratejoy.com");
    padding:12rem 0;
  }
  .index-quotes-inner{
    margin-top:4rem;
    margin-bottom:0rem;  
    padding:4rem 0;
  }
  .quote-image{
    bottom:-150px;
    left:20px;
  } 
  .index-slick .slick-slide{
   /* height:35rem !important;*/
  }
  .index-slick .slick-slide img{
    height:auto;
  }
  .index-slick .slick-dots{
   /* bottom:7.5rem !important;
    right:5rem;*/
  }
  .index-slick .slick-next{
	right:2rem;
    z-index:2;
    top:6rem;
  }
  .index-slick .slick-prev{
    left:2rem;
    z-index:2;
    top:6rem;
  }
  .index-quotes{
   /* height:34rem !important; */
  }
  .mb-col-img{
    background:none; 
  }
  .index-mb-wrapper {
    z-index:2;
    position:relative;
  }
  .mb-image{
    max-width:100%;
    margin-left:0;
    left:56%;
  }
  .mb-welcome-margin {
    margin-top: 0rem;
  }
  .mb-welcome {
    top:4.5rem;
    left:-1rem;
  }
  .wi-slider {
    height:19.1rem !important;
  }
  
  .hero-subscribe {
      min-height:650px;
  }
  .container-subscribe-boxes {    
    max-width:900px;
    margin-left:auto;
    margin-right: auto;
    margin-top: -11rem;
  }
  .subscribe-boxes {
    border:0.25rem solid #566743;
  	border-radius:0.75rem;
  }
  .subscribe-box {
    flex: 1;
    border:none;
    margin-top:0;
    margin-bottom:0;
    border-radius:0;
  }
  .subscribe-box-middle {
    border-left:0.25rem solid #566743;
    border-right:0.25rem solid #566743;
  }
  .welcome-box-hr {
  width:8rem;
  margin:auto 1rem; 
  top:5.25rem;  
  }
  .welcome-box-hr-left {  
    left:8rem;
  }
  .welcome-box-hr-right {
    right:8rem;
  }
  
  .welcome-box-slider, .our-customers-slider {
    max-width:992px;   
    margin:auto;
    height: 25rem;
    margin-top:-2rem;
  }  
  
  .welcome-box-slider .slick-arrow, .our-customers-slider .slick-arrow {
    top: 24.5rem;    
  }

  .welcome-box-slider-item img, .our-customers-slider-item img, .wbs-video {
    margin-top:4rem;
    float:right;
    display: inline-block;
    width:40%;
  }
  .welcome-box-slider-item p, .our-customers-slider-item p {
    display: inline-block;
    width:60%;
    padding-right:2.5rem;
  }
  .welcome-box-slider-item h5, .our-customers-slider-item h2 {
    
  }
  
  .welcome-box-slider .slick-dots, .our-customers-slider .slick-dots {
    top:23rem;
    right: 5rem;
    width: 14rem;
  }
  
  .our-customers-slider {
    height: 24rem;
  }
  .our-customers-slider-item img {
    float:left;
  }
  .our-customers-slider p {
    margin-top:2rem;
    padding-left:2.5rem;
  }
  .our-customers-slider h2 {
    float:right;
    width:60%;
    padding-left:2.5rem;
    margin-top:-2rem;
  }
  .our-customers-slider .slick-dots {
    left: 5rem;
  }
  
  span.faq-hr {
    top:5.2rem;
  }  
  .faq-hr.welcome-box-hr-right {
    right: 14.5rem;
  }
  .faq-hr.welcome-box-hr-left {
     left: 14.5rem
  } 
  

}


/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
  .quote-image{
    bottom:-164px;
    left:70px;
  }
  .index-slick .index-quotes{
   /* height:38rem !important;*/
  }
  .index-slick .slick-dots{
    /*bottom:7rem !important;
    right:2rem;*/
  }
  .index-slick .slick-next{
	right:2rem;
    z-index:2;
    top:6rem;
  }
  .index-slick .slick-prev{
    left:2rem;
    z-index:2;
    top:6rem;
  }
  .wi-slider {
    height:19.3rem !important;
  }
  .mb-welcome {
    top:2.5rem;
  }
  
  .welcome-box-slider .slick-arrow, .our-customers-slider .slick-arrow {
    top: 14rem;    
  }
  .welcome-box-slider .slick-next,
  .our-customers-slider .slick-next {
    right: -4rem;  
  }

  .welcome-box-slider .slick-prev,
  .our-customers-slider .slick-prev {
    left: -4rem;  
  }
  
  .welcome-box-hr {
    top: 5.25rem;
  }
  .welcome-box-hr-left {  
    left:12rem;
  }
  .welcome-box-hr-right {
    right:12rem;
  }
  
  
  .faq-hr.welcome-box-hr-right {
    right: 20.5rem;
  }
  .faq-hr.welcome-box-hr-left {
     left: 20.5rem
  }
  
  .modal-img {
    height:100%;
  	width:auto;    
  }
  

}