.second-signup-page { display: none; width: calc(100% + 48px) !important; margin: 0 -24px; }
.second-signup-page > .signup-content { max-width: 648px; margin-left: auto; margin-right: auto; padding: 0 24px; }
.second-signup-page p { margin-bottom: 8px; }
.second-signup-page .advocatekv { position: relative; height: 271px; background: url('/web_custom_page/static/src/img/advocatesignupkv.jpg') no-repeat bottom right 30%; background-size: 690px; margin-bottom: 24px; padding-top: 7px; padding-left: 28px; }
.second-signup-page .advocatekv > div:last-child { height: 114px; }
.second-signup-page .advocatekv h2 { font-size: 30px; line-height: 0.9em; color: #231f20; font-weight: 700; margin-bottom: 0 !important; }
.second-signup-page .advocatekv h3 { font-size: 40px; line-height: 0.9em; color: var(--Royal-Canin-red); font-weight: 700; margin-bottom: 0; }
.border-contain { border: 1px solid var(--grey-3); padding: 12px; margin-bottom: 8px; }
.reference-code { padding: 0 12px 16px 12px; }
.modal h3 { font-size: 18px; margin-bottom: 16px; }

#refcodeinfo { position: absolute; right: 8px; top: 0; font-size: 0; line-height: 0; cursor: pointer; }

.petsrow > div:nth-child(even) { width: 100%; border-bottom: 1px solid var(--grey-3); }

@media (min-width: 576px) {
	.petsrow > div:nth-child(even) { width: auto; border-bottom: 0; border-right: 1px solid var(--grey-3); }

    .second-signup-page .advocatekv { background-position-x: center; background-size: cover; }
    .second-signup-page .advocatekv > div:last-child { height: 151px; }
    .second-signup-page .advocatekv h2 { font-size: 34px; line-height: 0.9em; }
    .second-signup-page .advocatekv h3 { font-size: 50px; line-height: 0.9em; }
}