/**********************************************************************************

	Project Name: Responsive Layout Style-2 for Flattern Under Construction Page
	Project Description: Flattern Under Construction Page is a part of Flattern Template(http://crtv.mk/hMUY) by Works of Wisnu.
	Author: xWisnux
	Author URI: http://www.worksofwisnu.com
	Version: 1.0.0
	
**********************************************************************************/
/* Large desktop */
@media (min-width: 1200px) { 	
	/* Content */	
	.nav.nav-tabs {
		width: 37%;
	}
	
	.ss-container{
		margin-bottom: 28px;
	}
	
	span.rollover{
		width: 370px;
		height: 278px;
	}
	
	/* Subscribe Form */
	input.subscribe-input{
		width: 85.4%;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	/* header */	
	ul#countdown li{
		text-align: center;
		width: 95px;
		height: 95px;
		margin-right: 8px;
	}
	
	ul#countdown li:before{
		top: 45px;
	}
	
	ul#countdown li:after{
		top: 47px;
	}
	
	ul#countdown li span{
		font-size: 60px;
		height: 60px;
		line-height: 95px;
	}
	
	/* content */	
	.nav.nav-tabs{
		width: 53%;
	}
	
	.feature-icon{
		float: none;
	}
	
	.feature-icon img{
		margin: 0 auto 20px;
		display: block;
	}
	
	.feature-desc {
		text-align: center;
		float: none;
		width: 100%;
	}
	
	.contact-info-icon .phone, .contact-info-icon .email{
		font-size: 12px;
	}
	
	/* subscribe */
	.subscribe-text{
		margin-top: 30px;
		font-size: 12px;
	}
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	body{
		text-align: center;
	}
	
	/* header */
	#header{
		padding: 0 20px;	
	}
	
	.top-header a{
		margin: 20px auto 15px;
		display: block;
		text-align: center;
		float: none;
	}
	
	a.logo {
		font-size: 48px;
	}
	
	#header .left-marketing{
		margin-top: 75px;
		margin-bottom: 0;
	}
	
	.video-wrapper iframe{
		width: 100%;
	}

	ul#countdown li{
		margin-right: 4px;
	}
		
	/* content */
	.nav.nav-tabs {
		width: 94%;
	}
	
	.feature-icon{
		float: none;
	}
	
	.feature-icon img{
		margin-bottom: 20px;
	}
	
	.feature-desc{
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.map-container{
		min-height: 425px !important;
	}
	
	.map {
		width: 98.5%;
	}
	
	.contact-form-container .row-fluid {
		margin-bottom: 1px;
	}
	
	
	/* subscribe */
	.subscribe-text{
		font-size: 16px;
	}
		
	/* footer */
	ul.social-icons {
		margin: 0 20px;
	}
	
	ul.social-icons li{
		margin-right: 2px;
	}

}

/* Portrait phones and down */
@media (max-width: 320px) {
	/* content */
	ul#countdown li{
		margin-right: 20px;
		margin-left: 20px;
	}
	
	ul#countdown li:last-child{
		margin-right: 20px;
	}
	
	.map{
		width: 97.5%;
	}
	
	.contact-info p {
		font-size: 12px;
	}
	
	.contact-info-icon .phone, .contact-info-icon .email{
		font-size: 12px;
	}
	
	.contact-info-icon .phone:before, .contact-info-icon .email:before{
		font-size: 16px;
	}
	
	input[type="submit"].send-button{
		width: 100%;
	}
	
	.form-error-message{
		width: 83.5%;
	}
	
	/* subscribe */
	input.subscribe-input{
		width: 64.4%;
		padding: 20px 75px 18px 18px;
		font-size: 12px;
	}
	
	.subscribe-text{
		font-size: 12px;
		width: 50%;
		line-height: 1.5em;
	}
}