.container{margin-bottom:0;}
.gallery1 .thmbBox{position:relative;}
.gallery1 .thmbOver{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url(../images/news-event/plus.png) no-repeat center;visibility:hidden;opacity:0;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.thmbBox:hover .thmbOver{visibility:visible;opacity:1;}
.full-contant {clear:both; padding-bottom:80px;} 
.grid .item {display: block;float: left;padding: 0;width:33.33%;opacity: 1;}
.grid .item a,.grid .item img {outline: none;border: none;display: block;width: 100%;}
.grid.effect-2 .item.animate {-webkit-transform: translateY(200px);transform: translateY(200px);-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;} 
.artical {clear:both; padding:20px 20px;text-align: center; margin:40px auto 40px auto; width:80%;}
.artical h1 {font-family: 'Playfair Display',serif;font-size: 32px;padding: 28px 0 0;margin:0 0 5px 0; font-weight:normal;}
.vid-holder iframe {width: 100%;height: 100%;}
.vid-holder {margin:0 auto 60px auto;}
/*animation*/
@-webkit-keyframes moveUp {0% { }100% { -webkit-transform: translateY(0); opacity: 1; }}
@keyframes moveUp {0% { }100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }}
/*media query*/
@media (max-width: 767px) {
.top-space {height:97px;display:block;} 
.logo-1{display:none;}
.logo-2{display:block;}
.header{background:#fff;}   

.artical {padding:0;margin:30px auto 30px auto;}
.artical h1 {padding:0 0 0; font-size:18px;}
.artical h2 {font-size:initial;}
.vid-holder {margin:0 auto 30px auto;}
.container{margin-bottom:30px;}
}
@media screen and (max-width: 900px) {
.grid .item {width: 50%;}
.entry > .grid > .item {width: 50%;}
}
@media screen and (max-width: 400px) {
.grid .item {width: 100%;}
.entry > .grid > .item {width: 100%;}
}

@media (min-width: 768px) {
.vid-holder {height:380px;width: 65%;}	
}

@media (min-width: 1200px) {
.vid-holder {height:480px;width: 88%;}	 
}  

@media (min-width:768px){
.full-contant{padding-left:7%;}	
}
@media (min-width:1200px){
.full-contant{padding-left:5%;}	
}


.scroll-text i {
    font-style: normal;
    display: block;
    width: 90px;
    position: relative;
    left: -20px;
    top: 20px;
}

#mouse-scroll {
  style: block;
}
#mouse-scroll {
  position: absolute;
  margin: auto;
  left: 50%;
  bottom:50px;
  -webkit-transform: translateX(-50%);
  z-index: 9;
}
#mouse-scroll span.scroll-text {
    position: relative;
    top: -45px;
    color: #fff;
    font-weight: bold;
    border: 0;
    transform: rotate(0deg);
    left: -22px;    
}
#mouse-scroll span{
  display: block;
  width: 5px; 
  height: 5px;
  -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       transform: rotate(45deg);
  border-right: 2px solid #ff79a6; 
  border-bottom: 2px solid #ff79a6;
  margin: 0 0 3px 5px;
}
#mouse-scroll .mouse {
  height: 21px;
  width: 14px;
  border-radius: 10px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  border: 2px solid #ff79a6;
  top: 170px;
}
#mouse-scroll .down-arrow-1 {
  margin-top: 6px;
}
#mouse-scroll .down-arrow-1, #mouse-scroll .down-arrow-2, #mouse-scroll .down-arrow-3 {
  -webkit-animation: mouse-scroll 1s infinite; 
    -moz-animation: mouse-scroll 1s infinite:
}
#mouse-croll .down-arrow-1 {
   -webkit-animation-delay: .1s; 
   -moz-animation-delay: .1s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-2 {
  -webkit-animation-delay: .2s; 
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
#mouse-scroll .down-arrow-3 {
   -webkit-animation-delay: .3s;
   -moz-animation-dekay: .3s;
   -webkit-animation-direction: alternate;
}
#mouse-scroll .mouse-in {
  height: 5px;
  width: 2px;
  display: block; 
  margin: 5px auto;
  background: #ff79a6;
  position: relative;
}
#mouse-scroll .mouse-in {
 -webkit-animation: animated-mouse 1.2s ease infinite;
  moz-animation: mouse-animated 1.2s ease infinite;
}

@-webkit-keyframes animated-mouse {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
     opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes mouse-scroll {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  } 
}
@keyframes mouse-scroll {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}