/* CSS Document */
@media screen and (max-width : 1800px) {
	#bg-cont{
    background-size:auto 100%  !important;
  }
}
@media screen and (max-width : 1200px) {
  .gencon{
      width:95%;
  }
  .weather_sp1 {
    display:none !important;
  }
  .home #content{
	padding: 30px 4.5% 4.5% 0;
  }
  img {
    max-width:100%;
  }

  #menu {
    color:#fff;
    text-align:center;
  }
	.menuslidenav{
		float: right; 
		right: -265px; 
		max-width: 260px; 
		width:80%;
		z-index: 2;
		display:block;
		position:fixed !important;
		padding:0;
		background-color:#be4f34;;
		height:100% !important;
		overflow:auto;
    top:0;
    margin-top:0 !important;
    padding-bottom:50px !important;
	}
	.menuslidenav ul {
		padding:0 0 150px 25px;
	}
	#menu ul ul{
		padding:0 0 0 5%;
    width:95%;
	}
	.menuslidenav li{
			background-image:none;
			list-style:none;
      height:auto !important;
      display:block;
      text-align:left;
      background-image:none !important;
      max-width:265px;
      width:95%;
	}
  #menu li {
      padding-left:5%;
      padding-right:0;
  }
  #menu li.parent a {
    background-image:none;
  }
  #menu li li {
    padding-left:0;
  }
  .menuslidenav li a{
		font-size:15px;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:bold;
    padding: 15px 0;
    width:100%;
    border-bottom:1px solid #fff;
	}
	.menuslidenav li li a{
		color:#97d4ba;
	}

	#menu .navlink{
		display:inline-block;
		margin-top:20px;
    color:#fff !important;
    font-size:20px;
    text-decoration:none !important;
    float:right;
	}
  #menu svg{
    width:20px;
    height:20px;
    margin-right:15px;
    margin-left:6px;
    vertical-align:middle;
    -webkit-filter:drop-shadow(1px 1px rgba(65,58,44,.4));
    filter:drop-shadow(1px 1px rgba(65,58,44,.4));
  }
	body.active .menuslidenav { right: 0; }
	body.active .contentslide { margin-left: -250px; }
	.contentslide, .menuslidenav { transition: .3s all ease; display: block; position: relative; }
	#sidebar {
		width:30%;
	}
	#content{
		width:60%;
		max-width:100%;
		position:relative;
	}
	.contentslide {  position: relative;  width: 100%; background-color: #f4f4f4; overflow:hidden;  }
	.menuslidenav li li{
		display:none;
    float:none;
    padding-left:0;
    width:100%;
    
	}
  .home #banner {
    padding-bottom:20px;
  }
  #menu ul li:hover ul{
    display:none;
  }
    #menu ul li.active ul, #menu ul li.open ul{
    display:block !important;
    position:relative !important;
  }
  #sidebar {
    display:none;
  }
  .home #sidebar {
    display:block;
  }
  #content {
    width:100%;
    background-image:none;
    padding-top:40px;
  }
  .home #content {
    width:60%;
  }
  .expander {
  position: absolute;
  right:0px;
  display:block !important;
  max-width: 35px !important;
  max-height:50px;
  text-align:center;
  padding:0 !important;
  background-color: rgba(0,0,0,.15);
  margin-top: 0px;
  border:none !important;
  font-size:36px !important;
  font-weight:bold !important;
  line-height:50px
}
li.open {
  background-color: #e7994c !important;
}
.parent .parent .expander {
  display:none !important;
}
#menu ul ul ul {
  border:none;
}
#menu li, #menu a, #menu ul {
  background-image:none !important;
}
#menu li li a.expander:before{
content:normal;
}
#menu ul li a {
  letter-spacing:1px;
}
#menu ul ul ul{
	padding-left:10%;
	width:90%;
}
#menu ul ul ul li{
	width:100%;
}
#menu ul ul ul li a{
	font-size:12px;
}
}
@media screen and (max-width : 950px) {
  #banner {
    display:none;
  }
  .home #banner {
    display:block;
  }
  #content {
    padding-top:20px;
  }
}
@media screen and (max-width : 800px) {
  .topnav{
    float: right;
    margin-right:20px;
    position:relative;
    left:inherit;
  }
}
@media screen and (max-width : 730px) {
  #header .custom {
    display:none;
  }
  #logo{
    margin:18px auto;
    float:none;
    text-align:center;
  }
  #banner .custom p{
    font-size:0;
    text-align:center;
  }
  #banner .pull-right{
    float:none;
    display:inline-block;
    padding:0 !important;
  }
  .home #banner h1{
    margin:0 auto 30px;
      }
  .home #banner h1 .pacifico{
    font-size:72px;
  }
  .home #content {
    width:100%;
  }
  .home #sidebar {
    width:100%;
  }

}
@media screen and (max-width : 650px) {
  .one-half{
    float:none;
    width:100%;
    padding:0;
  }
}
@media screen and (max-width : 550px) {
  .pd-categoriesbox{
    width:90% !important;
  }
}
@media screen and (max-width : 450px) {
  .hidetop{
    display:none !important;
  }
  #footer li {
    display:block;
    width:100%;
    margin-bottom:12px;
  }
  #footer li li {
    margin-bottom:4px;
  }
}