@media screen and (min-height:1301px) and (max-height:1490px) {
	.metallS .col4 {
		text-align: right
	}

	.reshetkaS-head .col-sm-8 {
		padding-left: 30px
	}
}

@media screen and (min-height:1090px) and (max-height:4000px) {
	.header .content h1 {
		margin-top: 35vh
	}

	.header .content p {
		margin-top: 20px
	}

	ul.loyalty-nav {
		margin-top: 35vh !important
	}

	.slidemenu .col-sm-2 a.mobile-block {
		display: none
	}

	.about-company1 h1,
	.about-company1 a {
		margin-top: 50vh
	}

	.about-company1 p {
		font-size: 50px
	}

	.stalMetal .linkCatalog a {
		margin-top: 100px
	}

	.stalMetal h5 {
		margin-bottom: 400px
	}

	.custom-manufacturing1 h2 {
		margin-bottom: 200px
	}

	.custom-manufacturing1 h4,
	.custom-manufacturing1 a {
		margin-top: 30vh
	}
}

@media screen and (min-height:1001px) and (max-height:1089px) {
	.header .content h1 {
		margin-top: 35vh
	}

	.header .content p {
		margin-top: 20px
	}

	ul.loyalty-nav {
		margin-top: 15vh !important
	}

	.slidemenu .col-sm-2 a.mobile-block {
		display: none
	}
}

@media screen and (min-width:1300px) and (max-width:1376px) {
	.contacts .col-sm-4 span {
		font-size: 14px
	}
}

@media screen and (min-width:1600px) and (max-width:6000px) {
	.slidemenu .col-sm-2 a.mobile-block {
		display: none
	}

	.projects1 img {
		width: 100%;
		height: auto;
		max-height: 274px;
		object-fit: cover
	}

	.bl-2 .lr-pdd {
		width: 1400px;
		margin: 0 auto;
		padding: 0
	}

	.bl-4 h1 {
		margin-top: 95px
	}

	.catalog-block .catalog-hover {
		background-size: cover !important
	}

	.production1 .projects-block:nth-child(2),
	.production1 .projects-block:nth-child(3),
	.production1 .projects-block:nth-child(4) {
		background-size: cover !important
	}

	.catalog-block a {
		padding-bottom: 170px;
		padding-top: 170px
	}

	.header video,
	.bl-4 video {
		height: 100vh
	}

	.header .content ul li {
		border-top: 2px solid rgba(255, 255, 255, .3)
	}

	ul.company-nav li:nth-child(1) {
		padding: inherit
	}

	.header .content ul li a {
		padding: 20px 0 20px 40px
	}

	.bl-1 img.icon {
		margin: 50% auto 0 auto
	}

	.bl-2 {
		padding-top: 280px
	}

	.projects1 h3 {
		max-width: 286px
	}

	.company-home .content2 img.bg {
		height: 100%
	}

	.company-home .content2 h3,
	.company-home .content2 h1 {
		font-size: 35px
	}

	.catalog-block .catalog-1,
	.catalog-block .catalog-2,
	.catalog-block .catalog-3,
	.catalog-block .catalog-4,
	.catalog-block .catalog-5 {
		background-size: cover
	}

	.blogItem1 .slick-slide img {
		max-height: 850px
	}

	.product-bg {
		background: url(../images/man.png.pagespeed.ce.7L1GljxQPw.png) no-repeat 8% bottom;
		background-size: 955px
	}

	.production1 .name-man p {
		margin-top: 120px
	}

	.serviceSingle h5 {
		margin-top: 13vh
	}

	.serviceSingle .link-catalog a {
		margin-top: 100px
	}

	.header .content a.price,
	.header .content a.purchase {
		font-size: 22px;
		padding: 18px 20px;
		font-family: "MONTSERRAT-REGULAR"
	}

	.persons1 .pl h2 {
		padding-top: 50px
	}

	.persons1 .pl h3 {
		margin-top: 85px
	}

	.persons1 .pl {
		width: 430px
	}

	.about-company1 p {
		font-size: 60px;
		margin-top: 100px
	}

	.custom-manufacturing1 h3 {
		margin-top: 60px
	}

	.custom-manufacturing1 h4,
	.custom-manufacturing1 a {
		margin-top: 20vh
	}

	.maetallRoll1-bg {
		background: url(../images/man22.png.pagespeed.ce.uaXkRA_idd.png) no-repeat 19% 100%;
		background-size: 825px
	}

	.service2 .col-sm-4 a img {
		width: 100%;
		height: auto
	}

	.service2 .content2 p {
		margin-top: -60px
	}

	.about-company2 video,
	.about-company4 video {
		width: 100%;
		height: 100vh;
		object-fit: cover
	}

	.projects1 .container-fluid {
		max-width: 2000px
	}

	.social .content2 a {
		height: 50vh;
		max-height: 1700px
	}

	.custom-manufacturing .content a.manufacturing {
		display: inline-block
	}

	.custom-manufacturing1 {
		height: 100vh
	}

	.custom-manufacturing1 a {
		width: 300px
	}

	.dealers .content h1 {
		margin-top: 50px
	}

	.stalMetal1 .content2 h3 {
		text-align: center
	}

	.reshetkaS .col4 img {
		display: block
	}

	.about-company3 h1 {
		padding-top: 150px
	}

	.about-company4 h3 {
		line-height: 35px
	}

	.about-company4 h2 {
		line-height: 40px
	}

	.projects1 a {
		float: none;
		width: 100%;
		height: 276px;
		max-width: 1200px;
		margin: 20px auto
	}

	.thanks-head {
		background: url(../images/ee44r.png.pagespeed.ce.pDwlqjeWGb.png) no-repeat, #f6f6f6;
		background-position: left bottom;
		background-size: 967px auto;
		height: auto;
		min-height: 770px
	}

	.thanks-head h6 {
		position: initial;
		bottom: 0;
		padding-top: 320px
	}
}

@media screen and (min-width:1000px) and (max-width:1300px) {

	.header video,
	.bl-4 video {
		height: 100vh
	}

	.slidemenu .col-sm-2 a.mobile-block {
		display: none
	}

	.header .content h1 {
		font-size: 55px;
		line-height: 65px
	}

	.about-company1 a {
		padding: 5px 0 30px 90px
	}

	.blog-center-block-slider .slick-prev,
	.blog-center-block-slider .slick-next {
		background: none
	}

	.bl-1 h1 {
		font-size: 24px
	}

	.bl-1 .height {
		margin-bottom: 30px
	}

	.bl-1 img.icon {
		margin: 45% auto 0 auto
	}

	.about-company3 .lr-pdd {
		padding: 0
	}

	.catalog-block a {
		font-size: 18px;
		padding-right: 43px
	}

	.bl-2 .lr-pdd,
	.bl-3 .lr-pdd,
	.footer .lr-pdd {
		padding: 40px 50px 0 40px
	}

	.bl-2 .col-sm-4 a {
		height: 263px
	}

	.bl-2 .col-sm-4 h3 {
		font-size: 18px
	}

	.bl-4 h1 {
		margin-top: 15vh
	}

	.header .header-top h1,
	.slidemenu .nav-menu-fixed h1 {
		display: none !important
	}

	.header .header-top .h_header,
	.slidemenu .nav-menu-fixed h1 {
		display: none !important
	}

	.company-home .content2 h3,
	.clients-home .content2 h3 {
		font-size: 23px
	}

	.product-bg {
		padding-top: 200px;
		padding-bottom: 25px;
		background: url(../images/man.png.pagespeed.ce.7L1GljxQPw.png) no-repeat -150px bottom;
		background-size: 700px
	}

	.production1 .block-number {
		padding-top: 0
	}

	.production1 .number,
	.maetallRoll1 .number {
		width: 49%
	}

	.production1 .number p {
		font-size: 35px;
		line-height: 24px
	}

	.production1 .number p span {
		font-size: 12px
	}

	.production1 .name-man p span {
		font-size: 13px
	}

	.production1 .name-man p {
		font-size: 20px
	}

	.production1 .projects-block span,
	.maetallRoll1 .projects-block span {
		max-width: 168px
	}

	.production1 .projects-block:last-child,
	.maetallRoll1 .projects-block:last-child {
		background-size: 20px
	}

	.maetallRoll h5 br,
	.service h5 br {
		display: none
	}

	.service h5 {
		font-size: 40px
	}

	.loyalty-program1 h2 {
		font-size: 19px
	}

	.maetallRoll .link-catalog a:last-child {
		left: 420px
	}

	.maetallRoll1-bg {
		padding-bottom: 25px;
		background: url(../images/man22.png.pagespeed.ce.uaXkRA_idd.png) no-repeat -50px 100%;
		background-size: 735px
	}

	.maetallRoll3 h2 {
		font-size: 16px;
		top: 20%
	}

	.header .content a.video {
		font-size: 15px;
		background: url(../images/xheader-button.png.pagespeed.ic.IB2197Jz1k.png) no-repeat;
		padding: 7px 0 7px 65px;
		background-position: 0% 50%;
		background-size: 60px !important
	}

	.service h5 span {
		display: block;
		padding-top: 10px
	}

	.slidemenu .tpp {
		padding: 130px 50px 0 50px
	}

	.header .content ul li a span,
	.header .content ul li a.active span {
		left: -20px
	}

	.header .content ul li a {
		padding: 15px 0 15px 27px;
		font-size: 10px
	}

	.about-company1 p {
		font-size: 20px
	}

	.about-company2 h1 {
		font-size: 33px
	}

	.about-company2 h2 span {
		font-size: 55px
	}

	.about-company2 h2 {
		font-size: 14px
	}

	.about-company4 h2 {
		font-size: 34px;
		margin-top: 7vh
	}

	.about-company3 #one {
		display: none
	}

	.about-company3 .tabAcc {
		display: block
	}

	.about-company3 .tabAcc h3 {
		width: 785px
	}

	.about-company3 .tabAcc .barWrapper {
		display: block;
		width: 785px;
		margin: 0 auto
	}

	.about-company4 h3 {
		font-size: 20px
	}

	.about-company4 a {
		margin: 50px auto 0 auto
	}

	.company-numbers1 {
		padding: 80px 0
	}

	.company-numbers1 .lr-pdd {
		padding: 0 50px
	}

	.company-numbers1 h4 {
		font-size: 21px
	}

	.persons1 .pl {
		width: 249px
	}

	.persons1 .pl h2 {
		font-size: 26px
	}

	.persons1 .pl h3 br {
		display: none
	}

	.persons1 .pl h3 {
		font-size: 13px
	}

	.persons1 .pl a {
		font-size: 14px
	}

	.projects1 h1 {
		font-size: 39px;
		line-height: 55px
	}

	.projects1 h3 {
		font-size: 18px;
		max-width: 215px;
		margin-top: 35px
	}

	.clients1 h1 {
		font-size: 31px;
		line-height: 49px
	}

	.career1 h4 {
		font-size: 42px
	}

	.career1 .coll .coll-link {
		font-size: 24px
	}

	.career1 .coll .coll-link span {
		top: inherit
	}

	.social .content2 a {
		height: 50vh;
		max-height: 480px
	}

	.social .content2 h3 {
		font-size: 24px;
		max-width: 285px
	}

	.custom-manufacturing1 h2 {
		font-size: 41px;
		line-height: 55px
	}

	.custom-manufacturing1 h3 span {
		font-size: 45px
	}

	.custom-manufacturing1 h3 {
		line-height: 17px;
		font-size: 12px
	}

	.custom-manufacturing1 h4 {
		font-size: 13px
	}

	.custom-manufacturing1 h4 span {
		font-size: 15px
	}

	.custom-manufacturing1 a {
		margin-right: 22px;
		padding: 15px 30px;
		font-size: 14px
	}

	.dealers .content h1 {
		font-size: 39px;
		line-height: 52px
	}

	.form-block2 label {
		font-size: 21px
	}

	.contacts .col-sm-4 {
		padding-left: 15px
	}

	.contacts .col-sm-4 h3 {
		font-size: 25px
	}

	.contacts .col-sm-4 span a {
		font-size: 19px
	}

	.contacts .col-sm-4 .link-hg {
		min-height: 40px
	}

	.contacts .col-sm-4 span .link-none {
		position: absolute;
		top: 0;
		right: 40px
	}

	.contacts1 .thumbnail p span:last-child {
		font-size: 18px
	}

	.serviceSingle .col-sm-offset-2 {
		margin-left: 0
	}

	.serviceSingle h5 {
		font-size: 40px
	}

	.serviceSingle #serviceID ul {
		padding: 16px 0 16px 21px;
		margin: 0;
		background: rgba(0, 0, 0, .7)
	}

	.metallS .col2 img,
	.reshetkaS .col2 img {
		width: 95%;
		max-width: 231px;
		height: auto
	}

	.metallS #widthCalc,
	.reshetkaS #widthCalc {
		width: 95%
	}

	.single-project .slick-slide img,
	.blogItem1 .slick-slide img {
		background: none;
		width: 100%;
		height: 100%;
		max-height: 500px;
		padding: 11px;
		object-fit: contain
	}

	.loyalty-program1 .lr-pdd {
		padding: 0 20px
	}

	.blog1 .link-permalink {
		height: 287px
	}

	.blog1 .col-sm-4 {
		margin-bottom: 40px
	}

	.stalMetal .col-sm-offset-2 {
		margin-left: 5%;
		width: 100%
	}

	.stalMetal h5 {
		font-size: 47px
	}

	.stalMetal1 .content2 h3 {
		font-size: 20px;
		text-align: center
	}

	.reshetkaS .header-top img.logo,
	.metallS .header-top img.logo {
		width: 100%;
		object-fit: cover
	}

	.metallS .span-h1,
	.reshetkaS .span-h1 {
		padding-left: 5px;
		margin-bottom: 10px;
		font-size: 15px
	}

	.reshetkaS .col2,
	.metallS .col2 {
		width: 16.6666%
	}

	.metallS .span-p,
	.reshetkaS .span-p {
		padding-left: 5px;
		font-size: 13px
	}

	.metallS #widthCalc a,
	.reshetkaS #widthCalc a {
		width: 90%;
		max-width: 200px
	}

	.metallS-head .col6 h4,
	.reshetkaS-head .col6 h4 {
		padding-top: 10px;
		font-size: 27px
	}

	.metallS .link-cena {
		font-size: 13px;
		padding: 16px 30px
	}

	.metallS .link-pdf {
		font-size: 13px;
		padding: 16px 50px
	}

	.metallS .col4 img,
	.reshetkaS .col4 img {
		height: 260px
	}

	.metallS .form-blc h4 {
		margin-top: 0
	}

	.metallS .form-blc form label {
		font-size: 15px
	}

	.metallS .form-blc form label input {
		height: 45px
	}

	.reshetka1 .the-content {
		width: 50%;
		padding: 48px 0 45px 20px
	}

	.reshetka1 a {
		width: 64px
	}

	.reshetkaS .cena-big {
		width: 117px;
		font-size: 23px
	}

	.reshetkaS .link-cena {
		width: 197px;
		height: 50px;
		padding-top: 13px;
		font-size: 15px
	}

	.reshetkaS .form-blc h6 {
		width: 95%
	}
}

@media screen and (min-width:768px) and (max-width:1000px) {
	.header {
		overflow: visible
	}

	.scroll-down {
		left: 123px !important
	}

	.header .content h1 {
		line-height: 53px;
		font-size: 40px;
		padding-left: 20px
	}

	.header .content h2 {
		font-size: 13px;
		padding-left: 20px
	}

	.bl-2 a.more {
		right: 150px;
		top: 131px
	}

	.header video {
		height: 100vh
	}

	.header .col-sm-2 {
		padding-right: 0
	}

	.header .content ul li a span {
		left: -20px;
		width: 12px
	}

	.header .content ul li a {
		padding: 10px 0 10px 29px
	}

	.header .content a.video {
		position: relative;
		right: 100px;
		width: 247px;
		padding: 5px 15px 30px 99px
	}

	.header .content ul li {
		width: 100%;
		max-width: 140px
	}

	.header .header-top h1,
	.slidemenu .nav-menu-fixed h1 {
		display: none !important
	}

	.slidemenu .tpp {
		padding: 130px 30px 0 30px
	}

	.slidemenu .m1 ul li a {
		font-size: 15px
	}

	.slidemenu .m2 ul li a {
		font-size: 18px;
		margin: 14px 0
	}

	.slidemenu .m2 a.price {
		font-size: 16px;
		padding: 12px 14px 12px 74px
	}

	.slidemenu .tpp2 {
		padding: 0 59px
	}

	.slidemenu h4 {
		font-size: 12px
	}

	.blogItem1 .slick-slide img {
		max-height: 850px
	}

	.catalog-block a {
		font-size: 16px;
		padding-right: 43px
	}

	.bl-1 h1 {
		font-size: 20px
	}

	.bl-1 .hov .over img {
		width: 80%;
		max-width: 255px
	}

	.bl-1 .over {
		text-align: center
	}

	.bl-1 img.imbg {
		object-fit: cover
	}

	.bl-1 .height {
		margin-top: 200px;
		margin-bottom: 30px
	}

	.bl-2 .lr-pdd {
		padding: 0 10px
	}

	.bl-2 .col-sm-4 h3 {
		font-size: 18px
	}

	.bl-2 .col-sm-4 a {
		height: 248px
	}

	.bl-2 .col-sm-4 img.bg {
		object-fit: cover
	}

	.bl-2 h1 {
		padding-top: 30px
	}

	.bl-3 .lr-pdd {
		padding: 0 !important
	}

	.bl-3 h1 {
		font-size: 24px
	}

	.bl-4 .lr-pdd {
		padding: 0 10px
	}

	.bl-4 h1 {
		margin-top: 80px
	}

	.bl-4 video {
		height: 100vh
	}

	.bl-4 section img {
		width: 100%
	}

	.bl-4 section.slider {
		width: 500px
	}

	.bl-4 .slick-prev {
		left: -90px;
		overflow: hidden;
		width: 88px
	}

	.bl-4 .slick-next {
		right: -90px;
		overflow: hidden;
		width: 88px
	}

	.bl-4 .slick-next:before {
		position: relative;
		right: 60px
	}

	.footer .lr-pdd {
		padding: 0
	}

	.footer ul li {
		width: 155px
	}

	.footer ul li a {
		padding: 12px 0 12px 36px
	}

	.footer h1 {
		font-size: 13px
	}

	.company-home .content2 img.bg {
		object-fit: cover;
		height: 100%
	}

	.company-home .content2 h3 {
		font-size: 17px
	}

	.about-company1 h1 {
		font-size: 13px;
		position: relative;
		left: 30px
	}

	.about-company1 h1 span {
		font-size: 19px
	}

	.company-home .content2 a {
		height: 50vh
	}

	.about-company1 {
		background: url(../images/xabout-company1-bg.jpg.pagespeed.ic.stXmGDiH8I.jpg) no-repeat;
		background-size: cover;
		background-position: -363px 0
	}

	.about-company1 a {
		width: 260px;
		right: 50px;
		position: relative
	}

	.contacts .content .col-sm-12 {
		display: none
	}

	.contacts h5 {
		font-size: 46px
	}

	.contacts1 .col-sm-4 {
		padding-top: 0;
		padding-left: 15px
	}

	.contacts1 .col-sm-4 h3 {
		font-size: 17px;
		font-family: "MONTSERRAT-BOLD"
	}

	.contacts1 .col-sm-4 h6 {
		font-size: 13px;
		margin-bottom: 7px
	}

	.contacts1 .col-sm-4 span {
		font-size: 14px;
		margin-bottom: 0;
		display: block;
		font-family: "MONTSERRAT-LIGHT";
		font-size: 16px;
		color: #1c1c1c
	}

	.contacts1 .col-sm-4 span a {
		font-size: 14px;
		color: #1c1c1c;
		float: right
	}

	.contacts {
		height: auto
	}

	.contacts1 {
		padding-top: 5px;
		padding-bottom: 20px
	}

	.contacts1 span.mobile-block {
		display: block
	}

	.contacts span.mobile-none {
		display: none
	}

	.contacts1 .thumbnail .image-block {
		margin-top: 22px
	}

	.contacts1 .mobile-block {
		background: none;
		padding-bottom: 30px
	}

	.videoFon {
		height: 100vh
	}

	.about-company2 h1 {
		font-size: 33px;
		margin-top: 290px
	}

	.about-company2 h2 span {
		font-size: 43px
	}

	.about-company2 h2 {
		font-size: 15px
	}

	.about-company3 h1 {
		font-size: 36px;
		margin-top: 100px
	}

	.about-company3 .lr-pdd {
		padding: 0 10px
	}

	.about-company3 #one {
		display: none
	}

	.about-company3 .tabAcc {
		display: block
	}

	.about-company3 .barWrapper {
		width: 623px
	}

	.about-company3 h6 {
		font-size: 15px
	}

	.about-company4 h1 {
		font-size: 34px
	}

	.about-company4 h2 {
		font-size: 35px;
		margin-top: 100px
	}

	.about-company4 h3 {
		font-size: 20px
	}

	.about-company4 a {
		margin: 70px auto 0 auto
	}

	.about-company5 .lr-pdd,
	.company-numbers2 .lr-pdd {
		padding: 0 20px
	}

	.company-numbers1 {
		padding: 80px 0
	}

	.company-numbers1 h3 {
		font-size: 35px
	}

	.company-numbers1 h4 {
		font-size: 12px
	}

	.company-numbers2 a {
		padding: 94px 0
	}

	.persons1 .col-sm-6 {
		width: 100%
	}

	.projects1 .lr-pdd {
		padding: 0
	}

	.projects1 h1 {
		font-size: 40px
	}

	.projects1 h1 span {
		font-size: 19px
	}

	.projects1 .pdd1 {
		padding-left: 20px
	}

	.projects1 h2 {
		font-size: 16px;
		margin-top: 23px
	}

	.single-project .slick-slide img {
		background: none
	}

	.single-inline-block {
		width: 49%;
		vertical-align: top
	}

	.single-project .block-half,
	.single-project .block-half p {
		text-align: center
	}

	.clients1 h1 {
		font-size: 28px;
		line-height: 40px
	}

	.career h3 {
		padding-left: 20px;
		font-size: 15px
	}

	.career1 h4 {
		font-size: 33px
	}

	.career1 .coll .coll-link {
		font-size: 19px
	}

	.career1 .coll .coll-link span {
		right: 93px;
		top: 33px;
		font-size: 15px
	}

	.social .content2 h3 {
		font-size: 19px;
		max-width: 227px
	}

	.social .content2 h3 span {
		font-size: 11px
	}

	.social .content2 a {
		height: 360px
	}

	.blogItem1 .slick-slide img {
		background: none
	}

	.blogItem1 .col-sm-4 a {
		height: 221px
	}

	.blogItem1 .col-sm-4 h3 {
		font-size: 16px;
		padding-left: 0;
		max-width: 200px
	}

	.clients-home .content2 h3 {
		font-size: 16px
	}

	.loyalty-program1 .lr-pdd {
		margin: 0 14px 50px 14px
	}

	.delivery .content h3 {
		padding-left: 20px;
		font-size: 17px;
		padding-right: 35px
	}

	.quality .content h3 {
		padding-left: 20px;
		font-size: 20px;
		padding-right: 35px
	}

	.quality .content h3 br,
	.custom-manufacturing1 h2 br {
		display: none
	}

	.quality .content p {
		padding-left: 40px;
		background-position: 20px 50%
	}

	.custom-manufacturing1 h2 {
		font-size: 19px;
		line-height: 35px
	}

	.custom-manufacturing1 h3 span {
		display: block;
		float: none
	}

	.custom-manufacturing1 h3 {
		line-height: 15px;
		font-size: 12px
	}

	.custom-manufacturing1 .full-div-mob {
		width: 100%
	}

	.custom-manufacturing1 a {
		margin-bottom: 30px;
		margin-top: 20px
	}

	.maetallRoll3 {
		padding-top: 80px
	}

	.maetallRoll3 .col-sm-3 {
		height: 144px
	}

	.maetallRoll3 h2 {
		font-size: 14px;
		top: 40%;
		padding: 0 15px
	}

	.dealers .content h1 {
		margin-top: 20px;
		line-height: 40px;
		font-size: 25px;
		padding-right: 37px
	}

	.dealers .content h1 br {
		display: none
	}

	.dealers1 p {
		font-size: 15px
	}

	.form-block2 {
		padding: 35px 0
	}

	.price-lists1 h2 {
		font-size: 19px
	}

	.price-lists1 a {
		font-size: 20px;
		background-position: 85% 50%
	}

	.price-lists .content h1,
	.tender1 .content h1 {
		margin-top: 200px
	}

	.tender1 .content h2 {
		font-size: 12px
	}

	.production .col-sm-offset-2 {
		margin-left: 0
	}

	.production h5 {
		font-size: 60px
	}

	.product-bg {
		padding-bottom: 25px;
		background: url(../images/man.png.pagespeed.ce.7L1GljxQPw.png) no-repeat -121px 100%;
		background-size: 625px
	}

	.maetallRoll1-bg {
		padding-bottom: 25px;
		background: url(../images/man22.png.pagespeed.ce.uaXkRA_idd.png) no-repeat -121px 100%;
		background-size: 625px
	}

	.maetallRoll1 .block-number,
	.production1 .block-number {
		padding-left: 0
	}

	.maetallRoll1 .number,
	.production1 .number {
		width: 49%
	}

	.maetallRoll1 .number p,
	.production1 .number p {
		font-size: 31px
	}

	.maetallRoll1 .number p span,
	.production1 .number p span {
		font-size: 12px
	}

	.maetallRoll1 .projects-block span,
	.production1 .projects-block span {
		max-width: 100%;
		max-height: 37px;
		padding-left: 10px
	}

	.maetallRoll1 .projects-block:last-child,
	.production1 .projects-block:last-child {
		background: #fff
	}

	.catalog-block .catalog-1,
	.catalog-block .catalog-2,
	.catalog-block .catalog-3,
	.catalog-block .catalog-4 {
		background-size: cover
	}

	.link-bg {
		background-size: 0 !important
	}

	.stalMetal .col-sm-offset-2 {
		margin-left: 0;
		width: 100%
	}

	.stalMetal .inline-number {
		width: 24%;
		vertical-align: top
	}

	.stalMetal .inline-number p {
		font-size: 30px
	}

	.stalMetal .inline-number p span {
		font-size: 10px
	}

	.stalMetal .linkCatalog a {
		margin-top: 120px
	}

	.stalMetal1 .content2 h3 {
		font-size: 19px;
		text-align: center
	}

	.stalMetal1 .content2 a {
		height: 300px
	}

	.stalMetal1 .content2 a img {
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	.reshetka1 img {
		float: none;
		max-width: 640px;
		display: block
	}

	.reshetka1 .the-content {
		float: none;
		width: 640px;
		padding: 48px 0 45px 24px
	}

	.reshetkaS .col2 {
		display: none
	}

	.reshetkaS .col6,
	.reshetkaS1 .col-sm-offset-2 {
		margin-left: 0 !important;
		width: 100%
	}

	.reshetkaS .col4 {
		width: 50%
	}

	.reshetkaS1 p {
		width: 100%
	}

	.reshetkaS .header-top a.menu {
		margin-left: 140px
	}

	.reshetkaS-head #links-ul {
		display: none !important
	}

	.maetallRoll .col-sm-offset-2,
	.serviceSingle .col-sm-offset-2 {
		margin-left: 0
	}

	.maetallRoll h5 br {
		display: none
	}

	.maetallRoll h5 {
		font-size: 43px
	}

	.maetallRoll .link-catalog a:first-child {
		margin-top: 280px
	}

	.maetallRoll .link-catalog a:last-child {
		left: 400px
	}

	.service .tpp .col-sm-2 {
		display: none
	}

	.service h5 br {
		display: none
	}

	.service h5 {
		font-size: 50px
	}

	.service2 .content2 a {
		height: 370px
	}

	.service2 .content2 a img {
		object-fit: cover;
		width: 100%;
		height: 100%
	}

	.service2 .content2 h3 {
		font-size: 21px;
		top: 42%
	}

	.serviceSingle #serviceID {
		right: -75px
	}

	.serviceSingle #serviceID ul {
		padding: 16px 0 16px 32px;
		margin: 0;
		background: rgba(0, 0, 0, .8);
		width: 211px
	}

	.blog1 .col-sm-4 {
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px
	}

	.blog1 .link-permalink {
		height: 195px
	}

	.blog1 .col-sm-4 h3 {
		font-size: 12px
	}

	.blog1 h3 span {
		font-size: 9px
	}

	.formMetall form,
	.formService form {
		background: #fff;
		padding: 35px 15px 35px 15px
	}

	.formMetall .col-left h3,
	.formService .col-left h3 {
		font-size: 17px
	}

	.metallS .col2,
	.metallS-head #links-ul {
		display: none !important
	}

	.metallS-head .col6 h4 {
		font-size: 25px
	}

	.metallS .header-top a.menu {
		margin-left: 140px
	}

	.metallS-head .col6 h6 {
		font-size: 12px
	}

	.metallS-head .col6 h6 span {
		padding-left: 40px
	}

	.metallS-head .col6 {
		width: 100%;
		margin-left: 0 !important;
		height: auto
	}

	.metallS-head {
		height: auto
	}

	.metallS .cont {
		position: relative
	}

	.metallS .link-cena,
	.metallS .link-pdf {
		width: 280px;
		height: 60px;
		margin-bottom: 20px;
		left: 0;
		text-align: center;
		display: block;
		padding: 16px 0 0 0
	}

	.thanks-metall .header-top a.menu {
		margin-left: 140px
	}

	.thanks-metall {
		background: url(../images/qwsazx.png.pagespeed.ce.Lrg5dke_99.png) no-repeat, #f6f6f6;
		background-position: -306px 100%;
		background-size: 1019px auto;
		height: 100vh
	}

	.thanks2 #prevPage {
		padding: 25px 54px
	}

	.thanks2 .col-sm-6 a {
		padding: 25px 110px
	}

	.thanks2 p {
		right: 0
	}

	.thanks2 .col-sm-6 a:after {
		left: -18px;
		top: 21px;
		width: 47px;
		background: url(../images/lnkA.png.pagespeed.ce.4jiwydV-4h.png) no-repeat 50%;
		background-size: 100%
	}

	.thanks2 {
		padding-top: 100px;
		padding-bottom: 150px;
		height: auto
	}

	.thanks {
		background: url(../images/ee44r.png.pagespeed.ce.pDwlqjeWGb.png) no-repeat, #f6f6f6;
		background-position: -361px 100%;
		background-size: 987px auto;
		height: 100vh
	}

	.thanks .header-top a.menu {
		margin-left: 140px
	}

	.slidemenu .col-sm-2 a.mobile-block {
		display: none
	}

	.peopli {
		height: 464px;
		background: #000 !important
	}

	.bl-2 .col-sm-4 .pss-abs-hover,
	.company-home .content2 .pss-abs-hover,
	.social .content2 .pss-abs-hover,
	.blogItem1 .col-sm-4 .pss-abs-hover,
	.bl-1 .over,
	.blogItem .content .block-links,
	.blog1 .pss-abs-hover,
	.stalMetal1 .content2 .pss-abs-hover {
		display: none
	}

	.blog-center-block-slider .slick-prev,
	.blog-center-block-slider .slick-next {
		background: none
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
		height: 370px;
	}

	.logo1 {
		max-width: 220px;
		margin-left: 30px;
	}

	.mobile-none,
	.header .tpp .col-sm-2,
	.header .tpp .col-sm-9 {
		display: none
	}

	.blog-center-block-slider .slick-prev,
	.blog-center-block-slider .slick-next {
		background: none
	}

	.header .content h2 {
		color: #fff;
		font-family: "MONTSERRAT-BOLD";
		font-size: 30px !important;
		margin-top: 90px
	}

	.mobile-block {
		display: block;
		background: #322015
	}

	.slidemenu .nav-menu-fixed a.menu {
		display: inline-block;
		margin-top: 0;
		font-size: 13px
	}

	.slidemenu .tpp {
		padding: 80px 10px 0 10px
	}

	.slidemenu .m1 a.company,
	.slidemenu .m1 a.clients_lnk {
		font-size: 14px;
		margin-bottom: 10px
	}

	.slidemenu .m2 ul li a {
		font-size: 9px;
		margin: 0 0 10px 0
	}

	.slidemenu .m1 ul li a {
		font-size: 10px;
		margin: 5px 0
	}

	.slidemenu .m2 ul {
		padding: 10px 0 0 0
	}

	.slidemenu .m2 a.tender {
		font-size: 8px;
		margin-top: 25px
	}

	.slidemenu .col-xs-4 {
		padding-left: 10px;
		padding-right: 5px
	}

	.slidemenu .m2 a.price {
		padding: 8px 8px 8px 33px;
		background-size: 25px;
		font-size: 9px
	}

	.footer {
		height: auto;
		z-index: 1
	}

	.header {
		overflow: visible
	}

	.header .header-top a.menu,
	.header .header-top a.menu:hover,
	.header .header-top a.menu:active {
		display: initial !important;
		padding: 4px 21px;
		color: #fff;
		background-color: transparent;
		background: url(../images/burger.svg) no-repeat;
		background-size: 30px 20px;
		background-position: 50%
	}

	.header .header-top a.menu.open {
		background: url(../images/cancel.svg) no-repeat;
		background-position: 50%;
		background-size: 30px 20px;
		position: relative
	}

	.header .header-top a.menu.open::after {
		content: 'МЕНЮ';
		position: absolute;
		right: -85px;
		top: 2px
	}

	.header .header-top img.logo,
	.nav-menu-fixed a img {
		height: 50px
	}

	.header .header-top a.hidd {
		display: none;
		left: 155px;
		height: 0
	}

	.header .header-top a.hidd.open {
		display: none
	}

	.header .header-top .bg {
		width: 57px;
		height: 50px;
		margin-left: 0;
		padding-top: 15px;
		padding-left: 13px
	}

	.header .content a.price {
		font-size: 12px;
		position: absolute;
		width: 130px;
		height: 39px;
		right: -45px
	}

	.header .content a.purchase {
		font-size: 12px;
		position: absolute;
		width: 130px;
		height: 39px;
		right: -45px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff
	}

	.header .content h1 {
		line-height: 36px;
		font-size: 23px;
		margin-top: 75px;
		padding-right: 20px
	}

	.header .content .h_header {
		line-height: 36px;
		font-size: 23px;
		margin-top: 75px;
		padding-right: 20px
	}

	.header video {
		height: 100vh
	}

	.bl-1,
	.bl-2,
	.bl-3 {
		height: auto
	}

	.bl-1 img.imbg {
		width: 100%;
		height: 100%;
		object-fit: cover
	}

	.bl-1 .abs1,
	.bl-1 .abs2,
	.bl-1 .abs3 {
		height: 225px
	}

	.bl-1 img.icon {
		margin: 35px auto 0 auto
	}

	.bl-1 .height {
		margin-bottom: 0
	}

	.bl-1 h1 {
		font-size: 22px;
		margin-top: 4px
	}

	.h_cange1 {
		font-size: 22px;
		margin-top: 4px
	}

	.bl-1 .over img {
		width: 210px
	}

	.bl-1 .hov:hover .over {
		opacity: 1;
		top: -40px
	}

	.bl-2 .lr-pdd,
	.bl-3 .lr-pdd,
	.bl-4 .lr-pdd,
	.footer .lr-pdd,
	.footer .lr-pdd2 {
		padding: 0 !important
	}

	.bl-2 h1 {
		margin-top: 0;
		font-size: 34px;
		padding-left: 15px;
		margin-bottom: 20px
	}

	.h_cange2 {
		margin-top: 0;
		font-size: 34px;
		padding-left: 15px;
		margin-bottom: 20px
	}

	.bl-2 .col-sm-4 {
		margin-bottom: 40px
	}

	.bl-2 {
		padding-top: 50px;
		padding-bottom: 0
	}

	.bl-2 .col-sm-4 a {
		height: 270px
	}

	.bl-2 .col-sm-4 h3 {
		font-size: 20px
	}

	.bl-2 .col-sm-4 h3 span {
		font-size: 15px
	}

	.bl-3 h1 span {
		font-size: 45px;
		line-height: inherit;
		float: none;
		display: block;
		margin: 0 0 10px 0
	}

	.bl-3 .h_cange3 span {
		font-size: 45px;
		line-height: inherit;
		float: none;
		display: block;
		margin: 0 0 10px 0
	}

	.bl-3 h1 {
		font-size: 15px;
		line-height: 20px
	}

	.h_cange3 {
		font-size: 15px;
		line-height: 20px
	}

	.bl-3 {
		padding-bottom: 0;
		padding-top: 30px
	}

	.bl-4 h1 {
		line-height: 21px;
		font-size: 13px;
		margin-top: 10px;
		padding-right: 20px
	}

	.bl-4 .h_cange4 {
		line-height: 21px;
		font-size: 13px;
		margin-top: 10px;
		padding-right: 20px
	}

	.bl-4 {
		height: 300px
	}

	.bl-4 video {
		width: auto;
		height: auto
	}

	.bl-4 .slick-slide {
		margin-top: 0
	}

	.bl-4 section img {
		width: 161px
	}

	.bl-4 .slick-prev,
	.bl-4 .slick-next,
	.bl-4 .slick-prev:before,
	.bl-4 .slick-next:before {
		display: none
	}

	.slick-dots li.slick-active button:before {
		opacity: 1;
		color: #322015;
		background: #322015
	}

	.slick-dots li button:before {
		background: #fff;
		opacity: .2;
		color: #fff;
		width: 10px;
		height: 10px;
		content: " "
	}

	.slick-dots li {
		width: 8px;
		height: 10px
	}

	.footer .tpp {
		margin-top: 50px
	}

	.footer .tpp .col-sm-6>.col-sm-6 {
		width: 49%;
		display: inline-block;
		vertical-align: top
	}

	.footer ul li a {
		font-size: 12px;
		padding: 5px 0 5px 18px
	}

	.footer ul li a span {
		width: 11px;
		left: -17px
	}

	.footer hr {
		margin-top: 5px;
		margin-bottom: 5px
	}

	.footer h1 {
		font-size: 10px;
		line-height: 16px;
		padding: 8px 0 8px 33px;
		background: url(../images/address.png.pagespeed.ce.J-1GYVG_r5.png) no-repeat;
		background-position: 0% 50%;
		background-size: 22px
	}

	.footer .h_footer {
		font-size: 10px;
		line-height: 16px;
		padding: 8px 0 8px 33px;
		background: url(../images/address.png.pagespeed.ce.J-1GYVG_r5.png) no-repeat;
		background-position: 0% 50%;
		background-size: 22px
	}

	.footer h2 {
		font-size: 13px;
		margin-top: 5px;
		padding: 8px 0 8px 33px;
		background: url(../images/xphone.png.pagespeed.ic.iuRnOHm1eC.png) no-repeat;
		background-position: 0% 50%;
		background-size: 22px
	}

	.footer h3 {
		font-size: 13px;
		margin-top: 5px;
		padding: 8px 0 8px 33px;
		background: url(../images/mail.png.pagespeed.ce.WOwj5uIDeB.png) no-repeat;
		background-position: 0% 50%;
		background-size: 22px
	}

	.footer .bottom {
		position: relative
	}

	.footer h4 {
		text-align: center;
		padding: 20px 0 0 0;
		font-size: 13px
	}

	.footer h5 {
		text-align: center;
		font-size: 13px;
		padding: 0 0 20px 0
	}

	.header .content2 {
		margin-top: 50px
	}

	.company-home {
		height: auto !important
	}

	.company-home .content2 h3 {
		font-size: 15px
	}

	.company-home .content2 a {
		height: 150px
	}

	.header .content .scroll-down {
		position: absolute;
		width: 60px;
		height: 120px;
		top: calc(100vh - 195px);
		right: inherit !important;
		margin-top: 0
	}

	.header .content .scroll-down span {
		left: inherit;
		right: 0;
		top: 30px;
		width: 89px
	}

	.header .content .scroll-down i {
		right: inherit;
		left: 0;
		bottom: 0;
		height: 120px
	}

	.about-company1 {
		height: auto;
		background: #d7dadf
	}

	.about-company1 .col-sm-5 {
		display: none
	}

	.about-company1 p {
		font-size: 15px;
		margin-top: 20px
	}

	.about-company1 p br {
		display: none
	}

	.about-company1 h1 {
		display: none
	}

	.about-company1 h1 span {
		font-size: 19px
	}

	.about-company1 a {
		margin-top: 40px
	}

	.videoFon {
		width: auto;
		height: auto
	}

	.about-company2 h1 {
		font-size: 20px;
		margin-top: 50px;
		margin-bottom: 80px
	}

	.about-company2 h2 span {
		font-size: 35px;
		display: block;
		margin-bottom: 20px
	}

	.about-company2 h2 {
		font-size: 10px;
		line-height: 15px
	}

	.about-company2 h2 br {
		display: none
	}

	.about-company2 .col-xs-6 {
		height: 90px;
		margin-bottom: 20px
	}

	.about-company3 .lr-pdd {
		padding: 0 10px
	}

	.about-company3 #one {
		display: none
	}

	.about-company3 .tabAcc {
		display: block
	}

	.about-company3 .barWrapper {
		padding: 0 10px
	}

	.about-company3 h6 {
		display: block;
		width: 100%
	}

	.about-company3 .barBl {
		display: block;
		width: 100%;
		padding: 20px 0 20px 0;
		border-left: 0
	}

	.about-company3 h1 {
		font-size: 28px
	}

	.about-company3 {
		height: auto;
		padding-top: 40px
	}

	.about-company3 .tabAcc h3 {
		width: 300px
	}

	.about-company4 {
		height: auto;
		max-height: 500px
	}

	.about-company4 h1 {
		font-size: 30px;
		margin-top: 20px
	}

	.about-company4 .lr-pdd {
		padding: 0 15px
	}

	.about-company4 h2 {
		font-size: 17px;
		margin-top: 20px
	}

	.about-company4 h3 {
		font-size: 15px
	}

	.about-company4 h4 {
		font-size: 27px;
		text-align: center;
		margin-top: 20px
	}

	.about-company4 a {
		margin: 0 auto;
		font-size: 16px
	}

	.about-company4 a img {
		top: 13px
	}

	.about-company4 h5 {
		font-size: 13px;
		margin-bottom: 30px;
		text-align: center
	}

	.about-company5,
	.company-numbers2 {
		padding-top: 20px
	}

	.about-company5 a,
	.company-numbers2 a {
		padding: 0 0 20px 0
	}

	.about-company5 .lr-pdd,
	.company-numbers1 .lr-pdd,
	.company-numbers2 .lr-pdd,
	.projects1 .lr-pdd {
		padding: 0
	}

	.company-numbers1 {
		padding: 10px 0
	}

	.company-numbers1 .brd {
		padding-left: 9px
	}

	.company-numbers1 h3 {
		font-size: 31px
	}

	.company-numbers1 h4 {
		font-size: 15px;
		margin-top: 3px
	}

	.company-numbers1 .col-sm-6 {
		margin: 20px 0
	}

	.persons1 .pl {
		width: 177px
	}

	.persons1 .pl h2 {
		font-size: 16px
	}

	.persons1 .pl h2 br,
	.peopli .pop-col h2 br {
		display: none
	}

	.peopli .pop-col h2 {
		font-size: 12px
	}

	.persons1 .pl h3 {
		font-size: 11px;
		margin-top: -75px
	}

	.smr {
		display: none;
	}

	.peopli .pop-col h3 {
		font-size: 7px;
		margin-top: 0;
		margin-bottom: 10px
	}

	.peopli .pop-col h6 {
		font-size: 10px
	}

	.peopli .pop-col {
		padding-right: 10px
	}



	.link-hvr-show {
		width: 170px !important;
		font-size: 13px !important
	}

	.persons1 .link-hvr {
		bottom: 10px;
		right: 20px;
		width: 170px !important;
		font-size: 13px !important
	}

	.projects1 {
		padding-top: 20px
	}

	.projects1 h1 {
		font-size: 17px;
		line-height: 29px
	}

	.projects1 h1 span {
		font-size: 15px;
		line-height: 19px
	}

	.projects1 .pdd1 {
		padding-left: 0
	}

	.projects1 h2 {
		padding-left: 10px;
		margin-top: 20px
	}

	.projects1 h3 {
		padding-left: 10px;
		margin-top: 30px
	}

	.projects1 img.arrow {
		width: 50px;
		position: inherit;
		right: inherit;
		display: block;
		margin: 30px auto
	}

	.single-project_block {
		padding-top: 0
	}

	.single-project_block .center-sm img {
		top: -15;
		width: 130px
	}

	.single-project_block h3 {
		font-size: 22px;
		margin-bottom: 10px
	}

	.single-project_block p {
		margin-bottom: 0;
		font-size: 15px
	}

	.single-project_block .col-sm-12 {
		padding-bottom: 30px
	}

	.single-project .slick-slide img {
		background: none;
		padding: 0;
		object-fit: cover;
		height: 160px
	}

	.single-project .slick-next,
	.single-project .slick-prev {
		display: none !important
	}

	.single-project .block-half {
		padding-top: 30px;
		padding-bottom: 50px
	}

	.single-project .block-half div {
		display: block;
		width: 100%;
		text-align: center
	}

	.single-project .block-half p {
		font-size: 20px;
		margin-bottom: 40px
	}

	.single-project .block-half div img {
		width: 100%;
		max-width: 300px
	}

	.single-inline-block {
		width: 49%;
		vertical-align: top;
		height: auto;
		min-height: 120px
	}

	.single-inline-block .col-sm-7 {
		position: absolute;
		top: 0
	}

	.single-inline-block .col-sm-5 {
		position: absolute;
		bottom: 0
	}

	.single-inline-block .col-sm-7 p {
		font-size: 13px
	}

	.clients1 {
		padding-top: 20px
	}

	.clients1 h1 {
		font-size: 16px;
		line-height: inherit
	}

	.clients1 .imgCCC {
		background: #eee
	}

	.clients1 .imgFFF {
		background: #f6f6f6
	}

	.career h3 {
		font-size: 18px
	}

	.career1 {
		padding: 40px 0 0 0
	}

	.career1 h2 {
		line-height: 23px;
		font-size: 16px
	}

	.career1 h4 {
		font-size: 21px;
		margin-bottom: 40px;
		margin-top: 40px
	}

	.career1 h4 br {
		display: none
	}

	.career1 .career1-fon {
		padding: 30px 0;
		margin-top: 20px
	}

	.career1 .coll .coll-link {
		font-size: 12px;
		padding: 17px 41px 17px 15px;
		background-size: 25px
	}

	.career1 .coll .coll-link span {
		display: none
	}

	.career1 .cont {
		font-size: 10px
	}

	.career1-fon .cont a {
		margin-top: 20px;
		display: block;
		width: 200px;
		height: 45px;
		padding: 10px 0 0 0;
		text-align: center;
		font-size: 19px;
		float: none
	}

	.social .content2 a {
		height: 240px
	}

	.formPopup form {
		padding: 29px
	}

	.social .content2 h3 {
		font-size: 18px;
		width: 298px
	}

	.social .content2 a:hover .pss-abs-hover {
		bottom: 25px
	}

	.social .content2 img.ok {
		width: 165px
	}

	.social .content2 h3 span {
		font-size: 13px
	}

	.blogItem h5 {
		font-size: 26px;
		margin-top: 53px
	}

	.blogItem h6 {
		font-size: 15px
	}

	.blogItem1 .blog-center-block {
		margin: 40px auto
	}

	.blogItem1 h4 {
		font-size: 22px;
		padding: 20px 0
	}

	.blogItem1 .slick-slide img {
		background: none;
		height: 300px;
		width: 100%
	}

	.blogItem1 .col-sm-4 a {
		height: 268px
	}

	.blogItem1 .col-sm-4 {
		margin-bottom: 40px
	}

	.clients-home .content2 h3 {
		font-size: 14px;
		text-align: center
	}

	.clients-home .content2 a {
		height: 116px
	}

	.delivery .content h3 {
		font-size: 16px
	}

	.quality .content h3 {
		font-size: 16px;
		padding-right: 20px;
		margin-bottom: 20px
	}

	.quality .vf {
		display: none
	}

	.quality .content p {
		font-size: 10px;
		padding-right: 15px
	}

	.company-numbers2 a p span {
		font-size: 18px
	}

	.custom-manufacturing .content h2 {
		font-size: 11px
	}

	.custom-manufacturing .content a.manufacturing {
		display: none
	}

	.custom-manufacturing1 h2 {
		font-size: 21px;
		line-height: 25px;
		margin-top: 40px
	}

	.custom-manufacturing1 {
		background: #d1d4da
	}

	.custom-manufacturing1 h3 {
		margin-bottom: 20px
	}

	.custom-manufacturing1 h4 {
		display: none
	}

	.custom-manufacturing1 a {
		margin: 0 auto 30px auto;
		width: 249px
	}

	.custom-manufacturing2 {
		padding-top: 10px
	}

	.custom-manufacturing2 h1 {
		font-size: 31px
	}

	.custom-manufacturing2 h2 {
		font-size: 19px
	}

	.form-block {
		width: 100%;
		padding: 35px 0
	}

	.form-block label {
		font-size: 18px;
		margin: 30px 0 0 0
	}

	.form-block ::-webkit-input-placeholder {
		font-size: 9px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.form-block ::-moz-input-placeholder {
		font-size: 9px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.form-block ::-ms-input-placeholder {
		font-size: 9px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.link-1,
	.link-2 {
		height: 50px;
		width: 250px
	}

	.maetallRoll3 .col-sm-3 {
		height: 180px
	}

	.maetallRoll3 h2 {
		font-size: 12px;
		top: 40%
	}

	.purchase3 {
		padding-top: 10px
	}

	.purchase3 h1 {
		font-size: 24px
	}

	.form-block2 {
		width: 100%;
		padding: 35px 0
	}

	.form-block2 label {
		font-size: 19px;
		margin: 10px 0 0 0
	}

	.dealers .content h2 {
		font-size: 19px
	}

	.dealers .content h1 {
		line-height: 22px;
		font-size: 20px;
		margin-top: 15px;
		padding-right: 20px
	}

	.dealers1,
	.dealers2 {
		padding-top: 10px
	}

	.dealers1 h2 {
		font-size: 25px;
		margin: 35px 0
	}

	.dealers1 p {
		line-height: 21px;
		font-size: 15px
	}

	.dealers2 h1 {
		font-size: 31px
	}

	.tender1 .content h2 {
		padding-right: 20px;
		font-size: 14px
	}

	.tender2 .bg {
		background: #f6f6f6;
		padding: 20px 0 30px 0
	}

	.production h5 span {
		font-size: 19px
	}

	.production h5 {
		font-size: 25px;
		margin-top: 20px;
		line-height: 27px;
		padding-right: 20px
	}

	.production .link-catalog a {
		width: 230px;
		margin: 114px auto 0 auto
	}

	.production .vf {
		display: none
	}

	.production1 {
		padding-top: 0
	}

	.production1 .block-number {
		padding-top: 24px;
		padding-left: 0;
		padding-right: 0
	}

	.production1 .number {
		width: 100%;
		padding-left: 45%;
		margin-bottom: 20px
	}

	.production1 .number p {
		line-height: 19px;
		font-size: 24px
	}

	.production1 .number p span {
		font-size: 11px
	}

	.product-bg {
		padding-bottom: 0;
		background: url(../images/man.png.pagespeed.ce.7L1GljxQPw.png) no-repeat -200px 100%;
		background-size: 457px
	}

	.production1 .name-man p {
		font-size: 17px;
		color: #fff;
		padding-left: 10px;
		margin-bottom: 0;
		background: url(../images/206ww.png.pagespeed.ce.CLBmse6-tf.png) no-repeat 50%;
		background-size: cover
	}

	.production1 .name-man p span {
		font-size: 11px
	}

	.production1 .projects-block {
		width: 100%
	}

	.production1 .projects-block:first-child,
	.production1 .projects-block:last-child {
		min-height: 50px;
		height: 50px !important
	}

	.catalog-block {
		padding-top: 30px
	}

	.catalog-block h4 {
		font-size: 40px;
		text-align: center;
		padding-bottom: 30px
	}

	.catalog-block a {
		font-size: 14px;
		padding-bottom: 30px;
		padding-top: 30px;
		background-size: 0 !important
	}

	.stalMetal .content .block-links,
	.reshetka .content .block-links {
		display: none
	}

	.stalMetal h5 br {
		display: none
	}

	.stalMetal h5 {
		font-size: 19px;
		padding-right: 15px;
		margin-bottom: 20px
	}

	.stalMetal .inline-number {
		width: 100%;
		display: block
	}

	.stalMetal .vf {
		display: none
	}

	.stalMetal .inline-number p {
		font-size: 21px;
		line-height: 19px
	}

	.stalMetal .inline-number p span {
		font-size: 12px
	}

	.stalMetal .linkCatalog a {
		width: 250px;
		margin: 20px auto;
		padding-top: 13px;
		height: 53px
	}

	.stalMetal .linkCatalog a:before {
		width: 60px;
		right: -24px;
		top: 17px;
		background-size: 100%
	}

	.stalMetal1 .content2 a {
		height: 200px
	}

	.stalMetal1 .content2 h3 {
		font-size: 20px
	}

	.reshetka h5 {
		font-size: 36px;
		padding-right: 15px
	}

	.reshetka1 {
		padding-top: 25px;
		padding-bottom: 35px
	}

	.reshetka1 img {
		float: none;
		width: 100%;
		max-width: 473px;
		object-fit: cover
	}

	.reshetka1 a {
		width: 100%;
		height: 100%;
		background: none
	}

	.reshetka1 .the-content {
		float: none;
		width: 100%;
		padding: 20px 0 10px 15px
	}

	.reshetka1 .the-content h5 {
		width: 100%;
		font-size: 17px
	}

	.reshetka1 .the-content h6 {
		font-size: 30px;
		padding-top: 7px
	}

	.reshetka1 .col-sm-12:hover a {
		background: none
	}

	.reshetkaS .col2 {
		display: none
	}

	.reshetkaS .colleft,
	.reshetkaS .col4 {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 5px auto
	}

	.reshetkaS .col6 .mobile-block {
		background: none
	}

	.reshetkaS-head .col6 h4 {
		font-size: 29px;
		padding-top: 0
	}

	.reshetkaS-head .col6 {
		padding-top: 33px
	}

	.reshetkaS .col4 img {
		width: 100%;
		max-width: 400px;
		height: auto;
		object-fit: cover
	}

	.reshetkaS .link-cena {
		margin: 10px auto 5px auto
	}

	.reshetkaS .cena-big {
		display: block;
		margin: 10px auto
	}

	.reshetkaS .form-blc h6 {
		font-size: 14px;
		width: 100%;
		max-width: 100%;
		line-height: 18px
	}

	.reshetkaS1 h3 {
		font-size: 31px;
		text-align: center
	}

	.reshetkaS1 p {
		width: 100%;
		text-align: center
	}

	.formMetall .col-left,
	.formService .col-left {
		display: none
	}

	.formMetall .col-right,
	.formService .col-right {
		width: 100%
	}

	.formMetall form,
	.formService form {
		padding: 20px 0
	}

	.formMetall form h5,
	.formService form h5 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 40px
	}

	.formMetall form input[type="text"],
	.formMetall form input[type="tel"],
	.formMetall form input[type="email"],
	.formService form input[type="text"],
	.formService form input[type="tel"],
	.formService form input[type="email"] {
		padding-bottom: 10px;
		font-size: 16px;
		width: 93%;
		margin: 10px auto;
		display: block
	}

	.formMetall form input[type="submit"],
	.formService form input[type="submit"] {
		width: 280px;
		margin: 10px auto
	}

	.formMetall ::-webkit-input-placeholder,
	.formService ::-webkit-input-placeholder {
		font-size: 15px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.formMetall ::-moz-input-placeholder,
	.formService ::-moz-input-placeholder {
		font-size: 15px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.formMetall ::-ms-input-placeholder,
	.formService ::-ms-input-placeholder {
		font-size: 15px;
		color: rgba(000, 000, 000, .5);
		font-family: "MONTSERRAT-LIGHT"
	}

	.thanks {
		background: url(../images/ee44r.png.pagespeed.ce.pDwlqjeWGb.png) no-repeat, #f6f6f6;
		background-position: -156px 100%;
		background-size: 450px auto;
		height: 100vh
	}

	.thanks h4 {
		padding-left: 43%;
		padding-top: 70px;
		font-size: 25px
	}

	.thanks .col-sm-offset-6 {
		height: 100vh
	}

	.thanks h5 {
		padding-left: 43%;
		padding-top: 5px;
		font-size: 11px
	}

	.thanks h6 span {
		font-size: 14px
	}

	.thanks h6 {
		bottom: 0;
		left: 0;
		width: 100%;
		padding-left: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		font-size: 22px;
		background: url(../images/206ww.png.pagespeed.ce.CLBmse6-tf.png) no-repeat;
		background-size: cover
	}

	.thanks2 {
		height: auto;
		padding-top: 20px;
		padding-bottom: 50px;
		z-index: inherit
	}

	.thanks2 h3 {
		font-size: 15px
	}

	.thanks2 .col-sm-12 a {
		font-size: 20px
	}

	.thanks2 .col-sm-12 {
		padding-bottom: 0
	}

	.thanks2 p {
		right: 0;
		padding-bottom: 15px;
		margin-top: 50px
	}

	.thanks2 .col-sm-6 a {
		padding: 15px 76px;
		left: 35px
	}

	.thanks2 #prevPage {
		padding: 15px 25px
	}

	.thanks2 .col-sm-6 a:after {
		top: 12px;
		width: 60px;
		height: 30px;
		background-size: 100%
	}

	.maetallRoll h5 span {
		font-size: 19px
	}

	.maetallRoll h5 {
		font-size: 25px;
		margin-top: 20px;
		line-height: 27px;
		padding-right: 20px
	}

	.maetallRoll .vf,
	.maetallRoll .content .link-title,
	.maetallRoll .link-catalog a:last-child {
		display: none
	}

	.maetallRoll .link-catalog a:first-child {
		width: 262px;
		margin-top: 120px
	}

	.maetallRoll1 {
		padding-top: 0
	}

	.maetallRoll1 .block-number {
		padding-top: 24px;
		padding-left: 0;
		padding-right: 0;
		height: 100%
	}

	.maetallRoll1 .number:first-child,
	.maetallRoll1 .number:nth-child(2) {
		width: 49%
	}

	.maetallRoll1 .number:nth-child(4),
	.maetallRoll1 .number:nth-child(3) {
		width: 100%;
		padding-left: 50%
	}

	.maetallRoll1 .number {
		margin-bottom: 20px
	}

	.maetallRoll1 .block-number .name-man {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%
	}

	.maetallRoll1 .number p {
		line-height: 19px;
		font-size: 24px;
		padding-left: 15px
	}

	.maetallRoll1 .number p span {
		font-size: 11px
	}

	.maetallRoll1-bg {
		height: 530px;
		padding-bottom: 0;
		background: url(../images/man22.png.pagespeed.ce.uaXkRA_idd.png) no-repeat -169px 100%;
		background-size: 551px
	}

	.maetallRoll1-bg .container,
	.maetallRoll1-bg .row {
		height: 100%
	}

	.maetallRoll1 .name-man p {
		font-size: 17px;
		color: #fff;
		padding-left: 10px;
		margin-bottom: 0;
		background: url(../images/206ww.png.pagespeed.ce.CLBmse6-tf.png) no-repeat 50%;
		background-size: cover;
		padding-bottom: 10px
	}

	.maetallRoll1 .name-man p span {
		font-size: 11px
	}

	.maetallRoll1 .projects-block {
		width: 100%
	}

	.maetallRoll1 .projects-block:first-child,
	.maetallRoll1 .projects-block:last-child {
		min-height: 50px;
		height: 50px !important
	}

	.metallS .col2,
	.metallS .link-pdf {
		display: none
	}

	.metallS .col6 .mobile-block {
		background: none
	}

	.metallS-head .col6 .txt-height,
	.metallS .col4 {
		display: block;
		width: 100%
	}

	.metallS-head,
	.metallS-head .col6 {
		height: auto
	}

	.metallS .cont {
		position: relative
	}

	.metallS-head .col6 h4 {
		font-size: 26px;
		padding-top: 0
	}

	.metallS-head .col6 h6 {
		font-size: 12px
	}

	.metallS-head .col6 .txt-height {
		min-height: auto
	}

	.metallS .col4 img {
		width: 100%;
		max-width: 400px;
		height: auto
	}

	.metallS .form-blc {
		padding: 20px 10px;
		background: #eee;
		margin-top: 30px
	}

	.metallS .form-blc form label {
		width: 49%;
		display: inline-block;
		font-size: 16px;
		margin-right: 0
	}

	.metallS .form-blc form {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto
	}

	.metallS .form-blc form label input {
		width: 88%
	}

	.metallS .form-blc form input[type="submit"] {
		width: 100%
	}

	.metallS1 h3 {
		font-size: 30px;
		text-align: center;
		padding-top: 0;
		margin-top: 0
	}

	.metallS1 p {
		font-size: 14px
	}

	.reshetka h5 {
		font-size: 36px;
		padding-right: 15px
	}

	.reshetka1 {
		padding-top: 25px;
		padding-bottom: 35px
	}

	.reshetka1 img {
		padding-right: 70px;
		float: none;
		width: 100%;
		max-width: 473px;
		object-fit: cover
	}

	.reshetka1 a {
		width: 100%;
		height: 100%;
		background: none
	}

	.reshetka1 i {
		width: 70px;
		z-index: 5
	}

	.reshetka1 .the-content {
		float: none;
		width: 100%;
		padding: 20px 70px 10px 15px
	}

	.reshetka1 .the-content h5 {
		width: 100%;
		font-size: 15px
	}

	.reshetka1 .the-content p {
		width: 100%;
		font-size: 13px;
		max-height: inherit
	}

	.reshetka1 .the-content h6 {
		font-size: 30px;
		padding-top: 7px
	}

	.reshetka1 .col-sm-12:hover a {
		background: none
	}

	.reshetkaS .col2 {
		display: none
	}

	.reshetkaS .colleft,
	.reshetkaS .col4 {
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 5px auto
	}

	.reshetkaS .col6 .mobile-block {
		background: none
	}

	.reshetkaS-head .col6 h4 {
		font-size: 16px;
		padding-top: 0
	}

	.reshetkaS-head .col6 button {
		width: 50px;
		height: 50px;
		border: none;
		margin-right: 19px
	}

	.reshetkaS-head .col6 h5 {
		padding-top: 0
	}

	.reshetkaS-head .col6 {
		padding-top: 33px
	}

	.reshetkaS .col4 img {
		width: 100%;
		max-width: 400px;
		height: auto;
		object-fit: cover
	}

	.reshetkaS .link-cena {
		margin: 10px auto 5px auto
	}

	.reshetkaS .cena-big {
		display: block;
		margin: 10px auto
	}

	.reshetkaS .form-blc h6 {
		font-size: 14px;
		width: 100%;
		max-width: 100%;
		line-height: 18px
	}

	.reshetkaS1 h3 {
		font-size: 31px;
		text-align: center
	}

	.reshetkaS1 p {
		width: 100%;
		text-align: center
	}

	.service h5 br {
		display: none
	}

	.service h5 {
		font-size: 21px;
		padding-right: 20px
	}

	.service h5 span {
		font-size: 15px;
		display: block
	}

	.service .vf {
		display: none
	}

	.service .link-catalog a {
		width: 240px;
		margin: 140px auto
	}

	.service2 .content2 h3 {
		font-size: 10px
	}

	.service2 .content2 a {
		height: 100px
	}

	.service2 .content2 a img {
		object-fit: cover;
		width: 100%;
		height: inherit
	}

	.service2 .content2 .pss-abs-hover {
		display: none !important
	}

	.serviceSingle .content .block-links,
	.serviceSingle .vf {
		display: none
	}

	.serviceSingle h5 {
		font-size: 23px;
		padding-right: 15px
	}

	.serviceSingle span {
		font-size: 10px;
		padding-right: 15px
	}

	.serviceSingle .link-catalog a {
		padding-top: 11px;
		width: 260px;
		height: 45px;
		margin: 18px auto 0 auto
	}

	.blog .content .block-links {
		display: none
	}

	.blog h5 {
		font-size: 32px
	}

	.blog1 .col-sm-4 {
		margin-bottom: 30px;
		padding: 0
	}

	.blog1 .link-permalink {
		height: 158px
	}

	.blog1 .post-container {
		padding: 0
	}

	#moreCategories .clickChild {
		padding-left: 15px
	}

	#moreCategories h2 {
		width: 100%;
		font-size: 15px;
		border-bottom: 0;
		text-decoration: underline
	}

	.blog1 .col-sm-4 h3 {
		font-size: 15px
	}

	.footer ul li a.active span {
		width: 17px;
		left: -23px;
		color: #fff
	}

	.thanks-metall {
		background: url(../images/qwsazx.png.pagespeed.ce.Lrg5dke_99.png) no-repeat, #f6f6f6;
		background-position: -116px 100%;
		background-size: 450px auto;
		height: 100vh
	}

	.thanks-metall h4 {
		padding-left: 43%;
		padding-top: 70px;
		font-size: 25px
	}

	.thanks-metall .col-sm-offset-6 {
		height: 100vh
	}

	.thanks-metall h5 {
		padding-left: 43%;
		padding-top: 5px;
		font-size: 11px
	}

	.thanks-metall h6 span {
		font-size: 14px
	}

	.thanks-metall h6 {
		bottom: 0;
		left: 0;
		width: 100%;
		padding-left: 15px;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		font-size: 22px;
		background: url(../images/206ww.png.pagespeed.ce.CLBmse6-tf.png) no-repeat;
		background-size: cover
	}

	.error h3 {
		padding-top: 51px;
		font-size: 38px
	}

	.error a.price,
	.error .vf,
	.error a.purchase {
		display: none
	}

	.error .link-pages {
		font-size: 13px
	}

	.error .link-back {
		padding-top: 13px;
		height: 50px;
		width: 285px;
		margin: 40px auto 0 auto;
		background: url(../images/linkPg.png.pagespeed.ce.sKZr9S7Gov.png) no-repeat 9px 50%, #322015
	}

	.error p {
		margin: 20px 0
	}

	.loyalty-program1 {
		padding: 50px 0
	}

	.loyalty-program1 .lr-pdd {
		margin: 0
	}

	.loyalty-program1 h2 {
		font-size: 10px;
		margin-left: 15px;
		margin-top: 20px;
		padding-right: 10px
	}

	.loyalty-program1 .pl img {
		width: 29px;
		padding: 5px
	}

	.faq1 {
		padding: 10px 0
	}

	.faq1 .coll a {
		padding: 20px 15px
	}

	.faq1 .cont {
		font-size: 14px;
		line-height: 19px
	}

	.mod-up {
		padding: 20px
	}

	.modal-up {
		width: 100%
	}

	.mod-up h5 span {
		font-size: 14px
	}

	.mod-up h5 {
		font-size: 12px
	}

	.bl-2 a.more {
		display: none
	}

	.slidemenu .tpp2 {
		padding: 0 10px
	}

	.slidemenu h2 {
		line-height: 17px;
		font-size: 11px
	}

	.slidemenu h3 {
		font-size: 15px
	}

	.slidemenu h4 {
		font-size: 11px
	}

	.contacts .content .col-sm-12 {
		display: none
	}

	.contacts h5 {
		font-size: 46px
	}

	.contacts1 .col-sm-4 {
		padding-top: 0;
		padding-left: 15px
	}

	.contacts1 .menedger-block {
		width: 49.2%;
		display: inline-block;
		vertical-align: top;
		text-align: center
	}

	.contacts1 .menedger-block p {
		font-size: 10px;
		margin-bottom: 25px
	}

	.contacts1 .col-sm-4 h3 {
		font-size: 17px;
		font-family: "MONTSERRAT-BOLD"
	}

	.contacts1 .col-sm-4 h6 {
		font-size: 13px;
		margin-bottom: 7px
	}

	.contacts1 .col-sm-4 span {
		font-size: 14px;
		margin-bottom: 0;
		display: block;
		font-family: "MONTSERRAT-LIGHT";
		font-size: 16px;
		color: #1c1c1c
	}

	.contacts1 .col-sm-4 span a {
		font-size: 14px;
		color: #1c1c1c;
		float: right
	}

	.contacts {
		height: auto
	}

	.contacts1 {
		padding-top: 5px;
		padding-bottom: 20px
	}

	.contacts1 .mobile-block {
		background: none;
		padding-bottom: 30px
	}

	.contacts1 .thumbnail h3 {
		font-size: 22px;
		position: absolute;
		top: 50px;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		text-align: center
	}

	.contacts1 .thumbnail p span:last-child {
		width: 79%;
		padding-left: 31px;
		font-size: 12px;
		max-height: 75px
	}

	.contacts1 .thumbnail p span:first-child {
		font-size: 12px
	}

	.contacts1 .hide-map {
		left: 29%;
		font-size: 13px;
		max-width: 160px
	}

	.bl-2 .col-sm-4 .pss-abs-hover,
	.company-home .content2 .pss-abs-hover,
	.social .content2 .pss-abs-hover,
	.blogItem1 .col-sm-4 .pss-abs-hover,
	.bl-1 .over,
	.blogItem .content .block-links,
	.blog1 .pss-abs-hover,
	.stalMetal1 .content2 .pss-abs-hover,
	.production .content .col-sm-12 {
		display: none
	}
}