/*------------------------------------------------------------------
[RESPONSIVE CSS]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
/*1. Large Layout: 1900px. */
	/*1.1 Counter-Text */
/*2. Medium Layout: 1280px. */
	/* Contact-Input */
/*3. Tablet Layout: 768px. */
	/*3.1 Come-Text */
	/*3.2 Counter-Text */
	/*3.3 Contact-Text */
/*4. Mobile Layout: 320px. */
	/*4.1 Come-Text*/
	/*4.2 Counter-Text*/
	/*4.3 Contact-Text*/
/*5. Wide Mobile Layout: 480px. */
	/*5.1 Come-Text*/
	/*5.2 Counter-Text*/
	/*5.3 Contact-Text*/
/*-----------------------------------------------------------------*/
/*1. Large Layout: 1900px. */
@media only screen and (min-width: 1282px) and (max-width: 1900px) {
/*1.1 Counter-Text */
.contact_text {
  margin-left: 11%;
}
}
/*2. Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1280px) {
/* Contact-Input */
.contact_input > p {
  font-size: 26px;
}
}
/*3. Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*3.1 Come-Text */
.come_text h1 {
  font-size: 84px;
}
p,.contact_input input  {
  font-size: 17px;
}
/*3.2 Counter-Text */
.dash {
  padding-left: 0;
}
.alive {
  padding-right:2%;
}
.contact_text {
  padding-left: 0;
}
.alive:nth-child(4) {
  padding-right: 0;
}
.dash_title {
  font-size: 20px;
  margin-top: 5px;
}
/*3.3 Contact-Text */
.contact_text {
  margin-left: 0;
}
.contact_input {
  margin-right: 30px;
}
.contact_input > p {
  font-size: 21px;
}
.contact_icon {
  padding-top: 20px;
}
}
/*4. Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.container{width:300px}
/*4.1 Come-Text*/
.come_text, .time_counter {
  margin-bottom: 15px;
}
.padding_top {
  padding-top: 16.5%;
}
.come_text h1 {
  font-size: 41px;
  line-height: 45px;
  margin-bottom: 2px;
}
p ,.contact_input > p{
  font-size: 15px;
}
/*4.2 Counter-Text*/
.digit {
  font-size: 40px;
  height: 50px;
}
.dash{
  padding-left: 0;
}
.circle {
  padding: 10px 0;
}
.alive {
  padding: 0 0 0 16px;
}
.dash_title {
  font-size: 10px;
  letter-spacing: 0;
  margin-left: 0;
  margin-top: 0;
}
/*4.3 Contact-Text*/
.contact_text {
  padding-left: 0;
  display: block;
  margin-left: 0;
}
.contact_text {
  display: block;
}
.contact_input {
  margin-right: 0;
}
#subscribe_btn {
  margin-left: 0;
  margin-top: 10px;
}
.contact_icon {
  padding-top: 20px;
}
.contact_icon a {
  height: 45px;
  margin-right: 5px;
  padding: 10px;
  width: 45px;
}
}
/*5. Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{width:450px}
/*5.1 Come-Text*/
.padding_top {
  padding-top: 12.5%;
}
.come_text h1 {
  font-size: 48px;
  line-height: 50px;
  margin-bottom: 10px;
}
p, .contact_input > p {
  font-size: 16px;
}
.come_text, .time_counter {
  margin-bottom: 20px;
}
/*5.2 Counter-Text*/
.digit {
  font-size: 75px;
  height: 75px;
}
.dash{
  padding-left: 0;
}
.alive {
  padding: 0 0 0 22px;
}
/*5.3 Contact-Text*/
.contact_text {
  text-align: center;
}
.contact_input {
  margin-right: 20px;
}
.contact_icon {
  padding-top: 15px;
}
.contact_icon a {
  margin-right: 10px;
}
}