body{
  font-family: "Lato",sans-serif !important;
}
.countdown {
  width: 100%;
  float: left;
  background-image: url(../images/countdown-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  font-family: "Lato",sans-serif !important;
  padding: 0px 40px 0px 60px;
  min-height: 100vh;
}
.countdown .count-box{
width: 100%;
float: left;
height: 100%;
padding-top: 92px;
display: flex;
justify-content: space-between;
}
.countdown .left-side{
width: auto;
float: left;
max-width: 650px;
}
.countdown .left-side h1{
  font-family: "Lato",sans-serif;
font-size: 51px;
font-weight: 900;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.97px;
margin-bottom: 59px;
color: #ffffff;
}
.countdown .left-side p{
  font-family: "Lato",sans-serif;
  font-size: 37px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.28px;
color: #ffffff;
margin: 0px;
padding: 32px 0px 0px;
max-width: 580px;
position: relative;
}
.countdown .left-side p:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  top: 0px;
  left: 0px;
  background: #ffffff;
  border-radius: 5px;
}
.countdown .right-side{
width: 450px;
float: right;
max-width: 450px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
position: relative;
}
.countdown .right-side .countdown-box{
width: 100%;
float: left;
}
.countdown .countdown-box ul{
  width: 100%;
  float: left;
  position: absolute;
  left: 0px;
  bottom: -126px;
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: flex-end;
}
.countdown .right-side .countdown-box li {
  font-family: "Lato",sans-serif;
  display: inline-block;
  font-size: 10px;
  list-style-type: none;
  padding: 0px;
  max-width: 100px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  border-radius: 6.7px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  text-transform: capitalize;
}
.countdown .right-side .countdown-box li:last-child{margin-right: 0px;}
.countdown .right-side .countdown-box li span {
  font-family: "Lato",sans-serif;
  display: block;
  font-size: 44px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.73;
  letter-spacing: normal;
  text-align: center;
  color: #3a9b7f;
  margin: 6px 0px 5px 0px;
}
.countdown .countdown-box h2{
font-family: "Lato",sans-serif;
font-size: 34px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1.17px;
text-align: right;
margin: 0px;
color: #ffffff;
}
@media(max-width:1440px){
.countdown .left-side h1{font-size: 44px;margin-bottom: 40px;}
.countdown .left-side p{font-size: 32px;max-width: 540px;line-height: 1.3;}
.countdown .right-side img{max-width: 280px;}
.countdown .countdown-box h2{font-size: 32px;}
}
@media(max-width:1400px){
.countdown .left-side h1{font-size: 43px;margin-bottom: 20px;}
.countdown .left-side p{font-size: 28px;max-width: 460px;line-height: 1.3;padding-top: 20px;}
.countdown .right-side img{max-width: 240px;}
.countdown .count-box{padding-top: 40px;}
.countdown .countdown-box h2{font-size: 28px;}
.countdown .countdown-box ul{bottom: -110px;}
.countdown .right-side .countdown-box li{width: 90px;height: 90px;font-size: 15px;}
.countdown .right-side .countdown-box li span{font-size: 36px;margin: 5px 0px 0px 0px;}
}
@media(max-width:1280px){
.countdown .left-side h1{font-size: 40px;margin-bottom: 30px;}
.countdown .left-side p{font-size: 26px;max-width: 440px;}
.countdown .right-side img{max-width: 280px;}
.countdown .countdown-box h2{font-size: 26px;}
.countdown .left-side{max-width: 550px;}
}
@media(max-width:1023px){
.countdown{padding: 0px 5px 0px 5px;}
.countdown .left-side{max-width: 400px;}
.countdown .right-side img {max-width: 200px;}
.countdown .left-side h1 {font-size: 27px;margin-bottom: 30px;line-height: 1.4;}
.countdown .countdown-box h2 {font-size: 23px;}
}
@media(max-width:767px){
  .countdown{padding: 0px 0px 0px 0px;}
  .countdown .count-box{padding-top: 50px;flex-direction: column;}
  .countdown .left-side {width: 100%;float: left;max-width: 100%;}
  .countdown .left-side h1{font-size: 22px;margin:0px auto 15px;text-align: center;max-width: 450px;}
  .countdown .left-side p{font-size: 19px;padding-top: 15px;text-align: center;margin: 0px auto;line-height: 1.5;}
  .countdown .right-side{width: 100%;margin-top: 30px;align-items: center;max-width: 100%;}
  .countdown .right-side img {max-width: 160px;}
  .countdown .countdown-box h2 {font-size: 21px;margin: 10px 0px 20px;text-align: center;}
  .countdown .countdown-box ul {bottom: 0px;position: relative;margin-bottom: 30px;justify-content: center;}
  .countdown .right-side .countdown-box li {width: 75px;height: 75px;font-size: 14px;}
  .countdown .right-side .countdown-box li span {font-size: 30px;margin: 5px 0px 0px 0px;}
}