/** Shopify CDN: Minification failed

Line 234:0 Expected "}" to go with "{"

**/
@media only screen and (max-width:767px){
  ul.flip{
    margin-left: 4.4px !important;
  }
}

@media only screen and (min-width:767px){
  div#shopify-section-top-bar-type-14{
        background: #aa1717;
  }
  .timer{
    float:left;
    width:50%;
    margin-left:-2%;
        margin-top: 0%;
        text-align:end;
    top: 10px;
  }
  .countdown{
    float:right:
    width:50%;

  }
  div#clock1{
        float: right;
    width: 50%;
    margin-left: 0;
  }
}
@media only screen and (min-width:1536px){
    .timer{
      margin-top:0%;
    }
  
}

@media only screen and (max-width:767px){
.timer{
  text-align: center
}

}

@media only screen and (max-width:465px){
  .countdown{
    margin-top: -40px !important
  }
  .timer{
    font-size:18px !important;
    margin-bottom:8%;
  }
}

@media only screen and (max-width:418px){
  .timer{
    margin-bottom:9.5%;
  }
}
#clock1 {
      position: relative;
      width: 378px;
	margin-left: auto;
  margin-right: auto;/*set to a negative number 1/2 of your width*/
	margin-bottom: 0em;
}
span.flip-clock-label{
     text-transform: uppercase;
    color: white;
    font-size: 12px; 
}
@media only screen and (max-width:465px){
  #clock1{
    width:312px
  }
  span.flip-clock-label{
    font-size:8px;
  }
}
@media only screen and (min-width:511px) and (max-width:600px){
.brline{
 display:none; 
}
}

@media only screen and (min-width:1660px){
  .countdown{
padding-bottom: 4%;
padding-top:0.5%;
  }
}

@media only screen and (max-width:1660px){
  .countdown{
padding-bottom: 5%;
padding-top:0.5%;
  }
}

@media only screen and (max-width:1408px){
  .countdown{
padding-bottom: 6%;
  }
}
.brline{
  display:none;
}
@media only screen and (max-width:1270px){
  .countdown{
padding-bottom: 7%;
  }
  .timer{
    margin-top:0%;
  }
}

@media only screen and (max-width:1076px){
  .countdown{
padding-bottom: 8%;
  }
}
@media only screen and (max-width:949px){
  .countdown{
padding-bottom: 9%;
padding-top:3%;
  }
  .timer{
    margin-top:2.5%;
  }
}
@media only screen and (max-width:970px){
div#clock1{
  width: 51%;
}
}
@media only screen and (max-width:954px){
  div#clock1{
    width: 52%;
  }
  .timer{
    width: 48%;
  }
  }

  @media only screen and (max-width:943px){
    .timer{
      width: 47%;
    }
    div#clock1{
      width:54%;
    
  }
  @media only screen and (max-width:767px){
    .timer{
      width: 100%;
      margin-top: 0;
      background:
    }
    .brline{
      display:none;
    }
    div#clock1{
      width: 60%;
    }
    .countdown{
      padding-top:0%;
      padding-bottom:2%;
    }
  }
  @media only screen and (max-width:696px){
    div#clock1{
      width: 70%;
    }
  }
  @media only screen and (max-width:599px){
    div#clock1{
      width: 75%;
    }
    .countdown{
      padding-bottom:2.5%;
    }
  }
  @media only screen and (max-width:560px){
    div#clock1{
      width: 85%;
    }
    .countdown{
      padding-bottom:2.5%;
    }
  }
  @media only screen and (max-width:498px){
    div#clock1{
      width: 91%;
    }
    .countdown{
      padding-bottom:2.7%;
    }
  }
@media only screen and (max-width: 465px){
  .countdown{
    padding-bottom: 2%;
  }
  div#clock1{
    width: 77%;
  }
}
@media only screen and (max-width: 386px){
  div#clock1{
    width: 85%;
  }
  .timer{
    margin-bottom:10%;
  }
}
@media only screen and (max-width: 355px){
  div#clock1{
    width: 95%;
  }
}
@media only screen and (max-width: 314px){
  div#clock1{
    width: 100%;
  }
}
@media only screen and (min-width:767px){
  .countdown{
    margin-top: -15px;
  } 
}