body {
  margin: 0;
  height: 100%;
  color: #414144;
  min-width: 320px;
  font: 13px/18px 'Open Sans', Arial, Helvetica, sans-serif;
}

body.front .preview {
  min-height: 412px;
  overflow: hidden;
}

body.front .preview .static-overlay {
  position: absolute;
  height: auto;
  width: auto;
  right: 1.5rem;
  bottom: 0;
  width: 40%;
  z-index: 999;
} 

input[type=password],
input[type=text] {
  background-color: #f8f8f8;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  float: left;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 5px 7px 5px 10px;
  width: 200px;
}
form#user-pass,
form#user-login {
  padding: 20px 40px;
}
form#user-pass .form-item,
form#user-login .form-item {
  margin-top: 15px;
}
form#user-pass .description,
form#user-login .description {
  clear: both;
}
form#user-pass .form-actions {
  padding: 10px 0;
  clear: both;
}
.sponsors-wrapper table,
.sponsors-wrapper table tr,
.sponsors-wrapper table td{
  border: 0;
  background-color: white;
  border-collapse: separate;
  border-spacing: 10px;
  height: 76px;
}
.sponsors-wrapper table {
  padding: 10px 0;
  width: 100%;
  text-align: center;
}
.sponsors-wrapper table:first-of-type {
  padding: 10px 0;
  width: 100%;
  text-align: left;
}
table {
  border-collapse: separate; 
}
#main .preview .notice { 
  background: #1c1e1f;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  z-index: 998;
}
#main .preview img {
  display: block;
  width: 100%;
  height: auto;
}
#main .preview .notice h3 { font-size: 16px; font-weight: 600; color: #fff; margin: 0; float: right; padding-top: 7px} 
#main .preview .notice .countdown { display: inline-block; float: left; }
#main .preview .notice .countdown span { background: url("../images/countdown-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border-radius: 3px; box-shadow: 1px 1px 3px #000000; color: #ffffff; display: inline-block; font-size: 17px; font-weight: 600; height: 27px; line-height: 25px; margin-right: 3px; padding: 0 3px; }
#main .preview .notice .countdown em { font-size: 13px; font-style: normal; color: #fff; padding-left: 5px; }
.decor ul li a {
  height: 32px;
  display: block;
  background: url(../images/social-icons-2.png) no-repeat scroll 0 0 transparent;
  cursor: default;
}
.decor ul li.pinterest a {
  background-position: -102px -32px;
}
.decor { background: url(../images/flags-2.png) no-repeat; position: absolute; right: 0px; height: 68px; width: 487px; top: 0; display:none;}
.decor ul { left: 335px; margin: 0; padding: 0; position: absolute; top: 18px; }
.main-search-form input[type=submit] {
  background: url("../images/bg-search.png") no-repeat scroll 50% 50%;
}
html body.admin-menu {
  margin-top: 29px !important;
  background-position: 50% -29px;
}
li a.active {
  color: #f8971d;
}
#footer {
  z-index: 1;
}
.menu-toggle-bg {
  z-index: 20;
}
.yellowbox {
  padding: 10px;
  width: auto;
}
.pagenavi ul li {
  background: url("../images/pagination-normal.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
  font-weight: 600;
  text-decoration: none;
  font-size: 16px;
  margin: 0 0 -1px -1px;
  
}
.pagenavi ul li:hover {
  border: 1px solid #5d9810;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background: rgba(108,169,29,1);
  background: -moz-linear-gradient(45deg, rgba(108,169,29,1) 0%, rgba(130,193,47,1) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(108,169,29,1)), color-stop(100%, rgba(130,193,47,1)));
  background: -webkit-linear-gradient(45deg, rgba(108,169,29,1) 0%, rgba(130,193,47,1) 100%);
  background: -o-linear-gradient(45deg, rgba(108,169,29,1) 0%, rgba(130,193,47,1) 100%);
  background: -ms-linear-gradient(45deg, rgba(108,169,29,1) 0%, rgba(130,193,47,1) 100%);
  background: linear-gradient(45deg, rgba(108,169,29,1) 0%, rgba(130,193,47,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca91d', endColorstr='#82c12f', GradientType=1 );
}

.header-text .text p {
  margin-bottom: 0;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  body.front .preview .static-overlay {
    display: none;
  }
  #content img {
    display: block;
    width: 100% !important  ;
    height: auto !important;
  }
  /* #menu is the original menu */
  .js #nav { display:none; }
  .js .slicknav_menu, .js #mobile-nav { display:block; }
  body {
    background-position: center top;
    /*min-width: 480px;*/
  }
  body.front .preview{
    min-height: 206px;
  }
  #wrapper { 
    width: 100%;
    max-width: 480px;
  }

  #main .preview .notice .countdown,
  #main .preview .notice h3 {float: none;}

  /* HEADER */
  #header { padding: 0; height: auto;}
  #header .decor { display: none; }
  #header .holder { padding: 15px; }
  #header .holder #logo { width: 40%; float: left; margin-right: 6%; height: auto; }
  #header .holder #logo .logo { background-size: 100% auto; margin: 0; width: 100%; }

  #header .holder #desc { float: right; width: 54%; }
  #header .holder #desc .text { font-size: 14px; width: 100%; line-height: 23px; }
  #header .holder #desc .text strong { display: none; }

  #header .holder > * { display: inline-block; margin: 0; }
  #header .holder .search-form { display: none; }
  #header .holder .main-search-form { display: none; }

  /* MOBILE NAVIGATION */
  #mobile-nav { background: #851b74; position: relative; min-height: 55px; }
  #mobile-nav .search {
    background: url("../images/search-icon-normal.png") no-repeat scroll 15px center rgba(0, 0, 0, 0);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 50%;
  }
  #mobile-nav .search.active, #mobile-nav .search:hover { color: #f8971d; background: url("../images/search-icon-hover.png") no-repeat scroll 15px center #5e1452; }
  #mobile-nav .mobile-icons {}
  #mobile-nav .mobile-icons ul { width: 87%; text-align: center; margin: 20px 0 20px 23px; padding: 0; display: table; }
  #mobile-nav .mobile-icons ul li { display: table-cell; list-style: none; }
  #mobile-nav .mobile-icons ul li a { background: url(../images/mobile-social-icons.png) no-repeat scroll 0 0 transparent; width: 90px; height: 40px; display: block; }

  #mobile-nav .mobile-icons ul li.twitter a { background-position: 0 0; }
  #mobile-nav .mobile-icons ul li.facebook a { background-position: -90px 0; }
  #mobile-nav .mobile-icons ul li.pinterest a { background-position: -180px 0; }
  #main .preview .notice { 
    position: static;
    width:auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  .list-menu {
    clear: both;
  }
  .list-menu li {
    width: 50%;
    max-width: 240px;
  }

  .columns-holder .column.first,
  .columns-holder .column {
    margin: 0 auto 20px;
    float: none;
  }

  html body.admin-menu {
    margin-top: 53px !important;
    background-position: 50% -53px;
  }
  .search-form input[type=text]{
    padding: 5px 10px;
    margin-left: -10px;
  }
  .mobile-search .search-form input[type="submit"] {
    right: 18px;
  }
  .mobile-search .search-form fieldset {
    margin: 0; 
    padding: 0 25px;
    width: auto !important; 
  }
  .mobile-search .search-form input[type="text"] {
    width: 100%;
  }
  /* INNER PAGES */
  #main .page-title { padding: 15px 22px; }
  #main .content-holder { padding: 22px; }
  #main .content-holder #sidebar { border-right: 0 none; float: none; margin: 0; padding: 20px 0 0; width: 100%; border-top: 3px solid #e1f3fd; }
  #main .content-holder #sidebar .side-menu { border-left: 2px solid #e1f3fd; border-right: 2px solid #e1f3fd; }
  #main .content-holder #sidebar .heading { border-left: 2px solid #e1f3fd; border-right: 2px solid #e1f3fd; border-top: 2px solid #e1f3fd; margin: 0; padding: 10px 0 10px 10px; }
  #main .content-holder #sidebar .list-menu { margin: 0 auto; width: 276px; }
  #main .content-holder #sidebar .list-menu li {}
  #main .content-holder #sidebar .list-menu li a { background-image: url("../images/bg-list-item-inner.png"); width: 261px; }

  #main .content-holder #sidebar .list-menu li.purple a { background-position: 0 0; }
  #main .content-holder #sidebar .list-menu li.blue a { background-position: -276px 0; }
  #main .content-holder #sidebar .list-menu li.green a { background-position: -552px 0; }
  #main .content-holder #sidebar .list-menu li.yellow a { background-position: -828px 0; }

  #main .content-holder #sidebar .list-menu li.purple a:hover { background-position: 0 -84px; }
  #main .content-holder #sidebar .list-menu li.blue a:hover { background-position: -276px -84px; }
  #main .content-holder #sidebar .list-menu li.green a:hover { background-position: -552px -84px; }
  #main .content-holder #sidebar .list-menu li.yellow a:hover { background-position: -828px -84px; }

  #main .content-holder #content { float: none; padding: 0; width: 100%; }
  #main .content-holder #content .alignright {display: none; }

  #main .content-holder #content .product-list {}
  #main .content-holder #content .product-list li {}
  #main .content-holder #content .product-list li .title {}
  #main .content-holder #content .product-list li .holder {}
  #main .content-holder #content .product-list li .holder > * { display: block }
  #main .content-holder #content .product-list li .holder > a { text-align: center; margin-bottom: 10px; }
  #main .content-holder #content .product-list li .holder > a img { float: none; margin: 0 auto; }
  #main .content-holder #content .product-list li .holder > .holder {}

  #main .content-holder .border { display: none; }

  #main .pagination .pagination-row span {
    border: 1px solid #b6dff1;
    display: inline-block;
    float: left;
    font-weight: 600;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
    vertical-align: top;
    width: 19.6231%;
  }
  /* FOOTER */
  #footer { padding: 20px 0; width: 100%; height: auto; max-width: 480px; background: #8bc63f; }
  #footer > div { width: 100%; text-align: center; }
  #footer .footer-left .social-icons-footer {}
  #footer .footer-left .social-icons-footer li { float: none; display: inline-block; }
  #footer .footer-left p { margin-bottom: 8px; }
  #footer .footer-right span { text-align: center; margin-bottom: 8px; }
}
@media (max-width: 480px) {
  body.front .preview{
    min-height: 137px;
  }
  #main .preview .notice { 
    position: static;
    width:auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  #main .preview .notice .countdown,
  #main .preview .notice h3 {float: none;}
  #wrapper {width: 320px;}
  .list-menu li {max-width: 100%;}
  html body.admin-menu {
    margin-top: 77px !important;
    background-position: 50% -77px;
  }
  #header .holder #logo .logo { height: 80px; }
  #header .holder {
    padding: 15px 15px 5px;
  }
  #footer {
    max-width: 320px;
  }
}