.g_ex-hopscotch-container > .g_ex-hopscotch:not(:first-child) { margin-top: 50px; }

.g_ex-hopscotch { width: 100%; max-width: 1200px; margin: 0 auto; }

._clp .g_ex-hopscotch { width: 1128px; }

.g_ex-hopscotch > div { display: flex; flex-direction: row; }

.g_ex-hopscotch_left { order: 1; }

.g_ex-hopscotch_right { order: 2; }

._reverse .g_ex-hopscotch_left { order: 2; }

._reverse .g_ex-hopscotch_right { order: 1; }

.g_ex-hopscotch_img { display: block; width: 100%; min-width: 735px; min-height: 396px; background: #DFDFDF; }

.g_ex-hopscotch_text { width: 420px; margin: 0 35px 0 0; position: relative; }

._reverse .g_ex-hopscotch_text { margin: 0 0 0 35px; }

.g_ex-hopscotch_text > div { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }

.g_ex-hopscotch_header, .g_ex-hopscotch_header { font-family: Roboto, Arial, sans-serif; font-size: 20px !important; font-weight: bold; letter-spacing: 2px; text-transform: none; margin: 0 !important; }

.g_ex-hopscotch_header._text-upper { text-transform: uppercase; }

.g_ex-hopscotch_header:after { display: block; content: ""; width: 100%; height: 1px; background: #D3D3D3; margin: 20px auto; }

.g_ex-hopscotch_header._divider-red:after { width: 100px; height: 4px; background: #ED1C24; margin: 16px 0 0; }

.g_ex-hopscotch_copy, .g_ex-hopscotch_copy > p { font-family: Roboto, Arial, sans-serif; font-size: 16px !important; line-height: 20px !important; margin: 0; }

.g_ex-hopscotch_copy a { color: inherit; text-decoration: underline; text-decoration-color: #ED1C24; text-underline-position: under; }

.g_ex-hopscotch_copy._arrow a { position: relative; }

.g_ex-hopscotch_copy._arrow a:after { content: ""; background-image: url("https://flooranddecor.a.bigcontent.io/v1/static/icon-arrow-right-big-red"); background-size: 100%; width: 22px; height: 22px; display: block; position: absolute; top: 0px; right: -27px; }

.g_ex-hopscotch_copy a:hover { color: #ED1C24; }

.g_ex-hopscotch_copy:not(:first-child) { margin-top: 15px; }

.g_ex-hopscotch_copy ul { padding: 0 0 0 20px; margin: 10px 0; }

.g_ex-hopscotch_copy ul > li { list-style-type: disc; }

.g_ex-hopscotch_button-area { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; margin-top: 16px; }

.g_ex-hopscotch_btn { display: block; width: max-content; max-width: 300px; min-width: 200px; height: 48px; background: #000000; color: #FFFFFF !important; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 48px; letter-spacing: 1.3px; text-transform: uppercase; text-align: center; text-decoration: none !important; margin: 20px 0 0 !important; padding: 0 15px; box-sizing: border-box; transition: all 0.3s ease; }

.g_ex-hopscotch_button-area .g_ex-hopscotch_btn { margin: 0 !important; }

.g_ex-hopscotch_btn._ghosted { background: rgba(0,0,0,0); color: #000000; font-weight: bold; border: 1px solid #000000; box-sizing: border-box; }

.g_ex-hopscotch_btn:hover { background: #ED1C24; transition: all 0.3s ease; }

.g_ex-hopscotch_link { display: block; font: 16px Roboto, Arial, sans-serif; line-height: 1.3; color: #000000; text-decoration: underline !important; text-decoration-color: #ED1C24 !important; text-underline-position: under; overflow: visible !important; width: max-content; margin: 16px 0; }

.g_ex-hopscotch_link:hover { color: #ED1C24; }

@media (min-width: 1200px) and (max-width: 1439px) {
  ._clp .g_ex-hopscotch { width: 832px; margin: 0 auto; }

  ._clp .g_ex-hopscotch > div { display: grid; grid-template-columns: 4fr 6fr; }

  ._clp .g_ex-hopscotch_left, ._clp .g_ex-hopscotch_right { width: 100%; }

  ._clp .g_ex-hopscotch_img { min-width: 0; min-height: 0; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .g_ex-hopscotch { max-width: 730px; }

  ._clp .g_ex-hopscotch { width: 832px; }

  .g_ex-hopscotch > div { flex-direction: column; }

  .g_ex-hopscotch_left { order: 1; }

  .g_ex-hopscotch_right { order: 2; }

  ._reverse .g_ex-hopscotch_left { order: 1; }

  ._reverse .g_ex-hopscotch_right { order: 2; }

  .g_ex-hopscotch_text { width: 100%; margin: 0 0 20px; }

  .g_ex-hopscotch_text > div { position: static; transform: none; }

  ._reverse .g_ex-hopscotch_text { margin: 0 0 20px; }
  
  .g_ex-hopscotch_button-area { width: 415px; }

  .g_ex-hopscotch_header:after { max-width: 350px; margin: 20px 0; }

  .g_ex-hopscotch_header._divider-red:after { max-width: 100px; margin: 16px 0 0; }

  .g_ex-hopscotch ._mobile-divider { display: block; width: 500px; height: 1px; background: #DFDFDF; margin: 40px auto; }
}

@media (max-width: 767px) {
  .g_ex-hopscotch { width: 100%; max-width: 560px; min-width: 280px; }

  ._clp .g_ex-hopscotch { width: calc(100% - 40px); max-width: none; }

  .g_ex-hopscotch > div { flex-direction: column; }

  .g_ex-hopscotch_left { order: 1; }

  .g_ex-hopscotch_right { order: 2; }

  ._reverse .g_ex-hopscotch_left { order: 1; }

  ._reverse .g_ex-hopscotch_right { order: 2; }

  .g_ex-hopscotch_img { min-width: 0; min-height: 0; aspect-ratio: 735/395; }

  .g_ex-hopscotch_text { width: 100%; margin: 0 0 20px; }

  .g_ex-hopscotch_text > div { position: static; transform: none; }
  
  .g_ex-hopscotch_button-area { width: 415px; }

  ._reverse .g_ex-hopscotch_text { margin: 0 0 20px; }

  .g_ex-hopscotch ._mobile-divider { display: block; width: 200px; height: 1px; background: #DFDFDF; margin: 24px auto; }
}

@media (max-width: 459px) {
  .g_ex-hopscotch_button-area { grid-template-columns: 1fr; grid-gap: 15px; width: 200px; }
  
  /*.g_ex-hopscotch_btn:not(:first-child) { margin-top: 0 !important; }*/
}