@media screen and (min-width:0px) and (max-width:1080px) {
  .filters .js-form-type-select {
     width: 50% !important;
  }
  .filters .filter-button {
    width:100% !important;
    float:left;
  }
  .filters {
    border-bottom: none !important;
  }
  .filters .form-select{
      width: 98% !important;
  }
  .company-projects .project-hyperlink{
    width: auto !important;
    margin:0% 5% 0% 0%;
  }
  #block-firstsectionblock .first-section-body {
      width:100%;
  }
  #block-joinusblock a.join-button-link {
     margin-right:auto;
     font-size: 15px;
  }
  #block-joinusblock .join-button {
     display:flex !important;
     width: 100%;
  }
  .blog-image {
 /*      background-size:100% 100%;*/
       min-height:400px;
  }
  .placed-in-twig {
    display:block;
    overflow:hidden;
  }
  .sf-depth-1 .sf-sub-indicator {
    background: url(../img/dropdownt.png);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center right;
  }
  .project-heading { 
     padding:20px 15px;
  }
  .second-content .project-data p {
    padding:0px;
  }
  .project-data .party-parent {
     padding:0px;
  }
  #project-page-banner {
    min-height:460px;
  }
  #block-firstsectionblock .first-section-title {
      width:100%;
  } 
  .blog-text {
      width:100%;
  }
  #block-firstsectionblock .first-content-left {
      padding:25px;
  }
  .first-content-right img {
      width:100%;
  }
  #block-views-block-services-block-1 .views-field-field-service-image .field-content {
        width: 19%;
        padding: 15px 0px 15px;
  }
   #block-views-block-services-block-1 .views-field-field-service-image {
  /*      padding-left:15px;*/
   }
   #block-fourthcontent {
        margin: 5% auto;  
   }
   #block-views-block-home-page-blogs-block-1{
      margin-top:5%;
   }
   #block-fourthcontent .fourth-content-left{
   padding-top:0% !important;
   }
   #block-views-block-home-page-blogs-block-1 .more-link {
     margin-top: 5% !important;
   }
   /*#block-fourthcontent .fourth-content-left {
        padding:30px;
   }*/
   #block-fourthcontent .fourth-section-title {
        width:100%;
   }
   #block-fourthcontent .fourth-section-body {
        width:100%;
   }
   .fourth-content-right ul{
       padding:0px 15px; 
   }
   #block-views-block-home-page-blogs-block-1 {
   /*    margin: 25px 0 50px !important;*/
   }   
   #block-views-block-we-trust-our-customers-block-1, #block-joinusblock {
       margin-top:30px;
   }
   #block-views-block-home-page-blogs-block-1 .views-field.views-field-title {
       width:93% !important;
   }
   .join-content {
      width:100%;
       padding:0px 30px;
   }
   #block-joinusblock .join-button {
       justify-content: center;
   }
   #block-joinusblock {
       margin-bottom:30px;
   }
   .careers .career { 
      height:100%;
      width:100%;
      margin:10px 4px;
   }
   .career-title {
       height:100%;
   }
   .career-buttons .apply {
       text-align: center;
       display: -webkit-flex !important;
       display: flex;
       align-items: center;
       justify-content: left;
       height: 70px;
       padding-left: 7px;
   }
   .career-buttons {
       position:initial;
   }
   .career-map span {
       width:8%;
   }
   .event-grid {
       width:100%;
       padding: 0px 30px;
       margin: 5px 0px; 
       float:none;
   }
   #basicpage {
       width:85%;
       margin:auto;
   }
   .lienion-blog .infanion-header-region .views-field-title {
       width:100% !important;
   }
   .lienion-blog header {
       padding:30px;
   }
   .lienion-blog .views-col {
       width:100% !important;
       margin-bottom: 20px !important;
   }
   .lienion-blog .views-view-grid {
       width: 80%;
       margin: auto;
       float: none;
   }
   .lienion-blog .infanion-blog-title {
       width: 100% !important;
       padding: 15px 15px 20px !important;
   }
    .infanion-events {
        height:100%;
    }
   /*#block-lieniontheme-branding {
       margin-bottom:10%;
   }*/
   #block-views-block-footer-page-links-block-1 .views-field-title , #block-views-block-footer-product-list-block-1 .views-field-title {
       width:100% !important;
   }
   #block-views-block-our-clients-block-1 .views-col{ 
       margin-bottom:30px !important;
   }
   #block-views-block-contact-us-heading-block-1 {
       float:none;
   }
   #block-views-block-contact-us-heading-block-1 .views-row {
       padding-top:30%;
   }
   #block-views-block-contact-us-heading-block-1 .views-row .views-field-field-page-subtitle {
       width: 85%;
       text-align: justify;
       margin: auto;
   }
   .office-title h3 {
       width:100%;
   }
   /*#block-views-block-contact-person-block-1 {
     width:90% !important;
   }*/
   #project-first-content { 
       height:100%;
       display:contents;
       float:none;
   }
   .project-details {
     width:100%;
   }
   .project-detail-page .section-content {
      width:100%;
   }
   .contact-persons div {
   /*    width:100% !important;*/
   /*    margin:35px auto !important;*/
   }
   li[class^="slide__grid"] {
    width: 80% !important;
    float: none !important;
    margin: 0 auto 20px !important;
   }
   /*#banner .bannerItem { 
   /* background-size: contain;
    width: 100%;
    float: left;
     background-position:center;
     min-height:200px;
     background-repeat: no-repeat;
     background-origin: border-box;
   }*/
   #project-first-content .description-project {
      padding:0px;
      margin-bottom:25px;
     width:95%;
   }
   #project-first-content {
      border:none;
   }
   .project-logo {
      margin-bottom:25px;
   }
   #block-views-block-infanion-technologies-block-1 h2 {
      text-align:center;
      margin:100px auto;
   }
   .views-field-field-logo-technology img {
      height:170px;
      margin-bottom:5px;
   }
    .views-infinite-scroll-content-wrapper .views-field-title{
      width:100% !important; 
   }
  
   #block-views-block-core-team-block-1 .core-team {
      width:100% !important;
   }
   #block-views-block-core-team-block-1 .core-team .views-field-body {
      width:100% !important;
   }
   #block-views-block-core-team-block-1 {
     width: 90%;
     margin: auto;
   }
   .core-team-page #story{
      margin:5% auto !important;
   }
   #block-views-block-home-client-view-block-1 li.grid {
      width:95%;
   }
   #block-views-block-home-client-view-block-1 .views-field-title {
      margin-top:15px !important;
   }
   #block-views-block-services-block-1 .views-field-field-teaser-text {
   /*   width:85%;*/
       margin:auto;
   }
   .office-address ul {
      padding-left:0px;
   }
   .services #related-services .services-col {
     width:100% !important;
   }
   .services #related-services .services-col .views-field-title {
      width:100% !important;
   }
   #block-views-block-home-client-view-block-1 {
      margin:auto;
   }
   #block-views-block-services-block-1 .views-field-field-logo {
   /*  width:85%;*/
   }
   .company-projects #story {
      width: 100% !important;
      float: left;
      margin-top: 25%;
   }
   .basic-pages .page-banner-show {
      /*margin-top:10% !important;*/
      min-height:420px;
    } 
    .core-team-page .page-banner-show {
    /*  margin-top:22% !important;*/
      float:none;
    }
    #block-bannerblock #banner {
      min-height:unset;
    }
    #banner .bannerItem {
      padding: 20px 0px 40px 0px;
    }
    /*.privacy-policy #story,.disclaimer #story {
       margin-top:25% !important;
    } 
    .infanion-projects #story {
      margin-top:25% !important;
    }*/
    #project-page-banner { 
       display:flex;
       flex-direction:column-reverse;
    }
    #project-page-banner .project-logo {
        text-align:center;
    }
    #block-views-block-related-blogs-block-1 .views-infinite-scroll-content-wrapper {
      display:initial !important;
    }
    .services .related-service {
      display:initial;
    }
   .copyright .menu {
    width: 90% !important;
    text-align: center;
    margin: auto !important;
   }
    .copyright .menu ul{
    text-align:center !important;
   }   
   .services .services-banner-image {
    display: block;
    }
    .services .service-banner img {
    width: 70%;
    max-width: 40%;
    }
    .service-banner {
    min-height: 300px !important;
   } 
   /*.basic-pages #banner .bannerItem {
    width:100% !important;
    min-height: 300px !important;
   }*/
    /*.basic-pages #banner .bannerItem img {
    width: 70%;
    max-width: 40%;
    }
    .infanion-blog #banner .bannerItem img {
    width:70% !important;
    max-width: 40%;
   }*/
   /*.infanion-blog #banner .bannerItem {
    width:100% !important;
    min-height: 300px !important;
   }*/

}
@media screen and (min-width:0px) and (max-width:740px) {
    #block-firstsectionblock .first-section-content {
        height:700px;
    }
    .second-content .project-data {
        display:initial !important;
    }
    .second-content .project-data p,.second-content .project-data a {
        padding:0px;
   font-size:13px; 
   }
    .captcha {
       margin-bottom: 25px;
    }
}
#block-views-block-home-page-blogs-block-1 .more-link {
   text-align:center;
   margin-top: 1%;
}

@media screen and (min-width:0px) and (max-width:480px) {
  .technolgies-basic-page #story #basicpage #page-body td , .api-service-page #story td {
     width: 25% !important;
     margin: auto !important;
  }
  /*.technolgies-basic-page #page-body td p, .api-service-page .service-description td p{
     text-align: center;
  }*/
  #block-views-block-services-block-1 .views-view-grid .views-col {
    width:100% !important;
    padding: 10px;
    margin: 10px auto!important;
    height: auto;
  }
  #block-views-block-home-client-view-block-1-2 .views-row {
    width:100% !important;
  }
  .services #related-services .services-col {
    height:270px;
  }
  a#superfish-page-menu-toggle span {
    background: url('../img/Hamburger2.png');
        background-repeat: repeat;
        background-size: auto;
    height: 24px;
    display: inline-block;
    width: 30px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 25px 20px;
    margin:6% auto;
   }
   .privacy-policy #basicpage h2, .disclaimer #basicpage h2 {
    text-align:center;
   }
   .copyright .menu {
    padding-right: 0px;
    width: 100%;
    margin: auto;
    padding: 0px;
    height:100px;
   }
   .powered-by{
    padding-left:20px !important;
   }
  #block-views-block-services-block-1 {
    margin-top: 5%;
   padding-left: 0px;
   padding-right: 0px;
  } 
  .services .services #story {
    margin-top: 0% !important;
   }
   .core-team-page .core-team-page .page-banner-show {
    margin-top: 20% !important;
   }
   .core-team-page #menu {
   height:90px;
   }
   .basic-pages #page-body td img {
    width: 100%;
    height: auto;
    }
    .basic-pages #basicpage #page-body td {
     width:100% !important;
     float:left;
    }
    .basic-pages #basicpage {
    width:100% !important;
    }
   .services #related-services {
    margin: 10% auto 50px;
    }
    .services #related-services .services-col {
    width: 80% !important;
    margin: auto;
    }
    #block-views-block-our-s-office-block-1 {
margin: 2% auto auto auto;
    padding: 0;
   }
   .office-address li{
       width: 100%;
   }
    #block-views-block-contact-person-block-1 {
    width:90% !important;
   }
   .services .services-banner-image {
    flex-direction: column-reverse;
    height: auto;
    max-height: unset;
    display: flex;
   } 
   .services .service-first-section {
    width: 100%;
    text-align:left;
    }
    .service-banner {
    width: 100%;
    margin: auto;
   }
   .services .service-banner img {
    width: 100%;
    height: auto;
    max-width: 65%;
   }
   .services .service-description td {
    width: 100% !important;
    float: left;
    text-align: center !important;
    margin: 1% auto;
   }
   .services .service-description td img {
    width:100%;
    height:auto;
    }
    .services .service-content img {
    width:100%;
    height:auto;
   } 
   .blog-image {
   height:auto !important;
  min-height:100%;   
  }
  .core-team-page .container.menuinner {
   background:#09F !important;
  }
  .blog-page .blog-detailed-page .blog-body img {
  max-width:100%;
   height:auto;
  text-align:center;
  margin:1% 1% 1% 10%;
   }
   #block-views-block-services-block-1 {
   margin-top:15%;
  }
   #block-views-block-home-page-blogs-block-1 .views-field-field-teaser-image img {
   width:100%;
   }
   #block-views-block-home-page-blogs-block-1 .views-field.views-field-field-blog-teaser-text {
   margin: 1% 1% 1% 2%;
   } 
   #block-views-block-home-page-blogs-block-1 .views-field.views-field-title {
    margin: 4% auto !important;
   }
   #footer #block-views-block-footer-page-links-block-1 h2 {
   margin-top:10%;
   }
   #footer #block-views-block-footer-project-spotlights-block-1 {
    margin-top: 10%;
   }
  #footer .copyright .menu {
   width:100% !important;
   } 
   .blog-page .blog-text h2 {
    font-size :25px !important;
    line-height:40px !important;
   }
  .services .service-banner {
    min-height: 230px;
   }
   .company-projects .project-logo img {
   width:80%;
   height:auto;
    }
   .infanion-projects  #block-views-block-our-clients-block-1 .title-project.text-center h2 {
    left: 45%;
    }
   .basic-pages .banner-text #banner-title {
    margin: 10% auto !important;
   }
   #block-views-block-our-s-office-block-1 .office-title {
    margin: 7% auto;
   }
   #block-views-block-our-s-office-block-1  .office-address li {
    width: 100%;
    margin: 1% auto 4% 1%;
   }
   #block-views-block-contact-person-block-1 .person {
    padding-bottom: 10% !important;
    }
   #block-views-block-our-s-office-block-1  .office-details {
    margin: 1% auto 2% 7%;
    } 
    #block-views-block-contact-person-block-1 {
    margin: 1% auto 1% 12%;
   }
   #banner .bannerItem img {
     max-width:60%;
   }
}

@media screen and (min-width:481px) and (max-width:750px) {
   #block-views-block-services-block-1 .views-view-grid .views-col {
    width:50% !important;
    padding: 10px;
    margin: 10px auto 20px !important;
float: left !important;
    height:330px;
  }
  #block-views-block-home-client-view-block-1-2 .views-row {
    width:50% !important;
    height:240px;
    margin:20px auto !important; 
  }
  #block-views-block-home-client-view-block-1-2 .more-link {
     margin:5% auto auto;
  }
}

@media screen and (min-width:750px) and (max-width:1000px) {
   #block-views-block-services-block-1 .views-view-grid .views-col {
    width:30% !important;
    padding: 10px;
    margin: 10px 10px 20px !important;
float: left !important;
    height:370px;
  }
  /*#block-views-block-services-block-1  .views-field.views-field-title {
    padding-left: 6%;
}*/
  #block-views-block-home-client-view-block-1-2 .views-row {
    width:33% !important;
    height:280px; 
  }

}
@media screen and (max-width:1366px) {
   .company-projects .project-detail-page {
      width: 90% !important;
/*      margin-top: 3% !important;*/
      margin: auto;
      clear: both;
      float: none;
      padding: 0;
   }
   .services .service-content{
     width: 90%;
     padding: 0;
     margin: auto;
   }
   .basic-pages #story {
      padding: 0;
   }
   .basic-pages #basicpage #page-body {
      width: 90%;
      padding: 0;
      margin: auto;
   }
}
@media screen and (min-width:768px) and (max-width:1080px) {
  a#superfish-page-menu-toggle{
     margin-top: 2% !important
   }
  .partner #basicpage td img {
    width: 85% !important;
   }
#banner .bannerItem img {
    width: 100%;
    height: auto;
    max-width: 75%;
}
.basic-pages #basicpage td img {
width:100%;
height:auto;
}
.services #story td img{
  width: 100%;
}
.core-team-page .core-team-page .page-banner-show {
margin-top:0% !important;
}
#block-views-block-our-clients-block-1 .views-col {
    padding: 5px 5px 0px;
    margin: 0px !important;
        margin-bottom: 0px;
    width: 50% !important;
    height: 250px;
    margin-bottom: 10px !important;
}
#block-views-block-our-clients-block-1 .title-project.text-center h2 {
    left: 45% !important;
}
.company-projects .project-company-name {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-align:left !important;
    margin: 4% auto;
}
.company-projects  .text-left.heading {
    text-align: left !important;
}
.services #story {
    margin-top: 0% !important;
}
.services #related-services .services-col {
    width: 33% !important;
    padding: 15px;
}
.infanion-blog .lienion-blog .views-row {
    width: 33% !important;
}
.blog-page #block-views-block-related-blogs-block-1  .views-row {
    width: 33% !important;
}
.contact-us-page #block-views-block-contact-person-block-1 {
    margin: 1% auto 2% 3%;
}

a#superfish-page-menu-toggle {
   width:70%;
}
}

/** footer section responsive **/
@media screen and (min-width: 750px) and (max-width: 1000px) { 
 .powered-by {
   width:50% !important;
   text-align:left !important;
   float:left;
 }
  .copyright .menu {
     float:right;
     width:50% !important;
  }
  .copyright .menu ul {
    text-align:right !important;
  }
   #block-lieniontheme-branding, div#block-views-block-footer-product-list-block-1, div#block-views-block-footer-page-links-block-1, #block-views-block-footer-page-links-block-1, #block-views-block-footer-project-spotlights-block-1 {
      width:50%;
   }
  #block-views-block-footer-project-spotlights-block-1 .views-field.views-field-title {
     width:100% !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .services .services-banner-image {
    flex-direction: column-reverse;
    height: auto;
    max-height: unset;
    display: flex;
   }
  .services #story {
     margin-top:0% !important;
  }
  .powered-by {
    text-align:center;
    width:100%;
  }
  #project-page-banner {
     flex-direction:initial !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 800px) {
 .services #related-services .services-col {
    width:45% !important;
    float:left !important;
    margin:10px !important;
    height:auto;
 }
}

@media screen and (min-width: 801px) and (max-width: 950px) { 
   .services #related-services .services-col {
      margin:10px 20px !important;  
      width:45% !important;
      height:auto;
   }
}

@media screen and (min-width: 950px) and (max-width: 1024px) {
   .services #related-services .services-col {
      margin:10px 14px !important;
      width:22% !important;
   }
}

@media screen and (min-width: 750px) and (max-width: 1024px) {
   .services .service-banner img {
      max-width:70%;
   }
   .services .services-banner-image {
      flex-direction:initial;
   }
   #block-views-block-our-clients-block-1 .views-row {
      display:flex;
   }
}

@media screen and (min-width: 1000px) and (max-width: 1024px) { 
  a#superfish-page-menu-toggle {
    width:70%;
  }
  .social-bar h2 { 
    font-size:16px !important;
  }
  #block-bannerblock #banner { 
     min-height:400px;
  }
  .powered-by {
    text-align: left;
    width: 50%;
    float:left;
  }
  .copyright .menu {
    float:right;
    width:50% !important;
  }
  .copyright .menu ul {
    text-align:right !important;
  }
}


@media screen and (min-width: 500px) and (max-width: 750px) {
  #block-views-block-our-clients-block-1 .views-col {
      width:50% !important;
      float:left !important;
      padding:5px 5px 0px;
  }
  .project-parties {
     width:25% !important;
  }
}

@media screen and (min-width:0px) and (max-width:499px) {
   #block-views-block-our-clients-block-1 .views-col {
      width:100% !important;
      float:left !important;
      padding:5px 5px 0px;
      margin-bottom:35px !important;
      max-height:260px !important;
   }
  #block-reportsblock .inner {
    flex:0 0 100%;
  }
  #block-reportsblock .paddle {
    width:50px;
  }
  .project-parties {
     width:25% !important;
  }
}

@media screen and (min-width: 500px) and (max-width: 1024px) {
   #block-reportsblock .inner {
    flex:0 0 33.3%;
  }
  #block-reportsblock .inner {
    height:350px;
  }
  #block-reportsblock {
    height:350px;
  }
 #block-reportsblock .paddle {
    width:50px;
 }
}

@media screen and (min-width: 1440px) {
   #block-reportsblock .inner {
    flex:0 0 17%;
  }
}

@media screen and (min-width: 768px) and (max-width:1080px) and (orientation:landscape) {
   .sf-accordion-toggle {
    float: right;
   }
   .copyright .menu ul {
      text-align:right !important;
   }
   .copyright .menu {
      width:50% !important;
   }
   .careers .career {
     width:49% !important;
     min-height:400px;
   }
   .download-pdf {
      width:100%;
   }
   .careers .career:nth-child(2n+1) {
      clear:both;
   }
   #project-page-banner {
    flex-direction: initial !important;
   }
}

@media screen and (min-width: 768px) and (max-width:1080px) and (orientation:portrait) {
   #block-views-block-home-page-blogs-block-1 .views-field-field-teaser-image img {
      min-height: 180px;
      max-height: 200px !important; 
   }
   #block-views-block-home-page-blogs-block-1 .views-col {
      width:calc(50% - 2%) !important;
      margin:10px 1%;
   }
   .project-text .sub-projects{
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
    .sub-projects h6{
      font-size: 18px !important; 
   }
}
   /* IE10+ specific styles go here */  
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   .blog-title-header {
      padding-top: 100px;
   }
   .services .related-service {
     display: block;
   }
   .services #related-services .services-col {
     width: 25% !important;
   }
  .tb-megamenu {
    position: static !important;
  }
}
@media screen and (min-width:375px) and (max-width:667px) {
#project-page-banner {
    min-height: 530px;
}
}
@media screen and (min-width:320px) and (max-width:568px) {
#project-page-banner {
    min-height: 600px;
}
 .filters .js-form-type-select{
      width: 100% !important;
      margin-top: 2%;
  }
 .filters .filter-button {
    width: 100% !important;
    margin-top: 2%;
    float:none;
    height: 40px;
  }
  /*.filters .form-submit{
      float:left !important;
   }*/
  .filters .form-select{
    width: 100% !important;
  }
  .filters {
     border-bottom:none !important;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
.sub-projects  h6 {
font-size:18px !important;
}
.project-text .sub-projects {
padding:0px 27px !important;
}
.social-bar > div{
  width: 50% !important;
}
}
.company-projects .project-detail-page {
    width: 100% !important;
   margin:0% 0% 0% 2%;
}
@media only screen and (min-width: 1080px) and (orientation: landscape) { 
.company-projects .project-detail-page {
    width: 95% !important;
   margin:1% 0% 0% 4%;
}
}
.company-projects .project-hyperlink {
margin:0% 5% 0% 0%;
}
@media only screen and (min-width: 834px) and (max-width:1112px) {
.company-projects .project-hyperlink {
 width:auto !important;
}
}