/*--------------------------------------------------------------

Template:  Royme Portfolio Template
Author: RoyHridoy
Version: 1.0
Developed by: Hridoy Roy

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/******************************************
You can put your custom css code here:
*******************************************/
#logo {
  display: block;
  width: 150px;
}

#logo .black {
  display: block;
}

#logo .white {
  display: none;
}

.stick #logo .black {
  display: none;
}

.stick #logo .white {
  display: block;
}

.referances-grid .single-project-item {
  width: 250px;
  height: 250px;
}

@media (max-width: 768px) {
  .referances-grid .single-project-item {
    width: 130px;
    height: 130px !important;
  }

  .header-area.hidden-menu-bar .container {
    width: 100%;
  }
}

video {
  display: inline-block;
  vertical-align: baseline;
}

.full_video {
  position: relative;
  height: 100vh;
  background-color: #000000;
  object-fit: cover;
  min-width: 100%;
}

.full_video video {
  display: none;
}

@media (-webkit-video-playable-inline) {
  .full_video img {
    display: none;
  }
  .full_video video {
    display: initial;
  }
}