@media (max-width: 480px) {
    .sf2Win {
        /* max-width: 360px !important; */
        min-width: 45vh;
        top: 0% !important;
        left: 0% !important;
        transform: translate(0%,50%) !important;
    
    }
    .work-img img {max-height: 500px;}
	
}
@media (max-width: 575px) {
    .work-img img {max-height: 500px;}
	
}
@media (max-width: 767px) {
    .slider-item .row > div.col-md-4 {
        order: 2;
    
    }
    .slider-item .row > div.col-md-8 {}
    .btn-formbox.d-flex {
        display: block !important;
    
    }
    .btn-formbox.d-flex small {
        padding-bottom: 15px;
        display: block;
    
    }
    .before-ftr-container .phone img {
        margin-bottom: -20px !important;
        margin-top: 20% !important;
    
    }
    .review-boxs .slider-arrow {
        display: none;
    
    }
    .jshop_list_category div.name {
        max-width: 215px;
    
    }
    .garanty-num > div + div {
        border-left: 0px;
    
    }
    .work-img img {
        max-height: 265px;
    
    }
    .about-desc {
        margin-top: 30px;
        font-size: 22px;
    
    }
	.delimiter .ugol {
        display: none;
    
    }
	.folder-cnt small {
		margin-top: 15px;
	}
	.folder.folder-cnt {
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
	}
	.text .item-header {
		font-size: 24px; 
	}
	.before-reviews .module-header {
		font-size: 22px;
	}
	.before-reviews img {
        max-width: 200px;
        margin: auto;
        display: block;
    
    }
	.reviews-description-blog {
		line-height: 170%;
	}
	.row-reviews .reviews-box {
		height: calc(100% - 30px);
	}
	.firstscreen-project button.sf2-callBtn {
		width: 100%;
		justify-content: space-between;
	}
	ul.list-tags li {
		margin-right: 5px;
		margin-bottom: 10px;
		margin-left: 5px;
		border-radius: 45px;
	}
	ul.list-tags li a {
		border-radius: 45px;
		padding: 0 15px;
		height: 45px;
		font-size: 16px;
	}
	.project-item .item-content {
		padding: 20px;
	}
	.project-item .item-header {
		font-size: 24px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.col-project-item:before {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
	.col-project-item .name {
		display: none;
	}
	.completed .value{
		font-size: 45px;
	}
	.completed .name {
		font-size: 18px;
		margin-left: 30px;
	}
	.project-hdr h1.page-header {
        font-size: 28px;
    
    }
    .project-hdr > div {
        padding-top: 30px;
    
    }
    a.chois {
        margin-top: 15px;
    
    }
	.progress-bar-box .info {
		font-size: 14px; 
	}
	.productfull div.jshop_oiproduct {
		-webkit-mask-image: none;
		mask-image: none;
	}
	.productfull .jshop_oiproduct:before {
		display: none;
	}
	.productfull .jshop_oiproduct .prod_price_inner {
		font-size: 24px;
		text-align: center;
	}
	.productfull .jshop_oiproduct .prod_price_inner span#block_price {
		font-size: 36px;
	}
	.right-prdt .oiproduct button.sf2-callBtn {
		margin-top: 10px;
		margin-left: 0;
	}
	.progress-bar-item {
		margin-top: 20px;
	}
	.jshop_oiproduct h1.page-header {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -0.01em;
        text-transform: none;
        margin-top: 30px;
    
    }
	.oiproduct {
        padding: 20px;
    
    }
    .block_product .bottom_price_box {
        margin-top: 20px !important;
    
    }
	.corner {
		padding: 0 45px 45px;
	}
	.faq_list_block {
		margin-right: -25px;
		margin-left: -25px;
	}
	.faq_list_block .faq_block {
		padding-right: 25px;
		padding-left: 25px;
	}
	.item_question {
		padding-top: 25px;
		padding-bottom: 25px;
	}
    .item_question {
        font-size: 20px;
    
    }
	.techno.page-sect {
		padding-top: 50px;
	}
	.cataloge a {
		font-size: 24px; 
	}
	.cataloge li ul a {
		font-size: 18px;
	}
	.pagination__wrapper ul.pagination .page-link {
		font-size: 14px;
		border-radius: 40px;
		width: 40px;
		height: 40px;
	}
	.pagination__wrapper ul.pagination li {
		margin-bottom: 10px;
	}
	.pagination__wrapper ul.pagination li + li {
		margin-left: 10px;
	}
	.jshop_price {
        text-align: center;
        font-size: 20px;
    
    }
	.jshop_price span {
		font-size: 32px;
	}
    .jshop_price.buy span {
        font-size: 24px;
    
    }
	.ttx-item > * {
		font-size: 14px;
	}
	.product-item div.name {
        font-size: 23px;
    
    }
	.garanty-txt .num {
		font-size: 32px;
	}
	.garanty-num {
		flex-direction: column;
		width: 100%;
		padding-top: 15px;
	}
	.garanty-num > div + div {
		margin-top: 15px;
	}
	.garanty-txt a.chois {
		display: none;
	}
	.category_description li:before {
		flex: 0 0 20px;
		max-width: 20px;
		height : 20px;
	}
    .jshop-hdr .row > [class*="category_"] {}
	.jshop-hdr .row .category_description {
        order: 2;
    
    }
    .category_description .name {
        margin-bottom: 10px;
    
    }
    .jshop-hdr h1.page-header {
        margin-top: 10px;
    
    }
	.jshop-hdr .row:hover .category_description {
        /* filter: blur(10px); */
    
    }
	.jshop-hdr .row:hover .category_img {
		z-index: 3;
	}
	.mod-articles .item-header{
		font-size: 20px;
		line-height: 120%;
		letter-spacing: -0.01em;
	}
	.techno [class*="col-"] > * {
		padding-right: 30px;
		padding-left: 30px;
	}
	.cataloge li.parent span.icon {
		top: 20px;
	}
	.jshop-hdr h1.page-header {
        font-size: 32px;
        margin-bottom: 30px;
    
    }
	.folder.folder-marine {
        margin-top: 15px;
        margin-bottom: 25px;
        border-radius: 0 28.512px 28.51px 28.51px;
    
    }
    .folder.folder-marine.jshop-hdr {
        margin-top: 65px;
    
    }
	.folder.folder-marine:before {
		border-radius: 28.512px 0 0 0;
	}
	footer .offer {
		flex-direction: row;
	}
	footer .offer span {
        margin-left: 0px;
    
    }
	footer .offer,
	footer .copy-link a {
        font-size: 14px;
        line-height: 217%;
        display: block;
    
    }
    footer .offer {
        display: contents;
    
    }
	.copy-link a + a {
		margin-left: 0;
	}
	.before-ftr .sf2Style-default button.sf2-element[type="submit"] {
		margin-right: auto;
		margin-left: auto;
	}
	.before-ftr .sf2-header .sf2-title {
		font-size: 27px;
	}
	.before-ftr-container > .row > [class*="col-"] {
        margin-top: -30px;
    
    }
	.before-ftr .sf2-header {
		line-height: 100%;
		margin: 0;
	}
	.before-ftr {
		border-radius: 30px;
	}
	.before-ftr-container > .row {
		border-radius: 0 0 20px 20px;
		padding: 20px;
	}
	.before-ftr-container > .ugol {
        height: 40px;
        /* border-radius: 20px 20px 20px 20px; */
        background-size: 40px;
    
    }
	.before-ftr-container > .ugol:before {
		width: calc(100% - 40px);
		height: 40px;
	}
	.before-ftr .sf2-header .sf2-title {
		text-align: center;
		align-items: center;
		justify-content: center;
		margin-bottom: 0;
	}
	.project-col {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		padding-bottom: 40px;
	}
	.mod-service.mod-project {
		margin-right: -18px;
		margin-left: -18px;
	}
	.project-mask {
		order: 1;
	}
	.col-project {
		order: 2;
	}
	.project-info .txt {
		font-size: 20px;
	}
	.project-info .txt > * + * {
		margin-top: 25px;
	}
	.project-info {
		padding: 20px;
	}
	.mod-project .slider-arrow {
		display: none;
	}
	.project-info div.title{
		font-size: 28px;
		padding-bottom: 50px;
	}
	.project-mask img {
		max-height: 280px;
	}
	.project-bg {
		padding-top: 0;
		padding-bottom: 0;
		background: transparent;
	}
	.vote-nav {
		bottom: 0;
	}
	.reviews-head{
		padding-bottom: 15px;
		margin-top: -10px;
		margin-bottom: 20px;
		font-size: 20px;
	}
	.reviews-head img {
		flex: 0 0 80px;
		max-width: 80px;
	}
	.reviews-box{
		padding:0 20px 30px;
		border-radius: 0 0 19px 19px;
	}
	.reviews-description-blog{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.row-reviews .module-header{
		font-size: 25px;
		margin-top: 30px;
	}
	.ugol, .reviews-item .ugol {
        height: 33px;
        background-size: contain;
        border-radius: 19px 0 0 0;
    
    }
	.ugol:before, .reviews-item .ugol:before {
        width: calc(100% - 36px);
        height: 33px;
        /* content: ""; */
        position: absolute;
    
    }
	.reviews-carousel {
		margin-right: -9px;
		margin-left: -9px;
	}
	.reviews-carousel [class*="col-"] {
		padding-right: 9px;
		padding-left: 9px;
	}
	.task-item img {
		margin-bottom: 15px;
		max-width: 40px;
	}
	.task-item {
		padding:30px 15px;
	}
	.task-desc {
		font-size: 13px;
		line-height: 130%;
	}
	.mod-service {
		margin-right: -15px;
		margin-left: -15px;
	}
	.mod-service .folder {
		padding-bottom: 30px;
	}
	img.mainservice {
		border-radius: 20px;
		overflow: hidden;
		margin-top: 25px;
		margin-bottom: 20px;
		max-width: 100%;
	}
	.folder {
		padding: 15px;
	}
    .folder-about .title-items {
        font-size: 28px;
        display: block;
    
    }
    .folder-about .num-items {
        padding-top: 30px;
        margin-top: 30px;
    
    }
    .about-item.num-items {
        display: block;
    
    }
    .about-item .num-item {
        margin-bottom: 15px;
    
    }
	.mod-service .mdl-header {
        font-size: 28px;
        line-height: 100%;
    
    }
	.mod-service a.name {
        font-size: 18px;
        border-radius: 12px;
        padding: 20px;
    
    }
	.service-row div a img {
		border-radius: 60px;
		flex: 0 0 60px;
		max-width: 60px;
		height: 60px;
		line-height: 40px;
		font-size: 19px;
		margin-right: 10px;
	}
	.mod-service .row {
		margin-right: -5px !important;
		margin-left: -5px !important;
		margin-bottom: -10px;
	}
	.mod-service .row [class*="col-"] {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 10px;
	}
	.mod-resume .item {
		max-width: 270px;
		min-height: 270px;
	}
	.mod-resume img {
		margin-bottom: 15px;
	}
	.mod-resume .item .title{
		margin-bottom: 15px;
		padding: 0 30px;
	}
	.mod-resume .item .desc {
		padding: 0 30px;
	}
	.featured-page .mod-resume {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.mod-vip img {
		order: 2;
		margin: 20px auto 0;
	}
	
	div.vip-txt {
		order: 1;
	}
	.featured-page .mod-vip {
		padding-top: 0;
		padding-bottom: 75px;
	}
	.slider-dots-firstscreen .slick-dots {
        position: absolute;
        top: 410px;
        right: 15px;
        left: 15px;
        bottom: auto;
        width: auto;
    
    }
	.ekran-left {
		padding: 30px 20px 20px;
		-webkit-mask-image: url("../images/slide-folder-small.webp");
		mask-image: url("../images/slide-folder-small.webp");
		mask-repeat: no-repeat;
		mask-size: 100%;
		background: linear-gradient(45deg, rgba(0,174,177,1) 0%,rgba(24,160,212,1) 100%);
		border-radius: 0 0 20px 20px;
		margin-bottom: 20px;
	}
	.slider-dots-firstscreen .slick-dots li,
	.slider-dots-firstscreen .slick-dots li button,
	.slider-dots-firstscreen .slick-dots li button:before {
		width: 30px;
	}
	.ekran-left .ekran-bottom {
        padding-top: 30px;
        flex-direction: column;
        align-items: flex-start;
    
    }
    .ekran-left .ekran-bottom .btn-box {
        /* margin-left: 50px; */
        margin-top: 15px;
    
    }
	.ekran-bottom button.sf2-callBtn {
		border-radius: 40px;
		padding: 0 20px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 15px;
		margin-left: 40px;
	}
	.ekran-bottom button.sf2-callBtn:before {
		left: -40px;
		width: 40px;
		height: 40px;
		border-radius: 40px;
		background-size: 20px;
	}
	.ekran-bottom .num, .about-item .num {
		font-size: 36px;
	}
	.ekran-bottom .txt, .about-item .desc {
		font-size: 14px;
		max-width: 200px;
		margin-left: 25px;
	}
	.ekran-box .title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.ekran-box .beforedesc{
		font-size: 15px;
		line-height: 120%;
	}
	.ekran-right img {
        object-fit: contain;
        height: auto;
    
    }
	.ekran-left img {
        top: auto;
        right: 15px;
        bottom: 206px;
        width: 80px;
        z-index: 3;
    
    }
	.ekran-box .page-header {
        margin-top: 30px;
        margin-bottom: 50px;
        max-width: 240px;
        font-size: 27px;
        letter-spacing: -0.03em;
    
    }
	.ekran-box .page-header span {
        /* display: block; */
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 95px;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
	header {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 45px;
	}
	a.navbar-brand {
        flex: 0 0 188px;
        max-width: 188px;
    }
    .backdrop_content_inner a.navbar-brand {
        margin-left: 10px;
        display: block;
    
    }
	.headerClasses .one-wrap-box {
		display: none;
	}
}
@media (min-width: 768px) {
    .work-img img {
        max-height: 250px;
    
    }
	.menu li.delimiter ul.dropdown-menu > li:first-child {
		border-top: 1px solid #dddddd;
		padding-top: 30px;
	}
    .menu li.delimiter ul.dropdown-menu {
        padding: 0 30px 30px;
    
    }
	.main-menu.menu li.delimiter a.ugol {
        width: 100%;
        height: 78px;
        position: relative;
        background: url("../images/ugol-grow.png") no-repeat right center;
        overflow: hidden;
        display: flex;
        align-items: center;
        color: #02021E;
        font-size: 20px;
        text-indent: 30px;
        font-weight: bold;
        padding-left: 30px;
    
    }
	.delimiter .ugol:before {
        content: "";
        position: absolute;
        background: #f5f5f7;
        width: calc(100% - 86px);
        margin-left: -30px;
        height: 78px;
        z-index: -1;
    
    }
    .ugol {
        width: 100%;
        height: 78px;
        position: relative;
        background: url("../images/ugol.png") no-repeat right center;
        overflow: hidden;
    
    }
	.cnt-container h1.page-header {
        font-size: 50px;
    
    }
	.text .item-header {
		font-size: 24px;
	}
	.reviews-description-blog {
		line-height: 170%;
	}
	.before-reviews .module-header {
		font-size: 28px;
	}
	.completed .value{
		font-size: 45px;
	}
	.completed .name {
		font-size: 18px;
		margin-left: 30px;
	}
	.project-hdr h1.page-header {
		font-size: 52px;
	}
	.productfull .jshop_oiproduct .prod_price_inner {
		font-size: 36px;
	}
	.productfull .jshop_oiproduct .prod_price_inner span#block_price {
		font-size: 54px;
	}
	.progress-bar-item {
		margin-top: 5px;
	}
	.jshop_oiproduct h1.page-header {
        font-size: 64px;
        line-height: 100%;
        letter-spacing: -0.01em;
        text-transform: none;
        /* margin-top: 30px; */
    
    }
	.oiproduct {
        padding: 40px;
    
    }
	.corner {
		padding: 0 45px 45px;
	}
	.faq_list_block {
		margin-right: 0;
		margin-left: 0;
	}
	.faq_list_block .faq_block {
		padding-right: 25px;
		padding-left: 25px;
	}
	.item_question {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.techno.page-sect {
		padding-top: 50px;
	}
	.jshop_price {
		font-size: 20px;
	}
	.jshop_price span {
		font-size: 32px;
	}
    .jshop_price.buy span {
		font-size: 28px;
	}
	.ttx-item > * {
		font-size: 14px;
	}
	.product-item div.name {
		font-size: 20px;
	}
	.cataloge a {
		font-size: 18px; 
	}
	.cataloge li ul a {
		font-size: 16px;
	}
	.category_description ul {
		-moz-column-count: 2;
		-moz-column-gap: undefinedpx;
		-webkit-column-count: 2;
		-webkit-column-gap: undefinedpx;
		column-count: 2;
		column-gap: undefinedpx;
	}
	.category_description li:before {
		flex: 0 0 20px;
		max-width: 20px;
		height : 20px;
	}
	.jshop-hdr .row .category_description {
		padding-top: 30px;
		padding-left: 30px;
	}
	.garanty-txt {
		font-size: 14px;
		margin-right: 30px;
		margin-left: 30px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.garanty-num > div + div {
		padding-left: 15px;
		margin-left: 15px;
	}
	.garanty-txt .num {
		font-size: 32px;
		margin-right: 10px;
	}
	.techno [class*="col-"] > * {
		padding-right: 30px;
		padding-left: 30px;
	}
	.cataloge li.parent span.icon {
		top: 30px;
	}
	.category_description ul {
		-moz-column-count: 2;
		-moz-column-gap: undefinedpx;
		-webkit-column-count: 2;
		-webkit-column-gap: undefinedpx;
		column-count: 2;
		column-gap: undefinedpx;
	}
	.jshop-hdr h1.page-header {
        font-size: 50px;
        margin-bottom: 30px;
        margin-top: 0px;
    
    }
	.folder.jshop-hdr {
		padding: 0;
	}
	.folder.jshop-hdr > [class=*"row"] {
		margin: 0; 
	} 
	.folder-marine:before {
		width: 235px;
	}
	.folder-marine:after{
		left: 235px;
	}
	.folder.folder-marine {
        margin-top: 25px;
        margin-bottom: 25px;
        border-radius: 0 28.512px 28.51px 28.51px;
    
    }
    .folder.folder-marine.jshop-hdr {
        margin-top: 75px;
    
    }
	.folder.folder-marine:before {
		border-radius: 28.512px 0 0 0;
	}
	.before-ftr-container > .row > [class*="col-"] {
		margin-top: -110px;
	}
	.before-ftr {
		border-radius: 47.52px;
	}
	.before-ftr-container > .row {
        border-radius: 0 0 47.52px 47.52px;
        padding: 40px;
        /* overflow: hidden; */
    
    }
	.before-ftr-container > .ugol {
		height: 114px;
		border-radius: 47.52px 0 0 0;
	}
	.before-ftr-container > .ugol:before {
		width: calc(100% - 114px);
		height: 144px;
	}
	.mod-reviews-fade .reviews-head {
		font-size: 24px;
	}
	.before-ftr .sf2-header .sf2-title {
		font-size: 32px;
	}
	.before-ftr .sf2-header .sf2-title {
		margin-bottom: 35px;
	}
	.mod-reviews-fade .reviews-description-blog {
		margin-bottom: 15px;
	}
	/*------------------------------------------------------*/
	.before-ftr-container > .row > [class*="col-"]:first-child {
		padding-right: 15px;
	}
	.before-ftr-container > .row > [class*="col-"]:last-child {
		padding-left: 15px;
	}
	.project-info .txt {
		font-size: 16px;
	}
	.project-info .txt > * + * {
		margin-top: 7px;
	}
	.project-info {
		padding: 20px;
	}
	.mod-project .slider-arrow {
		bottom: 60px;
		right: 60px;
		left: auto;
	}
	.project-info div.title{
		font-size: 24px;
		padding-bottom: 25px;
	}
	.project-mask img {
		max-height: 300px;
	}
	.project-bg {
		padding-top: 30px;
		padding-bottom: 70px;
	}
	.vote-nav {
		bottom: 0;
	}
	.ugol {
		border-radius: 20px 0 0 0;
	}
	.reviews-head{
		padding-bottom: 15px;
		margin-top: -50px;
		margin-bottom: 20px;
	}
	.reviews-box{
		padding:0 20px 30px;
		border-radius: 0 0 20px 20px;
	}
	.row-reviews .module-header{
		font-size: 26px;
	}
	.task-item img {
		margin-bottom: 30px;
	}
	.task-desc {
		font-size: 16px;
	}
	.task-item {
		padding-top:50px;
		padding-bottom:50px;
		padding-right:30px;
		padding-left:30px;
	}
	.task_items .page-header {
		margin-bottom: 70px;
	}
	.service-row div a img {
		border-radius: 50px;
		flex: 0 0 50px;
		max-width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 22px;
		margin-right: 15px;
	}
	.mod-service a.name {
		font-size: 22px;
		border-radius: 20px;
		padding: 25px;
	}
	.mod-service .hdr-row {
		padding-bottom: 30px;
	}
	.mod-service .folder {
		padding-bottom: 30px;
	}
	.mod-service .desc {
		font-size: 18px;
		line-height: 110%;
	}
	.mod-service .desc span {
		margin-right: 20px;
	}
	.mod-service .desc img {
		flex: 0 0 190px;
		max-width: 190px;
	}
	.mod-project .mdl-header{
		font-size: 75px;
		line-height: 100%;
	}
	.mod-service .row {
		margin-right: -10px !important;
		margin-left: -10px !important;
		margin-bottom: -20px;
	}
	.mod-service .row [class*="col-"] {
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.mod-resume .item {
		max-width: 357px;
		min-height: 357px;
	}
	.mod-resume img {
		margin-bottom: 25px;
	}
	.mod-resume .item .title{
		font-size: 22px;
		margin-bottom: 15px;
		padding: 0 50px;
	}
	.mod-resume .item .desc {
		font-size: 16px;
		padding: 0 50px;
	}
	.featured-page .mod-resume {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.resume-carousel {
		display: flex; 
		align-items: center;
		justify-content: space-between;
	}
	.mod-vip img {
		margin-bottom: 30px;
	}
	div.vip-txt {
		font-size: 30px;
	}
	.slider-dots-firstscreen .slick-dots li,
	.slider-dots-firstscreen .slick-dots li button,
	.slider-dots-firstscreen .slick-dots li button:before {
		width: 30px;
	}
	.ekran-left .ekran-bottom {
		padding-top: 20px;
	}
	.ekran-bottom .num, .about-item .num {
		font-size: 36px;
	}
	.ekran-bottom .txt, .about-item .desc {
		font-size: 14px;
		max-width: 150px;
		margin-left: 10px;
	}
	.ekran-left {
		padding: 30px 20px 20px;
		height: 100%;
	}
	.ekran-box .title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.ekran-box .beforedesc{
		font-size: 15px;
		line-height: 120%;
	}
	.ekran-right img {
		object-fit: cover;
		height: 100%;
	}
	.ekran-left img {
		top: 10%;
		right: 5%;
		width: 100px;
	}
	.ekran-box .page-header {
        font-size: 40px;
        margin-top: 20px;
        max-width: 60%;
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 50px;
	}
	.slider-dots-firstscreen .slick-dots {
		max-width: 33.3333333333%;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 20px;
		bottom: 20px;
		left: 20px;
	}
	header {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 45px;
	}
	.headerClasses button.sf2-callBtn {
		border-radius: 40px;
		padding: 0 8px 0 16px;
		line-height: 40px;
		color: #02021e;
		font-size: 12px;
	}
	.headerClasses button.sf2-callBtn:after {
		content: "";
		width: 25px;
		height: 25px;
		border-radius: 25px;
		background: url("../images/wwant.svg") no-repeat center center #41bbb4;
		background-size: 12px;
		margin-left: 10px;
	}
	a.navbar-brand {
		flex: 0 0 188px;
		max-width: 188px;
		margin-right: 25px;
	}
	.headerClasses {
		margin-left: 15px;
	}
	ul.cataloge > li {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	div.side-bar > ul.cataloge {
		padding: 0 25px;
	}
	.columns-2 div[class*="col-"]{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.columns-3 div[class*="col-"]{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.3333333333%;
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}
	.columns-4 div[class*="col-"]{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
}
@media (max-width: 1023px) {
        .before-ftr-container .phone img {
        margin-bottom: -40px;
        right: 0%;
        margin-top: 25%;
    
    }
    .mobile-clone > li > a {
        line-height: 50px;
        border-top: 1px solid #d7d7d7;
        font-size: 18px;
        width: 100%;
    
    }
    .mobile-clone > li > a.dropdown-toggle {
        border: 0px !important;
    
    }
    .backdrop_content_inner {
        padding: 27px 65px 9px 20px !important;
    
    }
	.main-menu.menu.mobile-clone {
        background: #ffffff;
        padding: 20px;
        border-radius: 20px;
        min-height: 600px;
        /* height: 92vh; */
        position: relative;
    
    }
	.mobile-clone a.dropdown-toggle {
		justify-content: space-between;
	}
	.mobile-clone a.dropdown-toggle:after {
		filter: invert(1);
	}
	.before-reviews img {
		margin-bottom: 30px;
	}
	.before-reviews .module-header {
		text-align: center;
	}
	.firstscreen-project button.sf2-callBtn {
		margin-top: 30px;
	}
	.item-project-hdr {
		padding: 50px;
		-webkit-mask-image: none;
		mask-image: none;
		margin-top: 30px;
	}
	.item-project-hdr:before {
		display: none;
	}
	.firstscreen-project h1.page-header,
	.project-hdr h1.page-header {
		margin-top: 0;
	}
	.project-hdr {
		-webkit-mask-image: none;
		mask-image: none;
	}
	.project-hdr:before {
		display: none;
	}
	.faq_list_container .mdl-header {
		text-align: center;
		margin-top: 50px;
	}
	.techno-hdr,
	.bottom_price_box {
		flex-direction: column;
	}
	.techno-hdr .process,
	.jshop_price {
		margin-bottom: 15px;
	}
	.offer {
		display: flex;
		flex-direction: column;
		line-height: 120%;
	}
	.copy-link {
        display: contents;
        /* flex-direction: column; */
    
    }
	.copy-link a {
		line-height: 120%;
	}
	.before-ftr .sf2-header .sf2-title {
		line-height: 100%;
	}
	.row-task [class*="col-"]:nth-child(2) .task-item,
	.row-task [class*="col-"]:nth-child(4) .task-item,
	.row-task [class*="col-"]:nth-child(6) .task-item,
	.row-task [class*="col-"]:last-child .task-item {
		border-right: none;
	}
	.row-task [class*="col-"] .task-item {
		border-right: 1px solid rgba(255, 255, 255, 0.3);
	}
	.row-task [class*="col-"]:nth-child(-n+6) .task-item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	.folder {
		border-radius: 0 20px 20px 20px;
	}
	.folder:before {
        border-radius: 20px 0 0 0;
        width: 40%;
        height: 40px;
        top: -39px;
    
    }
	.folder:after {
        width: 60px;
        height: 40px;
        top: -39px;
        left: 40%;
    
    }
	.mod-resume .item {
		margin-right: auto;
		margin-left: auto;
	}
	.mod-vip .d-flex {
		flex-direction: column;
	}
	.ekran-right {
		border-radius: 20px;
	}
	.ekran-left {
		border-radius: 0 0 20px 20px;
	}
	.backdrop_content_inner .main-menu.menu li.delimiter {
		width:100%;
		float:none;
	}
	.backdrop_content_inner li.mutter > ul.dropdown-menu > li + li {
		margin-top: 10px;
	}
	.backdrop_content_inner a[title*="mutter"] + ul {
        background: #f5f5f5;
        padding: 10px 5px;
        min-width: 100%;
        border-radius: 10px;
        margin: 8px 0px;
    
    }
	.main-menu.menu li.delimiter a[title*="delimiter"]{
        color: #1A9FD7;
        border-bottom: 1px solid #dddddd;
        font-size: 16px;
        margin-bottom: 10px;
    
    }
	.main-menu.menu li.delimiter a{
        font-size: 14px;
        display: block;
        padding: 3px 0px;
    
    }
	.headerClasses {
		display: flex;
		align-items: center;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.row-reviews.columns-3 div[class*="col-"] {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.project-item .item-content {
		padding: 20px;
	}
	.project-item .item-header {
		font-size: 24px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.col-project-item:before {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
	.col-project-item .name {
		display: none;
	}
	.row-faq .col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.row-faq .col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.jshop-hdr .category_img {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		position: initial;
	}
	.jshop-hdr .category_img img {
		max-width: 320px;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 28.512px 0 0;
	}
	.jshop-hdr .row .category_description {
		z-index: 2;
		transition: all 0.75s ease;
	}
	.jshop-hdr .row:hover .category_description {
		filter: blur(10px);
	}
	.jshop-hdr .row:hover img {
		z-index: 3;
	}
	.copy-link {
		text-align: right;
	}
	.copy-link a {
		display: block;
	}
	.mod-service.mod-project .folder {
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
	}
	.mod-service .hdr-row [class*="col-"] {
		margin: 0;
	}
	.mod-service .mdl-header {
		font-size: 60px;
		line-height: 100%;
		flex-direction: row !important;
		margin-top: 15px;
		
	}
	.mod-service .mdl-header span + span {
		margin-left: 10px;
	}
	.ekran-bottom button.sf2-callBtn {
		border-radius: 35px;
		padding: 0 15px;
		line-height: 35px;
		font-size: 14px;
	}
	.ekran-bottom button.sf2-callBtn:before {
		left: -35px;
		width: 35px;
		height: 35px;
		border-radius: 35px;
		background-size: 20px;
	}
	.slider-item .row {
		margin-right: -7px !important;
		margin-left: -7px !important;
	}
	.slider-item .row > [class*="col-"] {
		padding-right: 7px;
		padding-left: 7px;
	}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.cnt-info {
		font-size: 18px;
	}
	.soc_list a {
		border-radius: 40px;
		max-width: 40px;
		height: 40px;
		flex: 0 0 40px;
	}
	.folder-cnt small {
		font-size: 12px;
	}
	.soc_list img {
		max-width: 20px;
		object-fit: contain;
	}
	.reviews-text .item-header {
		font-size: 16px;
	}
	.item-project-hdr {
		padding: 40px;
	}
	.firstscreen-project button.sf2-callBtn {
		padding: 0 10px 0 20px;
		height: 50px;
		line-height: 50px;
		border-radius: 50px;
		font-size: 14px;
		margin-top: 15px;
	}
	.firstscreen-project button.sf2-callBtn:after {
		content: "";
		width: 30px;
		height: 30px;
		border-radius: 30px;
		background: url("../images/want.svg") no-repeat center center #ffffff;
		background-size: 15px;
		margin-left: 10px;
	}
	.firstscreen-project h1.page-header {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.total-experience > * + * {
		margin-top: 15px;
	}
	.col-project-item .name {
		display: none;
	}
	.project-hdr > div {
		padding-top: 30px;
	}
	.project-hdr {
		padding: 35px;
	}
	.progress-bar-box + .sect-pt-xs-3 {
		padding-top: 10px;
	}
	.jshop_oiproduct h1.page-header {
		margin-top: 15px;
	}
	.productfull .jshop_oiproduct .prod_price > span {
		font-size: 12px;
	}
	.row-faq .col-lg-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.row-faq .col-lg-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
	.mod-faq button.sf2-callBtn {
		border-radius: 50px;
		padding: 0 10px 0 20px;
		font-size: 14px;
		line-height: 50px;
	}
	.bottom_price_box {
		flex-direction: column;
	}
	.jshop_price {
		margin-bottom: 15px;
	}
	.side-bar > button.sf2-callBtn {
		border-radius: 50px;
		padding: 0 10px 0 20px;
		line-height: 50px;
		font-size: 12px;
	}
	.side-bar > button.sf2-callBtn:after {
		width: 30.02px;
		height: 30.02px;
		border-radius: 30.02px;
		background: url("../images/help.svg") no-repeat center center #41BBB4;
		background-size: 13px;
		margin-left: 10px;
	}
	.before-ftr .sf2-header .sf2-title {
		line-height: 100%;
	}
	.header ul.main-menu > .nav-item {
		font-size: 14px;
	}
	.before-reviews img {
		max-width: 250px;
	}
}
@media (min-width: 1024px) {
        .before-ftr-container .phone img {
    position: absolute;
    bottom: -40px;
    right: 0%;

}
    .mobile-top, .mobile-bottom {
        display: none;
    
    }
    .work-img img {
        max-height: 320px;
    
    }
	.menu li.delimiter ul.dropdown-menu {
		min-height: 311px;
	}
	.main-menu.menu li.delimiter a.ugol {
        width: 100%;
        height: 78px;
        position: relative;
        background: url("../images/ugol-grow.png") no-repeat right center;
        overflow: hidden;
        display: flex;
        align-items: center;
        color: #02021E;
        font-size: 24px;
        text-indent: 30px;
    
    }
	.cnt-container h1.page-header {
        font-size: 50px;
        margin-bottom: 150px;
    
    }
	.text .item-header {
		font-size: 26px;
	}
	.before-reviews .module-header {
        max-width: 650px;
        font-size: 30px;
    
    }
	.reviews-description-blog {
		line-height: 150%;
	}
	.completed .value{
		font-size: 32px;
	}
	.completed .name {
		font-size: 14px;
		margin-left: 15px;
	}
	.project-hdr h1.page-header {
        font-size: 60px;
    
    }
	.productfull .jshop_oiproduct .prod_price_inner {
		font-size: 20px;
	}
	.productfull .jshop_oiproduct .prod_price_inner span#block_price {
		font-size: 32px;
	}
	.progress-bar-item {
		margin-top: 5px;
	}
	.jshop_oiproduct h1.page-header {
        font-size: 32px;
        line-height: 100%;
        letter-spacing: -0.01em;
    
    }
	.oiproduct {
		padding: 40px 30px 30px;
	}
	.corner {
		padding: 0 25px 25px;
	}
	.faq_list_block {
		margin-right: -25px;
		margin-left: -25px;
	}
	.faq_list_block .faq_block {
		padding-right: 25px;
		padding-left: 25px;
	}
	.item_question {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.faq_list_container {
		padding-left: 50px;
	}
	.techno.page-sect {
		padding-top: 100px;
	}
	.jshop_price {
		font-size: 20px;
	}
    .jshop_price span {
		font-size: 32px;
	}
    .jshop_price.buy span {
		font-size: 28px;
	}
	.ttx-item > * {
		font-size: 14px;
	}
	.product-item div.name {
        font-size: 24px;
    
    }
	.cataloge a {
		font-size: 20px; 
	}
	.cataloge li ul a {
		font-size: 18px;
	}
	.category_description li:before {
		flex: 0 0 20px;
		max-width: 20px;
		height : 20px;
	}
	.garanty-txt {
		font-size: 16px;
		margin-right: 30px;
		margin-left: 30px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.garanty-num > div + div {
		padding-left: 10px;
		margin-left: 10px;
	}
	.garanty-txt .num {
		font-size: 42px;
		margin-right: 15px;
	}
	.techno [class*="col-"] > * {
		padding-right: 30px;
		padding-left: 30px;
	}
	.cataloge li.parent span.icon {
		top: 30px;
	}
	.jshop-hdr h1.page-header {
        font-size: 50px;
        margin-bottom: 30px;
    
    }
	.jshop-hdr .row .category_description {
		padding-top: 40px;
		padding-left: 40px;
	}
	.folder.jshop-hdr {
		padding: 0;
	}
	.folder.jshop-hdr > [class=*"row"] {
		margin: 0; 
	} 
	.folder-marine:before {
		width: 235px;
	}
	.folder-marine:after{
		left: 235px;
	}
	.mod-reviews-fade .reviews-description-blog {
		font-weight: 400;
		line-height: 140%;
	}
	.mod-reviews-fade .reviews-head {
		font-size: 32px;
	}
	.before-ftr form {
		padding: 40px 0 40px 40px;
	}
	.reviews-description-blog {
	font-size: 18px;
	margin-bottom: 20px;
}
	.before-ftr .sf2Style-default .sf2-form-group input.sf2-element, 
	.before-ftr .sf2Style-default .sf2-form-group textarea.sf2-element {
		line-height: 50px;
		font-size: 18px;
	}
	.before-ftr .sf2-header .sf2-title {
        font-size: 40px;
    
    }
	.before-ftr .sf2-header .sf2-title,
	.mod-reviews-fade .reviews-description-blog {
		margin-bottom: 40px;
	}
	/*------------------------------------------------------*/
	.before-ftr-container > .row > [class*="col-"]:first-child {
		padding-right: 20px;
	}
	.before-ftr-container > .row > [class*="col-"]:last-child {
		padding-left: 20px;
	}
	a[title*="mutter"] + ul {
		border-radius: 30px;
	}
	.project-info .txt {
		font-size: 18px;
	}
	.mod-service.mod-project .folder {
		padding-bottom: 40px;
	}
	.project-info .txt > * + * {
		margin-top: 15px;
	}
	.project-info {
		padding: 40px;
	}
	.mod-project .slider-arrow {
		bottom: 80px;
		right: auto;
		left: 80px;
	}
	.project-info div.title{
		font-size: 30px;
		padding-bottom: 25px;
	}
	.project-mask img {
		max-height: 410px;
	}
	.project-bg {
		padding-top: 70px;
		padding-bottom: 120px;
	}
	.vote-nav {
		bottom: 0;
	}
	.ugol {
		border-radius: 20px 0 0 0;
	}
	.reviews-head{
		padding-bottom: 15px;
		margin-top: -50px;
		margin-bottom: 20px;
	}
	.reviews-box{
		padding:0 20px 30px;
		border-radius: 0 0 20px 20px;
	}
	.reviews-description-blog{
		font-size: 17px;
		margin-bottom: 20px;
	}
	.vote-nav .num {
		font-size: 65px;
		margin-bottom: 30px;
	}
	.vote-nav .desc {
		font-size: 24px;
	}
	.row-reviews .module-header{
        font-size: 30px;
    
    }
	.task-item {
		padding-right:15px;
		padding-left:15px;
	}
	.task_items .page-header {
		margin-bottom: 100px;
	}
	.task-desc {
		font-size: 18px;
	}
	.row-task [class*="col-"] .task-item {
		border-right: 1px solid rgba(255, 255, 255, 0.3);
	}
	.row-task [class*="col-"]:nth-child(4) .task-item,
	.row-task [class*="col-"]:last-child .task-item {
		border-right: none;
	}
	.row-task [class*="col-"]:nth-child(-n+4) .task-item {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	.folder {
		border-radius: 0 40px 40px 40px;
	}
	.folder:before {
		border-radius: 40px 0 0 0;
	}
	.service-row div a img {
        border-radius: 80px;
        flex: 0 0 80px;
        max-width: 80px;
        height: 80px;
        line-height: 60px;
        font-size: 26px;
        margin-right: 65px;
    
    }
	.service-row div a:after {
        border-radius: 50px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 110px;
    
    }
	.mod-service a.name {
		font-size: 28px;
		border-radius: 25px;
		padding: 30px;
	}
	.mod-service .hdr-row {
		padding-bottom: 40px;
	}
	.mod-service .folder {
		padding-bottom: 50px;
	}
	.mod-service .desc {
		font-size: 18px;
		line-height: 110%;
	}
	.mod-service .desc span {
		margin-right: 20px;
	}
	.mod-service .desc img {
		flex: 0 0 190px;
		max-width: 190px;
	}
	.mod-service .mdl-header,
	.mod-project .mdl-header{
        font-size: 50px;
        line-height: 100%;
    
    }
	.mod-resume .item {
		max-width: 230px;
		min-height: 230px;
	}
	.mod-resume img {
		margin-bottom: 15px;
	}
	.mod-resume .item .title{
		font-size: 16px;
		padding: 0 20px;
		margin-bottom: 5px;
	}
	.mod-resume .item .desc {
		font-size: 12px;
		padding: 0 20px;
	}
	.featured-page .mod-resume {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mod-vip img {
		flex: 0 0 361px;
		max-width: 361px;
		margin-bottom: 0;   
		margin-right: 30px;   
	}
	div.vip-txt {
		font-size: 32px;
	}
	.slider-dots-firstscreen .slick-dots li,
	.slider-dots-firstscreen .slick-dots li button,
	.slider-dots-firstscreen .slick-dots li button:before {
		/* width: 60px; */
	}
	.ekran-left .ekran-bottom {
		padding-top: 30px;
	}
	.ekran-bottom .num, .about-item .num {
		font-size: 50px;
	}
	.ekran-bottom .txt, .about-item .desc {
		font-size: 18px;
		max-width: 200px;
		margin-left: 15px;
	}
	.ekran-left {
		padding: 30px;
	}
	.ekran-box .title {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.ekran-box .beforedesc{
		font-size: 18px;
		line-height: 120%;
	}
	.ekran-right img {
		object-fit: cover;
		height: 100%;
	}
	.ekran-left img {
		top: 10%;
		right: 5%;
		width: 130px;
	}
	.ekran-box .page-header {
        font-size: 55px;
        margin-top: 20px;
        max-width: 60%;
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 95px;
	}
	.slider-dots-firstscreen .slick-dots {
		max-width: 33.3333333333%;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 30px;
		bottom: 30px;
		left: 30px;
	}
	a.navbar-brand {
		flex: 0 0 199px;
		max-width: 199px;
		margin-right: 25px;
	}
	.menu li.delimiter ul.dropdown-menu li + li{
        margin-top: 15px;
    
    }
	.main-menu.menu li.delimiter a{
		padding: 0;
		color: #02021E;
		line-height: 100%;
		font-weight: 400;
		display: block;
	}
	.main-menu.menu li.delimiter a[title*="delimiter"]{
		font-size: 18px;
		/* text-transform: uppercase;
		margin-bottom: 15px;
		text-decoration:underline;*/
	} 
	.main-menu.menu li.delimiter a:hover{
		color:#1A9FD7;
		text-decoration:none;
	}
	.main-menu.menu li.delimiter a[title*="delimiter"]:hover{
		color:#02021E;
		text-decoration:none;
	}
	li.delimiter {
		padding-right: 10px;
		padding-left: 10px;
	}
	li.delimiter:first-child{
		padding-left: 0;
	}
	li.delimiter:last-child{
		padding-right: 0;
	}
	header {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 50px;
	}
	.headerClasses button.sf2-callBtn {
		border-radius: 50px;
		padding: 0 10px 0 20px;
		line-height: 50px;
		color: #02021e;
		font-size: 14px;
	}
	.headerClasses button.sf2-callBtn:after {
		content: "";
		width: 30px;
		height: 30px;
		border-radius: 30px;
		background: url("../images/wwant.svg") no-repeat center center #41bbb4;
		background-size: 15px;
		margin-left: 10px;
	}
	.headerClasses {
		margin-left: 25px;
	}
	ul.cataloge > li {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	div.side-bar > ul.cataloge {
		padding: 0 15px; 
	}
}  
@media (min-width: 1280px) {
    .about-desc{
        margin: 50px 268px 50px;
        font-size: 40px;
    
    }
    .service-row div a:after {
        left: 110px;
    
    }
    .work-img img {
        max-height: 430px;
    
    }
	.cnt-container h1.page-header {
        font-size: 50px;
        margin-bottom: 100px;
    
    }
	.article-item-box div.article-header {
		margin-bottom: 50px;
	}
	.text .item-header {
		font-size: 28px;
	}
	.article-blog h1 {
		padding-right: 5%;
		padding-left: 5%;
		margin-bottom: 85px;
	}
	.before-reviews .module-header {
        max-width: 800px;
        font-size: 30px;
    
    }
	.completed .value{
		font-size: 45px;
	}
	.completed .name {
		font-size: 18px;
		margin-left: 30px;
	}
	.project-hdr h1.page-header {
        font-size: 60px;
    
    }
	.product-description {
		margin-right: 7%;
		margin-left: 7%;
	}
	.progress-bar-box .info{
		font-size: 18px;
	}
	.productfull .jshop_oiproduct .prod_price_inner {
		font-size: 30px;
	}
	.productfull .jshop_oiproduct .prod_price_inner span#block_price {
		font-size: 40px;
	}
	.progress-bar-item {
		margin-top: 5px;
	}
	.jshop_oiproduct h1.page-header {
		font-size: 36px;
	}
	.oiproduct {
        padding: 40px;
    
    }
	.corner {
		padding: 0 35px 35px;
	}
	.faq_list_block {
		margin-right: -30px;
		margin-left: -30px;
	}
	.faq_list_block .faq_block {
		padding-right: 30px;
		padding-left: 30px;
	}
	.item_question {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.faq_list_container {
		padding-left: 60px;
	}
	.ttx-item > * {
		font-size: 16px;
	}
	.product-item div.name {
        font-size: 29px;
    
    }
	.cataloge a {
            font-size: 20px;
        
        }
	.cataloge li ul a {
		font-size: 20px;
	}
	.faq_list_block {}
	.faq_block {}
	.category_description li:before {
		flex: 0 0 24px;
		max-width: 24px;
		height : 24px;
	}
	.jshop-hdr .row .category_description {
		padding-top: 50px;
		padding-left: 50px;
	}
	.garanty-txt {
		font-size: 20px;
		margin-right: 40px;
		margin-left: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.garanty-num > div + div {
		padding-left: 40px;
		margin-left: 40px;
	}
	.garanty-txt .num {
		font-size: 60px;
		margin-right: 25px;
	}
	.jshop_price {
		font-size: 20px;
	}
	.jshop_price span {
		font-size: 32px;
	}
    .jshop_price.buy span {
		font-size: 32px;
	}
	.techno [class*="col-"] > * {
		padding-right: 40px;
		padding-left: 40px;
	}
	.techno.page-sect {
		padding-top: 150px;
	}
	.cataloge li.parent span.icon {
		top: 30px;
	}
	.jshop-hdr h1.page-header {
        font-size: 60px;
        margin-bottom: 30px;
    
    }
    .category_description li {
        margin-bottom: 20px;
    
    }
	.jshop-hdr .row .category_description {
		padding-top: 50px;
		padding-left: 50px;
	}
	.folder.jshop-hdr {
		padding: 0;
	}
	.folder.jshop-hdr > [class=*"row"] {
		margin: 0; 
	} 
	.folder-marine:before {
		width: 235px;
	}
	.folder-marine:after{
		left: 235px;
	}
	.before-ftr .sf2Style-default .sf2-form-group input.sf2-element, 
	.before-ftr .sf2Style-default .sf2-form-group textarea.sf2-element {
		line-height: 60px;
		font-size: 18px;
	}
	.before-ftr .sf2-header .sf2-title {
        font-size: 36px;
    
    }
	.before-ftr .sf2-header .sf2-title,
	.mod-reviews-fade .reviews-description-blog {
		margin-bottom: 45px;
	}
	/*------------------------------------------------------*/
	.before-ftr-container > .row > [class*="col-"]:first-child {
		padding-right: 25px;
	}
	.before-ftr-container > .row > [class*="col-"]:last-child {
		padding-left: 25px;
	}
	.project-info .txt {
        font-size: 18px;
    
    }
	.project-info .txt > * + * {
		margin-top: 25px;
	}
	.project-info {
		padding: 50px;
	}
	.mod-project .slider-arrow {
		bottom: 90px;
		left: 90px;
	}
	.project-info div.title{
		font-size: 32px;
		padding-bottom: 50px;
	}
	.project-mask img {
		max-height: 500px;
	}
	.project-bg {
		padding-top: 70px;
		padding-bottom: 120px;
	}
	.bald {
		margin-top: -60px;
	}
	.vote-nav {
		bottom: 40px;
	}
	.ugol {
            border-radius: 30px 0 0 0;
        
        }
	.reviews-head{
		padding-bottom: 15px;
		margin-top: -40px;
		margin-bottom: 20px;
	}
	.reviews-box{
		padding:0 40px 40px;
		border-radius: 0 0 30px 30px;
	}
	.reviews-description-blog{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.vote-nav .num {
		font-size: 70px;
		margin-bottom: 35px;
	}
	.vote-nav .desc {
        font-size: 24px;
    
    }
	.row-reviews .module-header{
		font-size: 40px;
	}
	.task-item {
		padding-right:30px;
		padding-left:30px;
	}
	.task_items .page-header {
		margin-bottom: 100px;
	}
	.task-desc {
		font-size: 20px;
	}
	.folder {
		border-radius: 0 47.52px 47.52px 47.52px;
	}
	.folder:before {
		border-radius: 47.52px 0 0 0;
	}
	.mod-service .hdr-row {
		padding-bottom: 60px;
	}
	.mod-service .folder {
		padding-bottom: 50px;
	}
	.mod-service a.name {
        font-size: 24px;
        border-radius: 30px;
        padding: 15px 25px;
    
    }
	.mod-service .desc {
		font-size: 20px;
		line-height: 120%;
	}
	.mod-service .desc span {
		margin-right: 50px;
	}
	.mod-service .desc img {
		flex: 0 0 229px;
		max-width: 229px;
	}
	.mod-service .mdl-header,
	.mod-project .mdl-header{
        font-size: 50px;
        line-height: 100%;
    
    }
	.mod-resume .item {
		max-width: 290px;
		min-height: 290px;
	}
	.mod-resume img {
		margin-bottom: 25px;
	}
	.mod-resume .item .title{
		font-size: 20px;
		padding: 0 30px;
		margin-bottom: 15px;
	}
	.mod-resume .item .desc {
		font-size: 15px;
		padding: 0 30px;
	}
	.featured-page .mod-resume {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.mod-vip img {
		margin-right: 100px;   
	}
	div.vip-txt {
		font-size: 36px;
	}
	.featured-page .mod-vip {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.slider-dots-firstscreen .slick-dots li,
	.slider-dots-firstscreen .slick-dots li button,
	.slider-dots-firstscreen .slick-dots li button:before {
		/* width: 80px; */
	}
	.ekran-left .ekran-bottom {
		padding-top: 40px;
	}
	.ekran-bottom .num, .about-item .num {
		font-size: 62px;
	}
	.ekran-bottom .txt, .about-item .desc {
            font-size: 22px;
            max-width: 260px;
            margin-left: 25px;
        
        }
	.ekran-left {
		padding: 50px;
	}
	.ekran-box .title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.ekran-box .beforedesc{
		font-size: 20px;
		line-height: 140%;
	}
	.ekran-right img {
		object-fit: cover;
		height: 100%;
	}
	.ekran-left img {
		top: 10%;
		right: 10%;
		width: 160px;
	}
	.ekran-box .page-header {
        font-size: 55px;
        margin-top: 20px;
        max-width: 60%;
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 95px;
	}
	.slider-dots-firstscreen .slick-dots {
		max-width: 33.3333333333%;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 40px;
		bottom: 50px;
		left: 40px;
	}
	header {
		padding-top: 27px;
		padding-bottom: 27px;
		margin-bottom: 50px;
	}
	.headerClasses button.sf2-callBtn {
		border-radius: 65px;
		padding: 0 14px 0 28px;
		line-height: 65px;
		font-size: 16px;
	}
	.headerClasses button.sf2-callBtn:after {
		content: "";
		width: 40px;
		height: 40px;
		border-radius: 40px;
		background: url("../images/wwant.svg") no-repeat center center #41bbb4;
		margin-left: 15px;
	}
	.row {
		margin-right: -20px !important;
		margin-left: -20px !important;
	}
	.row > [class*="col-"] {
            margin-bottom: 40px;
            padding-right: 20px;
            padding-left: 20px;
        
        }
	ul.cataloge > li {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	div.side-bar > ul.cataloge {
		padding: 5px 35px;
	}
	.mod-price ul li + li {
		margin-top: 30px;
	}
}
@media (min-width: 1280px) and (max-width: 1535px) {
	.mod-faq button.sf2-callBtn {
		border-radius: 50px;
		padding: 0 10px 0 20px;
		font-size: 14px;
		line-height: 50px;
	}
}
@media (min-width: 1536px){
	.cnt-container h1.page-header {
        font-size: 50px;
        margin-bottom: 100px;
    
    }
	.article-item-box div.article-header {
		margin-bottom: 70px;
	}
	.article-blog.sect-pb-lg-7 {
		padding-bottom: 170px;
	}
	.text .item-header {
		font-size: 31px;
	}
	.before-reviews .module-header {
        max-width: 970px;
        font-size: 30px;
    
    }
	.completed .value{
		font-size: 65px;
	}
	.completed .name {
		font-size: 23px;
		margin-left: 30px;
	}
	.project-hdr h1.page-header {
        font-size: 60px;
        max-width: 400px;
    
    }
	.progress-bar-item {
		margin-top: 30px;
	}
	.productfull .jshop_oiproduct .prod_price_inner {
		font-size: 36px;
	}
	.productfull .jshop_oiproduct .prod_price_inner span#block_price {
		font-size: 54px;
	}
	.progress-bar-box .progress-bar-item {
		margin-top: 10px;
	}
	.jshop_oiproduct h1.page-header {
		font-size: 45px;
	}
	.oiproduct {
        padding: 40px;
    
    }
	.corner {
		padding: 0 45px 45px;
	}
	.faq_list_block {
		margin-right: -40px;
		margin-left: -40px;
	}
	.faq_list_block .faq_block {
		padding-right: 40px;
		padding-left: 40px;
	}
	.item_question {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.faq_list_container {
		padding-left: 90px;
	}
	.garanty-txt {
		font-size: 23px;
		margin-right: 50px;
		margin-left: 50px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.garanty-num > div + div {
		padding-left: 50px;
		margin-left: 50px;
	}
	.garanty-txt .num {
		font-size: 66px;
		margin-right: 25px;
	}
	.jshop_price {
		font-size: 24px;
	}
	.jshop_price span {
		font-size: 36px;
	}
    .jshop_price.buy span {
		font-size: 32px;
	}
	.techno [class*="col-"] > * {
		padding-right: 40px;
		padding-left: 40px;
	}
	.techno.page-sect {
        padding-top: 150px;
    
    }
	.cataloge li.parent span.icon {
		top: 30px;
	}
	.jshop-hdr h1.page-header {
        font-size: 60px;
        margin-bottom: 40px;
    
    }
	.jshop-hdr .row .category_description {
		padding-top: 50px;
		padding-left: 50px;
	}
	.folder.jshop-hdr {
		padding: 0;
	}
	.folder.jshop-hdr > [class=*"row"] {
		margin: 0; 
	} 
	.folder-marine:before {
		width: 235px;
	}
	.folder-marine:after{
		left: 235px;
	}
	.before-ftr .sf2-header .sf2-title,
	.mod-reviews-fade .reviews-description-blog {
		margin-bottom: 50px;
	}
	.before-ftr-container{
		max-width: 1332px;
	}
	/*------------------------------------------------------*/
	.before-ftr-container > .row > [class*="col-"]:first-child {
		padding-right: 30px;
	}
	.before-ftr-container > .row > [class*="col-"]:last-child {
		padding-left: 30px;
	}
	.mod-project .slider-arrow {
		bottom: 90px;
		left: 90px;
	}
	.project-info div.title{
        font-size: 30px;
        padding-bottom: 70px;
        max-width: 80%;
    
    }
	.project-mask img {
		max-height: 550px;
	}
	.project-bg {
		padding-top: 95px;
		padding-bottom: 170px;
	}
	.reviews-head{
		padding-bottom: 15px;
		margin-top: -40px;
		margin-bottom: 20px;
	}
	.reviews-box{
		padding:0 40px 40px;
		border-radius: 0 0 30px 30px;
	}
	.reviews-description-blog{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.vote-nav .num {
		font-size: 80px;
	}
	.vote-nav .desc {
        font-size: 24px;
    
    }
	.row-reviews .module-header{
        font-size: 30px;
    
    }
	.task-item {
		padding-right:30px;
		padding-left:30px;
	}
	.task_items .page-header {
		margin-bottom: 100px;
	}
	.task-desc {
		font-size: 21px;
	}
	.mod-service .hdr-row {
		padding-bottom: 60px;
	}
	.mod-service .folder {
		padding-bottom: 50px;
	}
	.mod-service .desc {
		font-size: 20px;
		line-height: 120%;
	}
	.mod-service .desc span {
		margin-right: 50px;
	}
	.mod-service .mdl-header,
	.mod-project .mdl-header{
        font-size: 45px;
        line-height: 100%;
    
    }
	.mod-resume .item {
		max-width: 300px;
		min-height: 300px;
	}
	.mod-resume .item .title{
		font-size: 20px;
		padding: 0 30px;
	}
	.mod-resume .item .desc {
		font-size: 15px;
		padding: 0 30px;
	}
	.featured-page .mod-resume {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.mod-vip img {
		margin-right: 100px;   
	}
	div.vip-txt {
        font-size: 35px;
    
    }
	.ekran-right img {
		object-fit: cover;
		height: 100%;
	}
	.ekran-left img {
        top: 20%;
        right: 10%;
        width: 190px;
    
    }
	.ekran-box .page-header {
        font-size: 58px;
        margin-top: 12%;
        max-width: 400px;
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 95px;
	}
	.slider-dots-firstscreen .slick-dots {
		max-width: 33.3333333333%;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 40px;
		bottom: 50px;
		left: 40px;
	}
	.header ul.main-menu >  li.nav-item +  li.nav-item {
		margin-left: 50px;
	}
	ul.cataloge > li {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	div.side-bar > ul.cataloge {
		padding: 10px 40px;
	}
	footer .copy-link a + a {
		margin-left: 30px;
	}
	.footer-logo {
		margin-left: 50px;
	}
	footer .before-ftr {
		padding-top: 152px;
		padding-bottom: 152px;
	}
	ul.list-tags {
		margin-right: 200px;
		margin-left: 200px;
	}
}
@media (min-width: 1660px){
    .work-img img {
        max-height: 550px;
    
    }
	.folder.folder-cnt {
		padding-top: 90px;
		padding-right: 60px;
		padding-bottom: 60px;
		padding-left: 60px;
	}
	.cnt-container h1.page-header {
        font-size: 60px;
        margin-bottom: 100px;
    
    }
	.article-item-box div.article-header {
		margin-bottom: 0;
	}
	.before-reviews .module-header {
        max-width: 1000px;
        font-size: 30px;
    
    }
	div.before-reviews {
		padding-bottom: 200px;
	}
	.item-project-img img {
		width: 100%;
		height: 655px;
		object-fit: cover;
	}
	.completed .value{
		font-size: 65px;
	}
	.completed .name {
		font-size: 23px;
		margin-left: 30px;
	}
	.project-hdr h1.page-header {
        font-size: 60px;
    
    }
	.progress-bar-box .progress-bar-item {
		margin-top: 15px;
	}
	.jshop_oiproduct h1.page-header {
		font-size: 64px;
	}
	.oiproduct {
        padding: 40px;
    
    }
	.faq_list_block {
		margin-right: -50px;
		margin-left: -50px;
	}
	.faq_list_block .faq_block {
		padding-right: 50px;
		padding-left: 50px;
	}
	.item_question {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.garanty-txt {
		font-size: 23px;
		margin-right: 50px;
		margin-left: 50px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.garanty-num > div + div {
		padding-left: 50px;
		margin-left: 50px;
	}
	.garanty-txt .num {
		font-size: 66px;
		margin-right: 25px;
	}
	.techno [class*="col-"] > * {
		padding-right: 40px;
		padding-left: 40px;
	}
	.techno.page-sect {
        padding-top: 150px;
    
    } 
	.jshop-hdr h1.page-header {
        font-size: 60px;
        margin-bottom: 50px;
    
    }
	.jshop-hdr .row .category_description {
		padding-top: 50px;
		padding-left: 50px;
	}
	.folder.jshop-hdr {
            padding: 0px;
        
        }
	.folder.jshop-hdr > [class=*"row"] {
		margin: 0; 
	} 
	.folder-marine:before {
		width: 235px;
	}
	.folder-marine:after{
		left: 235px;
	}
	.before-ftr .sf2-header .sf2-title,
	.mod-reviews-fade .reviews-description-blog {
		margin-bottom: 57px;
	}
	.before-ftr-container > .row > [class*="col-"]:first-child {
		padding-right: 35px;
	}
	.before-ftr-container > .row > [class*="col-"]:last-child {
		padding-left: 35px;
	}
	.item-content .page-header {
		margin-bottom: 80px;
	}
	.article-box.sect-pb-xl-7 {
		padding-bottom: 170px;
	}
	.item-content {
		font-size: 18px;
		line-height: 200%;
	}
	.mod-articles {
		padding-top: 170px;
		padding-bottom: 95px;
	}
	.mod-articles .mdl-header {
		margin-right: 150px;
		margin-left: 150px;
		padding-bottom: 95px;
	}
	/*------------------------------------------------------*/
	.mod-project .slider-arrow {
		bottom: 90px;
		left: 90px;
	}
	.project-info div.title{
		font-size: 39px;
		padding-bottom: 100px;
	}
	.project-info .txt > * + * {
		margin-top: 30px; 
	}
	.project-mask img {
		max-height: 620px;
	}
	.project-bg {
		padding-top: 95px;
		padding-bottom: 170px;
	}
	.reviews-head{
		padding-bottom: 35px;
		margin-top: -30px;
		margin-bottom: 45px;
	}
	.reviews-box{
		padding:0 50px 50px;
		border-radius: 0 0 30px 30px;
	}
	.reviews-description-blog{
		font-size: 22px;
		margin-bottom: 45px;
	}
	.vote-nav .num {
		font-size: 89px;
	}
	.vote-nav .desc {
        font-size: 28px;
        max-width: 330px;
    
    }
	.mod-review .before-reviews {
		padding-bottom: 150px;
	}
	.row-reviews .module-header{
        font-size: 32px;
        line-height: 1.4;
    
    }
	.task-item {
		padding-right:50px;
		padding-left:50px;
	}
	.task_items .page-header {
		margin-bottom: 120px;
	}
	.task-desc {
		font-size: 22px;
	}
	.mod-service .hdr-row {
		padding-bottom: 80px;
	}
	.mod-service .folder {
		padding-bottom: 70px;
	}
	.mod-service .desc {
        font-size: 20px;
        line-height: 144%;
    
    }
	.mod-service .desc span {
		margin-right: 80px;
	}
	.mod-service .mdl-header,
	.mod-project .mdl-header{
        font-size: 50px;
    
    }
	.mod-resume .item {
		max-width: 357px;
		min-height: 357px;
	}
	.mod-resume .item .title{
		font-size: 22px;
		padding: 0 50px;
	}
	.mod-resume .item .desc {
		font-size: 16px;
		padding: 0 50px;
	}
	.featured-page .mod-resume {
		padding-top: 75px;
		padding-bottom: 75px;
	}
	.mod-vip img {
		margin-right: 140px;   
	}
	div.vip-txt {
        font-size: 35px;
        margin-right: 50px;
        line-height: 1.4;
    
    }
	.ekran-left img {
		top: 15%;
		right: 10%;
		width: 220px;
	}
	.ekran-box .page-header {
        font-size: 60px;
        margin-top: 80px;
        max-width: 500px;
    
    }
	.glavnyj-ekran-box {
		padding-bottom: 95px;
	}
	.slider-dots-firstscreen .slick-dots {
		max-width: 32%;
	}
	.ekran-right .ekran-bottom {
		position: absolute;
		right: 40px;
		bottom: 50px;
		left: 40px;
	}
	.slider-item .col-md-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 68%;
		flex: 0 0 68%;
		max-width: 68%;
	}
	.slider-item .col-md-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 32%;
		flex: 0 0 32%;
		max-width: 32%;
	}
	div.article-header{
		margin-bottom: 95px;
	}
	.folder-about .title-items {
        padding-bottom: 50px;
    
    }
	.folder-about .title-items .txt {
        margin-top: 50px;
        font-size: 60px;
        line-height: 1.2;
        max-width: 825px;
    
    }
	.folder-about img {
		position: absolute;
		right:-30px;
		bottom: 0;
	}
	.firstscreen-project h1.page-header {
		font-size: 64px;
	}
	.faq_list_container {
		padding-left:110px;
	}
	.row-faq .col-md-3,
	.row-products .col-md-3 {
		flex: 0 0 27%;
		max-width: 27%;
	}
	.row-faq .col-md-9,
	.row-products .col-md-9 {
		flex: 0 0 73%;
		max-width: 73%;
	}
	.cataloge li.parent span.icon {
		top: 30px;
	}
	ul.cataloge > li {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	div.side-bar > ul.cataloge {
		padding: 15px 45px;
	}
	footer .copy-link a + a {
		margin-left: 50px;
	}
	.footer-logo {
		margin-left: 80px;
	}
}