@media(max-width: 1199px){
  /* brand-sliderr */
  .slider_section .brand_slider .slide {
    width: calc(100vw - 70vw);
  }
}

@media (max-width: 991px) {
  /* main */
  .main {
    padding-top: 10px;
    flex-wrap: wrap;
  }
  .main > div {
    width: 100% !important;
  }
  .main .sidebar {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    border-right: none;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
  }
  .main .sidebar .sidebar_nav {
    padding: 0;
    flex-direction: column;
    margin-top: 20px;
  }
  .main .sidebar .logo img {
    width: 130px;
  }
  .main .sidebar #offcanvas {
    width: 400px !important;
    overflow: auto;
  }

  /* brand-slider */
  .brand_section {
    width: calc(100vw - 17px);
  }
  .portfolio_box {
    padding-bottom: 0;
    padding-top: 0;
  }


  .video_testimonial {
    width: 100%;
    max-width: calc(1320px - 280px);
  }

  .floting_button {
    position: sticky;
    top: 74vh;
    left: 0;
    z-index: 999;
    padding-left: 0;
    display: flex;
    justify-content: center;
}
}

@media (max-width: 767px) {
  /* portfolio */
  .portfolio_box h4 {
    font-size: 20px !important;
  }
  .portfolio_box h5 {
    font-size: 18px !important;
  }

  /* brand-sliderr */
  .slider_section .brand_slider .slide {
    width: calc(100vw - 60vw);
  }
}

@media (max-width: 576px) {
  .main .sidebar #offcanvas {
    width: 100% !important;
  }

  /* portfolio */
  .portfolios {
    margin-bottom: 20px;
  }

  /* portfolio */
  .portfolio_box h4 {
    font-size: 18px !important;
  }
  .portfolio_box h5 {
    font-size: 16px !important;
  }
  .trusted_user .users > div {
    width: 55px;
    height: 55px;
  }

  /* brand-sliderr */
  .slider_section .brand_slider .slide {
    width: calc(100vw - 40vw);
  }

  /* footer */
  #footer .footer_logo img {
    width: 120px;
  }
}

@media (max-width: 480px) {
  /* portfolio */
  .portfolio_box h4 {
    font-size: 16px !important;
  }
  .portfolio_box h5 {
    font-size: 14px !important;
  }
  .trusted_user .users > div {
    width: 45px;
    height: 45px;
  }
}