/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media (min-width: 1099px) and (max-width: 1114px) {
  #nav_area #cssmenu > ul > li {
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 1100px) {
  .effects {
    padding-left: 5px;
  }
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 5px;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: -5px;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1000px) and (max-width: 1040px) {
  #nav_area #cssmenu > ul > li {
    padding: 0 0 0 16px;
  }
  #nav_area #cssmenu > ul {
    float: right !important;
  }
}
@media (min-width: 900px) and (max-width: 999px) {
  #nav_area #cssmenu > ul > li {
    padding: 0 0 0 20px;
  }
  #nav_area #cssmenu > ul {
    float: right !important;
  }
}
@media (min-width: 900px) and (max-width: 1024px) {
  #nav_area #cssmenu > ul {
    display: block !important;
  }
}
@media (min-width: 813px) and (max-width: 1024px) {
  #cssmenu #menu-button {
    display: none !important;
  }
}
@media (min-width: 813px) and (max-width: 899px) {
  #nav_area #cssmenu > ul {
    display: inline-block !important;
}
@media only screen and (max-width: 520px) {
  .effects .img {
    width: 100%;
  }
  .effects .img:nth-child(n) {
    margin-right: 0;
  }
  .effects .img:first-child {
    margin-left: 0;
  }
  .effects .img:nth-child(2n-1) {
    margin-left: 0;
  }
  .effects .img:nth-child(2n) {
    margin-right: 0;
  }
  .effects .img:last-child {
    margin-right: 0;
  }
  .effects .img img {
    margin: 0 auto;
  }
}