.part-3d {
    padding-top:72px;
    padding-bottom:144px;
    position:relative;
    
}

.part-3d h2.component-heading,
.part-3d .component-body {
    margin-left:calc(50% - 637px);
    width:637px;
    padding-right:36px;
    
}

.part-3d h2.component-heading {
    margin-bottom:52px;
}

.part-3d .component-body {
    
}

.part-3d .com-content * {
    text-align:left !important;
    font-size:inherit !important;
    line-height:1.8em;
}

.part-3d .com-content p {
    /* margin-bottom:0; */
}

.part-3d .canvas-3d-wrap {
    position:absolute;
    right:0;
    top:-72px;
    width:50%;
    height:calc(100% + 72px);
}

.part-3d .canvas-3d-loader-disp p {
    
}

.part-3d .canvas-3d-loader-gauge {
    border-color:var(--primary);
}

.part-3d .canvas-3d-loader-scale {
    background-color:var(--primary);
}

.part-3d canvas {
    width:100%;
    height:100%;
}

.part-3d .canvas-3d-wrap::after {
    content:"";
    display:none;
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    width:180px;
    height:100%;
    background: -moz-linear-gradient(left,  rgba(57,62,86,1) 0%, rgba(57,62,86,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(57,62,86,1) 0%,rgba(57,62,86,0) 100%);
    background: linear-gradient(to right,  rgba(57,62,86,1) 0%,rgba(57,62,86,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393e56', endColorstr='#00393e56',GradientType=1 );

}

@media only screen and (min-width:994px) {
    .part-3d h2.component-heading {
        text-align:left;
    }
}

@media only screen and (min-width:994px) and (max-width:1323px) {
    .part-3d h2.component-heading,
    .part-3d .component-body {
        margin-left:calc(50% - 480px);
        width:480px;
    }
}

@media only screen and (max-width:993px) {
    
    .part-3d {
        padding-bottom:32px;
    }
    
    .part-3d .component-body {
        width:auto;
        margin-left:0;
        padding:0;
    }
    
    .part-3d .canvas-3d-wrap {
        position:static;
        width:100%;
        height:56.25vw;
    }
    
    .part-3d .canvas-3d-wrap::after {
        display:none;
    }

    .part-3d h2.component-heading,
    .part-3d .com-content {
        margin-left:auto;
        margin-right:auto;
        width:624px;
        padding-right:0;
    }
    
    .part-3d .com-content {
        /* margin-bottom:32px; */
    }
}

@media only screen and (max-width:639px) {
    
    .part-3d {
        padding-top:32px;
    }

    .part-3d h2.component-heading,
    .part-3d .component-body {
        width:auto;
        margin-left:0;
        margin-right:0;
    }
    
    .part-3d h2.component-heading {
        margin-bottom:32px;
    }
    
    .part-3d h2.component-heading,
    .part-3d .com-content {
        padding-left:15px;
        padding-right:15px;
        width:auto;
    }
    
    
}