/* Mobile styles */
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { 
    .specification, .wp-take-tour, .wp-camera-view, #takeTourButton { display: none; }

    .modal-content {
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        top: 0 !important;
    }

    #welcomeModal .card-body {
        height: 100%;
        color: white;
    }

    .main-content { height: 100vh !important; }

    .view-adjustment { 
        top: -35px;
        left: 0;
        bottom: 0;
        transform: scale(0.9);
    }

    .wp-designer-machine {
        z-index: 0; 
        height: 50vh !important; 
        width: 100% !important; 
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
        bottom: 50%;
    }

    #wp-sidebar { 
        z-index: 1;
        height: 50vh !important; 
        width: 100% !important;
        position: fixed !important;
        transform: scale(0.8);
        top: 50%;
        right: 0;
        left: 0;
        bottom: 0;
        justify-content: flex-start !important;
        padding: 0 !important;
        overflow-y: visible;
        background-color: #3c485800 !important;
    }

    #sidebar-widget {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        transform: scale(1);
        top: -3em;
        bottom: 0;
        right: 0;
        left: 0;
        overflow-y: visible;
    }

    .price-adjustment { 
        z-index: 2;
        width: 100%; 
        bottom: 0;
        left: 0;
        right: 0;
    }

    .off-canvas-sidebar nav .navbar-collapse:before, .sidebar:before {
        display: none;
    }

    #ascrail2000{
        -webkit-animation: 3s ease 0s normal forwards 1 fadeout;
        animation: 3s ease 0s normal forwards 1 fadeout;
    }
    
    @keyframes fadeout{
        0% { opacity:1; }
        66% { opacity:0.7; }
        100% { opacity:0.4; }
    }
    
    @-webkit-keyframes fadeout{
        0% { opacity:1; }
        66% { opacity:0.7; }
        100% { opacity:0.4; }
    }

    .wp-tools-system .nav-item {
        transform: scale(0.85);
        width: 65px;
    }

    #captcha-form-group{
        transform: scale(0.95);
        right: 10px;
    }

} 

@media only screen and (max-device-width: 375px), only screen and (max-width: 375px) { 
    #captcha-form-group{
        transform: scale(0.85);
        right: 25px;
    }

    .view-adjustment { 
        top: -100px;
        left: 0;
        bottom: 0;
        transform: scale(0.7);
    }

    .wp-designer-machine { 
        /* z-index: 0; */
    }

    #wp-sidebar { 
        transform: scale(0.75);
        overflow-y: visible !important;
    }

    #sidebar-widget {
        top: -5em;
        bottom: 0;
        right: 0;
        left: 0;
        transform: scale(1);
        overflow-y: visible !important;
    }

    .price-adjustment { 
        /* z-index: 1; */
        transform: scale(0.8);
    }

    #ascrail2000 {
        top : -5em !important;
    }
} 

@media only screen and (max-device-width: 320px), only screen and (max-width: 320px) { 
    .wp-tools-system .nav-item {
        transform: scale(0.85);
        width: 65px;
    }

    .price-adjustment { 
        transform: scale(0.8);
    }
}