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

}

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

}


/* 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; }
	h2{ font-size: 2.2em; line-height: 1.1; }
	h3{ font-size: 1.8em; }
	
	
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
	.main-area-wrapper{  height: 100%; padding: 0px; }
	
	
	/* TIME COUNTDOWN */

	#normal-countdown .time-sec{ height: 70px; width: 70px; margin: 5px; }

	#normal-countdown .time-sec .main-time{ line-height: 55px; font-size: 1.8em;}
	
	#normal-countdown .time-sec span{ bottom: 12px; }
	
}

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

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

	body{ font-size: 12px; }
	
	/* ---------------------------------
	3. MAIN SECTION
	--------------------------------- */
	
	/* TIME COUNTDOWN */

	#normal-countdown .time-sec{ height: 60px; width: 60px; margin: 5px; }

	#normal-countdown .time-sec .main-time{ line-height: 45px; font-size: 1.5em;}
	
}

/* 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: 768px) {
    .title {
        font-size: 2.5em;
    }
    
    .desc {
        font-size: 1em;
    }
    
    .notify-btn {
        padding: 10px 25px;
    }
    
    .social-btn i {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .title {
        font-size: 2em;
    }
    
    .main-area-wrapper {
        padding: 10px;
    }
}