@media screen and (max-width: 1023px) {
    .row-header{flex-direction:initial;}
	.row-header .logo-div{padding-left:2%;}
	.row-header .header-menu-wp{padding-right:2%;}
	.login-menu-wp{top:46px;right:-8px}
	.login-box2 input{margin-bottom:20px;font-size:1rem;}
	.row.terms-wp{width:90%;margin:0 5%;}
	.welcome-message{text-align:center;}
    .page-image { position: relative !important; }
    .row {
        flex-direction: column;
        align-items: center;
    }
    .row.reverse-on-small {
        flex-direction: column-reverse;
    }
    .row .half-column {
        width: 90%;
        margin: 0 5%;
    }
    .login-box {
        padding: 20px 0;
    }
    .banner-slide {
        margin-bottom: 10px;
    }
    footer .upper-footer img {
        margin-top: 20px;
        max-width: 95%;
    }
    footer .bottom-footer .row {
        align-items: flex-start;
        padding: 0 20px;
    }
    /* .popup-list-options {
        max-width: 290px;
    } */
    .row .half-column.image-on-mobile {
        margin-top: 50px;
    }
    .image-on-mobile img {
        width: 100%;
    }
    .number-box input {
        width: 55px;
    }
    .config-select-icon {
        width: 20%;
    }
    .product-image-box {
        position: relative;
    }
    .product-image-box {
        position: relative;
    }
    .button-choose-another:not(.sempreon),
    .main-choose-footer-left {
        display: none !important;
    }
    .submit-config,
    .confirm-button {
        margin:0px !important;
    }

    .sub-logo-div {
        width: 100% !important;
        text-align: center;
    }

    #cus_abertura, #coloracaoCaixa, #coloracaoUnicolor, #coloracaoCor1, #coloracaoCor2, #cortablebase, #enchimentodiv, #quantidade-folhas, #folhasdiv, #cotadiv,
    #plk-door-corint-wp, #plk-door-corext-wp, #plk-door-corint-wp, #plk-door-corext-wp, #plk-door-band-material-wp, #plk-door-lat-material-wp, #plk-door-aber-side,
    .halfextra {
        width: 100% !important;
    }

    .popup-1, .extra-popup, .popup-2, .popup-3 {
        position: fixed;
        top: auto;
        height: calc(100vh - 20%);
        width: 90%;
        min-width: auto;
        left: 5%;
        z-index: 3;
        overflow-y: auto;
        bottom: 100px;
      }

    .title-popup {
        background-color: #5e3253;
        border-radius: 10px 10px 10px 10px;
    }

    .popup-1, .extra-popup, .popup-2, .popup-3 {
        border-radius: 10px 10px 10px 10px;
      }
}
@media screen and (max-width: 470px) {
    .config-slider > span {
        font-size: 12px;
        margin: 0;
        margin-top: 5px;
    }
    .config-slider .slider {
        margin-top: 5px;
    }
    .number-box .arrows-box {
        display: none;
    }
    .number-box input::-webkit-outer-spin-button,
    .number-box input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .number-box input[type=number] {
        -moz-appearance: textfield;
    }
}
@media only screen and (max-width: 40em) {
	.order-edit-wp .order-edit-inner-wp input{padding:13px 5px;}
	.order-edit-wp .order-edit-inner-wp button{font-size:12px;height:42px;line-height:initial;}
	.popup-3 .popup-single-product{width:100%;max-width:unset;}
	.popup-1 .popup-single-option{width:100%;max-width:unset;text-align:center;}
	.popup-2 .popup-single-modelo{width:100%;max-width:unset;text-align:center;}
}
@media screen and (max-width: 412px) {
    header { margin-bottom:30px; }
    .row-header .logo-div a img{ max-width:150px;}
    .price-text::after {width:29px;height:29px;right:-14px;top:6px;}
    .cart-item, .cart-remove-btn-wp{text-align: center }
    .end-buttons {display:block }
    ul.resume-list { margin:0; }
    .login-box form {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .login-box form button {
        margin-top: 10px;
        width: 50px;
        margin: 10px 80px;
        padding: 0;
    }
    .price-box .price-text {
        font-size: 10px;
        z-index: 3;
        white-space: nowrap;
    }
    .price-text::after {
        width: 23px;
        height: 23px;
        right: -11px;
        top: 4px;
    }
    .price {
        font-size: 18px;
    }
    .extra-box {
        align-items: center;
    }
    .extra-box .checkbox label {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }
    .extra .checkbox {
        margin-right: 5px;
    }
    .button-choose-another {
        font-size: 10px;
    }
    .button-compare {
        font-size: 10px;
    }
}
@media screen and (max-width: 362px) {
    .price-text {
        padding: 10px 15px;
    }
    .button-choose-another {
        padding: 10px 7px;
    }
    .button-compare {
        padding: 10px 7px;
    }
}
@media screen and (max-width: 325px) {
    .login-box form input {
        width: 80%;
        margin-top: 10px;
    }
}