@media (min-width: 1400px) {  
  .table-container {
    min-height: 660px;
  }
  .heaven-container{
    min-height: 728px;
    }
}
@media (min-width: 1201px) and (max-width: 1399px) {
   .lockercontent .fourrow .box{
      height: 110px;
      width: 125px;
      margin-bottom: 0;
    } 
    .lockercontent .fourrow .box:last-of-type{
      margin-top: 20px;
    }
    .lockercontent .box img:nth-of-type(2){
      width: 26px;
      left: 75px;
    }
    .lockercontent .box img:nth-of-type(3){
      max-width: 35px;
      left: 105px;
    }
    .lockercontent .midcol .box{
      height: 90px;
      width: 130px;
    }
    .lockercontent .midcol .box:first-of-type{
      height: 105px;
      width: 130px;
    }
   .table-container {
        min-height: 580px;
      }
    .table-container .grid img{
      width: 150px;
    }
    .restocontent .grid img,
    .restocontent .num12 a img{
      width: auto;
      height: 53px;
    }
    .restocontent .num12{
      top: 240px;
      right: -90px;
    }

}
@media (max-width: 1400px) { 
    .wrapbottombg .container{
         width: 50%;
    }
   
}
@media (max-width: 1200px) {  
    .subintro .photobg {
      max-width: 230px;
    }
    .numbergun .photo{
      gap: 80px;
    }
    body.standard .row {
      width: 100%;
    }
    .lockercontent .firstcol,
    .lockercontent .lastcol,
    .lockercontent .midcol{
      background-size: 430px auto;
      background-position: center;
      margin: 0 auto;
    }
    .lockercontent.row{
       width: 430px !important;
    }
    .lockercontent [class^="col-"] {
       width: 100%;
    }
    .table-container {
        min-height: none;
        padding-bottom: 50px;
      }
    .table-container .grid img{
      width: 130px;
    }
    .heaven-container .column{
      width: 50%;
    }
    .heaven-container .column img{
       height: 120px;
    }
    .restocontent{
      padding-top: 25px;
    }
     .restocontent .grid img,
    .restocontent .num12 a img{
      width: auto;
      height: 45px;
    }
    .restocontent .num12{
      top: 200px;
      right: -65px;
    }
     
    .xmas-container .number {
      width: 130px;
    }
    .wrapbottombg .container.wider{
      width: 80%;
    }    
}
@media (max-width: 1127px) {  
  .glightbox-supercool .close{
      top: 25px;
      right: 30px;
      height: 54px; 
      width: 54px;
      background-size: 54px 54px;
   }
    .glightbox-supercool .gslide-media{
       padding: 50px;
    }
    .glightbox-supercool .next,
    .glightbox-supercool .prev{
       height: 70px;
       width: 60px;
       background-size: 10px 20px;
       font-size: 20px;
    }
    .glightbox-supercool .next{
      right: 11px;
    }
    .glightbox-supercool .prev{
      left: 11px;
    }
}
@media (min-width: 991px) {  
  .slicknav_menu {
     display:none;
  } 
    .table-container .grid a:nth-child(13) { order: 18; } /* x7 */
    .table-container .grid a:nth-child(14) { order: 17; } /* x8 */
    .table-container .grid a:nth-child(15) { order: 16; } /* x9 */
    .table-container .grid a:nth-child(16) { order: 15; } /* x10 */
    .table-container .grid a:nth-child(17) { order: 14; } /* x10 */
    .table-container .grid a:nth-child(18) { order: 13; } /* x10 */
    
}
@media (max-width: 990px) {  
    #menu{
      display: none;
    }
    .slicknav_menu {
      top: 58px;
      z-index: 5000;
    }
     .numbergun .photo{
      gap: 30px;
    }
    .numbergun .photo a img{
      width: 100%;
    }
    .numbergun .title{
      padding: 30px 0;
      text-align: center;
    }
    .numbergun .title img{
      width: 70%;
      display: block;
      margin: 0 auto;
    }
}

@media (max-width: 991px) {  
    .container{
      max-width: none;
    }
    .topheader .banner h1{
     font-size: 30px; 
   }
    .topheader .banner p{
       font-size: 14px;
    }
    .banner .shoes{
      width: 200px;
    }
    .banner .one{
      width: 130px;
    }
    .banner .four{
      width: 150px;
      bottom: -160px;
      left: 100px;
    }
    .banner .three{
      width: 230px;
    }
    .banner .fries{
      width: 70px;
      right: 100px;
     }
   .container-fluid {
      padding-right: 20px;
      padding-left: 20px;
    }
    .methodblk [class^="col-"]{
      width: 100%;
    }
    .methodblk .listround {
      padding: 0 20px;
    }
    .methodblk .colvid {
      margin-top: 20px;
      min-height: 0;
    }
    .testiblk [class^="col-"]{
      width: 100% !important;
    }
    .testiblk .col-md-3{
      justify-content: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 40px;
    }
    .table-container {
      background-image: none !important;
      background-color: #6a4227;
   }
    .table-container .grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    }

.table-container .grid a {
    flex: 1 1 calc(50% - 10px); /* Two items per row */
    text-align: center; /* Centers the images inside */
}
    .table-container .grid a img{
      display: block;
      margin: 0 auto;
    }
    .table-container .grid a:nth-child(1) { order: 1; } /* x0 */
    .table-container .grid a:nth-child(2) { order: 2; } /* x1 */
    .table-container .grid a:nth-child(3) { order: 3; } /* x2 */
    .table-container .grid a:nth-child(4) { order: 4; } /* x3 */
    .table-container .grid a:nth-child(10) { order: 5; } 
    
    .table-container .grid a:nth-child(11) { order: 6; } 
    .table-container .grid a:nth-child(5) { order: 7; } /* x4 */
    .table-container .grid a:nth-child(6) { order: 8; } /* x5 */
    .table-container .grid a:nth-child(12) { order: 9; } 
    .table-container .grid a:nth-child(13) { order: 10; } /* x7 */
    .table-container .grid a:nth-child(9) { order: 11; flex: 1 1 calc(100% - 10px); } /* chicken */
    
    .table-container .grid a:nth-child(14) { order: 12; } /* x8 */
    .table-container .grid a:nth-child(15) { order: 13; }
    .table-container .grid a:nth-child(7) { order: 14; } /* mashed potato */
    .table-container .grid a:nth-child(8) { order: 15; } /* beans*/

    .table-container .grid a:nth-child(16) { order: 16; }
    .table-container .grid a:nth-child(17) { order: 17; }
    .table-container .grid a:nth-child(18) { order: 18; flex: 1 1 calc(100% - 10px); }
    
    
    
    
    
     
    
    
    .stix-container .wrap{
      display: block;
      text-align: center;
    }
    .stix-container .wrap img{
      display: block;
      margin: 0 auto;
      margin-bottom: 20px;
      height: 75px;
      width: auto;
    }
    .restocontent{
      background-image: none;
      display: block;
    }
    .restocontent .grid{
      width: 400px;
      margin: 0 auto;
      background-size: contain;
      height: 279px;
      background: url(../images/5/bg_mobile_col.png) 0 0 no-repeat;
      padding-top: 40px;
    }
    .restocontent .grid:nth-of-type(1){
      background: url(../images/5/bg_mobile_firstcol.png) 0 0 no-repeat;
    }
    .restocontent .grid a{
      margin-left: 60px;
    }
    .restocontent .grid img{
      width: auto;
      height: 63px;
      margin-bottom: 5px;
    }
    .restocontent .num12{
      position: relative;
      background-size: contain;
      height: 500px;
      background: url(../images/5/bg_mobile_lastcol.png) 0 0 no-repeat;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      width: 400px;
      top:0;
      right: 0;
    }
    .restocontent .num12 a{
      position: absolute;
      top: 20px;
      right: 60px;
    }
    .restocontent .num12 a img{
      width: auto;
      height: 63px;
    }
    .modal-content{
      width: 100%;
    }
    .popgradient .title{
      padding-bottom: 20px;
    }
    .popgradient .equal img:nth-of-type(1){
       max-width: 130px;
    }
    .popgradient .equal img:nth-of-type(2){
      max-width: 50px;
    }
}
@media (max-width: 950px) {  
  
}
@media (max-width: 850px) {  
   .xmas-container {
     display: block;
     width: 350px;
   }
  .xmas-container .leftside,
  .xmas-container .rightside,
  .xmas-container .center{
    position: relative;
   }
    .xmas-container .x0 { top: 45%; left: 32%; }
    .xmas-container .x1 { top: 70%; left: 31%; }
    .xmas-container .x2 { top: 22%; left: 67%; }
    .xmas-container .x3 { top: 45%; left: 74%; }
    .xmas-container .x4 { top: 70%; left: 65%; }
    .xmas-container .x5 { top: 10%; left: 20%; }
    .xmas-container .x6 { top: 25%; left: 36%; }
    .xmas-container .x7 { top: 45%; left: 52%; }
    .xmas-container .x8 { top: 70%; left: 47%; }
    .xmas-container .x9 { top: 19%; left: 9%; }
    .xmas-container .x10 { top: 33%; left: 12%; }
    .xmas-container .x11 { top: 51%; left: 15%; }
    .xmas-container .x12 { top: 67%; left: 25%; }
    
    .currency {
      font-size: 50px;
      padding-right: 10px;
    }
    /* Large "1." */
    .price-main {
      font-size: 100px;
    }
    /* Small "99" */
    .price-decimal {
      font-size: 35px;
      position: relative;
      top: -30px;
    }
    /* "/Month" text */
    .price-month {
      font-size: 20px;
      font-weight: normal;
      font-family: "Outfit", serif;
      position: relative;
      top: 20px;
    }
    .price-month b{
      font-size: 50px;
      font-weight: normal;
    }
}
@media (max-width: 767px) {  
      .subintro {
       padding-bottom: 200px;
    }
    .subintro .photobg{
      left: 30%;
    }
    .subintro .text {
      padding-bottom: 50px;
      width: 100%;
    }
    .homeapp .misc{
      padding-bottom: 40px;
      text-align: center;
    }
    .numberbtns .top a {
      width: 50%;
    }
    .numberbtns .bottom a {
      flex: 1 1 calc(50% - 10px);
    }
    body.standard header .container-fluid{
      padding: 0;
    }
    body.standard .misc{
      position: absolute;
      right: 10px;
      z-index: 3000;
    }
    body.standard .main-menu{
      padding: 60px 0 !important;
    }
    body.standard  header .logo{
      top: 5px !important;
      left: 20%;
    }
    body.standard  header .logo img{
      width: 170px;
      height: auto;
    }
    body.standard .homelink{
      text-align: right;
      max-width: none !important;
    }
    .subnav a{
      height: 80px;
    }
    .subnav a span{
      background-size: 20px auto !important;
      font-size: 30px;
    }
    .subnav a span em{
      display: block;
      font-style: normal;
      color: #B7480D;
    }
    .subnav a span b{
      display: none;
    }
    .subnav div{
      height: 120px;
    }
    .subnav div span{ 
      display: block;
      color: #159900;
      font-size: 40px;
      font-family: "Galindo", serif;
      font-weight: 300;
     }
    .subnav div img{
      display: none;
    }
    body.standard footer{
      text-align: center;
    }
    body.standard footer img{
      display: block;
      margin: 0 auto;
    }
    body.standard footer .socmed {
      justify-content: center;
    }
    .maincontent {
      min-height: none !important;
    }
    .heaven-container .column{
      width: 60%;
    }
    .hand-container .wrap{
       flex-direction: column;
       text-align: center;
       align-items: center;
       padding-top: 0;
       gap: 0;
    }
    .hand-container .grid.second{
      top: 0;
    }
    .flex-container{
      flex-direction: column;
       text-align: center;
       align-items: center;
    }
    .flex-container img{
      padding: 10px;
    }
    .wave-container .images{
      display: flex;
      align-items: center;
      flex-direction: column;
    }
    footer .row [class^="col-"]{
      width: 100%;
    }
    footer .text p{
      padding: 20px 0;
    }
    footer .btns {
      padding-top: 0;
      padding-bottom: 40px;
    }
    .glightbox-clean .gslide-media  {
      margin-top: auto;
    }
    .popgradient .tryagain strong,
    .popgradient .correct{
      font-size: 20px;
    }
    .popgradient .tryagain{
      width: 100%;
    }
    .popgradient .equal{
      font-size: 50px;
      gap: 5px;
    }
    .popgradient .equal img:nth-of-type(1){
       width: 40px !important;
    }
    .popgradient .equal img:nth-of-type(2){
       width: 20px !important;
    }
    .popgradient .tryagain strong, 
    .popgradient .correct,
    .popgradient button{
     font-size: 18px;
}

@media (max-width: 680px) {  
  .wrapbottombg .container{
      width: 90%;
    }
  form.standard label{
      font-size: 20px;
   }
   form.standard input.form-control{
      font-size: 15px;
    }
  .wrapbottombg .container h3{
    font-size: 20px;  
  }
}
@media (max-width: 576px) {  
  .topheader .main-menu .logo {
    top: -40px;
  }
  .topheader .main-menu .logo img {
    width: 170px;  
  }
  .formheader .subs{
    border-right: none;  
  }
    .misc a {
      margin-left: 5px;
      margin-right: 0;
    }
    .topheader .banner .content {
      padding: 50px 0;
    }
    .slider .slick-prev, .slider .slick-next {
    width: 47px;
    }
    .slider > div { 
      margin-right: 35px;
      margin-left: 35px;
    }
    .slider .item{
      background-size: 40px auto;
      padding: 0 30px 0 50px;
    }
    .tree-container {
      width: 400px;
    }
    .num {
      width: 95px;
    }
    .heaven-container .column{
      width: 80%;
    }
    .heaven-container .column img{
      height: 100px;
      margin-top: -20px;
    }

    footer .numberleft img{
      max-width: 250px;
    }
    footer .numberright img{
      max-width: 180px;
    }
    footer .numberleft{
      bottom: -130px;
    }
    footer .numberright{
      bottom: -100px;
      right: 30px;
    }
    
}