/* Mobile device styling. */

@media only screen and (max-width: 799px) {
    /* Less spacing between a label and other form elements */

    label {
        margin: 5px;
    }

    /* Smaller close button */

    .close {
        color: #aaa;
        float: right;
        font-size: 18px;
        font-weight: bold;
    }

    /* For display based from devices */
    
    .mobile-only {
        display: block;
    }
    
    .mobile-flex-only {
    	display: flex;
    }
    
    .mobile-flex-only {
    	display: flex;
    }
    
    .tablet-only {
        display: none;
    }
    
    .tablet-flex-only {
    	display: flex;
    }
    
    .desktop-only {
        display: none;
    }
    
    .desktop-flex-only {
    	display: none;
    }
    
    .small-device-only {
    	display: block;
    }
    
    .large-device-only {
    	display: none;
    }

    .no-desktop {
        display: block;
    }
    
    .no-desktop-flex {
    	display: flex;
    }
    
    .no-tablet {
        display: none;
    }
    
    .no-tablet-flex {
    	display: none;
    }
    
    .no-mobile {
        display: none;
    }
    
    .no-mobile-flex {
    	display: none;
    }

    /* ICE-IT STYLE STARTS */
}