/* *************** responsive 1000 ********* */
@media screen and (min-width: 1000px) and (max-width: 1100px) {
    aside#sidebar {
        width: 23%;
        position: absolute;  /* make menu scroll: absolute;  - make menu stand: fixed */
    }
    section#content {
        /*background: #ffd800;*/
        width: 77%;
    }
    .OnlyDesktopView { display: none !important; }
}
/* *************** responsive 768 ********* */
@media screen and (min-width: 768px) and (max-width: 1000px) {
    aside#sidebar {
        width: 28%;
        position: absolute;  /* make menu scroll: absolute;  - make menu stand: fixed */
    }
    section#content {
        /*background: #b200ff;*/
        width: 72%;
    }
    .OnlyDesktopView { display: none !important; }
        

}
/* ******************** responsive < 768 ******** */
@media screen and (max-width: 768px)  
{
    article {
        font-size: 1.4em;
    }

    .OnlyDesktopView { display: none !important; }
    
    aside#sidebar { 
        position: relative;
        float: none; 
        width: auto; 
        margin-left: 0;         
	}
    section#content {
        /*background: #00ff90;*/
        position: relative;
        float: none; 
        width: auto; 
        margin-left: 0;         
    }
    header {
        padding: 0 0 8px;
    }
	header h1, 
    header h2, 
    nav#mainnav li a { 
        text-align:center; 
	}

    fieldset p label,
    fieldset p span:nth-child(1)
    {
	    width: 100%;		    
    }

	.width { 
        width:auto; 
        padding-left: 10px; 
        padding-right: 10px; 
	}

	.floatLeft, 
    .floatRight { margin:0px; }

    input[type="text"], 
    input[type="password"],     
    input[type="color"], 
    input[type="date"], 
    input[type="datetime"], 
    input[type="datetime-local"], 
    input[type="email"], 
    input[type="month"], 
    input[type="number"], 
    input[type="range"], 
    input[type="search"], 
    input[type="tel"], 
    input[type="time"], 
    input[type="url"], 
    input[type="week"], 
    select, 
    textarea {
        width: 100%;
        height: 30px;
    }
    input[type="checkbox"] {
        width: 24px;
        height: 24px;
    }  

    input[type="radio"] {
        margin: 0 5px;
        width: auto;
    }
    .button.small {
        padding: 0.6em 0.5em;
        min-width: 100px;
    }
    .AsideBox {
        width: 100%;
    }
    .ObjectPreview {
        width: 100%;
    }
        .ObjectPreview label {
            width: 100%;
        }

    .button,
    a.button,
    .buttonCart,
    a.buttonCart,
    .Image200
    {
       padding: 2em 0.5em;
       width: 100%; 
       margin: 1% auto;       
    }
    .video 
    {
       width: 100%; 
       height: auto;
       margin: 1% auto;     
    }
    
    
    
    .UserInfo {
        top: 87px;        
        max-width: 53%;
        right: 2px;
    }
    .UserInfo a 
    {
        width: auto;
    }
    
    
    .MsgSuccess,
    ins {
        border-radius: 4px 4px 4px 4px;
        padding: 0px;
    }
    .MsgError,
    del {
        border-radius: 4px 4px 4px 4px;
        padding: 4px;
    }
    
    #DivFooter {
    }
    .ui-datepicker-trigger {
        position: relative;
        margin: 10px 5px;
        top: -2px;
        width: 32px;
    }
    .GridFooter a {
        width: 50px;
    }
    .scrollToTop {
        font-size: 3em;
        padding: 3px;
    }
    .scrollToTop.glyphicon {
        top: auto;
        font-size: 2.8em;
    }

    .savePercentage 
    {
        font-size: 0.8em;
        padding: 3px 7px;
    }
    
    .TopSecretFont2 
    {
        font-size: 0.9em;
    }

    #DivLoadingEffect img
    {
        /*opacity: 0.8;*/
        width: 50%;
        left: 25%;
        top: 25%;        
    }
    
    .ui-accordion .ui-accordion-content 
    {
        padding: 5%;
    }

}