#FloaterLayout {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    font-size: 0;
}

#FloaterLayout .overflow-right {
    margin-right: -20px;
    padding-right: 20px;
}

#FloaterLayout > .left,
#FloaterLayout > .right {
    /*height: 600px;*/
    /*position: absolute;*/
    display: inline-block;
    /*font-size: 12px;*/
    vertical-align: top;
}

#FloaterLayout > .left {
    background: #f7f7f7;
    text-align: right;
    position: relative;
    width: 41.5%;
    z-index: 100;
}

#FloaterLayout > .right > * > * {
    max-width: 769px;
    width: 100%;
    box-sizing: border-box;
}
#FloaterLayout > .left > * > * {
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}

#FloaterLayout > .right {
    background: #f0f0f0;
    text-align: left;
    width: 58.5%;
}

#FloaterLayout > div > * {
    width: 100%;
}

#FloaterLayout > div > * > * {
    display: inline-block;
    /*max-width: 570px;*/
    text-align: left;
}

#FloaterLayout .padder {
    padding: 40px;
    box-sizing: border-box;
}

/*#FloaterLayout .left .padder {*/
    /*padding-left: 0 !important;*/
/*}*/

/*#FloaterLayout .right .padder {*/
    /*padding-right: 0 !important;*/
/*}*/

@media ( min-width: 600px ) AND ( max-width: 900px ) {
    #FloaterLayout .left .padder,
    #FloaterLayout .right .padder{
        padding: 20px !important;
    }
    #FloaterLayout > .left > * > *,
    #FloaterLayout > .right > * > * {
        /*width: auto;*/
    }
}
@media ( min-width: 600px ) AND ( max-width: 750px ) {
    #FloaterLayout > div {
        width: 50% !important;
    }
}
@media ( max-width: 600px ) {
    #FloaterLayout > .left > * > *,
    #FloaterLayout > .right > * > * {
        max-width: none;
    }

    #FloaterLayout .padder {
        padding: 20px;
    }
}