@charset "utf-8";

.getting-started{
	position: absolute;
    left: 0px;
    bottom: 10%;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.getting-started .time{
	font-size: 37px;
	color: #fff;
	font-weight: bold;
}

.getting-started .days{
	font-size: 37px;
	color: #fff;	
	font-weight: bold;
}

.getting-started .countdown{
    line-height: 55px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.getting-started .countdownout{
	position: relative;
}

.getting-started .mask{
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
    position: absolute;
    width: 100%;
    display: inline-block;
    opacity: 0.4;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 7px;
}

@media (min-width: 1200px) {
  /************** 1200 GLOBAl USE***********/
  
  
  
  /************** 1200 GLOBAl USE END***********/
}

@media (max-width: 1199px) {
	
}

@media (max-width: 1023px) {
	
}

@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	.getting-started{
    	bottom: 7.5%;
	}
	
	.getting-started .time{
		font-size: 25px;
	}
	
	.getting-started .days{
		font-size: 25px;
	}
	
	.getting-started .countdown{
    	max-width: 300px;
	}
}

@media (max-width: 480px) {
	

	
}

@media (max-width: 414px) {
	
}

@media (max-width: 360px) {
	
}

@media (max-width: 280px) {
	.getting-started{
    	bottom: 9%;
	}
	
	.getting-started .time{
		font-size: 20px;
	}
	
	.getting-started .days{
		font-size: 20px;
	}
	
	.getting-started .countdown{
    	max-width: 200px;
		line-height: 45px;
	}
}