#header-app-link a span.sm\:hidden{
	display: none;
}

@media(max-width:991px){
	.header-menu-wapper{
	    position: absolute;
	    top: calc(100% + 0.7em);
	    width: 100%;
	    left: 0;
	    background: #f8f8f8;
	    padding: 1em;
	    font-size: 1.3em;
	    opacity: 0;
	    visibility: hidden;
	    z-index: -1;
	    pointer-events: none;

	    height: calc(100vh - 4.5em);
	    display: block;
	}

	.menu-opened .header-menu-wapper {
	    opacity: 1;
	    visibility: visible;
	    z-index: 9;
	    pointer-events: all;
	}


	.header-menu-wapper > nav > ul{
	    display: block;
	}

	#site-nav > ul > li.active:before{
		content: none;
	}
	#site-nav > ul > li {
	    margin: 0 0.5em;
	    position: relative;
	    padding: 0.5em;
	    border-bottom: 1px solid #ccc;
	}

	button#main-menu-nav-toggle {
	    width: 2.5em;
	    height: 2.5em;
	    flex: 0 0 2.5em;
	    /* background: transparent; */
	    border: none;
	    outline: none;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-wrap: wrap;
	}


	button#main-menu-nav-toggle {
	    background: #0B0B0B;
	    border-radius: 4px;
	    padding: 0.5em;
	    position: relative;
	}
	button#main-menu-nav-toggle span {
	    pointer-events: none;
	    /* transition: 0.5s; */
	}

	button#main-menu-nav-toggle span {
	    width: 100%;
	    height: 2px;
	    display: block;
	    background: #fff;
	    cursor: pointer;
	    border-radius: 2px;
	}

	body.menu-opened button#main-menu-nav-toggle span:first-child {
	    position: absolute;
	    transform: rotate(45deg);
	    width: calc(100% - 0.95em);
	}
	body.menu-opened button#main-menu-nav-toggle span:nth-child(2) {
	    opacity: 0;
	}
	body.menu-opened button#main-menu-nav-toggle span:last-child {
	    position: absolute;
	    transform: rotate(-45deg);
	    width: calc(100% - 0.95em);
	}
}

@media(max-width:767px){

	.header-logo {
	    width: 10em;
	}

	#header-app-link a {
	    padding: 1em 0.65em;
	    border-radius: 4px;
	}
	#header-app-link a span.xs\:hidden {
	    display: none;
	}
	#header-app-link a span.sm\:hidden{
		display: inline-block;
	}


	.slide-item-wapper {
	    padding-top: 0;
	}
	.slide-item-bg-img {
	    width: 100%;
	    padding-top: 56%;
	    position: relative;
	    top: unset;
	    left: unset;
	    height: auto;
	}
	.slide-item-container-wapper {
	    height: auto;
	    top: unset;
	    background: #f8f8f8bd;
	    position: relative;
	}

	div#slideshow-swiper .swiper-pagination span.swiper-pagination-bullet {
	    width: 3em;
	    height: 0.35em;
	}


	.col-header-title h2, 
	.text_and_img-heading h2 {
	    font-size: 1.5em;
	}


	.section-text-and-img .ti-img-col {
	    padding-right: 15px !important;
	    padding-left: 15px !important;
	}
	.section-text-and-img.background-dark .ti-img-col {
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}
	.section-text-and-img.background-dark .ti-img-col .text_and_img-img-wapper {
	    padding-top: 114% !important;
	}

	.machines-tabs-inner-wapper > button.active .button-header-info span.tab-icon svg {
	    transform: rotate(90deg);
	}
	.machines-tabs-inner-wapper > button.active .machine-item {
	    display: block;
	    margin-top: 1.5em;
	}
	.machine-info {
	    position: relative;
	    color: #000 !important;
	    opacity: 1;
	    visibility: visible;
	    z-index: 9;
	    padding: 0;
	    width: 100%;
	    margin-left: 0 !important;
	    left: unset;
	    top: unset;
	    max-height: 15em;
	    margin-top: 1em;
		pointer-events: all;
	}
	.machine-info > h3 {
	    display: none;
	}

	.xs\:hidden.col-machines {
	    display: none;
	}

	.section-posts .row.row-heading {
	    margin-bottom: 2em;
	}
	.section-posts .row:not(.row-heading) {
	    flex-wrap: inherit;
	    overflow: auto;
	    padding-right: 50px;
	}

	.grid-col.empty-col:not(.has_btn) {
	    padding: 0;
	    margin: 0;
	}



	.contacts-info {
	    text-align: center;
	    margin-bottom: 3em;
	}
	.col-form {
	    padding-left: 15px;
	    margin-top: 4em;
	}

	.col-form:before{
		content: none;
	}

	label.files-label span.file-uplode-info-label {
	    flex-wrap: wrap;
	}
	label.files-label span.file-uplode-info-label span:nth-child(2) {
	    font-weight: 400;
	    margin: 0;
	}

	.button-form {
	    flex-wrap: wrap;
	}
	.gdpr {
	    width: 100%;
	    margin-bottom: 2em;
	    font-size: 0.9em;
	}
	.gdpr label p {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.gdpr a {
	    color: #0B0B0B;
	    text-decoration: underline;
	    padding-left: 1em;
	}

	button.btn.btn-block {
	    width: 100%;
	}

	.background-dark .contacts-field > p {
	    padding: 1.3em 0em;
	}

	label.files-label span.file-uplode-info-label span {
	    margin-bottom: 0px;
	    margin-right: 0.5em;
	}

	.col-xs-iframe {
	    margin-top: 3em;
	    /* margin-bottom: -5em; */
	}


	/**/
	.section-with-bg-img {
	    margin-bottom: 6em;
	}
	.section-padding-bottom,
	.section-padding-bottom.gallery-type-grid {
	    padding-bottom: 6em;
	}

	section#section-index-id-0.section-contact-form,
	section#section-index-id-0.section-info {
	    margin-top: 0em;
	}

	.section-info .ti-text-col, 
	.section-text-and-img.img_on_right .ti-text-col {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.text_and_img-text-field {
		padding-top: 0em;
    	padding-bottom: 0em;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}

	.section-info .section-info-sidebar-col {
	    margin-top: 2em;
	}
	.section-text-and-img.img_on_left .ti-text-col {
	    padding-left: 15px;
	}

	.section-text-and-img.background-dark .text_and_img-text-field {
	    padding-top: 2em;
	}
	.section-info.background-dark .text_and_img-text-field {
	    padding-top: 2em;
	    padding-bottom: 2em;
	}

	.format-table table tr > th {
	    top: 6.65em;
	}

	.section-text-and-img.img_on_right .ti-img-col {
	    margin-top: 2em;
	}
	.section-text-and-img.img_on_left .ti-img-col {
	    margin-bottom: 2em;
	}

	.page-template-temp-contacts section#page-header {
	    margin-bottom: 4em;
	}


	.single-post-info {
	    padding-right: 0 !important;
	}
	.sidebar-item.sidebar-latest-news {
	    margin-top: 6em;
	}

	.blog-post-info-wapper .gallery.gallery-columns-3 .gallery-item,
	.blog-post-info-wapper .gallery.gallery-columns-4 .gallery-item,
	.blog-post-info-wapper .gallery.gallery-columns-5 .gallery-item {
	    width: 50% !important;
	}
}


@media(min-width:767px){
	.sm\:flex{
		display: flex;
	}
	.sm\:hidden{
		display: none;
	}
}



@media (min-width:768px) and (max-width:991px){

	.site-header-col {
	    position: inherit;
	}

	.header-logo {
	    width: 11.5em;
	}


	.header-menu-wapper{
	    top: 100%;
	}
	nav#site-nav {
	    display: block;
	}


	.slide-item-wapper {
	    padding-top: 56%;
	}
	.col-12.col-lg-5.slide-item-content-col {
	    width: 60%;
	    max-width: 60%;
	}

	/*machines*/
	.machines-tabs-inner-wapper > button.active .button-header-info span.tab-icon svg {
	    transform: rotate(90deg);
	}
	.machines-tabs-inner-wapper > button.active .machine-item {
	    display: block;
	    margin-top: 1.5em;
	}
	.machine-info {
	    position: relative;
	    color: #000 !important;
	    opacity: 1;
	    visibility: visible;
	    z-index: 9;
	    padding: 0;
	    width: 100%;
	    margin-left: 0 !important;
	    left: unset;
	    top: unset;
	    max-height: 15em;
	    margin-top: 1em;
		pointer-events: all;
	}
	.machine-info > h3 {
	    display: none;
	}

	.xs\:hidden.col-machines {
	    display: none;
	}


	/*grid*/
	.grid-section .col-12.col-lg-4{
	    width: 33.333%;
	    max-width: 33.333%;
	    padding: 1em;
	}

	/*blog*/
	.section-posts .row:not(.row-heading) {
	    flex-wrap: nowrap;
	    overflow: auto;
	    padding-bottom: 3em;
	    margin-bottom: -3em;
	}
	.section-posts .blog-post-wapper {
	    width: 47%;
	    max-width: 47%;
	}

	.sidebar.col-posts-teazer {
	    display: flex;
	    overflow: auto;
	    margin: 0 -2.2em;
	}
	.blog-post-wapper {
	    width: 50%;
	    flex: 50%;
	    padding: 2.2em;
	}

	/*info section*/
	.section-info .text_and_img-text-field {
	    padding-top: 3em;
	    padding-bottom: 3em;
	}
	.section-info .ti-text-col {
	    width: 50%;
	    max-width: 50%;
	}
	.section-info .section-info-sidebar-col {
	    width: 50%;
	    max-width: 50%;
	}

	.format-table table tr > th {
	    top: 7.1em;
	}

	.single-post-info {
	    padding-right: 0 !important;
	}

	.sidebar-item.sidebar-latest-news {
	    margin-top: 6em;
	}

	/*section contact form*/
	.section-contact-form .col-form,
	.section-contact-form .section-info-sidebar-col {
	    width: 50%;
	    max-width: 50%;
	}
	.form-field > label > span {
	    padding-right: 0;
	}

	label.files-label span.file-uplode-info-label {
	    flex-wrap: wrap;
	}
	label.files-label span.file-uplode-info-label span:nth-child(2) {
	    font-weight: 400;
	    margin: 0;
	}

	.gdpr label {
	    line-height: 1;
	}
	.gdpr input {
	    width: 1.5em;
	    height: 1.5em;
	    flex: 0 0 1.5em;
	    margin-right: 1em;
	}
	.gdpr label p {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}

	.button-form {
	    flex-wrap: wrap;
	}
	button.btn.btn-block {
	    width: 100%;
	    margin-top: 2em;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.header-logo {
	    width: 12em;
	}

	.single-post-info {
	    padding-right: 0 !important;
	}
	.single-post .col-12.col-lg-9.tc-text-col {
	    width: 70%;
	    max-width: 70%;
	}
	.single-post .col-12.col-lg-3.tc-text-col {
	    width: 30%;
	    min-width: 30%;
	}

	.contacts-field > p {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.contacts-field > p > a {
	    text-align: right;
	}
}


@media (min-width:1200px) and (max-width:1349px){
}

@media (min-width:1439px){
}

@media (min-width:1500px){
}

@media (min-width:1630px){
}

@media(min-width: 1919px){
	.slide-item-wapper {
	    position: relative;
	    width: 100%;
	    padding-top: 0;
	    max-width: 2100px;
	    max-height: 924px !important;
	    margin: 0 auto;
	    aspect-ratio: 1/0.44;
	}
}

@media (min-width: 2047px){
}
