#product-banner{background: url(../images/refrigeration-ban.jpg) center top no-repeat; height: 420px;margin-top:0%; position: relative; background-size: cover; transition: all 1.5s ease 0s;}
#product-banner  .chevron {position: absolute; width: 10px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}
#product-banner .chevron:first-child {animation: move 3s ease-out 1s infinite;}
#product-banner .chevron:before, #product-banner .chevron:after {content: ' '; position: absolute; top: 0; height: 100%; width: 51%;  background: #fff;}
#product-banner .chevron:before {left: 0; transform: skew(0deg, 30deg);}
#product-banner .chevron:after {right: 0; width: 50%; transform: skew(0deg, -30deg);}
.chevron:nth-child(2) { animation: move 3s ease-out 2s infinite;}

@keyframes move {

  25% {

    opacity: 1;
  }

  33% {

    opacity: 1;

    transform: translateY(30px);

  }

  67% {

    opacity: 1;

    transform: translateY(40px);

  }

  100% {

    opacity: 0;

    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);

  }

}


@keyframes pulse {

  to {

    opacity: 1;

  }

}



#product-banner .container-fluid{width: 80%;}
#product-banner h2 {color: white!important; margin-top: 180px; font-weight: 400; font-size: 2.5em; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #00a94f; display: inline-block;}
#product-banner h2 a {color: white!important;}
#content .bord h2 strong{font-weight: 800;}
#product-banner p{color: white!important; width: 35%!important; line-height: 1.4!important; font-size: 14px; border-bottom: 2px solid #00a94f; padding-bottom: 10px;}
#product-banner p:after{ content: ""; position: absolute; top: 223px; left: 35%; width: 20px; height: 20px; background: #fff; right: 0px; border-radius: 50px;}
#product-banner .line{width: 33%; height: 2px; background: #00a94f; margin-top: 15px; display: block;}


#content .container-fluid{width:80%;/* background: #ffffff87; padding: 50px; border: 1px solid #cccccc;*/}
#content{padding-top: 0px; padding-bottom: 100px; background: #fff;}
#content h4{text-align: center; color: #1f1d1d; margin-top: 20px; font-weight: 400; text-transform: capitalize;}
#content .top h4{text-align: left;color: #1f1d1d; margin-top: 20px; margin-bottom: 20px; font-size: 1.5em; font-weight: 500; text-transform: uppercase;}
#content .top{margin-top: 70px;}
#content .bk {background: #f6f6f6; padding: 50px;}
#content .bk1 {background: #f6f6f6; padding: 35px 35px 100px;}
.align-items-center {-ms-flex-align: center!important; align-items: center!important; display: flex;}

#content h6 {margin-top: 15px; font-weight: 500; font-size: 1.1em; text-align: left; color: #1f1d1d; line-height: 1.4; margin-bottom: 15px;}
#content button.bo-sx-g{border: 1px solid #e2e2e2; padding: 12px 20px; color: #252525; margin: 0px 10px 10px 0px; background: transparent; border-radius: 10px;}
#content button.bo-sx-g:hover{border: 1px solid #00a94f; color: #ffffff; background: #00a94f;}
#content h2 {text-align: left; color: #005cb9; margin-top: 0px; font-weight: 500; text-transform: capitalize; font-size: 2em; margin-bottom: 26px;}
#content h2 strong {text-transform: capitalize; font-weight: 600; font-size: 1em; padding: 0px; border-radius: 10px 1px 10px 10px;}
#content p {color: #656569!important; font-weight: 400!important; line-height: 28px; font-size: 14px; margin-top: 10px;}
#content h3 {width: 100%; margin-top: 0px; color: #005cb9; font-size: 24px; font-weight: 400;}
#content h5 {margin-top: 20px; color: #1f1d1d; font-size: 16px; font-weight: 500; line-height: 24px;}
#content .a {padding-inline-start: 18px; margin-bottom: 10px;}
#content .a li {color: #656569; list-style-type: disc; line-height: 28px; font-family: 'Open Sans', sans-serif; font-size: 14px;}
#content .zoom{overflow: hidden; border-radius: 20px;}
#content .zoom img {transition-duration: 4s; margin: 0 auto; display: block;}
#content .zoom img:hover {-webkit-transform: scale(1.08); cursor: crosshair;}
#content .b li {list-style-type: circle;}
#content .c li {list-style-type: square;}
#content .to {margin-top: 50px;}
#content .ic {width: 20%; float: left;}
#content .ic i {font-size: 50px; color: #97a4af;}
#content .te {width: 80%; float: left;}

.topgreen_arc {position: absolute; width: 100%; height: 7rem; background: #fff; margin-top: 2.125rem; left: 0; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);}
.topgreen_arc1 {position: absolute; width: 100%; height: 7rem; background: #fff; margin-top: -3.875rem; left: 0; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);}


#bg {padding-bottom: 70px;}
#bg .container-fluid {width:80%;}
#bg .to {margin-top: 40px;}
#bg .au {padding: 50px; background: url(../images/bg-automotive.jpg) center repeat-y fixed;}
#bg h3 {margin-bottom: 20px; margin-top: 0px; color: #fff; font-size: 26px; font-weight: 400;}
#bg h3 span {color: #00a94f; font-weight: 600;}
#bg p {color: #fff!important; line-height: 28px!important; font-family: 'Open Sans', sans-serif; font-size: 14px;}
#bg a.bot {color: #fff; display: inline-block; margin-bottom: 8px; background: #00a94f; padding: 10px 20px; margin-right: 3px;}





@media only screen and (min-width : 1920px) and (max-width : 2560px){

}

@media only screen and (min-width : 1600px) and (max-width : 1919px){

}

@media only screen and (min-width : 1440px) and (max-width : 1599px){
#product-banner h2{font-size: 2em; margin-bottom: 10px;}

#content .txt p {text-align: left; line-height: 27px; font-size: 15px;}

}

@media only screen and (min-width : 1366px) and (max-width : 1439px){
#product-banner h2{font-size: 2em; margin-bottom: 10px;}

#content h4{font-size: 16px;}
#content .txt p {text-align: left; line-height: 25px; font-size: 14px;}
#content{padding-top: 70px; padding-bottom: 70px;}

} 

@media only screen and (min-width : 1280px) and (max-width : 1365px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}


}

@media only screen and (min-width : 1200px) and (max-width : 1365px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content h4{font-size: 15px; margin-top: 15px;}
#content .txt p {font-size: 14px; text-align: left; line-height: 24px;}
#content{padding-top: 70px; padding-bottom: 70px;}


}



@media only screen and (min-width : 1024px) and (max-width : 1199px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content .txt h4 {font-size: 22px;}
#content .container-fluid{width: 85%;}
#content{padding-top: 60px; padding-bottom: 60px;}
#content h4{font-size: 14px; margin-top: 15px;}
#content h2{font-size: 26px;}
#content .txt p {font-weight: 300; text-align: left; line-height: 25px; font-size: 14px; text-align: left;}

}

@media only screen and (min-width : 768px) and (max-width :1023px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content p {line-height: 27px;}
#content h6 {margin-top: 10px;}
#content {padding-top: 50px; padding-bottom: 50px;}
#content h6 {line-height: 25px;} 
#content h4 {margin-bottom: 20px;}
#content .top {margin-top: 50px;}
#content .bk1 {padding: 35px;}
#content .container-fluid {width: 80%;}
#content .bk {padding: 35px;}
#content p {margin-top: 12px;}
#content h3 {margin-top: 20px;}
#content .to {margin-top: 0px;}
.topgreen_arc1 {display: none;}
#content .add .a {margin-top: 0px; margin-bottom: 20px;}
#content .add h3 {margin-top: 0px;}
.align-items-center {display: block;}
#bg {padding-bottom: 50px;}


}

@media only screen and (min-width : 150px) and (max-width : 767px){
#product-banner .container-fluid {width: 80%;}
#product-banner h2 {margin-top: 160px; margin-bottom: 10px; font-size: 1.8em;}
#product-banner {background: url(../images/mb-banner/refrigeration.jpg) center top no-repeat; height: 350px;}
#product-banner h2 {border: none;}

#content .txt h6 {text-align: center; font-weight: 400; font-size: 15px; text-align: left; color: #bbb7b7;}
#content p {line-height: 25px;}
#content h2 {font-size: 20px;}
#content h3 {font-size: 20px;}
#content h6 {line-height: 23px; margin-top: 10px;}
#content .txt h4 {font-size: 22px;}
#content .txt p {text-align: justify; line-height: 24px; font-size: 13px;}
#content {padding-top: 50px; padding-bottom: 50px;}
#content h4{margin-bottom: 15px; margin-top: 15px; font-size: 17px;}
#content .top {margin-top: 50px;}
#content .bk {padding: 20px;}
#content .bk1 {padding: 20px;}
#content .bk1 h3 {margin-top: 0px;}
#content .ic i {font-size: 30px;}
#content .container-fluid {width: 85%;}
#content p {margin-top: 12px; text-align: justify;}
#content h3 {margin-top: 20px;}
#content .to {margin-top: 0px;}
#content .add .a {margin-top: 0px; margin-bottom: 20px;}
#content .add h3 {margin-top: 0px;}
.align-items-center {display: block;}
.topgreen_arc1 {display: none;}

#bg {padding-bottom: 50px;}
#bg h3 {font-size: 20px;}
#bg .au {padding: 30px;}
#bg a.bot {width: 100%;}


}

@media only screen and (max-width : 375px){


}  

@media only screen and (max-width : 320px){

#product-banner h2{font-size: 22px;}

}