.banner-nature-wrapper {
    
    min-height: 763px;
    position: relative;
    
    
    @media (max-width: 1200px) {
        background-image: none !important;
        min-height: auto;
    }
    
    
    .title {
        margin: 0 0 10px;
        line-height: 1.2;
        font-size: 45px;
        font-weight: @bold;
        
        @media (max-width: 1200px) {
            color: rgb(0, 72, 150); 
        }

    }
        
    &-inner {
          background: linear-gradient(
            to right, 
            transparent 0%, 
            transparent 50%, 
            rgba(0, 72, 150, .8) 50%, 
            rgba(0, 72, 150, .8) 100%
          );
            // padding: 70px 80px;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    
        
        @media (max-width: 1200px) {
            position: static;
            margin-top: 30px;
            background: rgba(0, 72, 150, 1);
        }
        
        
        .col-left {
            padding: 70px 80px;
            @media (max-width: 1200px) {
                background: #fff;
                text-align: center;
                padding: 0;
                padding-bottom: 30px; 
            }
        }
        
        .col-right {
            padding: 70px 65px 70px 45px;
            @media (max-width: 1200px) {
                padding: 70px 45px 0 45px;
            }
            .row {
                display: flex;
                align-items: center;
                margin-bottom: 30px;
                @media (max-width: 1200px) {
                    flex-direction: column;
                    text-align: center;
                }
            }
        }
        
        p {
            font-size: 19px;
        }
    }
    
    .banner-nature-img {
        text-align: center;
         @media (max-width: 1200px) {
            margin-bottom: 20px;
        }
    }
    
    .banner-nature-title {
        font-size: 24px;
        font-weight: @bold;
        line-height: normal;
    }
    
    .content-button {
        text-align: center;
        .button.btn-lg {
            padding: 14px 30px;
            font-size: 19px;
        }
    }
    
}


/*
.banner-nature-wrapper {
	
	background: transparent url("/media/wysiwyg/banner-nature/bg-banner-nature.jpg") no-repeat center center;
	min-height: 735px;
	padding: 30px 0;
	position: relative;
	
	@media (max-width: 767px) {
		background: transparent;
	}
	
	> .title {
		margin: 0 0 10px;
		line-height: 1;
		font-size: 55px;
		font-weight: @bold;
		@media (max-width: 767px) {
			color: rgb(0, 72, 150); 
		}
		@media (max-width: 767px) {
			font-size: 35px;
		}
	}
	
	> .sub-title {
		font-size: 24px;
		@media (max-width: 767px) {
			color: rgb(0, 72, 150); 
		}

	}
	
	&-inner {
		background: rgba(0, 72, 150, .8);
		padding: 30px 20px;
		color: #fff;
		position: absolute;
		bottom: 80px;
		left: 0;
		

		@media (max-width: 767px) {
			position: static;
			margin-top: 30px;
			background: rgba(0, 72, 150, 1);
		}
		
	}
	
	.banner-nature-title {
		font-size: 2.154em;
		font-weight: @bold;
		margin: 10px 0;
	}
	
	@media (max-width: 767px) {
		.container {
			padding-left: 0;
			padding-right: 0;
		}
		.banner-nature-img {
			margin-top: 30px;	
		}
		.banner-nature-text {
			margin-bottom: 30px;
		}
	}
	
}
*/