/* CSS Document */
@media (min-width: 320px) and (max-width: 767px){
  #home{ background:#000; }
  .logo img {
    margin-top: 8px;
}
.logo {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin-top: 0px;
    display: inline-block;
    height: auto;
}
.navig { padding: 5px 0px; background: #000000; }
.navig ul li a{ padding:10px 0px !important;; }
.screenshot-single-slide{ width:auto; }
.swiper-slide{ border:none; }
.swiper-slide img{ height:auto; margin-top:30px; }
.theme { color: #fff; font-size: 28px; font-weight: bold; border: solid; line-height: 44px; position: relative; z-index: 999; text-transform: uppercase;}
.about-image-part{ padding-left:0px; }
.story-content i{ display:none; }
.footer-bottom-nav {display: block; text-align: center;}



  }
  
  @media (min-width: 320px) and (max-width: 480px){
  
  }
  
  @media (min-width: 481px) and (max-width: 767px) {
     
  }
  @media (min-width: 768px) and (max-width: 1024px) {
  
  }
  
  @media (min-width: 1025px) and (max-width: 1366px) {
.logo{ margin-top:0px;  }
.author-image-part .bg-circle { left: 40px; top: 0%; width: 530px; height: 530px;}
.slide img { left: 0px; top: 15px;}
.logo img { margin-top: 0px;}
  
  }
  
  @media (min-width: 1367px) and (max-width: 1920px) {
  .logo {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    display: inline-block;
    height: 425px;
}
  }