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

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

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    section.baner .section .descr_baner h1 {
        font-size: 25px;
    }
    section.baner .section {
        padding: 150px 20px 250px;
    }
    section.baner .section .descr_baner {
        margin-bottom: 20px;
    }
	section.contacts .section .section_body .map_div .map_info {
		position: static;
	}
	section.about .section .section_body .column {
		width:  100%;
	}
	.toggle_mnu {
    position: absolute;
    right: 20px;
    top: 89px;
    width: 40px;
    z-index: 111112;
    height: 40px;
    background-color: #117243;
    padding: 5px 7px;
    border-radius: 5px;
	}
	.toggle_mnu .line {
    width: 26px;
    height: 3px;
    background-color: #fff;
    transition: all 0.2s;
    margin: 5px 0;
	}
	.toggle_mnu.active .line {
		position: absolute;
	}
	.toggle_mnu.active .line:nth-child(1) {
		transform: rotate(45deg);
    	top: 13px;
	}
	.toggle_mnu.active .line:nth-child(2) {
		transform: rotate(-45deg);
    	top: 13px;
	}
	.toggle_mnu.active .line:nth-child(3) {
		display: none;
	}
	header .section .menu {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: -100vw;
    height: 100vh;
    transition: all 0.2s;
    width: 100vw;
    background-color: #fff;
    align-content: flex-start;
    padding: 40px;
	}
	header .section .menu.active {
    left: 0;
    flex-wrap:  wrap;
	}
	header .section .menu ul {
		 flex-wrap:  wrap;
		 width: 100%;
		 border: 0;
	}
	footer .section .contacts a {
		width: 100%;
	}
	header .section .menu ul li {
		display: block;
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
	}
	header .section {
		justify-content: center;
	}
	footer .section {
		flex-wrap: wrap;
	}
	footer .section .logo {
		width:  100%;
		margin-bottom: 20px;
	}
	footer .section .menu {
		text-align:  left;
	}
	footer .section .contacts {
		width: 66%;
	}
	section.home .section .section_body .item {
		flex-wrap: wrap;
	}
	section.home .section .section_body .item .item_left {
		width:  100%;
	}
	section.home .section .section_body .item .item_right {
		width:  100%;
	}
	section.home .section .section_body .item .item_right .item_right_footer {
		margin-top:  15px;
	}
	section.home_page .section {
		flex-wrap: wrap;
		padding: 150px 20px 80px;
	}
	section.home_page .section .gallery {
		width:  100%;
	}
	section.home_page .section .description {
		width:  100%;
		padding-top: 40px;
    padding-left: 0;
	}
	header .section .menu .phone {
		flex-wrap:  wrap;
	}
	header .section .menu .phone a {
		display: block;
		width: 100%;
	}
	header .section .menu .phone a.green-button {
		margin-left:  0;
		margin-top:  10px;
	}
	section.home_page .section .gallery .swiper-button-prev {
		display: none;
	}
	section.home_page .section .gallery .swiper-button-next {
		display: none;
	}
	.div3_body {
		flex-wrap: wrap;
	}
	.div3_body .left {
		width: 100%;
	}
	.div3_body .right {
		width: 100%;
		padding-left: 0;
		padding-top: 30px;
	}
	.div4_body {
		flex-wrap: wrap;
	}
	.div4_body .item {
		width: 100%;
		max-width: 100%;
		margin-bottom: 40px;
	}
	.div5_body {
		flex-wrap: wrap;
	}
	.div5_body .left {
		margin-bottom: 20px;
	}
	.div6_body {
		flex-wrap: wrap;

	}
	.div6_body .item {
		margin-bottom: 20px;
	}
	.baner {
		border-radius: 0;
	}
	.div2_body {
		flex-wrap: wrap;
	}
	.div2_body .it {
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.contacts {
		flex-wrap: wrap;
	}
}

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

}