.sidr{
	display: none;
	position: fixed;
	height: 100%;
	z-index: 1000;
	width: 212px;
	overflow-x: none;
	background: #fff;
}
.sidr.right{
	left: auto;
	right: -212px;
}
.sidr.left{
	left: -212px;
	right: auto;
}     
#menu-button{
	display: inline-block;
}





.sidr-inner{
	text-align: center;
}
.sidr-inner .logo{
	background: url('/public/img/logo_home-m.png') center center no-repeat;
	margin: 0;
	display: inline-block;
	height: 60px;
	width: 60px;
}
.sidr-inner .container{
	padding: 0 20px;
	display: block;
}
.sidr-inner .logo{
	margin: 15px auto 0 auto;
	display: block;
}
.sidr-inner .nav > li{
	display: block;
	float: none;
	text-align: center;
}
.sidr-inner ul.nav{
	border-top: #f3f3f3 solid 1px;
	border-bottom: #f3f3f3 solid 1px;
	padding: 15px 0;
	margin: 10px 15px 0 15px;
}
.sidr-inner ul.nav li{
	padding: 10px 0;
	font: .875em "brandon-grotesque-n7","brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #153057;
}
.sidr-inner .button.blue{
	margin: 0 0 0 -5px;
	padding: 0 15px;
	vertical-align: middle;
	height: 32px;
	background: #153057 url('/public/img/_icon/arrow-r.png') 10px 12px no-repeat;
}
.sidr-inner input[type=text]{
	width: 108px;
	margin: 10px 0;
}
.sidr-inner img{
	display: block;
	margin: 10px auto;
}
.sidr-inner h4{
	font: .75em "brandon-grotesque-n7","brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	color: #153057;
}
.sidr-inner p{
	font: .6875em "calluna-n4","calluna",serif;
	font-weight: 400;
	color: #333;
	margin: 5px;
}
.sidr-inner .link{
	font: .625em "brandon-grotesque-n7","brandon-grotesque",sans-serif;
	font-weight: 700;
	color: #ccc;
	text-transform: uppercase;
	margin: 5px 0;
}
.sidr-inner .link a{
	color: #153057;
	margin: 0 3px;
}
.sidr-inner .phone{
	font: 1.25em "brandon-grotesque-n7","brandon-grotesque",sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #153057;
	margin: 5px 0;
	padding: 15px 0 0 0;
}
.sidr-inner .copyright{
	font: .75em "brandon-grotesque-n5","brandon-grotesque",sans-serif;
	font-weight: 500;
	color: #666;
	margin: 20px 0;
}
.sidr-inner hr{
	border: #f3f3f3 solid 1px;
	margin: 10px auto 20px auto;
}	







#mobile-header {
    display: none;
}

@media only screen and (max-width: 979px){
    #mobile-header {
        display: inline-block;
        float: right;
    }
    #side-navbar
        display: none;
    }
}
@media only screen and (min-width: 980px){
    #side-navbar{
        display: none;
    }
}