* {
	margin: 0;
	padding: 0
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #333;
	background: url(../images/bg.png) top right no-repeat;
	background-attachment: fixed;
	background-position: 128px 0px;
}
 
header{ text-align: center}
header img{ display: block}
.contant {margin: 160px 0 60px;}
.contant p {text-align: justify; font-size: 26px; line-height: 1.6; font-family: 'Righteous', cursive;}
.main-relatv{position: relative;padding: 0;border-bottom: 8px solid #8295e2;border-right: 8px solid #7e98ff;padding: 0 15px;}
.bordline{position: absolute; bottom: 0; width: 100%; height: 5px; background: #000}
.gallery-sec{ padding: 50px 0 0;}
.gallery-sec h3{    font-family: 'Righteous', cursive; text-align: center; font-size: 45px; margin-bottom: 25px;}
.gallery-sec #lightgallery{padding:0;margin:0;text-align:center;}
.gallery-sec li{display:inline-block;margin:5px 2px;width:24%;cursor:pointer}
.gallery-sec li img{width:100%;height:auto;padding:2px;border:1px #ffd0d0 solid;}
.logodiv{text-align: center}
.desktop-none{ display: none}
.at-item {
  width: 100%;
  animation-name: shutter-in-top;
  animation-duration: 1.2s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes shutter-in-top {
  0%{
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100%{
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

 
  .at-itemtext {
 
  animation-name: scale-up-center;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes scale-up-center {
  0%{
    -webkit-transform: scale(.2);
    transform: scale(.2);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.logo { text-align: center; margin: 0 auto}
.logo {
 
  animation-name: rotate-center;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
}
@keyframes rotate-center {
  0%{
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100%{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

 

@media screen and (max-width: 767px) {
	.gallery-sec li{ width: 45%;}
	.main-relatv{ border: none;}
	.contant{ margin: 25px 0;}
	.desktop-none{ display: block}
	.mobile-none{ display: none}
	.contant p{ font-size: 24px;}
}
@media screen and (max-width: 480px) {
.logo{ width: 100%;}
	
}