/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	
	/* ---------------------------------
	4. RIGHT SECTION
	--------------------------------- */

	.date-countdown{ width: 100%; }
	
}

@media only screen and (max-width: 1366px) {
	
	/* ---------------------------------
	4. RIGHT SECTION
	--------------------------------- */

	.left-section{ 
	    background-repeat-x: no-repeat;
	}
	
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) and (orientation: portrait) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */
	
	.main-area{ position: relative; height: 100vh; background-image: url(../../images/countdown-4-1000x1000.jpg); background-size: cover; background-color: rgba(0,0,0,0.5);}


	/* ---------------------------------
	3. RIGHT SECTION
	--------------------------------- */

	.right-section{     
		position: absolute;
	    float: none;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.5); 
	}
	
	.right-section .main-content{ padding-top: 40px 0; }
	
	.main-content .email-input-area{ width: 100%; }
	
	.main-content .email-input-area .email-input{ padding: 0 115px 0 20px; }
	
	.main-content .email-input-area .submit-btn{ width: 80px; } 
	
	.right-section .footer-icons > li > a > i{ height: 30px; line-height: 28px; width: 30px; }

	.display-table-cell {
	    display: table-cell;
	    vertical-align: top;
	}
	
	
	/* ---------------------------------
	4. LEFT SECTION
	--------------------------------- */

	.left-section{ position: static; width: 100%; height: 50%; display: none}

	.date-countdown{ width: 100%; }
	
	.date-countdown .time_circles > div > h4{ font-size: .7em!important; }

}

@media only screen and (min-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */
	
	.main-area{ position: relative; height: 100vh; background-image: url(../../images/countdown-4-1000x1000.jpg); background-size: cover; background-color: rgba(0,0,0,0.5);}


	/* ---------------------------------
	3. RIGHT SECTION
	--------------------------------- */

	.right-section{     
		position: absolute;
	    float: none;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.5); 
	}
	
	.right-section .main-content{ padding-top: 40px 0; }
	
	.main-content .email-input-area{ width: 100%; }
	
	.main-content .email-input-area .email-input{ padding: 0 115px 0 20px; }
	
	.main-content .email-input-area .submit-btn{ width: 80px; } 
	
	.right-section .footer-icons > li > a > i{ height: 30px; line-height: 28px; width: 30px; }

	.display-table-cell {
	    display: table-cell;
	    vertical-align: top;
	}
	
	
	/* ---------------------------------
	4. LEFT SECTION
	--------------------------------- */

	.left-section{ position: static; width: 100%; height: 50%; display: none}

	.date-countdown{ width: 100%; }
	
	.date-countdown .time_circles > div > h4{ font-size: .7em!important; }


	/* Font style */

	p {
		font-size: 1.4em;
	}

	a {
		font-size: 1.4em;
	}

	li {
		font-size: 1.4em;
	}

}

@media only screen and (max-width: 992px) and (orientation: landscape) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */
	
	.main-area{ position: relative; height: 100vh; }

	h1 { font-size: 1.8em; line-height: 1.4em}


	/* ---------------------------------
	3. RIGHT SECTION
	--------------------------------- */

	.right-section{   
		position: relative;  
	    float: right;
    	width: 34em;
    	height: 100%;
	}
	
	.right-section .main-content{ padding: 40px 0; }
	
	.main-content .email-input-area{ width: 100%; }
	
	.main-content .email-input-area .email-input{ padding: 0 115px 0 20px; }
	
	.main-content .email-input-area .submit-btn{ width: 80px; } 
	
	.right-section .footer-icons > li > a > i{ height: 30px; line-height: 28px; width: 30px; }

	.display-table-cell {
	    display: table-cell;
	    vertical-align: top;
	}
	
	
	/* ---------------------------------
	4. LEFT SECTION
	--------------------------------- */

	.left-section{ 
		position: absolute;
	    width: 20em;
	    height: 100%;
	    background-size: contain;
	    background-repeat: no-repeat;
	    top: auto; 
	}

	.date-countdown{ width: 100%; }
	
	.date-countdown .time_circles > div > h4{ font-size: .7em!important; }

}


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 2.8em; line-height: 1.4; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
	
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; padding-right: 5em;}

	h1{ font-size: 1.8em; line-height: 1.4; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }

	.right-section{   
    	width: 25em;
    	padding: 0 0 0 30px; 
	}

	.main-content .email-input-area {
	    margin: 40px 0 0px;
	    position: relative;
	    width: 400px;
	    height: 47px;
	}
		
	
	
}

@media only screen and (max-width: 640px) and (orientation: landscape) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; padding-right: 5em;}

	h1{ font-size: 1.8em; line-height: 1.4; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }

	.right-section{   
    	width: 23em;
    	padding: 0 0 0 30px; 
	}

	.main-content .email-input-area {
	    margin: 40px 0 0px;
	    position: relative;
	    width: 400px;
	    height: 47px;
	}
		
	
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 13px; }
	

	/* ---------------------------------
	4. REMAINING TIME
	--------------------------------- */

	#normal-countdown .time-sec{ height: 100px; width: 100px; margin: 5%; }
	
	#normal-countdown .time-sec .main-time{ line-height: 80px; }
	
	
	/* ---------------------------------
	4. RIGHT SECTION
	--------------------------------- */

	.right-section{ padding: 0 30px; }

}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
	
}


@media only screen and (max-width: 568px) and (orientation: landscape) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

	h1{ font-size: 1.8em; line-height: 1.3; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }

	.right-section {   
    	width: 21em;
    	padding: 0 0 0 19px; 
	}

	.right-section .main-content {
    	padding: 25px 0;
	}
}


/* iPhone  XR */
/*@media only screen and (min-width: 896px) and (min-height: 414px) and (orientation: landscape) { 

	.right-section {   
    	width: 38em;
    	padding: 0 0 0 30px; 
	}

}
	
}*/