/* Login / wishlist popup — shared by category listing and product detail pages */
#popup_this {
    position: fixed;
    left: 50%;
    display: inline-block;
    width: 830px;
    height: auto;
    margin-top: 25px;
    text-align: center;
    background: url(https://www.rainforestitaly.com/image/popup-image.jpg);
    background-size: cover !important;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
}
.sidearea { width: 60.5%; height: 492px; float: left; }
.formarea { width: 38%; float: left; margin-top: 7%; }
.b-close {
    position: absolute; right: 0; top: 0; cursor: pointer;
    color: #fff; background: transparent; padding: 5px 10px; font-size: 25px; font-weight: 300;
}
.popimg { width: 60%; float: left; }
.popline { background: url(https://www.rainforestitaly.com/image/border.jpg); height: 492px; width: 4px; float: left; }
.signuppop { width: 38%; float: left; }

@media only screen and (max-width: 1365px) and (min-width: 1024px) {
    .popimg { height: 492px; }
    .signuppop { height: 492px; }
    .signuptext { font-size: 18px; color: #000; }
    #popup_this { margin-top: -180px; margin-left: -60px; background: #fff; width: 80% !important; }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .loginbutton { width: 75%; margin-top: 10px; }
    .popline { height: 400px; }
    .popimg { height: 400px; }
    .signuppop { height: 400px; }
    #popup_this {
        margin-top: -150px; margin-left: -50px; width: 90% !important;
        background: url(https://www.rainforestitaly.com/image/mobilebanner.jpg);
        background-size: cover !important;
    }
    .text-field { width: 200px; }
    .signuptext { font-size: 18px; color: #000; }
}

@media only screen and (max-width: 767px) and (min-width: 300px) {
    .sidearea { width: 0%; }
    .formarea { width: 100%; }
    .popimg { height: 492px; display: none; }
    .signuppop { width: 100%; height: 400px; }
    #popup_this {
        margin-top: 50px; margin-left: 0; width: 70% !important; top: 30% !important; height: 325px !important;
        background-image: url(https://www.rainforestitaly.com/image/mobilebanner.jpg);
        background-size: cover;
    }
    .text-field { width: 225px; }
    .signuptext { font-size: 18px; color: #000; }
}