#portfolio{
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/portfolio-banner.png) fixed center center;
  background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#contact-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/contact-banner.jpg) fixed center center;
  background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#get-demo {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/demo_banner.jpg) fixed center center;
  background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#about-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/about-banner.jpg) fixed center center;
  background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#mobile-app-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/mobile-app-banner.png) fixed center center;
  background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#web-develp-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/web-development-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#desktop-develp-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/desktop-development-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#logo-design {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/logo-designing-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#website-design {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/web-design-banner.png) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#brochure-design {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/brochure-design-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#magazine-design {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/magazine-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#mobile-app-design {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/mobile-app-design-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#psd-to-html {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/psd-to-html-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#social-marketing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/social-media-banner.png) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#content-writing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/content-writing-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#email-marketing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/email-marketing-banner.png) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#ppc {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/pay-per-click-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#seo {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/seo-banner.png) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#sms-marketing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/sms-marketing-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#hrm {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/hrm-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#system-utilities {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/system-utilities-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#transportation {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/transportation-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#call-center {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/call-center-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#elerning {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/e-learning-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#financial {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/financial-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#food-beverage {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/food-beverage-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#crm-integration {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/crm-banner.gif) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#data-backup {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/data-backup-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#e-learning-p {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/e-learning-poral-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#erp {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/erp-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#gym-management {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/gym-management-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#hrm-with-bmi {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/hrm-biometric-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#online-inventory {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/online-inventory-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#pc-locker {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148,.5), rgba(29, 205, 89, 0.2)), url(../img/pc-locker-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#pc-opt {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/pc-optimizer-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#pos {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/point-od-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#school-manag {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/school-management-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#multi-level-marketing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/ml-marketing-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#careers {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/careers.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#app-development-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/application-development-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#designing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/designing-banner.png) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#product-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/product-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#digital-marketing {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/digital-marketing-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#our-team {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/team-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}

#industries-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/industries-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#common-banner {
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/common-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#case-studies{
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/case-studies-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#events-webinar{
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/events-webinar-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#news-press{
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/news-press-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
#notfound{
  overflow: hidden;
  background: linear-gradient(rgba(19, 144, 148), rgba(29, 205, 89, 0.2)), url(../img/404-banner.jpg) fixed center center;
 background-size: 100%;background-repeat: no-repeat;background-position: top;
  height:380px;
}
@media (max-width: 768px) {
#portfolio{height:115px;}
#contact-banner{height:115px;}
#get-demo{height:115px;}
#about-banner {height:115px;}
#mobile-app-banner{height:115px;}
#desktop-develp-banner{height:115px;}
#logo-design{height:115px;}
#website-design{height:115px;}
#brochure-design{height:115px;}
#magazine-design{height:115px;}
#mobile-app-design{height:115px;}
#psd-to-html{height:115px;}
#social-marketing{height:115px;}
#content-writing{height:115px;}
#email-marketing{height:115px;}
#ppc{height:115px;}
#seo{height:115px;}
#sms-marketing{height:115px;}
#hrm{height:115px;}
#system-utilities{height:115px;}
#transportation{height:115px;}
#call-center{height:115px;}
#elerning{height:115px;}
#financial{height:115px;}
#food-beverage{height:115px;}
#crm-integration{height:115px;}
#data-backup{height:115px;}
#e-learning-p{height:115px;}
#erp{height:115px;}
#gym-management{height:115px;}
#hrm-with-bmi{height:115px;}
#online-inventory{height:115px;}
#pc-locker{height:115px;}
#pc-opt {height:115px;}
#pos {height:115px;}
#school-manag {height:115px;}
#multi-level-marketing {height:115px;}
#careers {height:115px;}
#app-development-banner {height:115px;}
#designing {height:115px;}
#product-banner {height:115px;}
#digital-marketing {height:115px;}
#our-team {height:115px;}
#industries-banner {height:115px;}
#common-banner {height:115px;}
#case-studies {height:115px;}
#events-webinar {height:115px;}
#news-press {height:115px;}
#notfound {height:115px;}
}