@import url('../../OneCol1/Css/OneCol1.css');

/* Product Details */

#PrimaryContent {
}

    #PrimaryContent::after {
        /* Clearfix because of old fashioned floats below. */
        content: "";
        display: table;
        clear: both;
    }

    /* 
       Page Layout
       - This is last to assure it overrides other rules if necessary
    */

    #PrimaryContent #PageBody {
        position: relative;
        float: left;
        width: calc(100% - 430px);
        min-width: 50%;
    }

    #PrimaryContent #CartFunctions {
        position: relative;
        float: right;
        width: 400px;
        max-width: 50%;
    }

@media screen and (max-width: 1200px) {

    #PrimaryContent #PageBody {
        float: none;
        width: 100%;
        margin-bottom: var(--site-box-margin-bottom);
    }

    #PrimaryContent #CartFunctions {
        float: none;
        width: 100%;
        max-width: none;
    }

}

@media screen and (max-width: 900px) {
}

@media screen and (max-width: 600px) {
}

@media screen and (max-width: 375px) {
}