@charset "utf-8";
/* CSS Document */

@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .item-prod .sppb-row-container {
        max-width: 1400px;
    }
}
@media screen  and (min-width:1760px) and (max-width:1919px) {}
@media screen  and (min-width:1680px) and (max-width:1759px) {}
@media screen  and (min-width:1600px) and (max-width:1679px) {}
@media screen  and (min-width:1440px) and (max-width:1599px) {
	.wrap-top-site {
		margin: 0 30px;
	}
}
@media screen  and (min-width:1400px) and (max-width:1439px) {
	.wrap-top-site {
		margin: 0 15px;
	}
}
@media screen  and (min-width:1366px) and (max-width:1399px) {}
@media screen  and (min-width:1280px) and (max-width:1365px) {}
@media screen  and (min-width:1200px) and (max-width:1279px) {}
@media screen  and (min-width:1200px) and (max-width:1365px) {}
@media screen  and (min-width:1200px) and (max-width:1399px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
	    font-size: 36px;
	}
	h2, .h2 {
	    font-size: 28px;
	}
	h3, .h3 {
	    font-size: 24px;
	}
	h4, .h4 {
	    font-size: 20px;
	}
	h5, .h5 {
	    font-size: 16px;
	}
	h6, .h6 {
	    font-size: 14px;
	}
	.btn {
		font-size: 14px;
	}
	.sppb-divider.site-divider-wide::before {
		width: min(1110px, calc(100% - 54px));
	}
	.wrap-top-site {
		margin: 0 40px;
	}
	.custom-before-footer .wrap-right-form {
		padding: 24px;
	}
}
@media screen  and (max-width:1199px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
	    font-size: 32px;
	}
	h2, .h2 {
	    font-size: 28px;
	}
	h3, .h3 {
	    font-size: 24px;
	}
	h4, .h4 {
	    font-size: 20px;
	}
	h5, .h5 {
	    font-size: 16px;
	}
	h6, .h6 {
	    font-size: 14px;
	}
	.btn {
		font-size: 14px;
		padding: 10px 16px;
		line-height: 1;
	}
	.wrap-top-site {
		margin: 0 15px;
	}
	.logo a.brand-logo img {
		width: 160px;
	}
	.burger .call-burger {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 10px 16px;
	    color: #ffffff;
	    background-color: #5EA85E;
	    border-radius: 20px;
	}
	.burger .call-burger .icon-burger {
	    width: 25px;
	    height: 14px;
	    display: block;
	}
	#goTop {
        padding: 2px 10px;
    }
    #goTop i {
        font-size: 30px;
    }
    .offcanvas-header a img {
        width: 140px;
    }
    .offcanvas-header .btn-close {
        background-image: none;
        opacity: 1;
        width: auto;
        height: auto;
    }
    .offcanvas-header .btn-close i {
        color: #111;
        font-size: 38px;
    }
    .offcanvas-body {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .offcanvas-body .mob-menu {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .offcanvas-body .mob-menu .block-menu {
    	width: 100%;
    }
    .offcanvas-body .mob-menu .block-menu p {
    	color: #111;
    }
    .offcanvas-body .mob-menu .block-menu ul {
        display: block;
    }
    .offcanvas-body .mob-menu .block-menu ul li {
    	line-height: 2;
    }
    .offcanvas-body .mob-menu .block-menu ul li a {
        color: #111;
        font-size: 16px;
    }
    .offcanvas-body .mob-menu .block-menu ul li.active a {
        color: #5EA85E;
    }
    .offcanvas-body .mob-menu .block-menu p {
    	color: #5EA85E;
    }
    .custom-before-footer .wrap-left-form .titles-left .text-small {
    	color: #5EA85E;
    }
    .custom-before-footer .wrap-left-form .titles-left .h1,
    .custom-before-footer .wrap-left-form .titles-left p {
    	color: #111;
    }
    .custom-before-footer .wrap-left-form .titles-left,
    .custom-before-footer .wrap-right-form {
    	padding: 15px 20px;
    }
    .custom-header-ins-round-img .header-image img {
    	border-radius: 20px;
    }
    .custom-product-formats .product-formats-wrap,
    .custom-product-formats .format-item,
    .custom-related-services .related-service-card,
    .custom-product-groups .product-group-card,
    .custom-about-directions .direction-card,
    .custom-about-principles .principle-card,
    .custom-import-needed .import-needed-card {
    	padding: 15px;
    }
}
@media screen  and (min-width:992px) and (max-width:1199px) {
	.sppb-divider.site-divider-wide::before {
		width: min(930px, calc(100% - 54px));
	}
	/********* home **********/
	/*------- header --------*/
	/*-------- Directions -------*/
	/*--------- ProductGroups ---------*/
	.home-product-card .wrap {
		padding: 15px;
		min-height: 280px;
	}
	.home-product-spec .product-spec-card {
		padding: 15px 20px;
	}
	/*------- ProductSpec ---------*/
	/*-------- SupplyProcess -----------*/
	.home-supply-process .supply-process-card {
		padding: 15px;
		min-height: 185px;
	}
	/*--------- OurPartners---------*/
	.list-partners .block-pertner {
		padding: 15px;
	}
	/*-------- Principles ----------*/
	.custom-principles .principles-card .content {}
	/***** before footer Module-1 *****/
	.module-section-1 {
		padding: 60px 0;
	}
	/********* footer **********/
	/******** content **********/
	/*------- header inside ---*/
	/*------- page about ------*/
	.custom-about-principles .principle-icon img {
		width: 65px;
	}
	/*------ pages prods -------*/
	/*--------- pages servs -----*/
	/*------ ContactPage -------*/
	.custom-contacts .contacts-form-card {
		padding: 15px 20px;
	}
}
@media screen  and (min-width:768px) and (max-width:991px) {
	.divid-short .sppb-row-container {
		max-width: 100% !important;
		padding: 0 !important;
	}
	.sppb-divider.site-divider-wide::before {
        left: 0;
        width: 100%;
        transform: none;
    }
    /********* home **********/
	/*------- header --------*/
	.home-header {
		margin: 30px 0;
	}
	/*-------- Directions -------*/
	.home-direction-card .direction-card .wrap {
		padding: 15px;
		min-height: 270px;
	}
	/*--------- ProductGroups ---------*/
	.home-product-card .wrap {
		padding: 15px;
		min-height: 100%;
	}
	.home-product-spec .product-spec-card {
		padding: 15px 20px;
	}
	/*------- ProductSpec ---------*/
	/*-------- SupplyProcess -----------*/
	.home-supply-process .supply-process-card {
		padding: 15px;
		min-height: 185px;
	}
	/*--------- OurPartners---------*/
	.list-partners .block-pertner {
		padding: 15px;
	}
	/*-------- Principles ----------*/
	.custom-principles .principles-card .content {}
	/***** before footer Module-1 *****/
	.module-section-1 {
		padding: 60px 0;
	}
	/********* footer **********/
	.footer-main {
		padding: 50px 0;
	}
	/******** content **********/
	/*------- header inside ---*/
	/*------- page about ------*/
	.custom-about-principles .principle-icon img {
		width: 65px;
	}
	/*------ pages prods -------*/
	/*--------- pages servs -----*/
	/*------ ContactPage -------*/
	.custom-contacts .contacts-form-card {
		padding: 15px 20px;
	}
    /***** before footer Module-1 *****/
    .module-section-1 {
		padding: 50px 0;
	}
}
@media screen  and (max-width:767px) {
	.wrap-top-site {
		background-color: transparent;
		padding: 0;
	}
	/********* home **********/
	/*------- header --------*/
	.home-header {
		margin: 30px 0;
	}
	/*-------- Directions -------*/
	.home-direction-card .direction-card .wrap {
		padding: 15px;
		min-height: 100%;
	}
	/*--------- ProductGroups ---------*/
	.home-product-card .wrap {
		padding: 15px;
		min-height: 100%;
	}
	.home-product-spec .product-spec-card {
		padding: 15px 20px;
	}
	/*------- ProductSpec ---------*/
	/*-------- SupplyProcess -----------*/
	.home-supply-process .supply-process-card {
		padding: 15px;
		min-height: 100%;
	}
	/*--------- OurPartners---------*/
	.list-partners .block-pertner {
		padding: 15px;
	}
	/*-------- Principles ----------*/
	.custom-principles .principles-card .content {
		padding: 15px;
	}
	/***** before footer Module-1 *****/
	.module-section-1 {
		padding: 30px 0;
	}
	/********* footer **********/
	.footer-main {
		padding: 30px 0;
	}
	/******** content **********/
	/*------- header inside ---*/
	/*------- page about ------*/
	.custom-about-principles .principle-icon img {
		width: 65px;
	}
	/*------ pages prods -------*/
	/*--------- pages servs -----*/
	/*------ ContactPage -------*/
	.custom-contacts .contacts-form-card {
		padding: 15px 15px;
	}
	/***** before footer Module-1 *****/
	.module-section-1 {
		padding: 30px 0;
	}
}
@media screen  and (max-width:575px) {
	.custom-manufacturers-work .manufacturers-work-card {
        flex-direction: column;
    }
    .custom-manufacturers-work .manufacturers-work-image {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    .custom-manufacturers-work .manufacturers-work-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .custom-manufacturers-work .manufacturers-work-content {
        padding: 20px;
    }
     .custom-product-formats .format-item {
        flex-direction: column;
        gap: 12px !important;
    }
    .custom-product-formats .format-icon {
        width: 56px;
        height: 56px;
    }
    .custom-before-footer .wrap-left-form .titles-left,
    .custom-before-footer .wrap-right-form {
    	padding: 15px 15px;
    }
}