.headband{margin-top:20px;margin-bottom:20px;}

@media (max-width: 1200px) { 
    .headband{
margin-top: 20px;
}
}


#sidebar1 {

color:#c8c5d3;
position: absolute;
height:100%;
width:200px;
overflow:hidden;
/*background:#eee;left:0;*/
margin:0;
margin-right:20px;
padding-right: 0px;
}

#sidebar1.hide-sidebar {
    left: -200px;
}

#wrapper1 {
margin:0 0 0 0px;
}
    #wrapper1.hide-sidebar {
    margin-left: 0;
}
    .toggle-img {
        background: #e7e7e7;
        border: 1px solid #eee;
    }

@media (min-width: 1200px) {
        #wrapper1 {
            margin: 0 0 0 200px;
        }
        .rule-content-wrapper{padding-left: 20px;}
    .col01 { width: 3%;}
 .col02 {width: 97%;}  
    }