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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.objects.sect .items {
		margin-top: -30px;
	}
	.objects.sect .item {
		max-width: 560px;
		height: auto;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	.catalog.sect .item {
		 max-width: 590px;
	}
	.catalog.sect .item .text {
		margin-top: 30px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.contacts.sect {
		padding-top: 0;
		padding-bottom: 0;
	}
	.contacts.sect .map {
		position: static;
		height: 380px;
	}
	.contacts.sect .info {
		margin-top: -160px;
	}
	.nav.sect ul li a {
		padding-left: 25px;
		padding-right: 25px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.wrapper {
		padding-top: 106px;
	}
	.slick-arrow {
		left: 10px;
		width: 30px;
		height: 30px;
		border-radius: 5px;
		margin-top: -15px;
	}
	.slick-arrow::before {
		width: 7px;
		height: 11px;
		background-size: 14px 11px;
		margin-left: -3px;
		margin-top: -5px;
	}
	.slick-arrow.slick-next {
		right: 10px;
	}
	.slick-arrow.slick-next::before {
		background-position: -7px 0;
	}
	.intro {
		margin-bottom: 30px;
	}
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 32px;
	}
	h2 br {
		display: none;
	}
	.sect {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.wrapper > .up {
		bottom: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
		border-radius: 5px;
	}
	.wrapper > .up::before {
		width: 7px;
		height: 11px;
		background-size: 14px 11px;
		margin-left: -3px;
		margin-top: -5px;
	}
	.advantages.sect .slick-arrow {
		left: 0;
	}
	.advantages.sect .slick-arrow.slick-next {
		left: auto;
		right: 0;
	}
	.advantages.sect .items {
		margin-left: 0;
		margin-right: 0;
	}
	.advantages.sect .item {
		padding-left: 35px;
		padding-right: 35px;
	}
	.main.sect {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.main.sect .intro .desc {
		font-size: 26px;
	}
	.main.sect form {
		padding: 20px;
	}
	.main.sect form .text .caption {
		font-size: 20px;
	}
	.main.sect form .text .desc {
		font-size: 15px;
	}
	.objects.sect .item .info {
		text-align: center;
		padding: 20px;
	}
	.objects.sect .item .text .caption {
		font-size: 18px;
	}
	.objects.sect .item .text .desc {
		font-size: 14px;
	}
	.objects.sect .item .types .caption {
		font-size: 14px;
	}
	.order.sect form {
		max-width: 370px;
		padding: 20px;
	}
	.order.sect .intro .desc {
		font-size: 18px;
	}
	.order.sect form .text .caption {
		font-size: 20px;
	}
	.order.sect form .text .desc {
		font-size: 15px;
	}
	.contacts.sect .info {
		padding: 20px;
	}
	.contacts.sect .info .intro {
		margin-bottom: 20px;
	}
	.contacts.sect .info .item .desc br {
		display: none;
	}
	.contacts.sect .info .button {
		margin-top: 20px;
	}
	.footer.sect .button {
		margin-top: 20px;
	}
	.popup.sect {
		padding: 20px;
	}
	.popup_callback.sect form .text .caption {
		font-size: 20px;
	}
	.popup_callback.sect form .text .desc {
		font-size: 15px;
	}
	.catalog.sect .item {
		padding: 0 10px 20px;
	}
	.catalog.sect .slider {
		margin-left: -10px;
		margin-right: -10px;
	}
	.catalog.sect .previews {
		display: none;
	}
	.catalog.sect .item .text {
		text-align: center;
		margin-top: 15px;
	}
	.catalog.sect .item .text .caption {
		font-size: 18px;
	}
	.catalog.sect .item .text .features {
		margin-top: 10px;
	}
	.catalog.sect .item .text .feature {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.catalog.sect .item .text .cost {
		margin-top: 10px;
	}
	.catalog.sect .item .text .info {
		margin-top: 10px;
	}
	.catalog.sect .item .text .info .phone {
		margin-top: 10px;
	}
	.header.sect .item.phone .icon {
		margin-right: 0;
	}
	.header.sect .item.phone .desc {
		display: none;
	}
	.header.sect {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 0 5px rgba(0,0,0,.5);
		z-index: 999;
	}
	.nav.sect {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.97);
		border-bottom: none;
		visibility: hidden;
		opacity: 0;
		padding-top: 116px;
		z-index: 999;
	}
	.nav.sect ul li a {
		color: #fff;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.nav.sect ul li a::before {
		display: none;
	}
	.wrapper.active .nav.sect {
		visibility: visible;
		opacity: 1;
	}
}

@media only screen and (max-width : 575px) {		

}

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

@media only screen and (min-width : 576px) {  

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {  
	.order.sect {
		padding-bottom: 1px;
		margin-bottom: 75px;
	}
	.order.sect form {
		box-shadow: 0 60px 60px rgba(212,212,212,.25);
		margin-bottom: -75px;
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {	
	.main.sect .intro {
		text-align: left;
		margin-bottom: 0;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container {
		max-width: 1180px;
	}
}