.animate_rotate img{
    animation: rotate 20s linear infinite;
    
  }
  @keyframes rotate{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
  }
  /***
  =============================================
      Float Bob X Animation Css
  =============================================
  ***/
  @-webkit-keyframes float-bob-x {
      0% {
        transform: translateX(-30px);
      }
    
      50% {
        transform: translateX(-10px);
      }
    
      100% {
        transform: translateX(-30px);
      }
    }
    
    @keyframes float-bob-x {
      0% {
        transform: translateX(-30px);
      }
    
      50% {
        transform: translateX(-10px);
      }
    
      100% {
        transform: translateX(-30px);
      }
    }
    
    .float-bob-x {
      -webkit-animation-name: float-bob-x;
      animation-name: float-bob-x;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
    }
    .about-three-wall {
      position: absolute;
      top: 0;
      right: 0;
      opacity: .5;
    }
    .about-one-wall {
      position: absolute;
      top: 0;
      right: 0;
      opacity: .5;
    }
    .about-two-wall{
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    .animate_rotate.rotate_1.bottom-right {
      bottom: 70px;
      top: initial;
      position: absolute;
      right: 10%;
      left: initial;
    }


    /* Header CSS */
   header {
    position: relative;
    background-color: #094580;
}
    .main-menu{float: right !important;}
    /* .main-menu ul li a {
        color: #fff !important;
      } */
      @media (max-width:767px) {
        .screenshot_slider{
          height: 70vh;
        }
        
      }