/*---------- LAYOUT ----------*/

/*---------- 1180 ----------*/
@media (max-width: 1180px){
	/*blog*/
	.blog_section_1_products{
		grid-template-columns: repeat(2, 1fr);
	}

	/*service*/
	.service_section_1:before,
	.service_section_1:after{
		display: none;
	}
	.service_section_2:before{
		display: none;
	}
}


/*---------- 1024 ----------*/
@media (max-width: 1024px){
	.container{
		padding: 0 60px;
	}

	/*breamd*/
	.brand_section_1:after{
		display: none;
	}
	.brand_section_3:after{
		display: none;
	}
	.brand_section_4:before{
		display: none;
	}
	.brand_section_5:after{
		display: none;
	}
	.brand_section_5_item > div{
		padding: 20px 8px;
	}
	.brand_section_8:before{
		display: none;
	}

	/*post*/
	.post_section_2:after{
		display: none;
	}
	.post_section_3:before{
		display: none;
	}
	.post_section_3_form form > div{
		width: 48%;
	}
	.post_section_4_item > a{
		padding: 13px 50px 13px 10px;
	}
	.post_section_4_item{
		width: 49%;
	}
	.post_section_5_pagination{
		display: flex;
	}
}


/*---------- 960 ----------*/
@media (max-width: 960px){
	.container{
		padding: 0 2rem;
	}
	.btn_yellow,
	.btn_green,
	.btn_green_icon,
	.btn_transparent{
		padding-top: 12px;
		padding-bottom: 12px;
	}

	/*breamd*/
	.brand_section_1{
		padding: 50px 0 30px;
	}
	.brand_section_1:before{
		display: none;
	}
	.brand_section_1_block{
		flex-direction: column;
	}
	.brand_section_1_text{
		width: 100%;
		margin-top: 20px;
	}
	.brand_section_1_image{
		order: -1;
		width: 100%;
	}
	.brand_section_2{
		padding: 50px 0 30px;
	}
	.brand_section_2_block{
		margin-top: 50px;
	}
	.brand_section_3{
		padding: 50px 0 30px;
	}
	.brand_section_3_list{
		margin-top: 30px;
	}
	.brand_section_3_item{
		width: 48%;
		margin-top: 20px;
	}
	.brand_section_3_block_contain{
		padding: 10px;
	}
	.brand_section_4{
		padding: 20px 0;
	}
	.brand_section_4_block{
		flex-direction: column;
	}
	.brand_section_4_text{
		width: 100%;
		padding: 0 10px 20px;
	}
	.brand_section_4_text .btn_green{
		margin: 20px auto 0;
	}
	.brand_section_4_image{
		order: -1;
		width: 100%;
		padding: 10px;
		background: #fff;
	}
	.brand_section_4_image:before{
		display: none;
	}
	.brand_section_5{
		padding: 50px 0 30px;
	}
	.brand_section_5_block{
		flex-direction: column;
		margin-top: 50px;
	}
	.brand_section_5_item:nth-child(1):before{
		top: 2px;
	}
	.brand_section_5_item:nth-child(3):before{
		top: -2px;
	}
	.brand_section_5_item:nth-child(5):before{
		top: 2px;
	}
	.brand_section_5_item:nth-child(7):before{
		top: -2px;
	}
	.brand_section_5_item:nth-child(9):before{
		top: 2px;
	}
	.brand_section_5_item > div{
		padding: 20px;
	}
	.brand_section_5_line_1,
	.brand_section_5_line_2{
		margin: 0 auto;
	}
	.brand_section_5_line_1 svg:first-child,
	.brand_section_5_line_2 svg:first-child{
		display: none;
	}
	.brand_section_5_line_1 svg:last-child,
	.brand_section_5_line_2 svg:last-child{
		display: block;
	}
	.brand_section_8_list{
	    margin-top: 50px;
	}
	.brand_section_8_list .swiper-wrapper{
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}

	/*price*/
	.price_section_2{
		padding: 50px 0 30px;
	}
	.price_section_3_item{
		width: 49%;
		margin-top: 10px;
	}
	.price_section_4{
		padding: 50px 0 30px;
	}
	.price_section_4:after{
		display: none;
	}
	.price_section_4_text{
		margin-top: 30px;
	}
	.price_section_5{
		padding: 50px 0 30px;
	}
	.price_section_5_block{
		margin-top: 30px;
	}

	/*about*/
	.about_section_3:after{
		display: none;
	}
	.about_section_2_block{
		grid-template-columns: 1fr;
	}
	.about_section_2_item{
		padding: 20px;
	}
	.about_section_2_item:nth-child(1){
		grid-column: auto;
		grid-row: auto;
	}
	.about_section_2_item p:first-child{
		font-size: 36px;
		line-height: 43px;
	}
	.about_section_3_item,
	.about_section_3_item:nth-child(4),
	.about_section_3_item:nth-child(5){
		width: 100%;
	}
	.about_section_4_title div{
		width: 100%;
	}
	.about_section_4_title p{
		font-size: 18px;
		line-height: 22px;
	}
	.about_section_4_text{
		width: 100%;
	}
	.about_section_4_item{
		width: 48%;
		margin-top: 20px;
	}

	/*post*/
	.post_section_1_post h1{
		font-size: 24px;
		line-height: 29px;
	}
	.post_section_1_post h2{
		font-size: 22px;
		line-height: 26px;
	}
	.post_section_1_post h3{
		font-size: 20px;
		line-height: 24px;
	}
	.post_section_1_post h4{
		font-size: 18px;
		line-height: 22px;
	}
	.post_section_1_post h5{
		font-size: 16px;
		line-height: 19px;
	}
	.post_section_1_post th,
	.post_section_1_post td{
		font-size: 14px;
	}
	.post_section_1_block{
		flex-direction: column;
	}
	.post_section_1_post{
		width: 100%;
	}
	.post_section_1_posts{
		width: 100%;
		margin-top: 30px;
	}
	.post_section_2_list{
		grid-template-columns: repeat(1, 1fr);
	}
	.post_section_3_form form > div{
		width: 100%;
	}
	.post_section_3_form .btn_green{
		margin: 0 auto;
	}
	.post_section_3_form form > div:last-child{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.post_section_3_form form > div:last-child p{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	/*blog*/
	.blog_section_1_block{
		flex-direction: column;
	}
	.blog_section_1_list{
		order: -1;
		min-width: 100%;
		margin-left: 0;
		margin-bottom: 30px;
	}
	.blog_section_1_products{
		grid-template-columns: repeat(1, 1fr);
	}
	.blog_section_1_list li{
	    display: none;
	}
	.blog_section_1_list li:nth-child(-n+3){
	    display: block;
	}
	.blog_section_1_list_btn{
		display: block;
	}
	.blog_pagination{
		margin-right: 0;
	}

	/*service*/
	.service_section_1_block{
		flex-direction: column;
	}
	.service_section_1_text{
		width: 100%;
	}
	.service_section_1_map{
		width: 100%;
		margin-top: 20px;
	}
	.service_section_1_buttons{
		flex-direction: column;
		margin-top: 0;
	}
	.service_section_1_buttons div{
		width: 100%;
		margin-top: 15px;
	}
	.service_section_2_block{
	    grid-template-columns: repeat(2, 1fr);
	}
}


/*---------- 600 ----------*/
@media (max-width: 600px){
	.container{
		max-width: calc(560px + 2rem);
        padding: 0 1rem;
	}
	h1{
		font-size: 24px;
		line-height: 33px;
	}
	h1 span{
		font-size: 24px;
		line-height: 33px;
	}
	.title_h2 h2{
		font-size: 18px;
		line-height: 22px;
	}

	/*brand*/
	.brand_section_1_text h1 span{
		font-size: 24px;
		line-height: 33px;
	}
	.brand_section_3_block_contain div{
		flex-direction: column;
	}
	.brand_section_3_block_contain ul{
		width: 100%;
		margin-top: 0;
	}
	.brand_section_8_title{
		flex-direction: column;
		align-items: stretch;
	}
	.brand_section_8_rating{
		margin-top: 30px;
	}
	.brand_section_8_list .swiper-wrapper{
		display: flex;
		grid-column-gap: 0;
    	grid-row-gap: 0;
	}
	.brand_section_8_item:before{
		display: none;
	}
	.brand_section_8_pagination{
		display: flex;
	}

	/*price*/
	.price_section_1_text h1{
		font-size: 24px;
		line-height: 33px;
	}
	.price_section_2_undertext p{
		font-size: 12px;
		line-height: 16px;
	}
	.price_section_4_text p{
		font-size: 14px;
		line-height: 20px;
	}
	.price_section_4_text p:first-child{
		font-size: 16px;
		line-height: 22px;
	}
	.price_section_3_item svg{
		width: 85px;
		height: 85px;
	}
	.price_section_5_block form{
		flex-direction: column;
	}
	.price_section_5_block form > div{
		width: 100%;
	}

	/*about*/
	.about_section_4_text p:first-child{
		font-size: 36px;
		line-height: 36px;
	}
	.about_section_4_text p:last-child{
		font-size: 16px;
		line-height: 20px;
	}
	.about_section_4_item{
		width: 100%;
	}
	.about_section_4_item > p{
		font-size: 16px;
		line-height: 20px;
	}

	/*post*/
	.post_section_4_item_image img{
		height: 140px;
	}
	.post_section_4_item_image{
		padding: 0;
	}
	.post_section_4_item_action{
		left: 0;
	}
	.post_section_4_item_title{
		margin: 10px 0 20px;
	}
	.post_section_4_item_cart{
		display: none;
	}
	.post_section_4_item > a{
		height: 50px;
		padding: 3px 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		white-space: wrap;
		line-height: 16px;
		text-align: left;
	}

	/*blog*/
	.blog_pagination div:first-child{
		margin-right: 10px;
	}
	.blog_pagination div:last-child{
		margin-left: 10px;
	}
	.blog_pagination a,
	.blog_pagination span{
		margin: 0;
	}
	.blog_section_2{
		display: none;
	}

	/*services*/
	.service_section_1{
		padding: 20px 0;
	}
	.service_section_1_info > p:nth-child(even){
		margin-left: -40px;
	}
	.service_section_1_map iframe{
		height: 330px;
	}
	.service_section_2{
		padding: 30px 0;
	}
	.service_section_2_block{
	    grid-template-columns: repeat(1, 1fr);
	    margin-top: 30px;
	}
	.service_section_2 .btn_green{
		margin-top: 30px;
	}
}


/*---------- 380 ----------*/
@media (max-width: 380px){
	.container{
		padding: 0 15px;
	}
}




/*---------- additional styles ----------*/
.footer{
	position: relative;
}