.register {
    animation: fade .8s ease-in-out 0s 1 alternate;
    margin-bottom: 62px
}


.layer {
    width: 100%;
    height: 100%;
    background-color: #b88128;
    z-index: -2;
    top: 0;
    left: 0;
    transform: rotate( 4deg );
}

input {
    width: 80%;
    display: block;
    transition: all .4s ease-in-out
}



    input[type=radio], input[type=checkbox] {
        height: 14px;
        width: auto;
        display: inline-block
    }

    input[type=checkbox] {
        height: auto;
    }
    input:hover {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    }

    input:focus {
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 6%) !important;
    }

h4 {
    margin: auto;
    font-weight: bolder;
    font-variant: all-petite-caps;
    font-size: 41px;
    position: relative
}
/*
    h4::after, h4::before {
        display: block;
        content: "";
        width: 42%;
        height: 3px;
        background-color: #797979;
        position: absolute;
        top: 52px;
    }

    h4::before {
        top: 62px;
        width: 33%;
    }*/


    /* Start Medi Query */

@media(max-width: 991px) {
    .details_inner {
        flex-direction: column;
    }

    .product_preview, .product_details {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 27px;
    }

    .product_information {
        margin-bottom: 27px
    }

    .layer {
        display: none
    }
    .register .register_container {
        padding: 27px;
    }

    .error_page {
        display:none !important;
    }

    #account {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media(max-width: 1080px) {
    .layer {
        display: none
    }
}


@media(max-width: 767px) {
    input {
        width: 100%
    }

    h4{
        font-size:29px
    }
}