@media screen and (max-width: 1023px) {
	/* fixing a select2 bug on optom page */
	.select2-dropdown--below {
		margin-top: 0;
	}
	/* end fixing a bug */
	.pufk .sqwesh:nth-child(4) h3 {
		font-size: 13px!important;
	}
	.first-row .ec-btn-sq {
		padding: 4px 0;
		min-width: 110px;
	}
	.social-top a img {
		width: 30px;
		height: 30px;
	}
	.site-header .first-row {
		padding: 7px 0;
	}
	.second-row .ec-btn-sq {
		min-width: initial;
	}
	.menu-button-active {
		background-color: transparent;
		padding: 0;
	}
	.menu-button-active .catalog-button-text {
		display: none;
	}
	.menu-button-active .catalog-button-icon {
		background-image: url(../img/k.png);
	}
	.menu-button-active .catalog-button-icon {
		width: 38px;
		height: 38px;
	}
	.menu-catalog {
		padding: 0 10px;
	}
	.ohero {
		aspect-ratio: 350 / 194;
		width: 100%;
		position: initial;
	}
	.ohero-list li {
		font-size: 22px;
	}
	.ec-btn-rnd.ec-btn-extr {
		padding: 11px 28px!important;
	}
	.pnp {
		background-image: url(../img/1007.png);
	}
	.phero {
		width: 100%;
		aspect-ratio: 350 / 251;
		height: auto;
		top: 0;
	}
	.thero-wrap {
		background: transparent;
		box-shadow: none;
	}
	.thero-img {
		left: -25px;
        height: auto;
        width: 115%;
		aspect-ratio: 375 / 266;
		margin-top: 0;
		background-size: cover;
		background-position: center;
	}
	#tab-buttons {
		position: relative;
		display: flex;
		bottom: 0;
		margin-top: 25px;
	}
	#tab-buttons button {
		width: initial;
		flex: 1;
	}
	.tab-button.tab1 img {
	    background-size: 27px;
	}
	.tab-button.tab2 img {
	    background-size: 18px;
	}
	.tab-button.tab3 img {
	    background-size: 21px;
	}
	.tab-button.tab4 img {
	    background-size: 32px;
	}
	.tab-button.tab5 img {
	    background-size: 24px;
	}
	#tab-buttons button::after {
		transform: rotate(20deg);
		right: 6px;
	}
	.tab-pane {
		min-height: 900px;
	}
	.dlbg {
		background-image: none;
	}
	#tab-buttons button:not(:first-child) {
		margin-left: -17px;
	}
	.hero-main {
		background: #fff;
		box-shadow: 0px 3px 9.1px 0px rgba(0, 0, 0, 0.19);
		overflow: hidden;
	}
	.hero-main-image {
        position: absolute;
        top: 130px;
        right: -17px;
        width: 74%;
        height: 328px;
	}
	.feedbacks-carousel::before,
	.feedbacks-carousel::after {
	    content: "";
	    position: absolute;
	    top: 0;
	    width: 50px;
	    height: 100%;
	    z-index: 2;
	    pointer-events: none;
	}

	.feedbacks-carousel::before {
	    left: 0;
	    background: linear-gradient(to right, white 0%, transparent 100%);
	}

	.feedbacks-carousel::after {
	    right: 0;
	    background: linear-gradient(to left, white 0%, transparent 100%);
	}
	.feedbacks-carousel .owl-nav {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    z-index: 3;
	    display: flex;
	    justify-content: space-between;
	    pointer-events: none;
	}
	.feedbacks-carousel .owl-prev,
	.feedbacks-carousel .owl-next {
	    width: 30px;
	    height: 30px;
	    background-color: white!important;
	    border-radius: 50%;
	    display: block;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    top: 50%;
	    font-size: 0;
        background-repeat: no-repeat !important;
        background-size: 35% !important;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	    pointer-events: auto;
	}
	.feedbacks-carousel .owl-nav span {
		display: none;
	}
	.feedbacks-carousel .owl-prev {
	    left: 20px;
	    background-image: url(../img/300.png)!important;
		background-position: 7px 7px !important;
	}
	.feedbacks-carousel .owl-next {
	    right: 20px;
	    background-image: url(../img/301.png)!important;
		background-position: 11px 7px !important;
	}
	.snb-carousel .item {
		column-count: 2;
		column-gap: 20px;
		max-height: 270px;
	}
	.snb-carousel .item li {
		break-inside: avoid;
	}
	#hide-list {
		position: initial;
		margin-top: 15px;
	}
	.snb-carousel .owl-nav {
	    position: absolute;
	    bottom: -15px;
	    right: 0;
	    z-index: 3;
	    display: flex;
	    justify-content: space-between;
	    pointer-events: none;
	    width: 130px;
	}
	.snb-carousel .owl-prev,
	.snb-carousel .owl-next {
	    width: 30px;
	    height: 30px;
	    background-color: white!important;
	    border-radius: 50%;
	    display: block;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    top: 50%;
	    font-size: 0;
	    background-repeat: no-repeat !important;
	    background-size: 35% !important;
	    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	    pointer-events: auto;
	}
	.snb-carousel .owl-nav span {
	    display: none;
	}
	.snb-carousel .owl-prev {
	    left: 20px;
	    background-image: url(../img/300.png)!important;
	    background-position: 7px 7px !important;
	}
	.snb-carousel .owl-next {
	    right: 20px;
	    background-image: url(../img/301.png)!important;
	    background-position: 11px 7px !important;
	}
	#content-main {
		min-height: 340px;
	}
	.pnp-el:nth-child(1) {
		left: 0;
        top: 7.4%;
	}
	.pnp-el:nth-child(2) {
	    left: initial;
        right: 0;
        top: 7.4%;
	}
	.pnp-el:nth-child(3) {
	    left: initial;
        top: 23%;
        right: 0;
	}
	.pnp-el:nth-child(7) {
	    top: 23%;
	    left: 0;
	}
	.pnp-el:nth-child(5) {
        top: 38.5%;
		left: initial;
		right: 0;
	}
	.pnp-el:nth-child(4) {
		top: 54%;
    	right: 0;
	}
	.pnp-el:nth-child(6) {
        top: 38.5%;
        left: 0;
	}
	.pnp-el:nth-child(8) {
		top: 54%;
        left: 0;
	}
	.pnp-el:nth-child(11) {
	    top: 85.3%;
	    right: 0;
	}
	.pnp-el:nth-child(10) {
        top: 69.5%;
		left: initial;
		right: 0;
	}
	.pnp-el:nth-child(9) {
		top: 69.5%;
        left: 0;
	}
	.pnp-el:nth-child(14) {
		top: 100.8%;
	    right: 0;
	}
	.pnp-el:nth-child(13) {
        top: 100.8%;
        left: 0;
	}
	.pnp-el:nth-child(12) {
		top: 85.3%;
	    left: 0;
	}
	.thero-wrap {
		margin-top: 0;
	}
} 
/*end max 1023*/

@media screen and (max-width: 767px) {
	.radio-option label .wpcf7-list-item-label,
	.radio-option.p-0 input[type="text"].form-input,
	.radio-option.p-0 input[type="text"].form-input::placeholder,
	.wpcf7 form input[type="text"].form-input, .wpcf7 form input[type="tel"].form-input, .wpcf7 form input[type="email"].form-input, .form-input,
	.wpcf7 form input[type="text"].form-input::placeholder, .wpcf7 form input[type="tel"].form-input::placeholder, .wpcf7 form input[type="email"].form-input::placeholder, .form-input::placeholder{
		font-size: 14px;
		font-weight: 400;
	}
	.select2-container .select2-selection--single {
		font-size: 14px;
	}
	.menu-catalog > .menu-item {
		padding: 10px;
		font-size: 16px;
		background-size: 135px;
	}
	.ec-btn-sq {
		font-size: 14px;
		padding: 7px 15px;
	}
	.p-btn-accent, .b-btn-dark {
		font-size: 14px;
		min-width: initial;
		padding: 0 10px;
	}
	body {
		font-size: 14px;
	}
	body li, body p {
		font-size: 14px;
	}
	body h2 {
		font-size: 28px;
		line-height: 1;
	}
	.hero-main h2 {
		font-size: 32px;
	}
	.hero-main p {
		margin-bottom: 20px;
		font-size: 22px;
		font-weight: 400;
		line-height: 1;
	}
	body h3 {
		font-size: 16px;
	}
	.ec-btn-rnd {
		font-size: 16px;
		padding: 6px 28px;
	}
	.pr-bgimg {
		background-position: left bottom;
		background-size: 95%;
	}
	.bg100 {
		background-size: 95%;
	}
	.parimg {
		aspect-ratio: 350 / 725;
		width: 100%;
	}
	.custom-form input {
		font-size: 14px;
	}
	.ec-btn-form {
		padding: 6px 15px;
	}
	.qf::before,
	.qf::after {
		width: 63px;
		height: 39px;
		z-index: 1;
	}
	.qf::before {
		top: -22px;
	}
	.qf::after {
		bottom: -22px;
	}
	.conimg {
		background-position: -12px 100%;
	}
	.site-footer .ec-btn-sq {
		font-size: 12px;
		padding: 9px 9px;
		min-width: 155px;
	}
	.ftimg {
		background-image: url(../img/302.png);
	}
	.form-input,
	.radio-option,
	.radio-option input[type="radio"]:checked + span {
		height: 45px;
		font-size: 14px;
	}
	.radio-option span {
		line-height: 45px;
	}
	.ec-btn-formex {
		font-size: 16px;
	}
	.snb-carousel .item {
		width: 100%;
	}
	.mhero {
		max-width: initial;
		width: 150%;
	}
	.blog-category {
		font-size: 14px;
	}
	#tab-buttons button::after {
		transform: rotate(10deg);
	}
	#tab-buttons button:not(:first-child) {
		margin-left: -13px;
	}
	.snb-carousel .item {
		max-height: 308px;
	}
	#content-main {
		min-height: 365px;
	}
    .popup-content {
        border-radius: 0;
        max-width: 100%;
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        padding: 50px 20px;
        overflow-y: auto;
    }
    .popup-close {
    	top: 40px
    }
}
/*end max 767*/
@media screen and (min-width: 1023px) {
	.pnp-el:nth-child(1) {
	    left: 19.5%;
	}
	.pnp-el:nth-child(2) {
	    left: 43.5%;
	}
	.pnp-el:nth-child(3) {
	    left: 67.5%;
	}
	.pnp-el:nth-child(7) {
	    top: 39%;
	    left: 76%;
	}
	.pnp-el:nth-child(6) {
        top: 39%;
		left: 53.5%;
	}
	.pnp-el:nth-child(5) {
        top: 39%;
		left: 29%;
	}
	.pnp-el:nth-child(4) {
        top: 39%;
		left: 5.7%;
	}
	.pnp-el:nth-child(8) {
        top: 64%;
		left: 5.7%;
	}
	.pnp-el:nth-child(11) {
	    top: 64%;
	    left: 76%;
	}
	.pnp-el:nth-child(10) {
        top: 64%;
		left: 53.5%;
	}
	.pnp-el:nth-child(9) {
        top: 64%;
		left: 29%;
	}
	.pnp-el:nth-child(14) {
		top: 88%;
	    left: 19.5%;
	}
	.pnp-el:nth-child(13) {
		top: 88%;
	    left: 43.5%;
	}
	.pnp-el:nth-child(12) {
		top: 88%;
	    left: 67.5%;
	}
	.thero-wrap {
		padding: 30px 0;
	}
    .social-top a img {
    	min-width: 37px;
    }
}
/*end min 1023*/
@media screen and (min-width: 1280px) {
	.thero-wrap {
		padding: 0;
	}
    .lg\:container,
    .md\:container,
    .container {
    	max-width: 1155px!important;
    }
}
/*end min 1280*/