.ourProBanner {background:url(../images/out-products/out-product-01.jpg) no-repeat top center; position: relative; padding:30px 0px 60px 0px; min-height: 730px; display: flex; align-items: center;}
.ourProBannerText {max-width: 700px;}
.ourProBannerText h1 {margin: 20px 0px 30px 0px;color: #333333;font-family: 'Circular Std Bold'; font-size: 42px;}

.proSecB {padding:70px 0px 130px 0px; position: relative;}
.proSecB:before {content: ""; width: 100px; height: 225px;  position: absolute; left:0px; top:calc(50% - 110px); background: url(../images/about-page/pattern-08.png) no-repeat 0px 0px;}
.proSecB:after {content: ""; width: 200px; height: 200px; border-radius: 50%; border:solid 50px #FDF5EF; position: absolute; right:0px; bottom:0px;}

.proSecC {background: #F9F9F9; padding: 50px 0px; margin:50px 0px;}
.proSecC h2 {text-align: center;font-weight: 500;max-width: 600px; margin:0px auto 30px auto; font-size: 32px;}
.proSecC .container {max-width: 800px;}
.proInfoBox {position: relative; padding:6px 0px 5px 76px; color: #000; font-size: 16px;}
.proInfoBox a {color: #333;}
.proInfoBox .icon {position: absolute; left: 0px; top: 0px;width: 60px;}







.outProductPage .desc {color: #707070; font-size: 16px;}
.aboutH2 {position: relative;margin:0px 0px 15px 0px;color: #000; font-size: 32px; padding-left: 15px; line-height: 1.2;}
.aboutH2:before {content: ""; height: 100%; width: 5px; background: var(--orange); position: absolute; left: 0px; bottom: -1px;}

@media(max-width:767px) {

  .ourProBanner {background: #FDF5EF;  padding:40px 0px 40px 0px; min-height: auto;}
  .ourProBannerText h1 {margin:0px; font-size:26px;}

  .proSecB {padding:40px 0px 40px 0px; }
  .proSecB .img {margin:0px 0px 20px 0px;}
  .proSecB:before {content: ""; width: 30px; height:70px;left:0px; top:calc(50% - 80px);background-size: 30px auto; z-index: 1;}
  .proSecB:after {content: ""; width: 50px; height: 50px; border:solid 10px #FDF5EF; bottom: 20px;}

  .proSecC { padding: 40px 0px 20px 0px; margin:0px 0px;}
  .proSecC h2 { margin:0px auto 20px auto; font-size: 20px;}
  .proInfoBox {margin-bottom: 20px;}

  .aboutH2 {font-size: 22px;}
  .outProductPage .desc { font-size: 14px;}
}