/*================================================
            Table of contents  
==================================================
 
1. Layout greater than 768px
2. Layout lesser than 768px
3. Layout lesser than 460px

====================================================
            End table content
===================================================*/

/*-------------------------------------------------------*/
/* Layout greater than 768px */
/*-------------------------------------------------------*/
@media only screen and (min-width: 768px) {
  .service-style-2 .col-md-4.col-sm-6:nth-child(-n+4) .single-service {
    margin-bottom: 30px;
  }

  .service-style-2 .col-md-4.col-sm-6:nth-child(-n+4) .single-service {
    margin-bottom: 30px;
  }

  .portfolio-column-count-4 .portfolio-item {
    width: 33.3% !important;
  }

  .search-form {
    margin-top: 80px !important;
  }

  .alignleft {
    float: left;
  }

  .alignright {
    text-align: left;
  }

}

/*-------------------------------------------------------*/
/* Layout lesser than 768px */
/*-------------------------------------------------------*/
@media only screen and (max-width: 767px) {

  .header .navbar-nav {
    float: none;
    background-color: #fff;
  }

  .header.shrink .navbar-nav li a,
  .header .navbar-nav li a {
    padding: 10px 10px;
    color: #222;
  }

  .header.shrink .navbar-nav li.language-selection {
    text-align: right;
    margin-right: 5px;
  }

  .sidebar-menu .navbar-collapse {
    box-shadow: none;
  }

  .sidebar-menu .collapse {
    display: block;
  }

  .slider-area h1 {
    font-size: 30px;
  }

  .slider-area h3 {
    font-size: 22px;
  }

  .pagination-area {
    margin-top: 60px;
  }

  .counter-item {
    margin-bottom: 30px;
  }

  .area-heading-style-two {
    width: 100%;
  }

  .text-left .portfolio-filter>li {
    margin: 0 30px 15px 0;
  }

  .text-left .portfolio-filter>li:last-child {
    margin: 0;
  }

  .portfolio-filter>li+li {
    margin-left: 5px;
    margin-top: 10px;
  }

  .portfolio-column-count-4 .portfolio-item {
    width: 100%;
  }

  .service-style-2 .col-md-4.col-sm-6:nth-child(-n+5) .single-service {
    margin-bottom: 30px;
  }

  .silicon-standard-row {
    padding: 80px 0;
  }

  .search-form {
    margin-top: 80px !important;
  }

  .alignleft {
    float: left;
  }

  .alignright {
    text-align: left;
  }

  .slider-area.home-bg .container {
    /* position: absolute;
    top: 30%;
    left: 0;
    width: 100%;*/
  }

  #video-background { 
    display: none;
  }
}

/*-------------------------------------------------------*/
/* Layout lesser than 460px */
/*-------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  .slider-area h1 {
    font-size: 25px !important;
  }

  .slider-area h3 {
    font-size: 16px;
  }

  .portfolio-column-count-4 .portfolio-item {
    width: 100%;
  }

  .bouncing-icon{
    margin-top: 50px;
  }
}