@media only screen and (max-width: 1340px), screen and (max-device-width: 1340px) {

.wp-block-cover.sign-up {
    background-position: left 350px center;
    -moz-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
}

}


@media only screen and (max-width: 1220px), screen and (max-device-width: 1220px) {

}




@media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) {


.wp-block-cover.sign-up {
    background-position: left 250px center;
    -moz-background-size: auto 120%;
    -webkit-background-size: auto 120%;
    background-size: auto 120%;
}
.cart-drawer {
    right: -55vw;
    max-width: 50vw;
}

}




@media only screen and (max-width: 960px), screen and (max-device-width: 960px) {

.mainmenu .container {
    padding: 0 5px;
  }
  header,
  .home header {
      position: fixed !important;
      height: 56px;
      z-index: 1001;
      padding: 10px 0 0;
      z-index: 1000;
      background: #fff;
  }
  header a.logo,
  .home header a.logo {
    background: url(images/twiggy-estate-logo-black.svg) no-repeat center center;
    top: 0px;
    width: 104px;
    height: 38px;
    text-indent: -9999px;
    margin: 0 auto;
    float: none;
  }

  body.single, 
  body.woocommerce-cart, 
  body.woocommerce-checkout {
      padding-top: 80px;
  }

    .mainmenuresp,
    a.responsive-nav-trigger {
      display: block;
    }
    nav {
      display: none;
      padding: 0;
      width: 100%;
      float: none;
      background: #fff;
      position: absolute;
      left: 0px;
      top: 46px;
      height: auto;
      padding: 10px 0 40px;
      -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
      -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
      box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.25);
    }

  .mainmenu {
    width: 90%;
    max-width: 280px;
    margin: 0 auto;
  }
  .mainmenu ul li  {
     display: block;
     width: 100%;
     padding: 10px 0 !important;

  }
  .mainmenu ul li a {
    border: none;
    font-size: 1.5em;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    color: #1c2d5a !important;
  }
  .mainmenu ul li {
    border-bottom: solid 1px var(--gold);
  }

  .mainmenu ul li.cart-contents,
  .mainmenu ul li.loginout {
      display: none;
  }

  .mainmenu li.social {
    width: 50%;
    padding: 0 10px;
  }
  .mainmenu li.social.facebook a {
    float: right;
  }
  .home .mainmenu li.social a {
      background: url(images/social-icons-black.svg) no-repeat left center;
      background-size: auto 20px;
  }
  .mainmenu li.instagram a,
  .home .mainmenu li.instagram a { background-position: right center; margin: 0 0 0 0; }




  .wp-block-column {
    /* display: block; */
    padding: 0 40px 0 20px;
  }
  .home .wp-block-column {
    display: flex;
  }
  .wp-block-column:first-child {
    padding: 0 20px 0 40px;
  }
  .wp-block-column figure {
    padding-top: 10px;
  }

  .slider-wrapper {
      padding: 0 0 20px;
      width: 100%;
      max-width: 940px;
      margin-left: auto;
      margin-right: auto;
  }

  .wp-block-cover {
    min-height: 376px !important;
  }
  section.content .wp-block-cover:first-child {

  }



  .wp-block-cover__inner-container h1 {
    padding: 106px 0 40px;
    min-height: 20px;
  }

  .footermenu ul {
      -moz-column-count: 1;
      -moz-column-gap: 0;
      -webkit-column-count: 1;
      -webkit-column-gap: 0;
      column-count: 1;
      column-gap: 0;
  }
  .footermenu ul li {
  }
  h1 {
      font-size: 1.938em;
      line-height: 1.333;
  }
  h2 {
      font-size: 2em;
      margin-bottom: 15px;
  }
  h3 {
      font-size: 1.375em;
      margin-bottom: 15px;
  }
  .bannermenu ul li a {
    font-size: 1.5em;
    letter-spacing: 0.1em;
    padding: 0 0 5px;
    margin: 0 5px;
  }

  .image-escape .wp-block-image img {
      width: 100%;
      max-width: 1000px;
  }

  .wp-block-group.product-carousel {
    padding-left: 25px;
    padding-right: 25px;
  }

  .wp-block-group.green {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-block-group.blue .wp-block-group__inner-container {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .woocommerce-checkout .page-wrapper .woocommerce {
    padding: 0 40px 50px 40px;
  }
}

@media (min-width: 600px) and (max-width: 781px){
  .wp-block-column:not(:only-child) {
      flex-basis: 50% !important;
      flex-grow: 0;
  }
}
@media only screen and (max-width: 768px), screen and (max-device-width: 768px) {

  .wp-block-columns.story-intro {
      padding: 50px 0 30px 0;
  }
  .purchase-head {
      padding: 105px 0 30px;
  }
  .purchase-head .wp-block-group,
  .purchase-head h3, .purchase-head h4, .purchase-head p {
      max-width: 1000px;
  }
  .cart-drawer {
      right: -65vw;
      max-width: 60vw;
  }

  .woocommerce #payment #place_order, 
  .woocommerce-page #payment #place_order {
      width: 160px !important;
      float: none !important;
      clear: both !important;
      margin-left: 0 !important;
  }
  .woocommerce a.checkout-back {
      margin-bottom: 10px !important;
  }
}

@media (max-width: 781px) and (min-width: 680px){
  .wp-block-column {
      flex-basis: 50% !important;
      flex-grow: 0;
  }


}

@media only screen and (max-width: 599px), screen and (max-device-width: 599px) {

  body {
    font-size: 14px !important;
  }
 
  .rhide {
      display: none !important;
  }
  .rshow {
      display: block !important;
  }

  .container {
    width: 100%;
    padding: 0 20px;
  }
  section.content .wp-block-cover:first-child {

  }

    

  .feature-image {
    height: 250px;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
  }
  .wp-block-cover {
    padding: 0;
    min-height: 200px;
  }
  .wp-block-columns {
    padding: 50px 0 10px;
  }
  .wp-block-column,
  .home .wp-block-column {
    display: block;
    width: 100%;
    padding: 0 7% 20px!important;
    flex-basis: 100% !important;
    flex-grow: 0;
  }
  .wp-block-column figure {
    margin-bottom: 30px;

  }
  .wp-block-column {
    order: 1;
  }
  .wp-block-column.image {
    order: 2;
  }
  .wp-block-group.product-carousel {
    padding-left: calc(7% - 15px);
    padding-right: calc(7% - 15px);
  }

  .wp-block-group.green {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .wp-block-group.blue .wp-block-group__inner-container {
    padding-left: 7% !important;
    padding-right: 7% !important;
  }
  .woocommerce-checkout .page-wrapper .woocommerce {
    padding: 0 7% 50px;
  }

  .wp-block-group.blue .c-accordion__item {
    background-size: auto 28px !important;
  }
  .wp-block-group.blue .c-accordion__item.gum-split-pine-douglas-fir-macrocarpa {
    background-size: auto 59px !important;
  }
  .wp-block-group.blue h3.c-accordion__title {
    padding-left: 70px;
    font-size: 1.175em;
  }
  .wp-block-group.blue .c-accordion__content {
    padding-left: 0px;
    padding-right: 0px;
  }

  .wp-block-columns.story-intro {
      padding: 50px 0 30px 0;
  }

  .wp-block-columns.story-intro .wp-block-column.image {
      padding: 300px 0 270px !important;
  }
  .wp-block-columns.story-intro .wp-block-image:after {

      width: 280px;
      height: 320px;
      position: absolute;
      bottom: -350px;
      left: calc(50% - 140px);

  }
    .image-escape .wp-block-column .wp-block-image {
      width: 100%;
    }
  .image-escape .wp-block-column .wp-block-image img {
      float: none;
      width: 100%;
  }
  footer .row {
    display: flex;
    flex-direction: column;
  }

 .col {
    float: none !important;
    width: 100% !important;
    padding-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .bannermenu {
    display: none;
  }
  .home .feature-image h4 {
    padding: 0;
  }
  footer a.logo {
    display: block;
    width: 160px;
    margin: 0 auto;
  }

  a.floattotop {
      width: 40px;
      height: 40px;
      bottom: 10px;
      right: 10px;
      background-size: 50%;
    }

  footer .col {
      padding-top: 0px;
  }

  footer .col-3 {
    order:3;
  }
  footer .col-5 {
    order:1;
    padding-bottom: 0px !important;
  }
  footer .col-4 {
    order:2;
  }
  .footermenu ul {
    margin-left: 0px;
  }
  .footermenu.nav.hrz.center ul {
    float: none !important;
    left: auto !important;
  }
  .footermenu.nav.hrz.center ul li {
    right: auto !important;
    display:  block;
    float:  none;
    text-align:  center;
  }










  footer img {
    margin-bottom:  45px;
  }

    footer p {
      padding-left: 0px;
    }
  footer p.copyright {

    margin-top: 20px;
    text-align: center;
  }
.footermenu {
    margin: 45px 0 0;
}


  .woocommerce .products ul, .woocommerce ul.products {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .cart-drawer {
      right: -100vw;
      max-width: 95vw;
  }

  #customer_details {
    display: flex;
    flex-direction: column;
  }
  #customer_details .col-1 {
      width: 100%;
      margin-right: 0;
      order: 2;
  }
  #customer_details .col-2 {
    position: relative;
    width: 100vw;
    background: #FAFAFA;
    order: 1;
    padding: 10px 40px 0;
    margin-bottom: 30px;
    margin-left: -40px;
    height: 44px;
    max-height: 44px;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  #customer_details .col-2.active {
    height: auto;
    max-height: 1000px;
    transition: all 0.5s ease;
  }
  h3#order_review_heading {
    border-color: transparent;
    margin-bottom: 30px;
  }
  h3#order_review_heading:after {
    position: absolute;
    top: 10px;
    right: 40px;
    content: "";
    height: 15px;
    width: 15px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
  }


  #customer_details .col-2.active h3#order_review_heading {
    border-color: #aaa;
  }





p, h1, h2, h3, h4, h5, h6, ul, ol,
.wp-block-group,
.shop-wrapper,
.wp-block-column,
.home .wp-block-column {
  /* padding-left: 20px !important; */
  /* padding-right: 20px !important; */
}
footer .container {
  padding-left: 0px;
  padding-right: 0px;
}
.wp-block-column p,
.wp-block-column h1,
.wp-block-column h2,
.wp-block-column h3,
.wp-block-column h4,
.wp-block-column h5,
.wp-block-column h6,
.wp-block-column ul,
.wp-block-column ol,
.wp-block-cover p,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6,
.wp-block-cover ul,
.wp-block-cover ol,
.product-carousel p,
.woocommerce-checkout section.content .woocommerce,
#customer_details .col-2 h3,
#order_review,
ul.products,
.widget_shopping_cart_content p,
.widget_shopping_cart_content h4,
.widget_shopping_cart_content ul,
footer .textwidget p
{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product-carousel {
  padding-left: 5px !important;
  padding-right: 5px !important;
}


.wp-block-group.blue h3.c-accordion__title {
    padding-left: 70px !important;
    padding-right: 40px !important;
}


#customer_details .col-2 {
  padding-left: 20px !important;
  padding-right: 20px !important;
    margin-left: 0px;
}
h3#order_review_heading:after {
  right: 20px;
}
.woocommerce a.checkout-back,
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
    margin-left: 20px !important;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
}


  .woocommerce .products ul, .woocommerce ul.products {
    grid-template-columns: 1fr 1fr;
  }
  .widget_shopping_cart_content ul.cart_list li.mini_cart_item img {
    width: 75px;
  }
  .widget_shopping_cart_content p.remove a {
    position: relative;
    bottom: auto;
    left: 99px;
  }

}


@media only screen and (max-width: 320px), screen and (max-device-width: 320px) {

  .woocommerce .products ul, .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
  .widget_shopping_cart_content {
      right: -103vw;
      max-width: 98vw;
  }

}