.ar-button{top: 6px !important; bottom: auto !important; left: auto !important; right: 6px !important; margin: 0 !important;}/* Custom loading bar style for model-viewer */ 
                model-viewer::part(default-progress-bar) { background-color: #5a6d50; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-bar { background-color: #f0f0f0; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-value { background-color: #5a6d50; } /*Model Viewer Size*/ /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .ardisplay_viewer{ min-height:260px; height:260px; width: 100%; } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .ardisplay_viewer{ min-height:250px; height:250px; width: 100%; } } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .ardisplay_viewer{ min-height:270px; height:270px; width: 100%; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .ardisplay_viewer{ min-height:250px; height:250px; width: 100%; } } /*Dimensions*/ .dot{ width: 10px; height: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); background: #fff; } .dimension{ background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.8); font-family: Futura, Helvetica Neue, sans-serif; font-size: 12px; font-weight: 600; max-width: 128px; padding: 0.25em 0.5em; } /*Hot Spots*/ .hotspot{ font-size: 12px; } /*Call to Action Button */ .ar_cta_button{ font-size: 12px; } .ar-reset { position: absolute; top: 6px; left: 6px; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; background: none; /*margin-right: 4px;*/ border-radius: 4px; border: none; cursor: pointer; }