/* Breakpoints */
/* Media width mixin used to group styles output based on media queries */
@media screen and (min-width: 1024px) {
  .hp-shop-by-style-link {
    transition: transform .2s;
  }
  .hp-shop-by-style-link:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .hp-shop-by-style-item {
    width: calc(25% - 12px);
  }
  .hp-shop-by-color-link:hover .hp-shop-by-color-img {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .hp-shop-by-color-img {
    transition: transform .3s;
  }
  .hp-shop-by-solution-link {
    transition: transform .2s;
  }
  .hp-shop-by-solution-link:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .hp-popular-blinds-item {
    transition: transform .2s;
  }
  .hp-popular-blinds-item:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .hp-shop-by-room-link {
    transition: transform .2s;
  }
  .hp-shop-by-room-link:hover {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .hp-automate-img img {
    position: relative;
    right: -52px;
    border-radius: 8px;
  }
  .hp-shop-by-style-alt-text {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1280px) {
  .hp-how-it-works-title {
    margin-bottom: 64px;
  }
  .measure-made-simple-block {
    margin-bottom: 88px;
  }
  .hp-shop-by-solution {
    padding-bottom: 39px;
  }
  .hp-cards {
    margin-bottom: 88px;
  }
  .hp-cards-content .hp-card {
    width: calc(25% - 15px);
    min-height: 190px;
  }
  .hp-cards-content .hp-card-title {
    margin-bottom: 24px;
  }
  .hp-cards-content .hp-card-text {
    max-width: 264px;
    margin: 0 auto;
  }
  .hp-popular-blinds .hp-slider {
    margin-bottom: 85px;
  }
  .hp-popular-blinds .hp-slider-title {
    margin-bottom: 32px;
  }
  .hp-free-samples {
    margin-bottom: 88px;
  }
  .hp-free-samples-text {
    margin-bottom: 48px;
  }
  .hp-free-samples-blocks {
    max-width: 580px;
  }
  .hp-free-samples-block:last-child {
    position: relative;
    left: 8px;
  }
  .hp-free-samples-link {
    margin: 46px 0 0;
  }
  .hp-shop-by-room .hp-slider {
    margin-bottom: 112px;
  }
  .hp-how-to-guides {
    margin-bottom: 64px;
  }
  .hp-how-to-guides-content {
    width: 58.8538%;
    padding-left: 32px;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
  }
  .hp-how-to-guides-title {
    font-size: 32px;
    line-height: 1.1875;
    margin-bottom: 24px;
  }
  .hp-how-to-guides-text {
    margin-bottom: 32px;
  }
  .hp-klarna {
    margin-bottom: 88px;
  }
  .hp-klarna-text h2 {
    margin-right: 21px;
  }
  .hp-badges {
    margin-bottom: 64px;
  }
  .hp_as_seen {
    margin-bottom: 136px;
  }
  .hp_as_seen h2 {
    margin-bottom: 56px;
  }
  .hp_as_seen__container {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
  }
  .hp-reviews {
    margin-bottom: 88px;
  }
  .hp-automate-img img {
    right: -60px;
  }
  .newsletter {
    margin-bottom: 64px;
  }
  .newsletter .content {
    padding-top: 30px;
    padding-bottom: 54px;
  }
  .newsletter .label {
    margin-bottom: 44px;
  }
  .hp-shop-by-style-alt .hp-slider {
    margin-bottom: 88px;
  }
  .hp-shop-by-style-alt-subtitle {
    font-size: 32px;
  }
  .hp-shop-by-style-alt-text {
    font-size: 18px;
    line-height: 1.5;
  }
  /* Homepage Cards */
  .hp-cards-content .hp-card {
    min-height: 176px;
  }
}
@media screen and (min-width: 1440px) {
  .hp-top-block {
    margin-bottom: 64px;
  }
  .hp-top-block-content {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .hp-top-block-title {
    margin-bottom: 24px;
  }
  .hp-top-block-link a {
    min-width: 443px;
  }
  .hp-shop-by-style {
    max-width: 1361px;
    padding-bottom: 40px;
  }
  .hp-shop-by-style-title {
    margin-bottom: 26px;
    padding-left: 64px;
    padding-right: 64px;
  }
  .hp-shop-by-style-content {
    padding-left: 64px;
    padding-right: 64px;
  }
  .hp-shop-by-style-item {
    width: calc(20% - 13px);
  }
  .hp-shop-by-style-text {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
  .hp-shop-by-color.hp-slider,
  .hp-shop-by-color .hp-slider {
    margin-bottom: 98px;
  }
  .hp-shop-by-color .hp-slider-content {
    margin: 0 -1px;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper .hp-shop-by-color-item {
    width: 104px;
    margin: 0 10px;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper .hp-shop-by-color-item:first-child {
    margin-left: 0;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper .hp-shop-by-color-item:last-child {
    margin-right: 0;
  }
  img.hp-shop-by-color-img,
  .hp-shop-by-color-img img {
    display: block;
    width: 100%;
    height: 64px;
    object-fit: cover;
  }
  .measure-made-simple-block {
    margin-bottom: 112px;
    max-width: 978px;
  }
  .measure-made-simple-block h2 {
    margin-bottom: 32px;
  }
  .measure-made-simple-block .item._first:before {
    top: 24px;
  }
  .measure-made-simple-block .item._last:before {
    top: 24px;
  }
  .measure-made-simple-block .scroll-bar {
    top: 24px;
  }
  .hp-how-it-works-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 34px;
  }
  .hp-how-it-works-icon .icon-new {
    width: 32px;
    height: 32px;
  }
  .hp-how-it-works-icon .icon-new._hide-desktop {
    display: none;
  }
  .hp-how-it-works-icon .hp-how-it-works-icon-xl {
    display: block;
  }
  .hp-shop-by-solution {
    padding-bottom: 54px;
  }
  .hp-shop-by-solution .hp-slider-title {
    margin-bottom: 34px;
  }
  .hp-shop-by-solution-item {
    width: 280px;
    margin-right: 24px;
  }
  .hp-shop-by-solution-img {
    margin-bottom: 8px;
  }
  .hp-cards {
    margin-bottom: 104px;
  }
  .hp-popular-blinds .hp-slider {
    margin-bottom: 89px;
  }
  .hp-popular-blinds-link .badges-container .badge-discount:before {
    height: 28px;
    left: -9px;
    right: -9px;
    top: -6px;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
  }
  .hp-popular-blinds-link .badges-container .badge-discount span,
  .hp-popular-blinds-link .badges-container .badge-discount .extra,
  .hp-popular-blinds-link .badges-container .badge-discount .extra + span {
    font-size: 13px;
  }
  .hp-popular-blind-type {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .hp-free-samples {
    margin-bottom: 104px;
  }
  .hp-free-samples-video-wrap {
    height: 352px;
  }
  .hp-free-samples-link a {
    min-width: 286px;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .hp-shop-by-room .hp-slider {
    margin-bottom: 118px;
  }
  .hp-shop-by-room .hp-slider-title {
    margin-bottom: 32px;
  }
  .hp-shop-by-room-item {
    width: 280px;
    min-width: 280px;
  }
  .hp-how-to-guides {
    margin-bottom: 80px;
  }
  .hp-how-to-guides-img {
    width: 41.1462%;
    min-height: 296px;
    max-height: 370px;
  }
  .hp-how-to-guides-content {
    padding-left: 56px;
  }
  .hp-how-to-guides-links a {
    font-size: 18px;
    line-height: 28px;
    min-width: 200px;
  }
  .hp-badges {
    margin-bottom: 80px;
  }
  .hp-badges-content {
    max-width: 1230px;
    margin: 0 auto;
  }
  .hp-badge {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0;
    font-family: 'Mulish', sans-serif;
  }
  .hp-badge-text {
    max-width: 237px;
  }
  .hp-reviews .swiper-container:not(.swiper-container-initialized) .hp-reviews-item {
    width: calc(25% - 16px);
  }
  .hp-automate {
    margin-bottom: 100px;
  }
  .hp-automate.container,
  .hp-automate .container {
    padding-right: 72px;
  }
  .hp-automate-in {
    position: relative;
    min-height: 420px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .hp-automate-content {
    width: 55.289%;
    padding-top: 0;
  }
  .hp-automate-content h2 {
    margin-bottom: 24px;
  }
  .hp-automate-content p {
    max-width: none;
  }
  .hp-automate-img {
    width: 45.633%;
    position: absolute;
    right: -32px;
    top: 32px;
    bottom: -32px;
  }
  .hp-automate-img img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hp-automate-icons {
    margin-top: 52px;
  }
  .hp-automate-icons-list {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .hp-automate-link a {
    min-width: 286px;
  }
  .newsletter {
    margin-bottom: 80px;
  }
  .newsletter .label {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    font-family: 'Mulish', sans-serif;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0;
  }
  .newsletter input {
    height: 56px;
    font-size: 18px;
    padding-left: 64px;
  }
  .newsletter input:hover,
  .newsletter input:focus {
    padding-left: 63px;
  }
  .newsletter .action {
    height: 56px;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .newsletter .control .icon-new {
    left: 24px;
    top: 16px;
  }
  .form.subscribe {
    max-width: 672px;
  }
  /* Newsletter */
  .field.newsletter .label {
    max-width: 590px;
  }
}
@media screen and (min-width: 1920px) {
  .hp-top-block {
    margin-bottom: 88px;
  }
  .hp-shop-by-style {
    max-width: 1728px;
  }
  .hp-shop-by-color.hp-slider,
  .hp-shop-by-color .hp-slider {
    margin-bottom: 139px;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper .hp-shop-by-color-item {
    margin: 0 12px;
  }
  .hp-how-it-works-title {
    margin-bottom: 88px;
  }
  .hp-shop-by-solution {
    padding-bottom: 72px;
  }
  .hp-cards {
    margin-bottom: 120px;
  }
  .hp-cards-content {
    max-width: 1431px;
    margin: 0 auto;
  }
  .hp-cards-content .hp-card {
    width: calc(25% - 32px);
  }
  .hp-cards-content .hp-card-text {
    font-size: 16px;
    line-height: 1.5;
  }
  .hp-popular-blinds .hp-slider {
    margin-bottom: 81px;
  }
  .hp-popular-blinds-link .badges-container .badge-discount:before {
    height: 32px;
    top: -8px;
  }
  .hp-popular-blind-type {
    font-size: 16px;
  }
  .hp-free-samples {
    margin-bottom: 112px;
  }
  .hp-free-samples-video-wrap {
    height: 448px;
  }
  .hp-free-samples-text {
    margin-bottom: 56px;
  }
  .hp-free-samples-blocks {
    max-width: 600px;
  }
  .hp-free-samples-block:last-child {
    left: 16px;
  }
  .hp-free-samples-block strong {
    font-size: 22px;
  }
  .hp-free-samples-link {
    margin-top: 87px;
  }
  .hp-shop-by-room .hp-slider {
    margin-bottom: 123px;
  }
  .hp-shop-by-room-item {
    width: 352px;
    min-width: 352px;
    margin-right: 24px;
  }
  .hp-how-to-guides {
    margin-bottom: 88px;
  }
  .hp-badges {
    margin-bottom: 88px;
  }
  .hp-badges-content {
    max-width: 1360px;
  }
  .hp-reviews .swiper-container:not(.swiper-container-initialized) .hp-reviews-item {
    width: calc(20% - 16px);
  }
  .hp-automate.container,
  .hp-automate .container {
    padding-right: 128px;
  }
  .hp-automate-in {
    min-height: 467px;
  }
  .hp-automate-content {
    width: 46%;
  }
  .hp-automate-content p {
    max-width: 552px;
  }
  .hp-automate-img {
    width: 53.7736%;
  }
  .hp-automate-link {
    margin-top: 82px;
  }
  .newsletter {
    margin-bottom: 88px;
  }
  .newsletter .content {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .hp-shop-by-style-alt .hp-slider {
    margin-bottom: 80px;
  }
  .hp-shop-by-style-alt .hp-slider-title {
    margin-bottom: 32px;
  }
}
@media screen and (min-width: 2560px) {
  .hp-top-block {
    margin-bottom: 120px;
  }
  .hp-top-block-content {
    padding-top: 64px;
    padding-bottom: 68px;
  }
  .hp-top-block-text {
    font-size: 22px;
    line-height: 1.1818;
  }
  .hp-top-block-link a {
    font-size: 18px;
    line-height: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .hp-shop-by-style {
    max-width: 1920px;
    padding-bottom: 56px;
  }
  .hp-shop-by-color .hp-slider-title {
    margin-bottom: 32px;
  }
  .hp-shop-by-color.hp-slider,
  .hp-shop-by-color .hp-slider {
    margin-bottom: 130px;
  }
  .swiper-container-color:not(.swiper-container-initialized) .swiper-wrapper .hp-shop-by-color-item {
    width: 136px;
    margin: 0 16px;
  }
  img.hp-shop-by-color-img,
  .hp-shop-by-color-img img {
    height: 88px;
  }
  .hp-how-it-works-title {
    margin-bottom: 84px;
    font-size: 44px;
    padding-top: 37px;
  }
  .hp-how-it-works-title > span:before {
    width: 228px;
    height: 32px;
    top: 1px;
  }
  .measure-made-simple-block {
    margin-bottom: 104px;
    max-width: 1336px;
  }
  .measure-made-simple-block h2 {
    font-size: 40px;
    letter-spacing: -0.01em;
    margin-bottom: 56px;
  }
  .measure-made-simple-block .item {
    max-width: 336px;
  }
  .measure-made-simple-block .item._first:before {
    top: 32px;
  }
  .measure-made-simple-block .item._last:before {
    top: 32px;
  }
  .measure-made-simple-block .scroll-bar {
    top: 32px;
  }
  .hp-how-it-works-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 57px;
  }
  .hp-how-it-works-icon .icon-new {
    width: 40px;
    height: 40px;
  }
  .hp-how-it-works-icon .hp-how-it-works-icon-xl {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .hp-how-it-works-text {
    font-size: 18px;
  }
  .hp-shop-by-solution {
    padding-bottom: 54px;
  }
  .hp-shop-by-solution .hp-slider-title {
    margin-bottom: 42px;
  }
  .hp-shop-by-solution-item {
    margin-right: 40px;
  }
  .hp-cards {
    margin-bottom: 104px;
  }
  .hp-cards-content {
    max-width: none;
  }
  .hp-cards-content .hp-card {
    width: calc(25% - 56px);
    min-height: 240px;
    padding-top: 37px;
  }
  .hp-cards-content .hp-card._card-1 .hp-card-title:before {
    width: 176px;
  }
  .hp-cards-content .hp-card._card-2 .hp-card-title:before {
    width: 282px;
  }
  .hp-cards-content .hp-card._card-3 .hp-card-title:before {
    width: 288px;
  }
  .hp-cards-content .hp-card._card-4 .hp-card-title:before {
    width: 264px;
  }
  .hp-cards-content .hp-card-title {
    font-size: 26px;
  }
  .hp-popular-blinds .hp-slider {
    margin-bottom: 113px;
  }
  .hp-popular-blinds .hp-slider-title {
    margin-bottom: 40px;
  }
  .hp-popular-blinds-item {
    width: 312px;
    min-width: 312px;
    margin-right: 32px;
  }
  .hp-popular-blinds-link .badges-container .badge-discount span,
  .hp-popular-blinds-link .badges-container .badge-discount .extra,
  .hp-popular-blinds-link .badges-container .badge-discount .extra + span {
    font-size: 14px;
  }
  .hp-popular-blind-title {
    font-size: 18px;
  }
  .hp-popular-blind-actions.action.towishlist {
    max-width: 224px;
  }
  .hp-popular-blind-type {
    font-size: 18px;
  }
  .hp-free-samples {
    margin-bottom: 128px;
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .hp-free-samples-title {
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
  }
  .hp-free-samples-text {
    font-size: 18px;
    letter-spacing: .180451px;
  }
  .hp-free-samples-blocks {
    max-width: 624px;
  }
  .hp-free-samples-block:last-child {
    left: 30px;
  }
  .hp-free-samples-block strong {
    font-size: 26px;
    line-height: 1.192;
    letter-spacing: .0015em;
  }
  .hp-free-samples-link a {
    min-width: 432px;
    font-size: 18px;
    line-height: 26px;
    padding-top: 19px;
    padding-bottom: 19px;
  }
  .hp-shop-by-room .hp-slider {
    margin-bottom: 139px;
  }
  .hp-shop-by-room-item {
    margin-right: 28px;
  }
  .hp-how-to-guides {
    margin-bottom: 104px;
  }
  .hp-how-to-guides-img {
    width: 41.1462%;
  }
  .hp-how-to-guides-content {
    padding-left: 72px;
  }
  .hp-how-to-guides-title {
    font-size: 40px;
    line-height: 1.2;
  }
  .hp-how-to-guides-text {
    max-width: 400px;
  }
  .hp-how-to-guides-links a {
    min-width: 224px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .hp-klarna {
    margin-bottom: 104px;
  }
  .hp-badge-img {
    width: 64px;
    height: 64px;
  }
  .hp-badge-img .icon-new {
    display: none;
  }
  .hp-badge-img-xl {
    display: block;
  }
  .hp-reviews {
    margin-bottom: 104px;
  }
  .hp-automate-in {
    min-height: 494px;
    padding-left: 40px;
    margin-bottom: 128px;
  }
  .hp-automate-content {
    width: 44%;
  }
  .hp-automate-content h2 {
    font-size: 40px;
  }
  .hp-automate-content p {
    font-size: 18px;
    max-width: none;
  }
  .hp-automate-img {
    width: 50.8475%;
    right: -40px;
    top: 40px;
    bottom: -40px;
  }
  .hp-automate-icons {
    margin-top: 68px;
  }
  .hp-automate-link {
    margin-top: 74px;
  }
  .hp-automate-link a {
    min-width: 295px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .newsletter {
    margin-bottom: 144px;
  }
  /* How It Works */
  .hp-how-it-works-title > span:before {
    width: 198px;
  }
  /* Homepage Cards */
  .hp-cards-content .hp-card {
    min-height: 176px;
  }
}