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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1000px) {
	header ul li a {
		font-size: 14px;
	}
	.left .top_menu ul li {
		margin-right: 10px;
	}
	.left .main_menu ul li {
		margin-right: 0px;
	}
	li:not(:last-child) {
		margin-right: 0px;
	}
	footer form {
		margin-left: 0px;
		width: 100%;
	}
	section.sliders .blank {
		height: 435px;
	}
	section.katalog_block .list_item {
		flex-basis: 30%;
	}

	section.news .list_item div.text {
		width: 59%;
	}
	footer ul.kontakt li {
		margin: 30px 40px 0px 0px;
	}

	section.katalog_header p {
		padding-right: 30px;
		margin: 30px 0px 0px 0px;
	}

	h2 {
		font-family: 'Panton';
		font-style: normal;
		font-weight: 100;
		font-size: 40px;
		text-transform: uppercase;
		margin: 0px;
	}

	.main_news img{
		width: 100%;
	}
}

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

}

/* Small Devices, Tablets */
@media only screen and (max-width : 640px) {

	div.info_block {
		padding: 25px 0%;
	}

	section.katalog_header p {
		padding-right: 30px;
		margin: 30px 0px 30px 0px;
	}

	section.galery .list_img div {
		flex-basis: 100%;
		padding: 0px;
		margin: 0px;
	}

	.main__item--padding {
		padding-bottom: 30px;
	}
	.main {
		margin-top: 50px;    
		margin-bottom: 50px;
	}

	.galery .slick-list {
		overflow: hidden;
		height: 353px;
	}

	.main__item:nth-child(odd) {
		border-right: none;
	}

	.main__item:nth-child(odd):before {
		display: none;
	}

	section.galery .slider button.slick-arrow {
		top: -90px !important;
	}

	.main__item {
		flex-basis: 100%;
	}
	section.sliders .blank h2 {
		font-size: 32px;
	}

	.cena {
		padding-right: 0px;
	}

	div.param {
		padding: 0px;
		margin-top: 30px;
	}

	section.dop_produkt_list .slider button.slick-arrow {
		top: 100px;
	}
	section.dop_produkt_list .slider button.slick-next {
		right: 20px;
	}

	section.dop_produkt_list .slider button.slick-prev {
		left: 15px;
	}

	section.dop_produkt_list .slider {
		margin-top: 60px;
		height: 280px;
	}

	section.dop_produkt_list .slider {
		margin-top: 60px;
		height: 335px;
	}
	section.katalog_header button {
		padding: 14px 20px;
		margin-top: 30px;
		margin-bottom: 30px;
		width: 100%;
	}
	.slick-list {
		overflow: hidden;
		height: 470px;
	}

	section.sliders .blank {
		padding: 20px;
		width: 302px;
		height: 275px;
		border: 1px solid #111111;
		left: 15px;
	}

	section.sliders .blank p{
		font-size: 14px;
		margin: 0px;
	}

	section.sliders .blank button {
		font-size: 14px;
		padding: 10px 20px;
		margin-top: 30px;
	}
	section.sliders .listing p {
		font-size: 14px;
	}

	section.sliders .listing {
		position: absolute;
		right: 15px;
		bottom: 0px;
		font-size: 20px;
		width: 297px;
	}

	.slider img {
		border-radius: 0px 60px 0px 0px;
	}

	.slider button.slick-arrow {
		bottom: 12px;
	}

	h2{
		font-size: 32px;
	}

	section.kontakt .kontakt_list {
		width: 100%;
	}

	.top_menu ul{
		display: none;
	}



	.top_menu ul.contakt{
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
	}

	.right .main_menu{
		display: none;
	}

	.left .main_menu li{
		display: none;
	}

	.left .main_menu li.katalog{
		display: block;
		position: absolute;
		left: 100px;
	}
	.right .top_menu ul li {
		margin-left: 10px;
	}

	div.logo img {
		width: 50px;
		position: absolute;
		left: 10px;
		top: 10px;
	}

	.slider {
		margin-top: 25px;
	}


	section.sliders div.slider {
		margin-bottom: 50px;
	}

	section.company_info ul {
		margin: 20px 1px;
		display: none;
	}
	section.kontent {
		padding-top: 50px !important;
	}

	section.katalog_block .list_item {
		flex-basis: 48%;
		margin-bottom: 20px;
	}

	section.katalog_block .list_item {
		flex-basis: 48%;
		margin-bottom: 20px;
	}

	section.news .slider button.slick-next {
		right: 15px;
	}

	section.kontakt .kontakt_list {
		margin-top: 30px;

	}

	section.news .list_item {
		flex-basis: 100%;
	}
	.slide_menu {
		top: 75px;
	}

	.top_fot{
		background: #efefef;
		padding-bottom: 30px;
	}

	.bottom_fot{
		background: #ffc300;
		padding-top: 30px;
	}

	.slide_menu ul li a {
		padding: 3px 10px;
		font-size: 12px;
	}

	.slide_menu ul li {
		width: 32%;
		margin: 2px -2px;
	}
	.slide_menu .view_menu {
		width: 100%;
		display: none;
	}

	footer {
		background-color: #efefef;
		padding: 50px 0px;
		background: linear-gradient(to bottom, #efefef 50%, #ffc300 50%);
	}

	section.galery {
		padding: 50px 0px;
		width: 100%;
	}

	.accordion__title div {
		flex-basis: 90%;
	}

	section.galery .content_img {
		position: relative;
	}
	.accordion .button {
		position: absolute;
		bottom: 20%;
		left: 0px;
	}



	div.news_list div {
		flex-basis: 100%;
		height: 240px;
		justify-content: space-between;
		padding: 0px 50px;
		position: relative;
	}

	div.news_list div.news_text {
		height: auto;
		padding: 10px 0px;
	}

	div.news_list div p {
		text-transform: uppercase;
		font-family: Inter;
		margin-top: 10px;
		font-size: 16px;
	}

	div.MainGalery div {
		flex-basis: 100%;
	}

	div.MainGalery div.mini {
		flex-basis: 50%;
	}
}

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

	section.galery {
		padding: 0px 0px;
		width: 100%;
	}

	footer ul.nav li a {
		text-decoration: none;
		font-size: 14px;
	}

	div.MainGalery div.mini {
		flex-basis: 100%;
	}
	.list_block div {
		flex-basis: 100%;
	}
	.otziv {
		display: block;
		justify-content: space-between;
		position: relative;
		width: 100%;
	}

	.otziv div.right ul {
		width: 35%;
	}

	.otziv div.right ul li {
		margin: 0px 0px 0px 0px;
	}

	.right {
		text-align: left;
		margin-top: 10px;
	}

	div.had_news {
		display: block;
	}

	div.had_news div.date {
		text-align: left;
		color: #989898;
		margin-top: 10px;
	}

	div.info_block {
		padding: 0px 0%;
	}
	section.katalog_header p {
		padding-right: 30px;
		margin: 10px 0px 30px 0px;
	}


	footer ul.kontakt li {
		margin: 10px 0px;
	}
	.accordion__icon {
		font-size: 20px;
		position: absolute;
		right: 0px;
		top: 10px;
	}

	div.news_list div {
		flex-basis: 100%;
		height: 120px;
		justify-content: space-between;
		padding: 0px 50px;
		position: relative;
	}

	div.news_list div.news_text {
		height: auto;
		padding: 10px 0px;
	}

	div.news_list div p {
		text-transform: uppercase;
		font-family: Inter;
		margin-top: 10px;
		font-size: 16px;
	}

	h1 {
		font-size: 40px;
	}

	.help_ak .accordion__icon {
		position: inherit;
	}

	.accordion.open .accordion__content {
		padding: 0px;
		width: 100%;
		transition: .3s;
		margin-bottom: 10px;
	}

	.accordion .button {
		bottom: -55px;
		width: 100%;
	}

	section.galery .content_img__item img {
		margin-bottom: 10px;
	}

	.accordion.open .accordion__content {
		padding-bottom: 80px;
	}
	.accordion__icon img {
		height: 50px;
	}
	.accordion {
		list-style: none;
		margin-bottom: 0;
		position: inherit;
	}
	.top_menu {
		display: none;
	}

	.left .main_menu li.katalog {
		right: 10px;
		left: auto;
		top: -10px;
	}

	section.sliders .blank {
		padding: 20px;
		width: 100%;
		left: auto;
		position: inherit;
		margin-top: 30px;
		height: auto;
	}
	.slide_menu ul li {
		width: 50%;
		margin: 10px -2px;
	}
	section.sliders .blank .button{
		width: 100%;
	}
	.slick-list {
		overflow: hidden;
		height: auto;
	}
	section.sliders div.slider {
		margin-bottom: 0px;
		height: auto;
	}
	.slider img {
		border-radius: 0px 0px 0px 0px;
	}
	.slider {
		margin-top: 0px;
	}


	section.sliders .listing {
		position: inherit;
		right: auto;
		bottom: 0px;
		font-size: 20px;
		width: 100%;
		left: 0px;
		padding: 10px;
	}

	.news .slider button.slick-prev {
		left: 16px;
	}

	section.sliders .listing ul {
		width: 100%;
		height: 75px;
	}
	section.sliders .listing ul li {
		margin: 45px 0px 0px 0px;
	}
	section.company_info {
		margin: 20px 0px;
	}
	section.company_info ul li {
		width: 100%;
		margin: 2% 0px;
	}
	section.kontakt .kontakt_list {
		padding: 30px 20px;
	}
	section.katalog_block .kat_filter ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		text-align: left;
		display: flex;
		justify-content: space-between;
	}

	section.katalog_header button {
		font-size: 14px;
	}

	section.katalog_block .kat_filter ul li {
		width: auto;
		display: flex;
		align-items: center;
		text-align: center;
	}
	section.katalog_block .kat_filter {
		padding: 10px 0px;
		margin: 11px 0px;
		text-align: left;
		overflow: auto;
	}

	section.katalog_block .list_item {
		flex-basis: 100%;
		margin-bottom: 20px;
		margin: 20px;
		padding: 10px;
		background: #eee;
	}

	section.news .slider button.slick-arrow {
		top: 52px;
	}

	
	section.news .slider button.slick-arrow {
		top: 40px;
	}

	section.news .list_item div {
		display: block;
	}

	section.news .list_item div.img {
		width: 100%;
	}

	div.text a {
		position: inherit;
		display: block;
		margin-top: 10px;
	}

	section.news .list_news {
		height: 650px;
	}

	section.news .list_item div.text {
		width: 100%;
	}

	section.kontakt .kontakt_list {
		height: auto;
	}

	footer ul {
		width: 100%;
	}
	footer ul.nav {
		width: 100%;
		margin-top: 20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	footer ul.nav li {
		margin-bottom: 4px;
		cursor: pointer;
		width: auto;
		transition: 0.3s;
		padding-left: 5px;
		padding: 3px 12px;
		background: #fff;
		margin: 5px;
		border-radius: 5px;
	}

	footer ul.kontakt li {
		width: 100%;
	}
	footer ul.kontakt {
		width: 100%;
		text-align: center;		
		margin: 0px;
	}

	.modal-wrapper.open .modal {
		margin-top: -200px;
		opacity: 1;
		border-radius: 20px;
		width: 90%;
		left: 2%;
		margin: 0px;
		top: 20%;
	}

	footer ul.nav li {
		margin-bottom: 4px;
		cursor: pointer;
		width: auto;
		transition: 0.3s;
		padding-left: 5px;
		padding: 3px 12px;
		background: #fff;
		margin: 5px;
		border-radius: 5px;
	}

	.modal .content {
		padding: 30px 20px;
	}

	input[type="checkbox"]:checked + label, input[type="checkbox"]:not(:checked) + label {
		font-size: 12px;
	}
	p.big {
		font-size: 25px;
	}
	h2{
		font-size: 24px;
	}
	section.galery .slider button.slick-arrow {
		top: 370px !important;
	}
	.galery .slick-list {
		overflow: hidden;
		height: 350px;
	}
	section.galery .slider {
		position: inherit;
		margin-top: 60px;
	}
	.main__item:nth-child(even) {
		padding-left: 0px;
	}
	section.galery .content_img__item {
		flex-basis: 100%;
		padding: 0px;
	}
	section.galery .content_img__item {
		flex-basis: 100%;
		padding: 0px;
	}

	section.sliders img {
		width: 100%;
		height: auto;
	}
	section.sliders .blank span.logo {
		font-family: Scrawl;
		font-size: 40px;
		text-transform: inherit;
		line-height: 40px;
	}
	section.sliders .blank h1 {
		font-size: 20px;
	}
	.button {
		text-align: center;
	}
	section.katalog_block .list_item p {
		margin: 0px 0px 0px 0px;
	}

	section.katalog_block .list_item p {
		position: inherit; 
	}

	section.katalog_block .list__img-wrapper {
		position: relative;
		min-height: 220px;
		/* display: flex; */
		align-items: center;
	}
	.list_news a {
		flex-basis: 100% !important;
		text-decoration: none;
	}

	footer form input {
		width: 85%;
		font-size: 25px;
	}

	footer form {
		text-align: center;
	}

	footer form input.form_sub2 {
		position: inherit;
	}

	footer ul.cat_link {
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	footer h3 {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 700;
		margin: 0px;
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}

	footer ul.cat_link li {
		display: inline-block;
		width: auto;
		padding: 2px 10px 2px 10px;
		margin:5px;
		font-size: 16px;
		background: #fff;
		border-radius:5px;
	}
	footer ul.cat_link li a {
		font-size: 14px;
		line-height: 25px;
		text-decoration: none;
	}

	footer ul.logo {
		text-align: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	footer ul.logo li.text {
		font-family: Scrawl;
		font-size: 42px;
		text-transform: inherit;
		line-height: 35px;
		padding-top: 7px;
		padding: 0px 0px 0px 20px;
	}
	footer ul.logo li img {
		width: 90px;
		transition: 0.5s;
	}

}

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

}