#block-views-block-first-section-block-1 .views_slideshow_cycle_slide {
   background-color:#fff !important;
}
#block-views-block-first-section-block-1 .first-section-content {
    height: 420px;
    display:flex;
    background:#0099FF;
    max-height:450px;
}
#block-views-block-first-section-block-1 .first-content-left {
    padding-left:0px;
    display: flex;
    align-items: center;
}
#block-views-block-first-section-block-1 .first-section-title {
    margin: 20px 0px;
    font-weight: bold;
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    float: none;
}
#block-views-block-first-section-block-1 .first-section-body {
    text-align: justify;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}

#block-views-block-first-section-block-1 .first-content-right {
   padding-right:0px; 
   display: flex;
   justify-content:center;
   align-items: center;
}

.first-section-subtitle {
   color:#fff;
   font-size: 16px;
   font-weight: bold;
   line-height: 20px;
}
/*#block-views-block-first-section-block-1 .first-content-right img{
   width:100%;
}*/

.admin-user .page-banner-show {
   margin-top:100px;
}

.admin-user #menu {
   top:79px;  
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
    padding:0px 5px;
    line-height:10px;
    background:#007acc;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
   background:#fff;
}
/*
@media screen and (min-width:0px) and (max-width:1024px) {
    .page-banner-show {
       margin-top:25% !important;
       width: 100%;
       float: left;
    }
    #block-views-block-first-section-block-1 .first-content-left {
       padding:20px;
    }
    #block-views-block-first-section-block-1 .first-content-right img {
      width:100%;
      height:350px;
    }
}
*/
@media screen and (min-width:0px) and (max-width:767px) {
   #block-views-block-first-section-block-1 .first-section-content {
     flex-direction: column-reverse;
     height: auto;
     max-height: unset;
   }
   .views_slideshow_cycle_slide {
      height: auto !important;
   }
   #block-views-block-first-section-block-1 .first-content-right img {
      max-width: 60%;
      
   }
  #block-views-block-first-section-block-1 .first-content-right {
     justify-content: center;
     padding: 20px 0px 40px 0px;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) {
   #block-views-block-first-section-block-1 .first-content-right img {
      max-width: 80%;
   }
}
@media screen and (min-width:1025px) and (max-width:1024px) {
   #block-views-block-first-section-block-1 .first-content-right img {
      max-width: 75%;
   }
}
/*** new code for responsiveness **/
@media screen and (min-width:750px) and (max-width:999px){
#block-views-block-home-client-view-block-1 .views_slideshow_cycle_slide {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-auto-flow: row;
    grid-gap: 20px;
    grid-auto-rows:190px;
    text-align: center;
}
.bannerItems {
   display:initial !important;
}
}

@media screen and (min-width:0px) and (max-width:380px) {
#block-views-block-home-client-view-block-1 .views_slideshow_cycle_slide {
    display: grid;
    grid-template-columns: auto;
    grid-auto-flow: row;
    grid-auto-rows:170px;
    grid-gap: 20px;
    text-align: center;
*/}
.bannerItems {
   display:flex !important;
   flex-direction: column-reverse;
   height: auto;
   max-height: unset;
}

}

@media screen and (min-width:380px) and (max-width:500px) {
#block-views-block-home-client-view-block-1 .views_slideshow_cycle_slide {
    display: grid;
    grid-template-columns: auto auto;
    grid-auto-flow: row;
    grid-gap: 20px;
    grid-auto-rows:190px;
    text-align: center;
}
.bannerItems {
   display:flex !important;
   flex-direction: column-reverse;
   height: auto;
   max-height: unset;
}

}

@media screen and (min-width:501px) and (max-width:749px) {
#block-views-block-home-client-view-block-1 .views_slideshow_cycle_slide {
    display: grid;
    grid-auto-rows:190px;
    grid-template-columns: auto auto auto;
    grid-auto-flow: row;
    grid-gap: 20px;
    text-align: center;
}
.bannerItems {
   display:flex !important;
   flex-direction: column-reverse;
   height: auto;
   max-height: unset;
}


}
#block-views-block-home-client-view-block-1 .logo-project {
   display: flex;
   justify-content: center;
   width: inherit;
   overflow: hidden;
}
#block-views-block-home-client-view-block-1 .logo-project img{
   height:100%;
}

/*#block-views-block-home-client-view-block-1 .views-row {
   border: 1px solid transparent;
   box-shadow: 0px 0px 3px #d4d4d4;
}*/
#block-views-block-home-client-view-block-1 .views-col {
    border: 1px solid transparent;
    box-shadow: 0px 0px 3px #d4d4d4;
    padding: ;
    height: 240px;
    width:23% !important;
    margin:5px;
}



@media screen and (min-width:1000px) {
#block-views-block-home-client-view-block-1 .views_slideshow_cycle_slide {
    display: grid;
    grid-auto-rows:175px;
    grid-template-columns: 200px 200px 200px 200px 200px;
    grid-auto-flow: row;
    grid-gap: 20px;
    text-align: center;
}
}

.infanion-projects .views-field-field-company-logo, .infanion-technology-page .views-field-field-logo-technology {
   display: flex;
justify-content: center;
overflow: hidden;
}


body.admin-user.blog-page #story {
   margin-top:35px;
}

/*#block-views-block-related-blogs-block-1 .blog-image-related a{
   display:flex;
   width:inherit;
   justify-content:center;
   overflow:hidden;
}*/

#block-views-block-related-blogs-block-1 .views-row {
   height:305px;
}

#block-views-block-lienion-blog-block-1 .views-row {
/*  height:305px;*/
   width: calc(25% - 15px) !important;
    margin-right: 15px;
    border: 1px solid transparent;
    border-radius: 11px;
    height: 300px;
    padding: 0;
}

#block-views-block-lienion-blog-block-1 .views-row:last-child {
    margin-right: 0px !important;
    width: 25%;
}

#block-views-block-lienion-blog-block-1{
    padding: 0px 15px;
}


.blog-image-related a img{
    height: 150px;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    margin: auto;
    border-radius:10px 10px 0px 0px;
}

.related-blog-content {
  background-color: #ecebeb;
  padding: 10px;
  height:100px;
  position:relative;
}

#block-views-block-related-blogs-block-1 .blog-related-authored {
   position: absolute;
   bottom: 10px;
   font-size:14px;
   font-family: "sofia-pro-light" !important;
color: #696969 !important;
}

#block-views-block-related-blogs-block-1 {
   height:400px;
   width:100%;
   max-width:1200px;
   margin:auto;
}

#block-mainpagecontent .desSection {
   display:flex;
   width:inherit;
    justify-content:center;
    overflow:hidden;
}

#customer-priority .customer-image img{
    border-radius: 50%;
width: 60px;
height: 60px;
margin: auto;
}
#block-views-block-home-client-view-block-1-1 .views-field.views-field-field-project-background-image img {
    width: 100%;
    height: 240px;
}
#block-views-block-home-client-view-block-1-2 h2 {
/*    margin: 5% auto;*/
    text-align: center;
    margin-top:5%;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    color: #000;
}
#block-views-block-home-client-view-block-1-2 header {
    text-align: center;
    margin-bottom:1%;
}
/*.logo-project .overlay {
position: absolute;
bottom: 0;
left: 0%;
right: 0;
background-color:rgba(0,0,0,0.4);
overflow: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease;
width: 263px;
height: 240px;
top: 125px !important;
}

.project-text {
    color: white;
    font-family: "WorkSans-Reqular";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.logo-project.text-center {
    width: 100%;
    height: 240px;
}
#home-projects:hover .overlay {
 -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
cursor:pointer;
}
.title-project.text-center {
    position: absolute;
    left: 12%;
    transform: translate(-50%, -50%);
    color:white;
    font-weight:600;
    padding-bottom: 22%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.title-project.text-center a {
    color: white !important;
    font-weight: bold;
    font-size:25px;
}
.sub-projects a {
    color:blue !important;
    font-size: 12px;
    font-weight: 600;
}
.sub-projects a:hover {
color:white !important;
}
.sub-projects h6 {
    font-size: 13px;
    font-weight: bold;
}
 .more-link {
    width: 100%;
    text-align: center;
}
.more-link a {
    background: white;
    border: 2px solid;
    padding: 10px 25px;
    border-radius: 25px;
}
.sub-projects h5 {
    color: white !important;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
}
/*#block-views-block-home-client-view-block-1 .title-project {
    position: absolute;
    top: 6%;
    transform: translate(-50%, -50%);
    left: 20%;
}*/
/* .logo-project .overlays {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #008CBA;
    overflow: hidden;
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
   width:100%;
   height:240px;
}*/
/*.text {
    color: black;
    font-family: "WorkSans-Reqular";
    font-size: 20px;
    position: absolute;
    left: 21%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 4%;
}*/

/**manikanta **/
/** manikanta **/
ul.tb-megamenu-nav {
  float:right;
}

.tb-megamenu .dropdown-menu a, .tb-megamenu .dropdown-menu span.tb-megamenu-no-link {
  white-space:break-spaces;
}

/* Vasu */
/*
#navbar {
  height: inherit;
  width: 92%;
  margin: auto;
}
*/
   


.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret  {
   margin-top:8px;
}

.basic-pages #block-bannerblock{
  display:block;
  overflow:auto;
} 

#banner > .bannerItems {
   min-height:inherit;
}

.bannerItems {
   display:flex;
}

.bannerItems .banner-text {
    align-self:center;
    padding-left: 0px;
}  

.bannerItems #banner-title {
   /*color:#fff;
   font-weight:bold;
   width:85%;
   margin:0px auto 20px;*/
   margin: 20px 0px;
    font-weight: bold;
    color: #fff;
    font-size: 45px !important;
    line-height: 55px !important;
}

#menu {
  top:0px;
}

#banner-teaser {
/*  width:85%;*/
  color:#fff;
  margin:auto;
  text-align: justify;
  color: #fff !important;
  font-family: "sofia-pro-light" !important;
  font-size: 16px;
  line-height: 25px;
}

#block-views-block-first-section-block-1 .views_slideshow_cycle_slide {
   width:100%;
}

.navbar {
   min-height:70px;
}

#block-views-block-first-section-block-1 {
   width:auto;
   max-width:100%;
}

.blog-body > li {
   color:#000 !important;
   font-family: "sofia-pro-light"; 
}

.blog-body p {
   color:#000 !important;
   font-family: "sofia-pro-light";
}

.blog-body a {
   color:#000 !important;
   font-family: "sofia-pro-light";
}

.blog-define {
      color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

#block-views-block-lienion-blog-block-1 .view-row{
  width: calc(25% - 15px) !important;
  margin-right: 20px;
}

/* Services banner */
.page-banner {
   width: 100%;
   background: #0099FF;
}
.company-projects .page-banner {
   width: 100%;
   background: #0099FF;
   clear: both;
}

/* header responsive */
@media screen and (min-width:0px) and (max-width:500px) {
  #block-views-block-lienion-blog-block-1 .views-row {
     width:100% !important;
  }
  .page-banner {
    margin-top:70px;
  }
}

@media screen and (max-width: 1000px) and (min-width: 740px) {
 /*  a#superfish-page-menu-toggle {
      width:70%;
   }*/
   .bannerItems {
      display:flex !important;
   }
   #block-bannerblock #banner {
     min-height:420px;
   }
}

@media screen and (max-width: 739px) and (min-width: 0px) {
    a#superfish-page-menu-toggle {     
      width:50%;
   }
}

/* homeblogs responsive */
@media screen and (max-width: 700px) and (min-width: 500px) {
   #block-views-block-home-page-blogs-block-1 .views-col {
      width:45% !important;
   }
   #block-views-block-home-page-blogs-block-1 .views-row {
      display:flex;
      flex-flow:wrap;
   }
}

@media screen and (min-width: 701px) {
   
}


@media screen and (min-width:0px) and (max-width:550px) {
  #block-views-block-lienion-blog-block-1 .views-row {
      margin:10px auto;
      height:auto;
      width:100% !important;
  }
  .blog-image-related a img {
     height:200px !important;
  }
}

@media screen and (min-width:551px) and (max-width:770px) {
  #block-views-block-lienion-blog-block-1 .views-row {
      margin:10px 2px;
      height:auto;
      width:49% !important;
      float:left;
  }
  .blog-image-related a img {
     min-height:180px;
     max-height:200px !important;
  }
}

.services .service-title 
{
   font-size: 45px;
line-height: 55px;
}

.services .service-teaser {
   color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}

#block-views-block-our-clients-block-1 .views-row {
  height:300px;
  margin:10px auto;
}