/** Shopify CDN: Minification failed

Line 54:21 Unexpected ";"

**/
.countdown { margin-top: -7%;}




.timer-text{ text-align:center;
  			 margin-top: calc(-50% - 8px);
			 line-height: 1;
			 font-size: 16px;
  			 font-weight: bold;
  			 word-spacing:-5px;
}

.clock-item .inner { height: 0px;
					 position: relative;	
					 width: 100%;
}

.clock-canvas { background-color: rgba(255, 255, 255, .0);
				border-radius: 50%;
				height: 0;
				padding-bottom: 100%;
}

.counterText { color: #fff;	
			   font-size: 30px;
			   font-weight: bold;	
			   margin-top: -50px;
  			   position: absolute;
			   top: 50%;
			   text-align: center;
  			   text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  			   width: 100%;
}

.timer-text .val { font-size: 18px;

}

.timer-text .type-time { font-size: 12px;
}


.col-xs-3 { width: 25% !important;
			padding-left: 10px !important;
 			padding-right: 0 !important;
}

.row { height: 42px;};




@media only screen and (min-width: 600px) and (max-width: 960px){
  
  .row { height: 42px;}
  .panel-heading {font-size: 11px !important;}
  
  
}


@media only screen and (min-width: 960px) and (max-width: 1199px){
  
  .row { height: 62px;}
  .panel-heading { font-size: 14px !important;}

 
}


@media only screen and (min-width: 1200px) {

  .row { height: 56px;}
  .panel { padding-bottom: 5px;}
  .panel-heading { font-size: 17px !important;}
  .badge_text { color: black;
    			font-size:15px;}
  .countdown { margin-top: -4%;}
}



@media only screen and (min-width: 960px) and (max-width: 1199px) {
  
  .timer-text .val { font-size: 12px !important;}
  .timer-text .type-time { font-size: 12px !important;}
  .badge_text { color: black;
    			font-size:15px;}
 /* .countdown { margin-top: -9%;}*/

}


@media only screen and (max-width: 959px) {
  
  .timer-text .val { font-size: 11px !important;}
  .timer-text .type-time { font-size: 10px !important;}
  .countdown { margin-top: -18%;}
}



@media only screen and (min-width: 769px) and (max-width: 959px){
  

  .badge_text { color: black;
    			font-size:11px;}

 
}

@media only screen and (min-width: 480px) and (max-width: 768px){
  

  .badge_text { color: black;
    			font-size:16px;}
  .badge-center { font-size: 15px;}
 
}

@media only screen and (max-width: 479px){
  

  .badge_text { color: black;
    			font-size:11px;}
  .badge-center { font-size: 14px;}


 
}