@media screen and (max-width:1199px){
  #container{width:95%;}
  #head1{height:auto;}
  #logo #title a{font-size:2em;}
  #content .files-list li{width:80%;margin-left:15px;padding-left:30px;}
  #body ul[class*='images-'] img{max-width:95%;}
}
@media screen and (max-width:800px){
  #logo{padding:20px 3%;}
  #search-form{float:left;clear:left;width:100%;margin:0;padding:15px 3%;text-align:left;background:#e8eaee;}
  #search-form input[type="text"]{width:80%;}
  #header .menu-1{float:left;}
  .pages-5 li{width:48%;}
  .pages-5 li:nth-child(2n+1){clear:left;}
}

@media screen and (max-width:480px){
  #header .menu-1{width:100%;}
  #header .menu-1 li{width:50%;}
  #header .menu-1 li:after{display:none;}
  #header .menu-1 a{margin:0;padding:5px 7px;font-size:0.875em;border-bottom:1px solid #e8eaee;}
  
  #header .menu-1 a:before{content:"";display:block;float:left;width:16px;height:16px;margin:1px 8px 0 0;background:url('img/options.png') no-repeat center -64px;}
  #header .menu-1 a:hover:before, #header .menu-1 .selected a:before, #header .menu-1 .selected-parent a:before{background-position:center -80px;}

  .images-3 li, .images-4 li{width:50%;}

  .pages-list li{padding:10px 0;}
  .pages-5 li{width:98%;clear:left;}

  #foot .copy, #foot .options{width:100%;}
  #foot .options li{float:left;margin:15px 25px 0 0;}
}

@media screen and (max-width:1280px){
  .back-to-top-widget{right:0.5%;}
  .back-to-top-widget a{opacity:0.3;}
}

@media screen and (max-width:1199px){
  #container{width:95%;}
}

@media screen and (max-width:1199px){
  #logo{padding:10px;}
  #hamburger-menu{display:block;margin:0;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color:#ffcc00;}
  .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after{background-color:#ffcc00;}
  .sidr{background:#404041;}
  #container{width:100%;margin:0;}
  #head1{width:100%;}

  .menu-1{display:none;}
  #page{width:100%; margin:0 0 30px;}
  #foot .container{}

  #page div.content{padding:0 2.5%;}
  #page h1{padding:0 2.5%;}
  #page nav.breadcrumb{padding:0 2.5%;}
  #comments{padding:0 2.5%;box-sizing:border-box;}
  #comments-form input[type="text"], #comments-form textarea{box-sizing:border-box;}
}

@media screen and (max-width:800px){
  .pages-4 li{width:100%;margin-bottom:20px;}

  #foot{background:#000;height:auto;}
  .box1{width:100%;text-align:center;margin:10px 0;}
  #foot .copy{width:100%;text-align:center;}
  #powered{display:none;}
  #fbS{display:none;}
}
