/* css in this section will affect on md, lg, xl */
@media (min-width: 992px) {

} 

/* css in this section will affect on md, lg, xl */
@media (max-width: 767px) {
	.logo-regular {display: none;}
	.logo-small {display: block !important;}
	.menu-responsive {display: block !important;}
} 


@media (min-width: 767px) {
	.menu-responsive {display: none !important;}
} 

/* css in this section will affect on sm-xs */
@media (max-width: 991px) {
	/*.navbar { margin-top: 10px; }*/
}

/* css in this section will affect on xs (mobile and tablet) */
@media (min-width: 768px) {
	.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
	.navbar-collapse { padding-left: 0; } 
}
/* css in this section will affect on xs (mobile and tablet) */
@media (max-width: 767px) {
	
}

@media (max-width: 710px) { 
	#countdown { position: initial;  float: right; margin: 0px 10px 10px; display: inline-block; }
	.timerContainer { text-align: center; } 
   .counterBox-num{ height:50px; padding:5px;}
   .countDownTime{ font-size:20px !important; }
   .countDownText{ height:10px; }
	
}

/* css in this section will affect on xs (mobile only) */

@media (max-width: 480px) {
	.logoMarker { text-align: center; }
	.logoMarker .logo { float: none !important; margin: 0 auto !important; display: block }
	.logoMarker .title { display: block; clear: both; }
}