@import url('common.css') screen, projection;

body {
}

body.affix {
  position: static;
  padding-top: 128px;
}

body, .container {
  min-width: 1024px;
}

.container-fluid.container-full {
  padding: 0;
}

#main-menu .navbar-nav>li>a:hover {
  color: #ff933f;
}
#main-menu #shop-icon {
  color: #ff933f;
}
#main-menu #shop-icon:hover {
  color: #cc6600;
}
#main-menu #fb-icon {
  color: #0093d4;
}
#main-menu #fb-icon:hover {
	color: #3b5998;
}
.parent-menu{
position: relative;
}
.child-menu{display:none;}

.parent-menu:hover .child-menu>div{
padding:5px 0;
}
footer {
}
.ow-content{
	position: relative;
	width: 50%;
	display: inline-block;
	float: left;
	margin-top: 30px;
}
.ow-content a:hover{
	text-decoration: none;
}
.ow-content a:hover small{
	text-decoration: underline;
}
small{
	font-size: 20px;
	font-weight: 300;
}
.ow-image{
	width: 50%;
	display: inline-block;
	float: left;
	
}
.ow-image img{
	width: 100%;
}
.ow-content>div{
	padding: 0 20px;
	
}
.ow-content a{
	top:0 ;
	bottom: 0;
	font-size: 28px;
	color: #777;
}
.navbar-header .mobile-menu{
display:none

}
.mobile.mobile-hide{
}
/* At the top level of your code */

@media screen and (max-width: 1023px) {
.mobile.mobile-hide{
  display:none;
}
  #main-menu{
width: 100vw;
}

  #main-menu .container{
min-width: unset;
    width: 100vw;
    max-width: 100vw;
    margin: 0;
  }
#main-menu .navbar-nav>li{
display:inherit;
}

.navbar-header .mobile-menu{
display:initial;
margin-top:10px;
margin-right:10px;
float:right;
padding:15px;
border-radius : 5px;
border:1px solid #777;
}
footer, footer .container{
min-width:100vw;
max-width:100vw;
}
body, .container{
min-width:100vw;
width:100vw;
}
#main-menu .navbar-header{
float:unset
}
.child-menu{display:block;padding:10px 0;}

}
@media screen and (min-width: 1024px) {
.parent-menu:hover .child-menu{
display:block;
position: absolute;
top:1em;
left 0;
padding:30px 0;
text-align: left;
}
}