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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1450px) {
	.header__container {
		padding: 0px 15px;
	}
	.main-title__first {
		font-size: 55px;
	}
	.main-title__second {
		font-size: 24px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	.container {
		width: 960px;
		max-width: 100%;
	}
	.menu {
		margin-top: 50px;
	}
	.menu__link {
		font-size: 12px;
	}
	.logo {
		max-width: 230px;
	}
	.header__middle {
		margin-left: auto;
		margin-right: auto;
	}
	.top-contacts__phone,
	.top-contacts__city {
		font-size: 18px;
	}
	.main-title__first {
		font-size: 38px;
	}
	.main-title__second {
		font-size: 18px;
	}
	.main-button {
		margin-top: 50px;
	}
	.main-button {
		width: 280px;
		height: 280px;
	}
	.main-button__btn {
		padding: 25px 35px;
	}
	.photogallery {
		padding-left: 40px;
		padding-right: 40px;
	}
	.photogallery__arrow_next {
		right: 10px;
	}
	.photogallery__arrow_prev {
		left: 10px;
	}
	.section__title {
		font-size: 38px;
	}
	.products__items {
		display: block;
	}
	.products__item {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.delivery__inner {
		display: block;
	}
	.delivery__block {
		margin-left: auto;
		margin-right: auto;
	}
	.footer__contacts {
		flex-wrap: wrap;
	}
	.footer__contact {
		width: 33.33%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 980px) {
	.header__container {
		display: block;
	}
	.logo {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		padding-top: 25px;
	}
	.header__middle {
		
		
		

	}
	.menu {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 297px;
		background-color: #0064a7;
		padding-top: 30px;
		padding-left: 40px;
		padding-right: 45px;
		margin-top: 0;
		padding-bottom: 10px;
	}
	.menu.show {
		display: block;
	}
	.top-contacts {
		text-align: left;
	}
	.top-contacts__phone,
	.top-contacts__city {
		font-size: 20px;
	}
	.top-contacts {
		margin-top: 15px;
	}
	.menu__item {
		margin-right: 0;
		padding-bottom: 20px;
	}
	.menu__link {
		font-size: 14px;	
	}
	.menu-burger,
	.menu-close {
		display: block;
	}
	.menu-burger {
		position: absolute;
		top: 0px;
		right: 0px;
		background-image: url(../img/burger.png);
		width: 28px;
		height: 22px;
		right: 30px;
		margin-top: 95px;
		cursor: pointer;
	}
	.menu-close {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 100;
		background-image: url(../img/menu-close.png);
		width: 21px;
		height: 21px;
		display: none;
	}
	.menu-close.show {

		display: block;
	}
	.main-title {
		padding-top: 35px;
	}
	.top-section {
		background-image: url(../img/top-bg_mobile.jpg);
	}
	.main-title__first {
		font-size: 36px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.main-title__second {
		font-size: 18px;
	}
	.main-button {
		margin-top: 120px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.page {
		padding-top: 40px;
	}
	.photogallery {
		
		padding-left: 15px;
		padding-right: 15px;
	}
	.photogallery__arrows {
		position: relative;
	}
	.photogallery__arrow {
		top: 0px;
		margin-top: 20px;
	}
	.photogallery__arrow_prev {
		left: auto;
		right: 60px;
	}
	.section__title {
		font-size: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.products__items {
		padding-left: 15px;
		padding-right: 15px;
	}
	.products__item {
		display: block;
		width: 100%;
	}
	.products__item-choose {
		top: 220px;
	    left: 0px;
	    right: 17px;
	}
	.products__item-arrow {
		top: 75px;
    	right: 15px;
	}
	.products__item-title {
		text-align: center;
		font-size: 18px;
	}
	.products__item-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.products__item-button {
		text-align: center;
	}
	.products__item {
		margin-bottom: 45px;
	}
	.faq__items {
		padding-left: 15px;
		padding-right: 15px;
	}
	.faq__item {
		width: 100%;
	}
	.faq__item-image {
		width: 50px;
		height: 50px;
		min-width: 50px;
	}
	.faq__item-content {
		padding-left: 10px;
		padding-top: 0;
	}
	.faq__item-title {
		font-size: 16px;
	}
	.faq__item-text {
		font-size: 14px;
	}
	.faq__item:nth-child(even) {
		padding-left: 0;
	}
	.delivery__inner {
		padding-left: 15px;
		padding-right: 15px;
	}
	.delivery__block-title {
		font-size: 16px;
		padding-top: 0px;
	}
	.delivery__block {
		position: relative;
		padding-top: 150px;
		margin-top: 20px;
	}
	.delivery__block-image {
		margin-top: 0;
		position: absolute;
		top: 30px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		height: 90px;
		left: 0;
		right: 0;
	}
	.delivery__block-content {
		display: block;
		padding-left: 12px;
		padding-right: 12px;
	}
	.delivery__block-list {
		margin-left: 0;
		padding-right: 0;
	}
	.delivery__block:nth-child(2) .delivery__block-image {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	.delivery__block:nth-child(2) .delivery__block-title {
		padding-top: 0;
	}
	.map-section {
		display: flex;
		flex-wrap: wrap;
	}
	.map-section .container {
		order: -1;
	}
	#map {
		position: relative;
		height: 780px;
	}
	.footer__contact {
		width: 240px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	.footer {
		padding-top: 0;
	}
	.footer__info {
		font-size: 13px;
	}
	.footer__bottom {
		padding-left: 30px;
		padding-right: 30px;
	}
	.smoke_1 {
		top: 315px;
    	right: -1149px;
	}
	.form {
		padding-left: 15px;
		padding-right: 15px;
	}
	.form__title {
		padding-top: 60px;
		line-height: 1.4;
	}
	.form__button {
		margin-top: 30px;
	}
	.form {
		padding-bottom: 30px;
	}
	.delivery {
		margin-top: 0;
	}
	.smoke_2 {
		left: -492px;
    	bottom: 260px;
	}
	.delivery__block-item {
		font-size: 14px;
		padding-left: 20px;
		min-height: 25px;
	}
	.footer__bottom {
		margin-top: 40px;
	}
	.footer {
		padding-bottom: 40px;
	}
}

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

}

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

}

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

}