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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.advantages.sect .items {
		margin-left: -60px;
	}
	.advantages.sect .items .item {
		width: 440px;
		margin-left: 20px;
	}
	.advantages.sect .items .item ul.list {
		padding-left: 0;
		padding-right: 0;
	}
	.main.sect > .container .content .left {
		padding-left: 0;
		padding-right: 30px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.advantages.sect .items {
		margin-left: 0;
	}
	.advantages.sect .items .item {
		width: 100%;
		max-width: 440px;
		margin-left: 0;
	}
	.photogallery.sect .items .item {
		width: 50%;
	}
	.delivery.sect .title {
		margin-bottom: 30px;
	}
	.delivery.sect .items .col {
		min-width: 0;
		margin-top: -30px;
	}
	.delivery.sect .items .item {
		margin-top: 30px;
	}
	.delivery.sect .items .img {
		display: block;
		margin: 30px 0;
	}
	.delivery.sect .items .img::before {
		display: none;
	}
	.header.sect .content .right {
		text-align: center;
	}
	.header.sect .info {
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
	.main.sect > .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.main.sect > .container .content {
		min-height: 0;
	}
	.main.sect > .container .content .left,
	.main.sect > .container .content .right {
		display: block;
		width: auto;
	}
	.main.sect > .container .content .left {
		padding-right: 0;
	}
	.main.sect > .container .content .right {
		max-width: 360px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.main.sect > .container {
		text-align: center;
	}
	.main.sect > .container .content .left ul.list {
		max-width: 360px;
		margin-left: auto;
		margin-right: auto;
	}
	.main.sect > .container .content .left ul.list li {
		text-shadow: 2px 2px 3px rgba(0,0,0,.75);
	}
	.main.sect > .container .content .left .title p {
		display: block;
		line-height: 1.2;
		background-color: transparent;
		text-shadow: 2px 2px 3px rgba(0,0,0,.75);
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.main.sect > .container .content .left .title p::before,
	.main.sect > .container .content .left .title p::after {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	h1,
	h2 {
		font-size: 36px;
	}
	.features.sect .title p,
	.main.sect > .container .content .left .title p,
	.popup.sect.thanks .caption,
	.popup.sect.form form.contact .caption  {
		font-size: 23px;
	}
	.features.sect .note .caption,
	.order.sect .content form.contact .caption {
		font-size: 27px;
	}
	.features.sect .items .item .caption,
	.features.sect .note .desc,
	.advantages.sect .items .item .caption,
	.header.sect .slogan .caption,
	.header.sect .info .phone,
	.main.sect > .container .content .left ul.list li {
		font-size: 20px;
	}
	.features.sect .note {
		margin-top: 30px;
	}
	.advantages.sect,
	.photogallery.sect .content,
	.delivery.sect,
	.order.sect .content,
	.main.sect > .container {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footer.sect {
		padding: 15px 0;
	}
	.order.sect .content form.contact .caption {
		line-height: 1.2;
		margin-bottom: 30px;
	}
	.order.sect .content form.contact .caption strong {
		display: inline;
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	.order.sect .content form.contact .caption strong::before,
	.order.sect .content form.contact .caption strong::after {
		display: none;
	}
	.contacts.sect {
		padding: 30px 0 0;
	}
	.contacts.sect .content {
		float: none;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.contacts.sect .map {
		position: static;
		height: 420px;
	}
	.header.sect {
		text-align: center;
		padding: 15px 0;
	}
	.header.sect .content .left,
	.header.sect .content .right {
		display: block;
		width: auto;
	}
	.header.sect .slogan {
		display: table;
		margin: 10px auto;
	}
	.main.sect {
		background-image: url('../img/main/mobile/bg.jpg');
	}
	.main.sect > .container .content .left .title {
		margin-bottom: 30px;
	}
	.main.sect > .container .content .left ul.list li::before {
		top: 2px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
	.photogallery.sect .items .item {
		width: 100%;
	}
	.popup.sect {
		width: 270px;
	}
}

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

}


/*==========  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) {
	
}

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