/****************************
    - Responsive styles -
****************************/
@media screen and (max-width:479px) {
	.welcome h2 {
		font-size:24px;
		line-height:24px;
	}
	
	.action-btn {
		padding-left:20px !important;
		padding-right:20px !important;
	}
	
	.countdown-amount {
		font-size:30px;
		height:40px;
	}
	
	.countdown-period {
		font-size:12px;
	}

}

@media screen and (min-width:480px) and (max-width:639px) {
	.welcome h2 {
		font-size:30px;
		line-height:30px;
	}
	
	.form-group {
		margin-bottom:0;
	}

	.form-control {
		width:360px;
	}
}

@media screen and (min-width:640px) and (max-width:844px) {
	.welcome h2 {
		font-size:48px;
		line-height:48px;
	}
	
	.countdown-section {
		width:15%;
	}
	
	.countdown-amount {
		font-size:40px;
		height:48px;
	}
}

@media screen and (max-width:844px) {
	header {
		padding:30px 15px;
	}
	
	header .logo {
		max-width:240px;
	}
	
    header .top-menu,
	footer .follow {
		display:none;
	}
	
	.menu-bar {
		display:block;
		top:30px;
		right:30px;
	}
	
	footer {
		bottom:30px;
		padding:0 15px;
	}
	
	footer .contact-text > p {
		display:none;
	}
	
	.welcome.left-aligned {
		padding:0 15px;
	}
	
	.welcome h2,
    .welcome p,
	.is-countdown {
        margin-bottom:15px;
    }
	
	#sidebar {
        left:100vw;
        width:100%;
    }
	
	.modal.show {
    	transform:translateX(-100vw);
    }
    
    .modal-dialog {
		width:100%;
		margin:0;
	}
	
	.section-title h3 {
		font-size:30px;
		line-height:35px;
	}
	
	.res-margin {
		margin-bottom:30px;
	}
	
	.google-map i.fa-map-marker  {
		margin-left:-5px;
	}
	
	.dialog .dialog__content .dialog-inner {
		padding:30px 20px;
	}
	
	.dialog .dialog__content .dialog-inner h4 {
		margin-bottom:15px;
		font-size:20px;
	}
	
	.dialog .dialog__content .dialog-inner p {
		font-size:12px;
	}
	
	.dialog .dialog__content .dialog-inner #subscribe #notifyMe {
		margin-top:1em;
	}
	
	.dialog .dialog__content .dialog-inner #subscribe #notifyMe .form-group button.submit {
		font-size:80%;
		line-height:1;
	}
	
	.dialog .dialog__content .dialog-inner #subscribe .block-message {
		padding:8px;
	}
	
	.dialog .dialog__content .dialog-inner #subscribe p.notify-valid {
		font-size:12px;
	}
}

@media screen and (max-width:1199px) {
	#stars, #stars2, #stars3 {
		margin-left:0 !important;
	}
}