@media screen and (min-width:992px){
	.type-lighting .hover-element .befor-hover .header-section{
		min-height:55px;
	}
}
@media screen and (max-width: 991px) {
#problysk{
	overflow:hidden;
}
    .container {
        max-width: 728px;
    }
    .pr-button-3,
    .call-to-action-3 {
        text-align: center;
        font-weight: 400;
    }
    .main-section {
        flex-direction: column-reverse;
		padding-top:72px;
    }
	.main-section.with-fullwidth-bg:before{
		background: rgb(13,4,2);
		background: linear-gradient(0deg, rgba(13,4,2,1) 0%, rgba(13,4,2,0) 100%);
	}
    .main-inner {
        flex-direction: column;
        align-items: center;
        margin-left: 5vw;
        margin-right: 5vw;
        display: flex;
    }
	.main-slider .swiper-slider{
		position:static;
		height:auto;
	}
    .heading {
        text-align: center;
        margin-bottom: 20px !important;
        font-size: 35px;
    }
    .main-content {
        width: auto;
        margin-bottom: 40px;
    }
    .pr-button {
        flex-direction: column;
        padding: 18px 38px;
        font-size: 16px;
        display: block;
    }
    .paragraph {
        width: auto;
        text-align: center;
        font-size: 16px;
    }
    .main-day-night {
        width: 100vw;
        height: 70vh;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .grid,
    .main-body {
        flex-direction: column;
        display: flex;
    }
    .b-title {
        width: 25vw;
        font-size: 24px;
		margin-bottom: 20px !important;
    }
    .left-title-block {
        width: 30vw;
        height: 35vh;
        margin-right: 5vw;
    }
    .p-2 {
        margin-bottom: 40px;
        font-size: 16px;
    }
    .work-steps {
        width: 50vw;
        margin-left: 0;
    }
    .works-body,
    .stages-body{
        margin-left: 5vw;
    }
    .text-block-2 {
        width: 40vw;
        font-size: 16px;
    }
    .icon-14 {
        font-size: 24px;
    }

    .heading-8,
    .p-10,
    .p-2-white-text,
    .testi-position,
    .text-block-11 {
        font-size: 16px;
    }
    .works-body {
        width: 90vw;
        margin-right: 5vw;
    }
    .grid {
        grid-template-columns: 1fr;
    }
    .marketing {
        width: 55vw;
        height: 40vh;
    }
    .heading-4,
    .phone-number-footer {
        font-size: 18px;
    }
    .our-advantages {
        padding-bottom: 100px;
    }
    .adv-body,
    .contact-content {
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .icon-2 {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        padding-left: 0;
    }
    .contact-email,
    .contact-items,
    .name {
        margin-bottom: 30px;
    }
    .contacts {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .contact-items {
        width: 100%;
        background-color: var(--white);
        margin-right: 0;
        padding: 40px;
    }
    .map-block {
        width: 100%;
    }
    .contact-bg {
        width: 100vw;
        height: 40vh;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }
   
    .main-body {
        width: 90vw;
        align-items: center;
        margin-bottom: 50px;
    }
    .main-icons {
        width: auto;
        max-width: none;
        margin-bottom: 50px;
        padding: 0;
    }
    .icn-s1 {
        width: 50px;
        height: 50px;
    }
    .main-icon{
        width: 20vw;
        max-width: none;
		padding:0 10px;
    }
    .icn-text {
        font-size: 14px;
    }
   
	.main-phone{
		margin-top: -94px;
        margin-left: 70px;
        display: block;
		font-size:18px;
	}
	.main-phone:not(:hover){
		color:#fff !important;
	}
	
	
    .work-steps .step-arrow {
        width: 50px;
        height: 50px;
        margin-right: 20px;
    }
    .left-title-block-2.testimonials-left0side {
        height: 50vh;
    }

    .testimonials .testi-head {
        padding-top: 10px;
        padding-bottom: 20px;
        padding-left: 20px;
        bottom: 0;
    }
    
    .testi-title {
        padding-bottom: 0;
        font-size: 16px;
    }
    .left-title-block-2 {
        width: 30vw;
        margin-right: 5vw;
    }
    .testi-name {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .testi-inner {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .icon-3 {
        margin: 0;
    }
    .testi-body {
        width: 85vw;
        margin-left: 5vw;
        margin-right: 5vw;
    }
	
    .main-img-night {
        width: 100vw;
        height: 100%;
    }
    .left-call {
        width: 90px;
        height: 90px;
        bottom: 3%;
        left: 87%;
    }

    .header-section {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .p-12 {
        width: auto;
        font-size: 16px;
        line-height: 140%;
    }

    .contact-blocks {
        width: 50vw;
        height: auto;
        flex-direction: column;
    }
    .email,
    .list-item,
    .phone {
        margin-bottom: 40px;
    }
    .grid-4 {
        width: auto;
        padding: 20px 10px;
    }
    .map-block iframe {
        height: auto;
		min-height:350px;
    }
    
    .white-popup-block {
        width: 60vw;
        padding: 40px;
    }
	.white-popup-block .mfp-close{
		top:0;
		right:0;
	}
    .white-popup-block .form-control {
        padding-top: 5px;
        padding-bottom: 15px;
        padding-left: 5px;
        font-size: 16px;
		margin-bottom:40px;
    }
    .modal-title {
        margin-bottom: 15px !important;
        font-size: 24px;
    }
    .modal-text {
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 140%;
    }
    .white-popup-block .pr-button {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 16px;
    }
    .pr-button-3 {
        border-width: 1px;
        font-size: 16px;
    }
    .call-to-action-3 {
        font-size: 16px;
        line-height: 140%;
    }
    .menu-tablet-mobile {
        margin-right: 5vw;
        display: block;
		position:relative;
		z-index:101;
    }
	.type-lighting{
		display: block;
		width:100%;
		height:auto;
	}
	
	.type-lighting .hover-element{
		height:50vh;
		width:100%;
	}
	
	.type-lighting .hover-element .bg-lighting{
		width:auto;
		height:100%;
		right:0;
		left:initial;
	}
	
	.type-lighting .hover-element .after-hover .icon-lighting{
		max-width:unset;
		width:60px;
		margin-bottom: 25px;
	}
	
	.type-lighting .hover-element:before{
		 background: linear-gradient(270deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 1) 50%);
	}
	.type-lighting .hover-element:hover:before{
		background: linear-gradient(270deg, rgba(0, 0, 0, 0.38) 31%, rgba(0, 0, 0, 1) 50%);
	}
	
	.type-lighting .hover-element .befor-hover{
		display:none;
	}
	.type-lighting .hover-element .after-hover{
		width: 60vw;
        max-width: none;
        display: block;
        top: 50%;
		transform: translateY(-50%);
        bottom: initial !important;
        opacity: 1;
        visibility: visible;
        padding: 0;
        left: 5%;
	}
	
	.our-work .layout-grid{
		display:flex;
		grid-template-columns:1fr;
		flex-direction: column;
	}
	.our-work .swiper-block{
		width: 55vw;
        height: 40vh;
	}
	.our-work .swiper-button-next:after, 
	.our-work .swiper-button-prev:before,
	.main-slider .swiper-button-next:after,
	.main-slider .swiper-button-prev:before{
		font-size:24px;
	}
	.advantages-list .item,
	.advantages-list .item:nth-child(4n + 2), 
	.advantages-list .item:nth-child(4n + 3){
		width:50%;
	}
	.testimonnial-body{
		width: 55vw;
        height: auto;
		border: 1px solid #c7c7c7;
	}
	.testimonials .swiper-slider{
		height:auto;
	}
	.testimonials .swiper-slide .testimonial{
		flex-direction:column;
		height:115vh;
		border:0;
	}
	.testimonials .swiper-slide .first-testimonial{
		width:100%;
		height: 85vh;
	}
	
	.testimonials .swiper-slide .img-testimonial{
		order:-1;
		flex: none;
		height: 30vh;
	}
	.testimonials .testi-text{
		padding: 0 0 100px;
        font-size: 16px;
	}
	.testimonials .swiper-navigation{
		width:100%;
		height:80px;
		border:0;
	}
	.testimonials .swiper-navigation .swiper-button-next, 
	.testimonials .swiper-navigation .swiper-button-prev{
		width:26px;
		height:26px;
		margin-top:-13px;
	}
	.testimonials .swiper-navigation .swiper-button-prev{
		left:5%;
	}
	.testimonials .swiper-navigation .swiper-button-next{
		left:auto;
		right:5%;
	}
	.testimonials .swiper-navigation .swiper-pagination{
		width:150px;
		left:50%;
		margin-left:-75px;
	}
	.certificats .row .item{
		width:33.3333%;
	}
	.work-steps .step{
		margin-bottom:10px;
	}
	.section-products .section-inner{
		margin-left:5vw;
		margin-right:5vw;
	}
	.product-card .item-title{
		font-size:24px;
		margin-bottom:10px;
	}
	
	.row-products .product-card{
		flex-direction:column;
		border-radius:10px;
	}
	
	.product-card .col-text,
	.product-card .col-img{
		width:100%;
	}
	
	.product-card .col-price .item-price-value .item-price,
	#formBuy .heading-form,
	#formBuy #total-price{
		font-size:24px;
	}
	#formBuy .price-name-product-card,
	.product-card .item-atts .item,
	.product-card .item-weight, 
	.product-card .item-dimm{
		font-size:16px;
	}
	.product-card .item-power .item-subname,
	.power-items button,
	.product-card .col-price .item-price-value .item-name{
		font-size:14px;
	}
	.product-card .item-atts .item,
	.product-card .item-power .item-subname{
		margin-bottom:10px;
	}
	.power-items button{
		border-radius:4px;
	}
	
	
	.product-card .col-img .main-img{
		margin-top:0;
		min-height:unset;
	}
	
	.product-card .col-img .main-img img{
		position:static;
		width:100%;
		height:auto;
		transform:none;
	}
	.product-card .col-price .button-buy,
	.row-services .product-card .pr-button.modal-form-link{
		font-size:18px;
		padding: 14px 0;
	}
	
	    .icon-weight, .icon-dimm {
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }
	.row-services .product-card .col-text{
		padding-right:0px;
	}
	
	.row-services .product-card .col-img .main-img{
		height:auto;
		padding:0;
	}
	.row-services .product-card .item-text{
		font-size:14px;
	}
	.row-services .product-card .pr-button.modal-form-link{
		width:100% !important;
		margin:0 !important
	}
	
	.power-items button{
		padding:5px 0;
	}
	#formBuy{
		max-width:500px;
		width:auto;
		padding:0;
	}
	#formBuy form{
		display:block;
	}
	
	#formBuy .product-img-checkout{
		padding:15px;
	}
	
	#formBuy .product-img-checkout,
	#formBuy .form-fields-wrap,
	#formBuy .form-fields{
		width:100%;
		display:block;
	}
	
	#formBuy .form-fields,
	#formBuy .form-fields-wrap .submit-bock{
		padding:0;
	}
	
	#formBuy .form-fields-wrap{
		border:0;
		margin:0;
		padding:15px;
	}
	#formBuy .heading-form{
		margin-bottom:20px;
	}
	.counter-button{
		width:45px;
		height:45px;
	}
	#formBuy .counter-input{
		height:45px;
		width:100px;
		font-size:16px;
	}
	.counter-button.down{
		margin-right:15px;
	}
	.counter-button.up{
		margin-left:15px;
	}
	
	#formBuy .form-fields-heading{
		margin-bottom: 30px;
        font-size: 18px;
        font-weight: 500;
	}
	#formBuy .form-group label{
		margin-bottom: 10px;
        font-size: 16px;
	}
	#formBuy .form-group .form-control{
		font-size:16px;
		padding: 15px;
		border-radius:6px;
		height:auto;
	}
	#formBuy .form-fields-wrap .pr-button[type="submit"]{
		border-radius: 10px;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 16px;
		margin-top:15px;
		width:100%;
	}
.modal-form .iti{
margin-bottom:40px;
}
    .maps-section .container {
        margin-left: 5vw;
        margin-right: 5vw;
    }
.maps-contact{
		position:static;
		width:100%;
	}
	
	.maps-tabs .nav-tabs {
    bottom: 0px;
    position: relative;
    z-index: 3;
    width: 100%;
    background: rgba(0,0,0,0.7);
}
.maps-section .text-content {
font-size: 16px;
}
	
}
@media screen and (max-width: 767px) {
    .nav-brand {
        padding-left: 10px;
    }
    .left-title-block,
    .left-title-block-2 {
        flex-direction: column;
        display: flex;
    }
    .main-inner,
    .works-body,
    .stages-body,
    .testi-body,
    .b-title,
    .left-title-block,
    .stages-of-work,
    .testimonnial-body,
    .work-steps {
        margin-left: auto;
        margin-right: auto;
    }
    

    .b-title,
    .p-2 {
        text-align: center;
    }
    .b-title {
        width: 84vw;
        padding-bottom: 10px !important;
        font-size: 32px;
    }
    .left-title-block {
        width: 90vw;
        height: auto;
        align-items: center;
        margin-bottom: 0;
        position: static;
    }
    .left-title-block.contact-left-side,
    .left-title-block.our-project-left-side {
        height: auto;
        margin-bottom: 40px;
    }
    .contact-blocks,
    .p-2,
    .white-popup-block,
    .work-steps {
        width: 80vw;
    }
    .works-body,
    .adv-body,
    .stages-body,
    .testi-inner {
        flex-direction: column;
    }
    .text-block-2 {
        width: 70vw;
    }
    .p-2-white-text {
        width: 80vw;
        text-align: center;
        margin-bottom: 30px;
    }
    .works-body {
        padding-top: 60px;
    }
    .grid,
    .main-icons {
        width: 90vw;
    }
    .heading-4 {
        margin-bottom: 0;
    }
    .our-advantages {
        padding-bottom: 60px;
    }
    .testimonnial-body {
        width: 85vw;
        height: auto;
    }
    .contact-items {
        padding: 30px;
    }
    .contact-item + .contact-item {
        margin-top: 30px;
    }
    .contact-content {
        flex-direction: column;
        align-items: center;
    }
 
    .main-body {
        width: 90vw;
        margin-bottom: 60px;
    }
   
	.main-phone{
		margin-left:40px;
		margin-top:-160px;
	}


    .white-logo {
        width: auto;
    }

    .b-title {
        width: 80vw;
        padding-bottom: 12px;
        font-size: 32px;
		margin-bottom: 15px !important;
    }
	.b-title:after{
		left:50%;
		margin-left:-22.5px;
	}

    .testi-title {
        color: var(--black);
        font-size: 16px;
    }
    .left-title-block-2 {
        width: 84vw;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        position: static;
    }
    .left-title-block-2.testimonials-left0side {
        height: auto;
        margin-top: 80px;
        margin-bottom: 40px;
    }
    .testi-name {
        margin-bottom: 25px;
    }
    .testi-body {
        width: 84vw;
    }
    .black-logo {
        width: auto;
        margin-top: 0;
        margin-bottom: 0;
    }
    .left-call {
        width: 80px;
        height: 80px;
        bottom: 2%;
        left: 84%;
    }
    .pr-button-3,
    .call-to-action-3 {
        padding: 14px 30px;
    }
	
	.type-lighting .hover-element{
		height: 60vh;
	}
	
	.type-lighting .hover-element .after-hover {
        width: 80vw;
    }
	
	.our-work .layout-grid{
		width:90vw;
	}
	.our-work .swiper-block{
		width:100%;
	}
	.advantages-list{
		width: auto;
        margin-left: -5px;
        margin-right: -5px;
	}
	.advantages-list .item{
		padding:0 5px;
		margin-bottom:10px;
	}
	.product-card{
		border-radius:10px;
	}
	.power-items{
		flex-wrap:wrap;
	}
	.power-items button{
		flex:none;
		padding:5px 10px;
	}
	.row-products{
		margin:0 0 -30px;
	}
	.row-products .col{
		width:100%;
		padding:0;
		margin-bottom:30px;
	}
	.product-card .col-price .button-buy,
	.row-services .product-card .pr-button.modal-form-link{
		width:35vw;
	}
	.product-card .col-price{
		padding:15px;
	}
	
	.maps-section{
		padding-top: 60px;
        padding-bottom: 60px;
	}
	.maps-tabs {
        margin-top: 40px;
    }
	.maps-section .btitle{
	font-size: 28px;
        line-height: 1.15;
        margin-bottom: 32px;
	}
	.maps-section .btitle br,
	.maps-section .text-content br{
		display:none;
	}
	.maps-contact .o-item{
		padding:16px 0;
	}
	
}
@media (max-width:520px){
	.maps-tabs .nav-tabs > li:first-child{
		width:100%;
		min-width:100%;
	}
}
@media screen and (max-width: 479px) {
	.main-phone{
		margin-top: -200px;
	}

    .container {
        max-width: none;
    }
    .works-body,
    .our-advantages,
    .stages-of-work {
        padding-bottom: 60px;
    }
    
    .main-inner,
    .adv-body,
    .contact-content {
        margin-left: auto;
        margin-right: auto;
    }
    .heading {
        text-align: left;
        font-size: 26px;
    }
    .main-content,
    .contact-items,
    .p-2 {
        margin-bottom: 30px;
    }
    .pr-button {
        text-align: center;
    }
    .paragraph {
        text-align: left;
    }
    .main-day-night {
        height: 70vh;
    }
    .stages-of-work {
        padding-top: 60px;
    }
    .contacts,
    .contact-items {
        padding-top: 40px;
    }
    .b-title {
        width: auto;
        font-size: 24px;
    }
    
    .grid,
    .left-title-block,
    .p-2,
    .p-2-white-text,
    .testimonnial-body,
    .work-steps {
        width: 90vw;
    }
    .left-title-block {
        margin-bottom: 0;
    }
    .left-title-block.our-project-left-side {
        height: auto;
        margin-bottom: 40px;
    }
    .left-title-block.contact-left-side {
        margin-bottom: 60px;
    }
    .heading-4,
    .text-block-2 {
        font-size: 16px;
    }
    .works-body,
    .testimonials {
        align-items: stretch;
    }
    .main-icons,
    .nav-menu-two {
        flex-direction: column;
    }
    .contact-items {
        padding-bottom: 40px;
    }

    .testi-title {
        padding-bottom: 0;
    }

    .main-body {
        width: 90vw;
        margin-bottom: 60px;
    }
    .icn-s1 {
        margin-bottom: 10px;
    }
    .main-icon {
        width: 35vw;
    }
	
   
    .testimonials .testi-head {
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .b-title {
        font-size: 24px;
    }

    .left-title-block-2 {
        width: 90vw;
        height: auto;
    }
    .left-title-block-2.testimonials-left0side {
        height: auto;
        margin-top: 60px;
        margin-bottom: 0;
    }
    .testi-name {
        margin-bottom: 13px;
        line-height: 120%;
    }
    .p-10 {
        text-align: center;
        margin-bottom: 40px;
    }
    .testi-inner {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .testi-body,
.maps-section .container	{
        width: 90vw;
        margin-left: auto;
        margin-right: auto;
    }
   
    .left-call {
        width: 70px;
        height: 70px;
        position: fixed;
        bottom: 1%;
        left: 75%;
    }
    

    .grid-4 {
        grid-row-gap: 24px;
        grid-template-rows: auto auto;
        grid-template-columns: minmax(auto, 1fr) 1fr;
    }
    
    .white-popup-block {
        width: 90vw;
        padding: 50px 20px;
    }
    .name {
        margin-bottom: 40px;
    }
    .email,
    .modal-text,
    .phone {
        margin-bottom: 50px;
    }
    .modal-title {
        margin-bottom: 10px !important;
    }
	
    .type-lighting .hover-element:before{
		background: rgba(0, 0, 0, 0.8) !important;
	}
	.advantages-list{
		width:90vw;
		margin-left:auto;
		margin-right:auto;
	}
	.advantages-list .item, 
	.advantages-list .item:nth-child(4n + 2), 
	.advantages-list .item:nth-child(4n + 3){
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	.advantages-list .item-body{
		padding-top: 40px;
        padding-bottom: 40px;
	}
	.certificats .row .item{
		width:50%;
	}
	.product-card .col-price{
		display:block;
	}
	.product-card .col-price .button-buy,
	.row-services .product-card .pr-button.modal-form-link{
		width:100%;
		margin-top:30px;
	}
}