@media(max-width:991px){
}

@media(max-width:767px){
	div#site-nav-wapper {
		width: 100%;
		position: absolute;
		top: 100%;
		height: auto;
		background: #000;
		display: none;
	}
	
	.site-header-btns.flex.items-center {
		display: flex !important;
		align-items: center;
		justify-content: center;
		order: 5;
	}
	button#menu-triger {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
		width: 2em;
		height: 2em;
		background: transparent;
		flex-wrap: wrap;
		cursor: pointer;
		position:relative;
	}
	button#menu-triger span {
		width: 100%;
		border-bottom: 2px solid #DAA945;
		transition: 0.35s;
	}
	
	.header-btns {
		position: absolute;
		left: calc(50% + 5px);
		transform: translateX(-50%);
	}
	
	.main-menu-opened div#site-nav-wapper {
		display: block;
		width: 100%;
		left: 0;
	}
	.main-menu-opened div#site-nav-wapper nav#site-nav > ul {
		display: block;
		padding: 1.1em;
	}
	.main-menu-opened div#site-nav-wapper nav#site-nav > ul > li {
		margin: 0;
		margin-bottom: 1em;
		text-align: center;
	}
	
	.main-menu-opened button#menu-triger > span:first-child {
		position: absolute;
		top: 50%;
		transform: rotate(45deg) translateY(-50%);
	}
	.main-menu-opened button#menu-triger > span:nth-child(2) {
		opacity:0;
	}
	.main-menu-opened button#menu-triger > span:last-child {
		position: absolute;
		top: 50%;
		transform: rotate(-45deg) translateY(-50%);
	}

	
	.logo-header {
		order: 1;
		width: 4.5em;
	}
	.header-btns {
		width: auto;
	}
	.top-bar-icon-wrapper {
		margin-right: 0.5em;
	}
	#main-header span.item-top-bar {
		display: none;
	}
	
	
	.section-welcome > img {
		width: 100%;
		height: calc(100dvh - 7em);
		object-fit: cover;
		min-height: 20px;
	}
	
	.welcome-container-wrapper {
		bottom: 3em;
	}
	.welcome-container-wrapper h1, 
	.welcome-container-wrapper h2 {
		font-size: 2.5em;
	}
	.welcome-container-wrapper h1 span, 
	.welcome-container-wrapper h2 span {
		font-size: 1.35em;
	}
	
	.col-heading h2 span {
		padding: 0 0.51em;
	}
	
	.service-item img {
		height: 10em;
	}
	.service-item h3 {
		font-size: 1.35em;
		width: 100%;
	}
	.section-services .row.row-content {
		row-gap: 2.2em;
	}

	/**/
	.service-wrapper.item-3 .service-desc {
		position: absolute;
        top: 0;
        left: calc(100% - 1em - 2px) !important;
        width: calc(100% + 2px);
        height: 100%;
        background: #000;
        z-index: 9;
        border: 2px solid #daa945;
        border-left: none;
        padding: 1em;
		border-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        right: unset !important;
        transform: translateX(-50%) !important;
	}
	.service-wrapper.item-3.show-service-desc{
		border-left: 2px solid #daa945;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-right: 2px solid transparent;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	
	
	
	.service-wrapper.item-2 .service-desc, 
	.service-wrapper.item-4 .service-desc {
		display: block;
		visibility: hidden;
		opacity: 0;
		z-index: -1;
		pointer-events: none;
		transition: 0.35s;
		position: absolute;
		top: 0%;
		left: unset !important;
		right: calc(100% - 1em - 2px) !important;
		width: 100%;
		height: 100%;
		transform: translateX(50%) !important;
		transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
		width: calc(100% + 2px);
		height: 100%;
		background: #000;
		z-index: 9;
		border: 2px solid #daa945;
		border-right: none;
		padding: 1em;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0;
        border-bottom-right-radius: 0;
	}

	.service-wrapper.item-2.show-service-desc .service-desc, 
	.service-wrapper.item-4.show-service-desc .service-desc {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		pointer-events: all;
		transform: translateX(0%) !important;
	}

	.service-wrapper.item-2.show-service-desc,
	.service-wrapper.item-4.show-service-desc{
		border-left: 2px solid transparent;
        border-radius: 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-right: 2px solid #daa945;
	}
	
	
	.service-desc .service-desc-inner-wrapper {
		padding-right: 0.5em;
	}
	.service-desc-inner-wrapper {
		font-size: 0.9em;
	}
	/**/
	
	.section-why_choose_us .col-heading h2.title{
		font-size: 1.85em;
	}
	.section-why_choose_us .col-heading .sub-title {
		font-size: 1.35em;
	}
	.section-why_choose_us > img{
		display: block;
		width: 100%;
		top: unset;
		opacity: 0.2;
		bottom: -12em;
	}
	.section-why_choose_us ul li:before {
		width: 2.5em;
		height: 2.5em;
		flex: 0 0 2.5em;
	}

	
	.section-contacts .row-contacts {
		max-width: 100%;
		margin: 0 auto;
	}
	.col-12.col-lg-6.col-conacts-info {
		margin-top: 2em;
	}
	
	main > * {
		overflow: hidden;
		width: 100%;
	}
	
	
	.service-desc ul{
		padding-left: 1.5em;
	}
	.service-desc li::marker {
		font-size: 1em;
	}
	
	
	.footer-main .justify-between {
		flex-wrap: wrap;
		justify-content: center;
		gap: 2.5em;
    	text-align: center;
	}
	
	.footer-menu.footer-menu-left {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-menu.footer-menu-left a {
		width: 33.333%;
		flex: 0 0 33.333%;
		text-align: center;
		display: inline-block;
		margin: 0.5em 0;
	}
	
	.footer-menu.footer-menu-right {
		width: auto;
		white-space: normal;
		display: flex;
		justify-content: center;
	}

}

@media(max-width:350px){
	
}
@media(max-width:330px){
	
}
@media(max-width:320px){
}

@media (min-width:449px) and (max-width:530px){
}

@media (min-width:530px) and (max-width:767px){
}

@media (min-width:768px) and (max-width:991px){
	.logo-header {
		order: 2;
		width: 6em;
	}
	#main-header .top-bar-icon-wrapper span.item-top-bar {
		font-size: 1.2em;
		display: none;
	}
	
	nav#site-nav > ul > li {
		margin-right: 1em;
	}
	nav#site-nav > ul > li > a {
		font-size: 1em;
	}
	
	.welcome-container-wrapper {
		bottom: 2em;
	}
	
	.section-services .row.row-content {
		row-gap: 2.2em;
	}
	
	.service-item img {
		height: 15em;
	}
	
	/**/
	.service-wrapper.item-3 .service-desc {
		position: absolute;
        top: 0;
        left: calc(100% - 1em - 2px) !important;
        width: calc(100% + 2px);
        height: 100%;
        background: #000;
        z-index: 9;
        border: 2px solid #daa945;
        border-left: none;
        padding: 1em;
		border-radius: 0;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        right: unset !important;
        transform: translateX(-50%) !important;
	}
	.service-wrapper.item-3.show-service-desc{
		border-left: 2px solid #daa945;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-right: 2px solid transparent;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	
	
	
	.service-wrapper.item-2 .service-desc, 
	.service-wrapper.item-4 .service-desc {
		display: block;
		visibility: hidden;
		opacity: 0;
		z-index: -1;
		pointer-events: none;
		transition: 0.35s;
		position: absolute;
		top: 0%;
		left: unset !important;
		right: calc(100% - 1em - 2px) !important;
		width: 100%;
		height: 100%;
		transform: translateX(50%) !important;
		transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
		width: calc(100% + 2px);
		height: 100%;
		background: #000;
		z-index: 9;
		border: 2px solid #daa945;
		border-right: none;
		padding: 1em;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0;
        border-bottom-right-radius: 0;
	}

	.service-wrapper.item-2.show-service-desc .service-desc, 
	.service-wrapper.item-4.show-service-desc .service-desc {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		pointer-events: all;
		transform: translateX(0%) !important;
	}

	.service-wrapper.item-2.show-service-desc,
	.service-wrapper.item-4.show-service-desc{
		border-left: 2px solid transparent;
        border-radius: 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-right: 2px solid #daa945;
	}
	
	
	.service-desc .service-desc-inner-wrapper {
		padding-right: 0.5em;
	}
	.service-desc-inner-wrapper {
		font-size: 0.9em;
	}
	/**/
	
	.section-services .row.row-content .col-6.col-sm-4.col-lg-3 {
		width: 50%;
		min-width: 50%;
	}
	
	.section-why_choose_us > img {
		width: 50%;
		opacity: 0.35;
	}
	
	.col-12.col-lg-6.col-conacts-info {
    	margin-top: 2em;
	}
	
	
	.logo-footer {
		width: 5em;
	}
	
	
	.footer-menu.footer-menu-left a {
		font-size: 1.1em;
	}
	.footer-menu.footer-menu-left a:last-child {
		display: none !important;
	}

	.footer-menu.footer-menu-right {
		width: auto;
	}
	.footer-menu.footer-menu-right .top-bar-icon-wrapper {
		margin-right: 1em;
	}
	
	
}

@media (min-width:992px) and (max-width:1200px){
	nav#site-nav > ul > li > a {
		font-size: 1.35em;
	}
	
	#main-header .top-bar-icon-wrapper span.item-top-bar {
		display: none;
	}
	
	.welcome-container-wrapper {
		position: absolute;
		bottom: 3em;
		width: 100%;
	}
	.service-item h3 {
		width: 100%;
	}
	.service-item img {
		height: 16em;
	}
}


@media (min-width:767px){
	div#pop-up-form-inner-wrapper {
		background: #000;
		padding: 1em;
		position: relative;
		width: 400px;
	}
}

@media (min-width:992px){
	div#pop-up-form-inner-wrapper {
		background: #000;
		padding: 1em;
		position: relative;
		width: 32em;
	}
}

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

@media (min-width:1300px) and (max-width:1364px){
}

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


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

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

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

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

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

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