@media (max-width:768px) { 
	.left-side{
		display:none;
	}
	#sicon2{
	margin-top: 15px;
    background: none;
    border: none;
    font-size: 20px;
    float: right;
    margin-right: 15px;
	display:block;
}
}


@media (min-width:768px){
	.left-side{
		display:block;
	width:140px;
	height:100%;
	background: #112950; /* Old browsers */

background: -moz-linear-gradient(top,  #112950 0%, #1f478c 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#112950), color-stop(100%,#1f478c)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #112950 0%,#1f478c 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #112950 0%,#1f478c 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #112950 0%,#1f478c 100%);/*  IE10+ */

background: linear-gradient(to bottom,  #112950 0%,#1f478c 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112950', endColorstr='#1f478c',GradientType=0 ); /* IE6-9 */
	position: fixed;
 
}
.left-side .logo-img {
		width:85% !important;
	}
	#sicon2{
		display:none;
	}
.
.navbar-nav > li > a {
    padding: 15px 7px !important;
}
#sicon{
	margin-top: 20px;
	background: none;
	border: none;
	font-size: 20px;
}

}



@media (min-width:992px){ 

	.left-side{
	width:177px;
	}
	.left-side .logo-img {
		width:85% !important;
	}
	
	.navbar-nav > li > a {
    padding: 20px 15px !important;
}
	#sicon{
	margin-top: 20px;
	}
 }



@media (min-width:1200px) {
	
		.left-side{
	width:208px;
	}
	
	.left-side .logo-img {
		width:74% !important;
	}
	
	
	}