/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	nav ul li a {
		padding: 20px 7px;
	}

	.feedback input {
		width: 292px;
	}

	.f-box ul li {
		width: 100%;
	}

	.add-box .phone {
		font-size: 32px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	nav ul {
			display: none;
			width: 100%;
			position: absolute;
			left: 0;
			z-index: 15;
			background-color: rgba(0,0,0,.7);
		}
		nav ul li {
			display: block;
			width: 100%;
			padding-left: 15px;

		}
		nav ul li a {
			padding-left: 15px;
		}
		nav ul li a:hover {
			background-color:rgba(0,0,0,.5);
		}
		nav ul li a, nav ul li span {
			width: 100%;
		}

		.navigation  {
			text-align: left;
		}

		.logo-box h1 {
			font-size: 38px;
			line-height: 44px;
		}

		.feedback input {
			width: 220px;
		}
		.feedback {
			-webkit-background-size: cover;
			background-size: cover;
			padding-bottom: 80px;
		}
	}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

	.logo-box h1 {
		margin-bottom: 46px;
	}

	.feedback input {
		width: 100%;
		margin-bottom: 15px;
	}
	#phone {
		margin-left: 0;
		margin-right: 0;
	}
	
	.about h2 {
		font-size: 40px;
	}

	.adv h2 {
		font-size: 38px;
	}

	.submenu {
		height: auto;
		text-align: center;
	}


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.logo-box h1 {
		font-size: 30px;
		line-height: 34px;
		margin-top: 35px;
	}

	.news-box > div {
		display: inline-block;
		width: 100%;
		text-align: center;
	}


	.news-box .right {
		padding-left: 0;
		margin-top: 15px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
nav > ul {
		display: block !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}