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

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

	.slider .owl-dots {
		top: 10px;
	}
	.slider .owl-dot:first-child {
		margin-left: 3px;
	}

	.advantage-box {
		width: 210px;
		padding: 0 5px;
	}

	.quote p strong {
		font-size: 20px;
	}

	.cat-info {
	    padding: 28px 35px;
	    font-size: 13px;
	}

		.gallery-about ul li {
			width: 145px;
		}

		.gallery-about ul li img {
			max-width: 100%;
		}

		.about-box {
			padding: 30px;
		}

		.form-footer i {
			font-size: 14px;
		}


		.form-footer .btn {
			font-size: 12px;
			width: 100%;
		}

		.form-footer h3 {
			font-size: 24px;
		}
}

@media only screen and (min-width : 1200px) {
	.form-footer .btn {
		font-size: 14px;
		width: 100%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/*nav ul {*/
	/*		display: none;*/
	/*		width: 100%;*/
	/*	}*/
	/*	nav ul li {*/
	/*		display: block;*/
	/*		width: 100%;*/

	/*	}*/
	/*	nav ul li a, nav ul li span {*/
	/*		width: 100%;*/
	/*		text-align: center;*/
	/*	}*/
	/*	nav ul li:last-child a{*/
	/*		background-color: #d76142;*/
	/*	}*/


	/*.logo-box {*/
	/*		text-align: center;*/
	/*		margin-bottom: 15px;*/
	/*	}*/
	/*	.contacts-box {*/
	/*		text-align: center;*/
	/*	}*/

		nav {
			width: 100%;
			text-align: left;
		}

		.nav-wrap {
			text-align: left;
		}

		.advantage-box {
			width: 48%;
			margin-bottom: 35px;
		}

		.advantage-box:nth-child(2) {
			border-right: none;
		}

		.quote p strong span {
			display: block;
		}

		.cat-info {
			width: 100%;
			margin-top: 0;
			margin-bottom: 35px;
		}

		.reviews-block h2 {
			margin-bottom: 15px;
		}

		.about-box {
			width: 100%;
			margin-bottom: 25px;
		}

		.gallery-about {
			text-align: center;
		}

		.gallery-about ul li {
			width: 22%;
		}

		.f-add-box {
			margin-left: 0;
			text-align: center;
		}

		.form-footer {
			padding: 10px;
			width: 100%;
			margin-bottom: 15px;
		}

		.serv-desc {
			min-height: auto;
		}

		/*nav > ul > li > ul {*/
		/*	visibility: visible;*/
		/*	display: none;*/
		/*	opacity: 1;*/
		/*	-webkit-transition: none !important;*/
		/*	-o-transition: none !important;*/
		/*	transition: none !important;*/
		/*	position: relative;*/
		/*	width: 100%;*/
		/*}*/


}

/* 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;
	}

	.cat-box h3,
	.cat-box-horizontal h3 {
		font-size: 22px;
		left: 15px;
		bottom: 15px;
	}

	.sort-box {
		margin-bottom: 25px;
		text-align: center;
	}

	.news-item h3  {
		margin-top: 25px;
	}


}

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

	.contacts-box a:last-child{
		width: 100%;
		display: inline-block;
		margin-left: 0;
	}

	.block-1 {
		background: url(../img/bg-1.jpg) no-repeat center top -150px;
	}

	.slider .title {
		font-size: 38px;
	}

	.slider .btn {
		margin-top: 0;
	}

	.slider .title:after {
		width: 150px;
	}

	.advantage-box  {
		width: 100%;
		margin: 0;
		margin-bottom: 25px;
		border: none !important;
		border-bottom: 1px solid #DFDFDF;
	}
	.quote p  {
		font-size: 16px;
	}
	.quote p strong {
		font-size: 14px;
	}

	.advantage h2 {
		font-size: 22px;
	}

	.cat-box h3,
	.cat-box-horizontal h3 {
		font-size: 15px;
	}

	.gallery-about ul li {
		width: 30%;
	}
}

/* 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 : 1024px) {
	.nav-wrap ul li:last-child a{
		background-color: #d76142;
		font-size: 14px;
		padding: 5px 15px;
	}

	.nav-wrap ul li:last-child:hover .root-item{
		background-color: #d49b13;
	}

	.nav-wrap ul li:last-child > ul {
		right: 0;
		left: auto;
	}

	.nav-wrap ul li:last-child > ul li a {
		padding: 5px;
		font-size: 14px;
		text-transform: none;
	}

}