@media (max-width: 1400px) {
	
	.fold1b.flipped .row-container::before {
 	   right: -50px;
}
.fold1b .row-container::before {
    left: -50px;
}
	
}

@media (max-width: 1200px) {
/*KEEP LINES ON SCREEN*/
.fold1b .row-container::before {
    left: 5px;
}

.fold1b.flipped .row-container::before {
    right: 15px;
}
	
}

@media (max-width: 1024px) {
	
		
	/*== == SERVICES SLIDER == ==*/
	
	.owl-carousel button.owl-dot {
		background: var(--navy);
		color: white;
		padding: 10px !important;
		border-radius: 50%;
		opacity: .5;
		transition:
			opacity 500ms ease;
		border: solid 1px white;
	}

.owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform:
		translatex(-50%);
    display: flex;
    column-gap: 7.5px;
}

.owl-carousel button.owl-dot.active {
    opacity: 1;
}
	
		/*== == SERVICES SLIDER END == ==*/
	

.fold1b-img {
    width: 100%;
    position: relative;
    height: 400px;
}

.fold1b-item {
    display: block;
    padding: 0px;
}
	
	.fold1b-item img {
    	object-position: right;
}

.fold1b-content {
    width: 100%;
    text-align: center;
    padding: 50px 0px;
}

.fold1b-content .readmore {
    margin: 20px auto;
    margin-bottom: 0px;
}

.fold1b::before {
    display: none;
}

.fold1b .row-container::before {
    content: '';
    background: var(--navy);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 0px 50px 50px var(--navy);
    z-index: -1;
}

.fold1b .row-container {
    position: relative;
    padding: 0px 20px;
}

	.fold1b-item::before {
	    content: '';
	    display: none;
	}

.flipped .fold1b-item::before {
    left: unset;
    right: 20px;
}

	/*== == REVIEW === ==*/
	
	.reviews-fold {
		padding-bottom: 0px;
	}

.reviews-fold .owl-nav {
    position: relative;
    padding: 50px 0px;
    margin: auto;
    transform: unset;
    width: calc(100% - 40px);
    transform: translatex(-15px);
}
	
		/*== == REVIEW END == =*/
	
}

@media (max-width: 640px) {
	
	/*== == BANNER === ==*/
	
	.banner .owl-carousel .owl-nav button.owl-prev, .banner .owl-carousel .owl-nav button.owl-next {
		font-size: 32px;
	}

.banner .owl-nav {
    transform: translatex(30px);
    bottom: 20px;
}

.banner-slider {
    padding-bottom: 75px;
    padding-top: 30px;
}
	
		/*== == BANNER END == ==*/
	
}

@media (max-width: 540px) {
	.fold1b-img {
	    height: 300px;
}

}