@media(min-width:1200px){
    .logo{
        width: 50%; 
        margin-bottom: 40px;
    }
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
    .logo{
        width: 50%; 
        margin-bottom: 40px;
    }
}

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
    .logo{
        width: 50%; 
        margin-bottom: 40px;
    }

}


/* 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; }
        
        .logo{
            width: 100%; 
            margin-bottom: 40px;
        }
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
    .logo{
        width: 100%; 
        margin-bottom: 40px;
    }

	/* ---------------------------------
	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) {
    .logo{
        width: 100%; 
        margin-bottom: 40px;
    }
	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {
	
    .logo{
        width: 100%; 
        margin-bottom: 40px;
    }
}