ss code

@media screen and (max-width: 1000px) {
#block-yui_3_17_2_1_1568372206521_19772{
     width: 100%;
      height: 100%;
      margin: auto;
}
}
@media screen and (max-width: 500px) {
#block-yui_3_17_2_1_1568372206521_19772{
     width: 25%;
      height: 25%;
      margin: auto;
}
}

@media screen and (max-width: 1000px) {
  .Index-gallery-item-content{
    margin-top:0px !important;
    margin-right:-16px !important;
    margin-left:-16px  !important;
    width:100% !important;
    text-align:center !important;
  }
}
.Index-gallery-item-content{
    margin-bottom:50px !important;
  }


/* SWIPE ANIMATION CSS */

.sp-intro {
width: 90%;
max-width: 90%;
text-align: left;
margin: -30 auto;
}
.sp-headline {
  margin: 0 !important;
}
.sp-intro, .sp-words-wrapper {
h4, b, i, p, span {
line-height: 55px;
font-size: 48px;
font-weight: 700;
font-style: initial;
color: #111111;
}
}
.sp-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
width: auto !important;
}
.sp-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.sp-words-wrapper b.is-visible {
position: relative;
}
.no-js .sp-words-wrapper b {
opacity: 0;
}
.no-js .sp-words-wrapper b.is-visible {
opacity: 1;
}

.sp-headline.slide span {
display: inline-block;
padding: 0;
}
.sp-headline.slide .sp-words-wrapper {
overflow: hidden;
vertical-align: bottom;
width: auto;
}
.sp-headline.slide b {
opacity: 0;
top: .2em;
}
.sp-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.sp-headline.slide b.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
}
// TABLET STYLES
@media (min-width : 668px) and (max-width : 1024px) {
.sp-intro, .sp-words-wrapper {
h4, b, i, p, span {
line-height: 46px !important;
font-size: 38px !important;
font-weight: 600 !important;
}
}
}
// MOBILE STYLES
@media (max-width : 667px) {
.sp-intro, .sp-words-wrapper {
h4, b, i, span, p {
line-height: 36px !important;
font-size: 28px !important;
font-weight: 600 !important;
}
}
}
/* END OF SWIPE ANIMATION */


#epl-banner .Index-page-image:before {
  background-color: rgba(15, 50, 69, 0.6);
}

#epl-video .Index-page-image:before {
  background-color: rgba(15, 50, 69, 0.9);
}


#ge-banner .Index-page-image:before {
  background-color: rgba(17, 17, 80, 0.5);
}

#lc-banner .Index-page-image:before {
  background-color: rgba(17, 17, 80, 0.5);
}

#ftp-banner .Index-page-image:before {
  background-color: rgba(17, 17, 80, 0.5);
}
#services .Index-page-image:before {
  background-color: rgba(15, 50, 69, 0.7);
}


/* CUSTOM CSS Logo Gallery */

.sqs-gallery-block-grid {
.sqs-gallery-design-grid-slide {
  max-height: 160px !important;
}
.slide .margin-wrapper a.image-slide-anchor {
  padding-bottom: 160px !important;
}
img {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    filter: grayscale(1);
   transition: all ease-in-out 600ms !important;
}
.slide:hover {
  img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
  }
}
}