.inner-banner {height: 500px; padding-top: 180px; position: relative; background-image: url("../images/industries-banner.jpg"); background-position: top center; background-size: 100%; background-repeat: no-repeat; } 
.inner-banner h1 {font-size: 60px; font-family: 'Montserrat-Bold', sans-serif; z-index: 9; position: relative; color: #000; width: 100%; }
.inner-banner p{font-size: 22px; font-family: 'Poppins-Regular', sans-serif; z-index: 9; position: relative; color: #000;line-height: 30px;padding:0% 55% 0% 0%;}
.industries{padding:70px 0px;position: relative;text-align: center;}
.industries h2{font-size:36px;padding: 0px 30px 20px 30px; font-family: 'Poppins-Regular';position: relative; margin: 0 auto;}
.industries p{font-family: 'Rubik-Regular';font-size: 20px; width: 100%;line-height: 32px;}

.mid-wrap{background: #f4f4f4;padding:60px 0px 80px 0px;position: relative;}
.mid-wrap section{background:#09335c;padding: 30px 40px;}
.mid-wrap section ul{padding: 0px;margin-bottom: 30px;}
.mid-wrap section ul li {font-family: 'Poppins-Regular'; font-size: 20px; padding: 10px;color: #fff;cursor: pointer;}
.mid-wrap section ul li:hover{color: #fff; background: #fa611d;border-radius: 4px;}
.mid-wrap section ul li a{color: #fff;}
.mid-wrap section ul li a:hover{color: #fff; background: #fa611d;}
.mid-wrap .rytcontact{background:#fa611d;padding: 20px;text-align: center;}
.mid-wrap .rytcontact .icn{position:relative;display: inline-block;width: 90px;height: 90px;border-radius: 50%;background: #fff;margin-top: -70px; padding-top: 22px;}
.mid-wrap .rytcontact .icn img{position:absolute;margin-top:-22px;margin-bottom: 22px; padding-top: 20px;left: 20px;}
.mid-wrap .rytcontact p{color: rgba(255,255,255,0.7);font-family: 'Poppins-Regular';font-size: 16px;font-style: italic;line-height: 30px;margin: 0px;text-align: center}
.mid-wrap .rytcontact span {margin: 0px;line-height: 30px;font-family: 'Poppins-SemiBold';}
.mid-wrap .rytcontact span a{color:#fff;font-size: 26px;padding: 0px;}

.mid-wrap h3{color:#0961ba;font-family:'Rubik-Medium';font-size: 24px;margin: 20px 0px 0px 0px;}
.mid-wrap p{font-family:'Rubik-Regular';font-size: 16px;margin: 20px 0px;text-align: justify;line-height: 24px;}
.mid-wrap a{color: #fe7235;line-height: 20px;position: relative;font-size: 18px;width: 100%;display: inline-block;padding: 0px;}
.mid-wrap .blue{color: #0961ba;}
.mid-wrap a:hover{color: #000;transition: all .4s ease-in-out;}


.services {padding: 30px 0px;margin: 0px;}
.services section {padding: 30px 40px !important; position: relative; box-shadow:20px 20px 50px 10px #e5e5e5; background: #fff; height: 100%; } 
.services section h4 {color: #fa611d; font-size: 24px; font-family: 'Rubik-Medium'; }
.services section::before{position: absolute; font-family: FontAwesome; content: "\f0d9"; display: inline-block; padding-right: 3px; font-size: 85px; left: -26px; top: 50%; color: #fff; }
.services section.ryt h4{color: #0961ba; font-size: 24px; font-family: 'Rubik-Medium';}
.services section.ryt::before{left:0px;}
.services section.ryt::after{position: absolute; font-family: FontAwesome; content: "\f0da"; display: inline-block; padding-right: 3px; font-size: 85px; right: -26px; top: 50%; color: #fff;z-index: 1;}
.services figure{margin: 0px;}
.services figure img{width: 100%;}
.services .pdng {padding: 0px;}

@media only screen and (min-width:320px)and (max-width:479px){
  .inner-banner {padding-top: 80px; height:220px; background-size: cover;}
  .inner-banner h1 {font-size: 30px;}
  .inner-banner p{display: none;}
  .industries{padding:20px 0px;}
  .industries h2{font-size:26px;line-height: 32px;}
  .industries p {font-size: 14px; width: 90%; line-height: 20px; text-align: center; margin: 0 auto; } 
  .mid-wrap h3{font-size: 20px;}
  .mid-wrap p{font-size: 14px;line-height: 20px;}
  .services { padding: 10px 0px;}
  .services section h4 {font-size: 20px;}
  .services section.ryt h4 {font-size: 20px;}
  .services section { padding: 20px 20px !important;}
  .services section::before, .services section.ryt::after {display: none;}
}
@media only screen and (min-width:480px) and (max-width:767px){
  .inner-banner {padding-top: 80px; height:220px; background-size: cover;}
  .inner-banner h1 {font-size: 30px;}
  .inner-banner p{display: none;}
  .industries{padding:20px 0px;}
  .industries h2{font-size:26px;line-height: 32px;}
  .industries p {font-size: 14px; width: 90%; line-height: 20px; text-align: center; margin: 0 auto; }
  .mid-wrap h3{font-size: 20px;}
  .mid-wrap p{font-size: 14px;line-height: 20px;}
  .services { padding: 10px 0px;}
  .services section h4 {font-size: 20px;}
  .services section.ryt h4 {font-size: 20px;}
  .services section { padding: 20px 20px !important;}
  .services section::before, .services section.ryt::after {display: none;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
  .inner-banner {padding-top: 80px; height:220px; background-size: cover;}
  .inner-banner h1 {font-size: 30px;}
  .inner-banner p{display: none;}
  .industries{padding:20px 0px;}
  .industries h2{font-size:26px;line-height: 32px;}
  .industries p {font-size: 15px; width: 100%; line-height: 20px; text-align: center; margin: 0 auto; }
  .mid-wrap section{padding: 30px 20px;}
  .mid-wrap section ul li {font-size: 18px; padding: 5px 10px;}
  .mid-wrap .rytcontact { padding: 20px;}
  .mid-wrap .rytcontact .icn { width: 80px; height: 80px}
  .mid-wrap .rytcontact .icn img {margin-top: -22px;  margin-bottom: 22px; padding-top: 16px; left: 15px;}
  .services section::before, .services section.ryt::after {display: none;}
}
@media only screen and (min-width:1024px) and (max-width:1200px) {
  .inner-banner {padding-top: 50px; height:220px; background-size: cover;}
  .inner-banner h1 {font-size: 30px;}
  .inner-banner p{font-size: 16px;line-height: 24px;}
  .mid-wrap section{padding: 20px}
  .mid-wrap section ul li{padding: 5px;}
}
@media only screen and (min-width:1200px) and (max-width:1280px){
  .inner-banner {padding-top: 110px; height:300px; background-size: cover;}
  .inner-banner h1 {font-size: 30px;}
  .inner-banner p{font-size: 16px;line-height: 24px;padding: 0% 60% 0% 0%;}
  .industries{padding:40px 20px;}
  .life-atapsc {padding: 10px 0px;}
  .life-atapsc h3 { font-size: 36px;margin: 18px 18px 0px 18px;}
  .life-atapsc p {  font-size: 22px;line-height: 25px;}
}