@media only screen and (max-width:1024px){
body{font-size:medium;}
p img{width:100%;}
.panel-left p{line-height:1.5em;}
.news-letter, .hide{display:none;}
.red-btn{background:none;background-color:#BD0000;padding:2%;font-size:medium;width:96%;border-radius:5px;text-align:center;}
.red-btn span{background:none;padding:0px;width:100%;}
.right-panel-list{display:none;}
.top-grey-button {top:-62px; z-index:100; left:195px; position:relative;}
.top-grey-button a {background-color:#fff; color:#000; font-weight:bold;}
.banner-overlay {
    align-items: flex-end;
    padding: 20px 0;
  }

  .page-intro-banner .wrapper {
    width: 95%;
    text-align: center;
  }

  .page-title {
    font-size: 24px;
    margin-bottom: 8px;
    line-height: 1.3;
  }

  .breadcrumb-wrap ul {
    font-size: 13px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
  }

  .breadcrumb-wrap ul li::after {
    margin-left: 6px;
  }

  .breadcrumb-wrap ul li a {
    color: #eee;
    text-decoration: none;
  }
.project, .experience, .testimonials, .package-plan-outer, .technology{width:100%; padding:10% 0;}
.experience h5{width:90%; padding:0 5% 3% 5%}
.experience p{width:100%;}
.services-btn{background:none;background-color:#BD0000;padding:2%;width:96%;border-radius:5px;text-align:center;display:block;}
.services-btn span{background:none;font-size:medium;padding:0;width:100%;}
.services ul li {
    width: 88% !important;
    max-width: 88%;
    margin: 0 auto;
    padding: 30px 20px;
  }
.services ul li .arrow-btn{margin-top:0;}
.industry-image{width:100%; padding:0 0 3% 0;}
.industry-image img {width:100%; border-radius:0;}
.industry-content{width:90%; float:left; padding:0 5% 3% 5%;}
.industry-content h3 {width:100%; float:left; padding:0 0% 3% 0%; font-size:xx-large;}
.project-image{float:left; width:100%;}
.project-image img{width:100%;}
.project-text{float:right; width:90%; padding:0 5%;}
.project-text h4{width:95%; padding:0 5% 3% 0;}
.testimonials h6{width:90%; padding:0 5% 3% 5%}
.testimonials ul li{width:90%; margin:2% 2.5%; text-align:center; padding:2.5%;}
.testimonials ul li p{padding:5%;}
.wrapper{width:95%;}
.header {width:100%; height:145px;}
.header .wrapper{width:100%;}
.logo{width:80%;margin:2% 10%;text-align:center; height:auto;}
.logo img{max-width:90%;}
.menu-wrapper{width:100%;float:none;position:relative;}
.grey-strip ul{width:96%;}
.grey-strip ul li{border:none;text-align:center;width:92%;padding:4%;}
.hide{display:none;}
.image-grid-area{}
.image-grid-content{width:100%;}
.image-grid {width:100%; column-count:1;} 
.owl-carousel .item.industry-block-item {
  padding-bottom: 20px;
  width:95%;
}
.industry-box li, .owl-carousel .item.industry-block-item {
  padding-bottom: 20px;
  width:98%;
}
.industry-box img{
  width:100%;
  height:auto;
}
.contact-text{float:left; margin:0 0% 2% 0; width:100%;}
.contact-text iframe{width:100%;}
.footer{padding:5% 0 0 0;width:100%;}
.footer .wrapper{padding:5%;width:90%;}
.footer h5{margin-bottom:1%; padding:2% 0;width:100%;}
.footer-navigation{width:100%;}
.newsletter-signup{width:100%; margin:0 0 5% 0;}
.footer-share{float:left;width:100%;padding:0;margin:15px 0;}
.share-icon{width:100%; margin:0 0 5% 0;}
.share-icon h5{margin-bottom:4%;}
.footer-contact{width:100%;margin:0;background:none;padding:5% 0;}
.footer-contact h5{margin-bottom:4%;}
.footer-contact p{line-height:1.5;}
.footer-copyright{float:left; margin:2% 0 0 0; line-height:1.5; font-size:12px; padding:2%; width:96%;}
.footer-copyright .wrapper{width:100%;margin-left:0; padding:5% 0;}
.footer-copyright p{text-align:center;}
.break{display:block;}
ul.footer-list{margin:0 0 5% 0; width:100%; padding:0; height:auto;}
ul.footer-list li.bg-none{width:100%; padding:0;}
ul.footer-list li{padding:1.5% 1% 1.5% 5%; width:95%; background: url(../images/arrow-footer.jpg) 6px 15px no-repeat;}
.services ul li.items{height:auto !important;}
.package-plan ul{border:none;}
.package-plan ul li{width:49.5%;margin-bottom:10px;border:1px solid #ddd;}
.product-details li img{max-width:100%;}
.title-name{padding-top:0 !important;padding-bottom:0 !important;}
.title{width:85%;padding:4%;}
.title-name{padding-left:0%;background:none;width:100%;}
.bread-crumb{padding-left:0%;float:left;width:100%;}
.bread-crumb ul{float:left;width:100%;}
.bread-crumb ul li{padding-right:3%;margin-right:1%;line-height:25px;background:url(../images/bread-crumb-arrow.jpg) no-repeat right 12px;}
.content-raw{width:100%;padding:4% 0 0 0;}
.content-raw h1{margin:0 0 5% 0;}
.panel-left, .panel-right{width:100%;padding:0%;}
.right-panel-list{width:100%;}
.right-panel-list ul{width:100%;}
.right-panel-list ul li{width:91.5%;}
.right-panel-list ul li:last-child{border-bottom:0;}
.right-panel-list ul li h3 a{display:block;width:100%;}
#container-tab1{width:99%;padding:0!important;margin:2% 0 0 0!important;}
.width-100r ,.padding-10{padding:1% 2%!important;float:left;text-align:left;width:96%;}
.client-left, .client-filter{width:96%;margin-bottom:5%;padding:0% 2%;}
.client-filter h1{width:100%;float:left; font-size:x-large;}
.client-right{width:98%;padding:1%;}
#clients{width:95%; padding:1%; margin:1% 0;}
.width-100r p{text-align:left;padding:2% 0;}
ul#client-filter{width:100%;border-bottom:none;}
ul#client-filter li{width:100%;padding:0px 0 0px 0px;float:left;border-bottom:none;}
ul#client-filter li h1{width:30%;float:left; font-size:x-large;}
ul#client-filter ul{float:right;width:55%;margin-right:5%;}
ul#client-filter li.current{background:#DEDEDE url("../images/bullet-down.jpg") 95% 10px no-repeat;display:block;}
ul#client-filter li ul li{display:none;}
ul#client-filter ul:hover li{display:block;}
ul#client-filter a{width:95%;margin-left:0;padding:2% 2% 2% 5%;}
#client-portfolio{width:100%;}
#client-portfolio li img{width:100%;}
#container-tab{width:100%;padding:5% 0; margin:0;}
ul#filter{width:90%;padding:5%;margin:0;}
ul#portfolio{width:90%;padding:5%;}
ul#filter{width:90%; margin:0 auto;}
ul#filter li{width:100%;padding:2% 0;margin:0;}
ul#filter li #works{width:80%;padding:5%;}
ul#filter li:last-child{border-bottom:none;}
ul#filter li.current a{background:url("../images/bullet-down.jpg") no-repeat 95% center;display:block;padding-bottom:0px;width:90%;}
.discrition ul li{width:95%;}
.discrition ul li strong{margin-top:0;padding-top:0;}
.services-btn{margin-top:5%;}
.margin-1, .margin-2, .margin, .margin-3, .margin-5{margin:0;text-align:left;font-size:small;text-align:center;width:auto;margin:0 auto;display:block;}
.margin-1 a span, .margin-2 a span, .margin a span, .margin-3 a span, .margin-5 a span{font-size:small;}
.float-left, .red-btn, .float-left p{margin-bottom:4%;}
.contact-map{width:96%;margin-right:4%;}
.contact-form{width:96%;padding:2%;}
.contact-form ul{width:100%;}
.contact-form ul li label{width:100%;margin-bottom:2%;}
.contact-form ul li span.float-left{display:none;}
.contact-form ul li .istyle, .contact-form ul li .istyle3, .contact-form ul li .istyle2, .contact-form ul li .istyle1{width:90%;margin:0 0 3% 0px;font-size:medium;padding:5%;}
.contact-form ul li.verify-field{padding:2% 0 0px 0px;float:left;}
.contact-form ul li.verify-field span{display:none;}
#recaptcha_widget_div{float:left;}
.contact-form .submit{width:45%;height:auto;background:none;background-color:#BD0000;padding:4%;margin:0 5% 6% 0px;text-transform:uppercase;border-radius:5px;}
.tableview{width:100%;float:none;overflow-x:auto;display:block;margin-left:0;margin-right:0;}
ul#client-portfolio li{width:22%;margin:1%;height:auto;}
ul#filter li{border:none;border-bottom:1px solid #DEDEDE;width:100%;padding:4% 0;margin:0;}

.portfolio-detail-page .inner-detail-right{width:100%;}
.portfolio-detail-page .inner-detail-right ul li{font-size:medium;}
.portfolio-detail-page .inner-detail-right .status{font-size:medium;}
.portfolio-detail-page .inner-detail-left{width:100%;}
.portfolio-detail-page h2.client-info{font-size:x-large; padding:2% 0;}
.portfolio-more {height:auto; margin-bottom:5%;}
.portfolio-more .owl-theme .owl-controls {margin-top:-70px;}
.client-protfolio {padding:0 0 10% 0;}
.client-protfolio li h2{font-size:medium;}
.owl-theme .owl-controls .owl-page span{display:block;width:18px; height:18px; margin:12px;}


}
@media only screen and (min-width:480px) and (max-width:650px){.bread-crumb{float:left;width:100%;}
.bread-crumb ul{float:left;}
ul#client-portfolio li{width:31%;margin:1%;height:auto;}
#client-portfolio li:nth-child(even){margin-right:0;}
ul#client-filter li h1{width:30%;float:left;margin-top:0;padding-top:0;}
.image-grid {column-count: 1;}
.banner-overlay {
    align-items: flex-end;
    padding: 18px 0;
  }

  .page-intro-banner .wrapper {
    width: 93%;
    text-align: center;
  }

  .page-title {
    font-size: 21px;
    margin-bottom: 6px;
    line-height: 1.3;
  }

  .breadcrumb-wrap ul {
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }

  .breadcrumb-wrap ul li::after {
    margin-left: 5px;
  }
}
@media only screen and (max-width:767px){.slider-wrapper img{max-width:100%;}
.project, .experience, .testimonials, .package-plan-outer, .technology{width:100%; padding:10% 0;}
.experience p{width:90%;}
.package-plan ul li{width:100%;margin-bottom:15px;}
.package-plan ul li:last-child{margin-bottom:0px;}
.services ul li {
    width: 88% !important;
    max-width: 88%;
    margin: 0 auto;
    padding: 30px 20px;
  }
.owl-carousel .item.industry-block-item {
  padding-bottom: 20px;
  width:95%;
}
.industry-box li, .owl-carousel .item.industry-block-item {
  padding-bottom: 20px;
  width:98%;
}
.industry-box img{
  width:100%;
  height:auto;
}
.image-grid {column-count: 2;}
}
@media only screen and (min-width:480px) and (max-width:767px){
.package-plan ul li{width:49.5%;margin-bottom:10px;}
.bread-crumb{float:left;width:100%;}
.bread-crumb ul{float:left;}
ul#client-portfolio li{width:31%;margin:1%;height:auto;}
#client-portfolio li:nth-child(even){margin-right:0;}
ul#client-filter li h1{width:30%;float:left;margin-top:0;padding-top:0;}
.banner-overlay {
    align-items: flex-end;
    padding: 20px 0;
  }

  .page-intro-banner .wrapper {
    text-align: center;
  }

  .page-title {
    font-size: 22px;
    margin-bottom: 6px;
  }

  .breadcrumb-wrap ul {
    font-size: 12px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
  }
}
@media only screen and (min-width:100px) and (max-width:480px){

ul#client-portfolio li{width:47%;margin:1%;height:auto;}
.banner-overlay {
    align-items: flex-end;
    padding: 14px 0;
	min-height: 104px;
	height: auto;
  }
  
  .page-intro-banner {
  min-height: 130px; /* ensure visibility */
  height: auto;
  width:100%;
}

  .page-intro-banner .wrapper {
    width: 95%;
    text-align: center;
  }

  .page-title {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.2;
  }

  .breadcrumb-wrap ul {
    font-size: 11px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }

  .breadcrumb-wrap ul li::after {
    margin-left: 4px;
  }
  
  .introsection {
  width: 100%;
  padding: 30px 20px;
  background: #fff;
  box-sizing: border-box;
}

.intro-wrapper {
  max-width:100%;
  gap: 40px;
}
}