@media(min-width:768px){
.intro ol.carousel-indicators {
    display: none;
}
.intro .carousel .item {
    text-align: right;
    width:100%;
}
.intro .carousel-caption {
    bottom: inherit;
    top: 50%;
    transform: translateY(-50%);
    max-width:33%;
    margin:0 auto;
    left:10%;
    right:inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.intro .carousel-caption h1 {
    font-size: 3.25rem;
    line-height:1.4;
    text-align:left;
    font-weight:bold;
}
.intro .carousel-caption p {
    font-size: 1.2rem;
    line-height:1.6
}
.intro .carousel-caption h4 {
    text-align:left;
}
.intro .carousel-caption .btn {
	margin-top:30px
}
}

.products-Ql {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin:2rem 0
}

.products-Ql .col {font-size:2rem; color:var(--lightGreen);}
.products-Ql .col.right-border {border-right:1px solid #fff}

.products-Ql .col strong{}
.products-Ql .col span{}

section.leftPic {
    position: relative;
    min-height: 550px;
    overflow: hidden;
}
section.rightPic {
    position: relative;
    min-height: 550px;
    overflow: hidden;
}
.picFrame {
    position: absolute;
    width: 650px;
    height: 666px;
    z-index: 1;
}
section.leftPic .picFrame {
    left: -60px;
    top: -160px;
}
section.rightPic .picFrame {
    right: -60px;
    top: -160px;
}
@media(max-width:991px){
.products-Ql {
    display: block;
}
  
  .products-Ql .col.right-border {
    border: none;
  }
  
}

@media(min-width:1024px){

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

}

section.home.intro .carousel-inner > .item.active ~ .item {
	display: none;
}

@media(max-width: 991px) {
	
	section.home.intro .carousel-inner > .item.active {
		display: none;
	}	
	
	section.home.intro .carousel-inner > .item.active ~ .item {
		display: block;
	}
	
	section.home.intro {
	    max-height: initial !important;
	}
	
	section.home.intro div.page-region-module.page-region-slideshow {
	    max-height: initial !important;
	}
	
	section.home.intro .carousel-inner {
	    max-height: initial !important;
    	min-height: auto !important;
		overflow: auto !important;
	}	
	section.home.intro .carousel-inner > .item > img {
		max-width: 100% !important;
		    margin: 0 auto !important;
	}
	section.home.intro .carousel-caption {
		position: static !important;
		    width: auto !important;
    max-width: 90% !important;
		transform: none !important;
	}	
}