#sm img{
   height:36px;
   width:36px;
}
.main-banner
{
width:60%;
height:auto;
max-width:700px;
}

.collapsibleList
{
background-color:#7d9bfc;
margin-top:0px;
}

.relixmenu li:first{background-color:red !important;}
.relixmenu li{padding:10px; margin-left:-50px;text-align:center;box-shadow:0px 1px 2px -2px black;}
.relixmenu li:hover{background-color:#ffffb3;padding:10px;box-shadow:0px 1px 3px black;}

.relixmenu li a{color:#ffffb3; }
.relixmenu li:hover a{color:black !important;}
.relixmenu li a{text-decoration:none;}

li{list-style-type:none;}  
   .collapsibleList li > input + * {
 display: none;
 list-style-type:none;
 text-align:left;
}
 
.collapsibleList li > input:checked + * {
 display: block;
}

.collapsibleList li > input {
 display: none;
}

.collapsibleList label {
 cursor: pointer;
}

.collapsibleList{display:none;}

@media screen and (max-width: 768px) {
body{
margin-left:10px;
margin-right:10px;
overflow-x:hidden;
}
#sm{
    position: fixed;
	top:auto !important;
    bottom: 120px;
    left: 0px;
    width: 20px;
}
#sm img{
    width:100%;
	height:auto;
}
    #menu {
        display:none;
    }
	.main-banner
{
width:90%;
height:auto;
}
.collapsibleList{display:block;}
.fa-bars{font-size:70px;}
}  
   
   
   @media screen and (max-width: 480px) {
   .fa-bars{font-size:40px;}
   }