@media {
    /* zendesk override */
    #launcher { display:none; }
    iframe[tabindex="0"] { right:0px !important; bottom:0px !important; }

    /* common */
    html { height:100%; font-size:20px; background-color:var(--color-light-gray); }
    body { position:relative; max-width:1800px; height:100%; margin:0px auto; padding:0px; color:var(--color-black);  background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/pages/chat/i_chat_background_pending.jpg); background-size: cover; background-color: var(--color-blue); background-position: left bottom; }

    input[type="text"],
    input[type="email"],
    select { padding: 10px; width: 100%; }

    #content { position: relative; max-width: 1600px; min-height: 100vh; margin: 0px auto; background-color: transparent; }
    #footer { display: none; }

    .required { padding: 8px 10px; top: initial; bottom: 0px; font-size: var(--font-size-3S); letter-spacing: 1px; line-height: 1; text-transform: uppercase; }

    header,
    footer { display: none; }

    /* chat */
    a.back_to_kimco { position: fixed; top: 0px; left: 0px; display: inline-block; padding: var(--spacing-0) 20px var(--spacing-0) 40px; font-size: var(--font-size-2S); color: var(--color-blue); text-transform: uppercase; letter-spacing: 1px; line-height: 1; background-color: var(--color-white); background-repeat: no-repeat; background-size: 20px; background-position: left 10px center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M480 896 160 576l320-320 42 42-248 248h526v60H274l248 248-42 42Z' fill='%23003055;'/%3E%3C/svg%3E"); border-bottom-right-radius: 20px; z-index: 1; }

    #chat { position: absolute; top: calc(100px + var(--spacing-2L)); right: var(--spacing-2L); background-color: transparent; z-index: 1; }
    #chat .container_row { width: 100%; max-width: 600px; margin: 0px; }
    #chat .container_row_content { padding: var(--spacing-3L); background-color: var(--color-cyan); color: var(--color-white); border-radius: 50px; }

    /* live chat */
    .livechat-prechat { padding: 0px; }
    .livechat-prechat-container { margin: 0px; }
    .livechat-prechat-container .row:nth-child(1):before { content: 'Live Chat'; font-size: var(--font-size-2L); font-weight: 600; color: var(--color-white); }
    .livechat-prechat-container .row:nth-child(1) > div { display: none; }

    .livechat-prechat-container .livechat-subtext { font-size: var(--font-size-1S); line-height: 1.4; }

    .livechat-prechat-form .form-group { position: relative; margin-bottom: var(--spacing-2S); font-size: var(--font-size-1S); }
    .livechat-prechat-form .form-group > label { display: block; margin-bottom: 4px; font-size: var(--font-size-2S); font-weight: 600; }
    .livechat-prechat-form .form-group:nth-child(5) { display: none; }

    .livechat-prechat-form-container { margin-top: var(--spacing-1S); padding: 0px; }

    #prechat_submit { display: inline-block; margin: var(--spacing-2S) 0px 0px 0px; padding: 16px 30px 16px 50px; font-weight: 400; line-height: 1; font-size: .8rem; letter-spacing: 2px; border-radius: 50px; cursor: pointer; color: #FFFFFF; background-color: var(--color-blue); background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/pages/chat/i_chat_icon_white.png); background-size: 20px; background-repeat: no-repeat; background-position: left 20px center; border: 1px var(--color-blue) solid; }

    #prechat_submit:hover,
    #prechat_submit:focus { background-color: var(--color-white); color: var(--color-blue); border: 1px var(--color-blue) solid; background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/pages/chat/i_chat_icon_blue.png); }
}

@media (max-width:1500px) {
    /* common */
    body { background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/pages/chat/i_chat_background_pending_icon_only.jpg); background-position: bottom right; }
    #chat .container_row { max-width: 500px; }
    #chat .container_row_content { padding: var(--spacing-2L) var(--spacing-3L); }

    .livechat-prechat-container .row:nth-child(1):before { font-size: var(--font-size-3L); }
}

@media (max-width:1200px) {
    body { background-position: right 40% center; }

    .livechat-prechat-container .livechat-subtext,
    .livechat-prechat-form .form-group > label,
    .livechat-prechat-container .livechat-subtext, .livechat-prechat-form .form-group > label,
    #prechat_submit { font-size: var(--font-size-0); }
}

@media (max-width:1000px) {
    body { background-image: url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/pages/chat/i_chat_background_pending_image_only.jpg); }
    input[type="text"], input[type="email"], select { width: 100%; }

    #chat { width: 90%; max-width: 500px; top: 50%; right: initial; left: 50%; transform: translate(-50%, -50%); }
    #chat .container_row { max-width: initial; margin: 0px auto; }
}

@media (max-width:700px) {
    body { background-position: right -50px center; }
    #chat .container_row { max-width: initial; margin: 0px auto; }
}