.popup__outer { display: block; position: fixed; bottom: 0px; left: 0px; width: 100%;  z-index: 500; display: none;   }
.popup__outer .section_bg_layer { opacity: 0.95;  }

.section_outer--popup .fgl_element.quarter { padding: 32px 0px 8px;  }

.popup_close_outer { position: relative; margin: 0 auto !important; width: 100%; max-width: 1248px;  height: 0px; border: 0px solid blue;  z-index: 210; }
#popup_close_button { display: block; position: absolute; top: 32px; right: 6px; margin-top: -3px; border: 0px solid red; opacity: 1; transition: all 0.5s; visibility: visible; }

#popup_close_button .c-hamburger--htx span { background: none !important;   }
#popup_close_button .c-hamburger--htx span::before { height: 8px; top: 0px; transform: rotate(45deg); box-shadow: 0px 0px 0px rgba(11,24,49,1);  width: 48px;  }
#popup_close_button .c-hamburger--htx span::after {  height: 8px; bottom: 0px; transform: rotate(-45deg); box-shadow: 0px 0px 0px rgba(11,24,49,1);  width: 48px;  }
#popup_close_button:hover .c-hamburger span:before, #popup_close_button:hover .c-hamburger span, #popup_close_button:hover .c-hamburger span:after {  background-color: #EC1C99; }


@media only screen and (max-width: 650px) {   
    .section_outer--popup.h_40 { height: auto !important;  min-height: 0px;  }
    .section_outer--popup .bgl_element.half.right { display: none;  }
    .section_outer--popup .bgl_element.half.left { height: 100%; }
    .section_outer--popup .fgl_element.quarter { padding: 24px 0px 8px;  }
    .section_outer--popup .section_fg_layer {  padding-top: 32px !important;  }
    #popup_close_button { transform: scale(0.5); top: 0px;  }
    
}

@media only screen and (min-width: 651px) and (max-width: 800px)   {
  .section_outer--popup.h_40 { height: auto !important;  min-height: 0px;  }
  .section_outer--popup .bgl_element.half.right { display: none;  }
  .section_outer--popup .bgl_element.half.left { height: 100%; }
  .section_outer--popup .fgl_element.quarter { padding: 24px 0px 8px;  }
  .section_outer--popup .section_fg_layer {  padding-top: 32px !important;  }
  #popup_close_button { transform: scale(0.5); top: 0px;  }

}

@media only screen and (min-width: 801px) and (max-width: 1047px)   {
    .section_outer--popup.h_40 { height: auto !important; min-height: 0px;  }
    #popup_close_button { transform: scale(0.75); top: 8px; right: 6px;   }
      .section_outer--popup .fgl_element.quarter { padding: 24px 0px 8px;  }
  
}

@media only screen and (max-height: 800px)   {
    .section_outer--popup.h_40 { height: auto !important; min-height: 0px;  }
    #popup_close_button { transform: scale(0.75); top: 8px; right: 6px;   }
      .section_outer--popup .fgl_element.quarter { padding: 24px 0px 8px;  }
}