@media only screen and (max-width: 767px) {
  .streamingLogos .logoItem:last-child {
    margin-bottom: 0;
  }
  .streamingLogos .logoItem  {
    padding: 12px 20px;
    width: calc(35% - 1rem);
    max-height: 140px;
    margin-bottom: 25px;
    justify-content: center;
}
  .reports-and-filings .col-sm-6 .work-details-content-item {
    margin-bottom: 30px;
  }

  .reports-and-filings .col-sm-6:last-child .work-details-content-item {
    margin-bottom: 0px;
  }

  .reports-and-filings .work-details-content .row>div {
    padding: 0 calc(1.5rem / 2);
  }

  .reports-and-filings .work-details-content .row {
    margin-left: calc(1.5rem / -2);
    margin-right: calc(1.5rem / -2);
  }

  .ceo-section .images-container.high-school-icon .col-4 {
    width: 100%;
    margin-bottom: 20px;
  }

  .work-details-item {
    margin-top: 20px;
}

  .ceo-section .images-container.high-school-icon .col-4:last-child {
    margin-bottom: 0px;
  }

  .box-profile .profile-container:nth-child(even) {
    flex-direction: column-reverse;
  }

  .box-profile .container h2 {
    text-align: center;
  }

  .sobe-showcase .col-lg-6:first-of-type .about-me-img {
    margin-bottom: 20px;
  }

  .ceo-section .about-box {
    width: 91%;
    margin-bottom: 25px;
    padding: 15px;
    justify-content: center;
    height: 312px;
  }

  .ceo-section .ott-type-box, .ceo-section .ott-image-box {
    width: 91%;
    margin-bottom: 25px;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }

  .ceo-section .about-me-content h2 {
    font-size: 36px;
  }

  .nft-filler-section {
    padding: 35px 0px;
  }

  .nft-filler-section h3.nft-filler-heading {
    font-size: 25px;
  }

  .nft-section .about-me-content {
    margin-top: 20px;
  }

  .ceo-section .ott-type-box p, .ceo-section .ott-image-box p {
    margin-bottom: 0px;
  }

  .about-me-area .about-me-content {
    padding-left: 0px;
    margin-top: 20px;
  }

    .banner-wrap {
        height: 540px;
    }
    
  .view-all-container {
      margin-top: 0px;
      margin-bottom: 30px;
  }
    
  /* Timeline Start */

  .cd-horizontal-timeline .events-wrapper {
    margin: 0px 20px !important;
    width: 150% !important;
  }

  .history-area .timeline {
    width: 100% !important;
    overflow-x: scroll !important;
  }

  .history-area .timeline .cd-timeline-navigation li:last-child i {
    left: 150% !important;
    z-index: 10;
  }

  .history-area .timeline .cd-timeline-navigation li:first-child i {
    left: 1.5% !important;
    z-index: 10;
  }

  .history-area .timeline .events-wrapper .events ul li a {
    font-size: 12px !important;
  }

  .history-area .timeline .events-wrapper .events ul li:nth-child(1) a {
    left: 5% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(2) a {
    left: 14% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(3) a {
    left: 23% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(4) a {
    left: 32% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(5) a {
    left: 40% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(6) a {
    left: 50% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(7) a {
    left: 60% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(8) a {
    left: 70% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(9) a {
    left: 80% !important;
    transform: translateX(-15px);
  }
  
  .history-area .timeline .events-wrapper .events ul li:nth-child(10) a {
    left: 90% !important;
    transform: translateX(-15px);
  }

  /* Timeline End */

    .banner-img-one {
        background-image: url("../img/png/hero-four-mobile.png");
        background-image: url("../img/webp/hero-four-mobile.webp");
    }
    .banner-img-two {
        background-image: none;
    }
    .banner-img-two.observable {
        background-image: url("../img/png/hero-two-mobile.png");
        background-image: url("../img/webp/hero-two-mobile.webp");
    }
    .banner-img-three {
        background-image: none;
    }
    .banner-img-three.observable {
        background-image: url("../img/png/hero-three-mobile.png");
        background-image: url("../img/webp/hero-three-mobile.webp");
    }
    .banner-img-four {
      background-image: none;
  }
  .banner-img-four.observable {
      background-image: url("../img/png/hero-one-mobile.png");
      background-image: url("../img/webp/hero-one-mobile.webp");
  }
    
    .banner-img-one:before, .banner-img-two:before, .banner-img-three:before, .banner-img-four:before  {
        display: none;
    }
  
    .banner-slider.owl-theme .owl-nav.disabled+.owl-dots {
        bottom: 8px;
    }
  
    .hide-on-mobile {
      display: none;
    }
  
    body {
      font-size: 15px;
    }
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .pb-70 {
      padding-bottom: 20px;
    }
    .pb-100 {
      padding-bottom: 50px;
    }
    
    /*----- Home One CSS -----*/
    /*-- Navbar --*/
    .side-nav {
      position: absolute;
      top: 8px;
      right: 80px;
    }
    .side-nav .modal-btn span:nth-child(2) {
      width: 25px;
    }
    .side-nav .modal-btn span:nth-child(3) {
      width: 15px;
    }
    .nav-srh .search-area {
      right: -110px;
    }
    .nav-srh .search-area .src-input {
      width: 250px;
    }
    .nav-srh .search-area .search-icon {
      right: 18px;
      top: 20px;
    }
    .nav-srh .search-area.opened {
      padding: 10px 10px;
    }
    .side-nav-two {
      position: absolute;
      top: 8px;
      right: 65px;
    }
    .side-nav-two a {
      font-size: 14px;
      padding: 8px 10px 10px;
    }
    .mobile-nav .logo {
      max-width: 120px;
    }
    .mobile-nav.mean-container .mean-nav ul li a.active {
      color: #c1ab65;
    }
    .mean-container .mean-nav .navbar-nav {
      max-height: 370px;
      height: 100%;
      overflow-y: auto;
    }
    .main-nav .navbar-nav {
      height: auto;
      overflow-y: scroll;
    }
    .mean-container a.meanmenu-reveal span {
      position: relative;
      top: 8px;
      margin-top: -6px;
    }
    /*-- End Navbar --*/
    /*-- Banner --*/
    /* .banner-wrap {
        margin-top: 76px;
    } */
    .banner-social {
      top: auto;
      bottom: -60px;
      right: 0;
      left: 0;
      text-align: center;
      transform: rotate(0deg);
    }
    .banner-area {
      height: 540px;
      padding-top: 170px;
      padding-bottom: 180px;
    }
    .banner-content {
      margin-top: 0;
    }
    .banner-content h1 {
      font-size: 34px;
      margin-bottom: 10px;
    }
    .banner-content p {
      font-size: 16px;
      margin-bottom: 30px;
    }
    /*-- End Banner --*/
    /*-- Trust --*/
    .below-hero-section-pt {
        padding-top: 100px;
    }
    .section-title {
      margin-bottom: 30px;
      margin-top: -7px;
    }
    .section-title .sub-title {
      font-size: 14px;
      margin-bottom: 12px;
    }
    .section-title h2 {
      font-size: 25px;
    }
    /*-- End Trust --*/
    /*-- Week --*/
    .week-area .week-item a {
      width: 60px;
      height: 60px;
      line-height: 60px;
    }
    .week-area .week-item a i {
      width: 60px;
      height: 60px;
      line-height: 60px;
    }
    .week-area .owl-prev {
      display: none !important;
    }
    .week-area .owl-next {
      display: none !important;
    }
    .week-video-btn a {
      width: 50px !important;
      height: 50px !important;
      line-height: 50px !important;
      top: 22% !important;
    }
    .week-video-btn a i {
      width: 55px !important;
      height: 50px !important;
      line-height: 54px !important;
    }
    /*-- End Week --*/
    /*-- Work --*/
    .work-item .work-content {
      bottom: 30px;
    }
    .work-item .work-content h3 {
      font-size: 20px;
      margin-bottom: 2px;
    }
    .work-item .work-content span {
      font-size: 18px;
    }
    /*-- End Work --*/
    /*-- History --*/
    .history-area .history-img {
      margin-left: auto;
      margin-right: auto;
    }
    .history-area .history-content {
      text-align: center;
    }
    .history-area .history-content h2 {
      font-size: 25px;
      margin-bottom: 8px;
    }
    .history-area .history-content p {
      margin-left: auto;
      margin-right: auto;
    }
    .history-area .history-content .history-inner h3 {
      font-size: 20px;
    }
    .history-area .timeline {
      max-width: 100%;
      margin-bottom: 5px;
    }
    .history-area .timeline .events-wrapper .events ul li a {
      font-size: 16px;
    }
    /*-- End History --*/
    /*-- Video --*/
    .video-item {
      text-align: center;
    }
    .video-item a {
      width: 80px;
      height: 80px;
      line-height: 70px;
      font-size: 55px;
    }
    .video-item a i {
      width: 80px;
      height: 80px;
      line-height: 70px;
    }
    /*-- End Video --*/
    /*-- Blog --*/
    .blog-item {
      text-align: center;
    }
    /*-- End Blog --*/
    /*-- Copyright --*/
    .copyright-area {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .copyright-area .copyright-item p {
      font-size: 14px;
    }
    /*-- End Copyright --*/
    /*----- End Home One CSS -----*/
    /*----- Back to Top CSS ------*/
    #toTop {
      bottom: 20px;
    }
    .back-to-top-btn i {
      margin-right: 20px;
    }
    /*----- End Back to Top CSS -----*/
    /*----- Home Two CSS -----*/
    /*-- Banner --*/
    .banner-area-two {
      height: 100%;
      padding-top: 170px;
      padding-bottom: 180px;
    }
    .banner-area-two .banner-content {
      margin-top: 0;
    }
    .banner-area-two .banner-content h1 {
      font-size: 28px;
      margin-bottom: 10px;
    }
    .banner-area-two .banner-content p {
      font-size: 18px;
      margin-bottom: 30px;
    }
    .banner-area-two .banner-social {
      top: 435px;
    }
    /*-- End Banner --*/
    /*-- Team --*/
    .team-area-two {
      padding-top: 50px;
    }
    /*-- End Team --*/
    /*-- Product --*/
    .product-item h3 {
      font-size: 20px;
    }
    .product-item ul li a {
      font-size: 14px;
    }
    .product-item p {
      padding-left: 15px;
      padding-right: 15px;
    }
    /*-- End Product --*/
    /*----- End Home Two CSS -----*/
    /*----- About CSS -----*/
    /*-- Page Title --*/
    .page-title-area .page-title-item {
      padding-top: 130px;
      padding-bottom: 95px;
    }
    .page-title-area .page-title-item h2 {
      font-size: 25px;
      margin-bottom: 5px;
    }
    /*-- End Page Title --*/
    /*----- End About CSS -----*/
    /*----- About Me CSS -----*/
    /*-- About Me --*/
    .about-me-area .about-me-content h2 {
      font-size: 25px;
      margin-bottom: 8px;
    }
    .about-me-area .about-me-content ul {
      margin-bottom: 15px;
    }
    .about-me-area .about-me-content ul li {
      font-size: 16px;
    }
    /*-- End About Me --*/
    /*----- End About Me CSS -----*/
    /*----- Work Details CSS -----*/
    .work-details-item .work-details-img a {
      top: 30%;
    }
    .work-details-item .work-details-content {
      margin-bottom: 50px;
    }
    .work-details-item .work-details-content ul li {
      font-size: 14px;
    }
    .work-details-item .work-details-content h3 {
      font-size: 20px;
    }
    .work-details-item .work-details-quote p {
      font-size: 16px;
    }
    .work-details-item .work-details-work h3 {
      font-size: 20px;
    }
    .work-details-item .work-details-work .work-inner h4 {
      font-size: 17px;
    }
    .work-details-item .work-details-work .work-inner span {
      display: inline-block;
    }
    .work-details-item .work-details-cate h3 {
      font-size: 20px;
    }
    /*----- End Work Details CSS -----*/
    /*----- Video Details CSS -----*/
    .video-details-area .video-details-item .video-details-video a {
      top: 32%;
      width: 70px;
      height: 70px;
    }
    .video-details-area .video-details-item .video-details-video a i {
      width: 70px;
      height: 70px;
      line-height: 70px;
    }
    .video-details-area .video-details-item .video-content {
      margin-bottom: 30px;
    }
    .video-details-area .video-details-item .video-content h2 {
      font-size: 25px;
    }
    .video-details-area .video-details-item .video-content ul {
      margin: 0;
      padding: 0;
    }
    .video-details-area .video-details-item .video-content ul li {
      margin-right: 15px;
    }
    .video-details-area .video-details-item .video-flim h3 {
      font-size: 20px;
    }
    .video-details-area .video-details-item .video-social ul li a {
      font-size: 17px;
    }
    /*----- End Video Details CSS -----*/
    /*----- Blog Details CSS -----*/
    .blog-details-form .form-group .form-control {
      height: 45px;
    }
    .blog-details-form .blog-details-btn {
      font-size: 14px;
      padding: 10px 20px;
    }
    /*----- End Blog Details CSS -----*/
    /*----- FAQ CSS -----*/
    .faq-area .faq-head h2 {
      margin-bottom: 25px;
      font-size: 25px;
    }
    .faq-area .accordion p {
      font-size: 15px;
      padding: 20px 20px 15px 20px;
    }
    .faq-area .accordion a {
      font-size: 14px;
      padding: 15px 32px 15px 18px;
    }
    /*----- End FAQ CSS -----*/
    /*----- Error CSS -----*/
    .error-item {
      height: 465px;
    }
    .error-item h1 {
      font-size: 90px;
      margin-bottom: 0;
    }
    .error-item p {
      font-size: 20px;
      margin-top: -10px;
      margin-bottom: 12px;
    }
    .error-item span {
      display: block;
      color: #646464;
    }
    .error-item a {
      padding: 15px 35px;
      margin-top: 40px;
      font-size: 17px;
    }
    /*----- End Error CSS -----*/
    /*----- Coming Soon CSS -----*/
    .coming-item {
      height: 100%;
      padding-top: 110px;
      padding-bottom: 110px;
    }
    .coming-item h1 {
      font-size: 35px;
      margin-bottom: 10px;
    }
    .coming-item p {
      margin-bottom: 30px;
    }
    .coming-item .coming-wrap .coming-inner h3 {
      font-size: 35px;
      margin-bottom: 0;
    }
    .coming-item .coming-wrap .coming-inner p {
      font-size: 15px;
      margin-top: -5px;
    }
    /*----- End Coming Soon CSS -----*/
    /*----- Privacy Policy CSS -----*/
    .privacy-area {
      padding-bottom: 0;
    }
    .privacy-item h2 {
      font-size: 25px;
    }
    /*----- End Privacy Policy CSS -----*/
    /*----- Contact CSS -----*/
    .contact-area .contact-item h2 {
      font-size: 25px;
      margin-bottom: 15px;
    }
    .contact-area .contact-item .form-group .form-control {
      height: 45px;
    }
    .contact-area .contact-item .contact-address .contact-inner {
      padding-left: 40px;
    }
    .contact-area .contact-item .contact-address .contact-inner .icon {
      font-size: 25px;
    }
    .map-area #map {
      height: 350px;
    }
    .work-area-three {
      padding-right: 0;
      padding-left: 0;
    }
    .blog-area-two .blog-item .blog-bottom {
      padding: 25px 15px 30px;
    }
    /*----- End Contact CSS -----*/
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .streamingLogos .logoItem {
      padding: 12px 20px;
    }
    .reports-and-filings  .col-sm-6  .work-details-content-item {
      margin-bottom: 30px;
    }
  
    .sobe-showcase .col-lg-6:first-of-type .about-me-img {
      margin-bottom: 20px;
    }

    .about-me-area .about-me-content {
      padding-left: 0px;
      margin-top: 20px;
    }

    .view-all-container {
      margin-top: 0px;
      margin-bottom: 0px;
    }  
    .hide-on-mobile {
      display: none;
    }
    /*-- Default CSS --*/
    body {
      font-size: 15px;
    }
    .ptb-100 {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .pt-100 {
      padding-top: 70px;
    }
    .pb-70 {
      padding-bottom: 40px;
    }
    .pb-100 {
      padding-bottom: 70px;
    }
    /*-- End Default CSS --*/
    /*----- Home One CSS -----*/
    /*-- Navbar --*/
    .side-nav {
      position: absolute;
      top: 8px;
      right: 80px;
    }
    .side-nav .modal-btn span:nth-child(2) {
      width: 25px;
    }
    .side-nav .modal-btn span:nth-child(3) {
      width: 15px;
    }
    .nav-srh .search-area .src-input {
      width: 250px;
    }
    .nav-srh .search-area .search-icon {
      right: 18px;
      top: 20px;
    }
    .nav-srh .search-area.opened {
      padding: 10px 10px;
    }
    .side-nav-two {
      position: absolute;
      top: 8px;
      right: 65px;
    }
    .side-nav-two a {
      font-size: 14px;
      padding: 8px 10px 10px;
    }
    .mobile-nav .logo {
      max-width: 120px;
    }
    .mobile-nav.mean-container .mean-nav ul li a.active {
      color: #c1ab65;
    }
    .mean-container .mean-nav .navbar-nav {
      max-height: 375px;
      height: 100%;
      overflow-y: auto;
    }
    .main-nav .navbar-nav {
      height: 350px;
      overflow-y: scroll;
    }
    .mean-container a.meanmenu-reveal span {
      position: relative;
      top: 8px;
      margin-top: -6px;
    }
    /*-- End Navbar --*/
    /*-- Banner --*/
    .banner-wrap {
        margin-top: 76px;
    }
    .banner-social {
      top: 360px;
      right: 0;
      left: 0;
      text-align: center;
      transform: rotate(0deg);
    }
    .banner-area {
      height: 100%;
      padding-top: 145px;
      padding-bottom: 220px;
    }
    .banner-content {
      margin-top: 0;
    }
    .banner-content h1 {
      font-size: 45px;
      margin-bottom: 10px;
    }
    .banner-content p {
      font-size: 22px;
      margin-bottom: 30px;
    }
    /*-- End Banner --*/
    /*-- Trust --*/
    .section-title {
      margin-bottom: 30px;
      margin-top: -7px;
    }
    .section-title .sub-title {
      font-size: 14px;
      margin-bottom: 12px;
    }
    .section-title h2 {
      font-size: 25px;
    }
    /*-- End Trust --*/
    /*-- Week --*/
    .week-area .week-item a {
      width: 60px;
      height: 60px;
      line-height: 60px;
    }
    .week-area .week-item a i {
      width: 60px;
      height: 60px;
      line-height: 60px;
    }
    .week-area .owl-prev {
      display: none !important;
    }
    .week-area .owl-next {
      display: none !important;
    }
    /*-- End Week --*/
    /*-- Work --*/
    .work-item .work-content {
      bottom: 30px;
    }
    .work-item .work-content h3 {
      font-size: 20px;
      margin-bottom: 2px;
    }
    .work-item .work-content span {
      font-size: 18px;
    }
    /*-- End Work --*/
    /*-- History --*/
    .history-area .history-img {
      margin-left: auto;
      margin-right: auto;
    }
    .history-area .history-content {
      text-align: center;
    }
    .history-area .history-content h2 {
      font-size: 25px;
      margin-bottom: 8px;
    }
    .history-area .history-content p {
      margin-left: auto;
      margin-right: auto;
    }
    .history-area .history-content .history-inner h3 {
      font-size: 20px;
    }
    .history-area .timeline {
      max-width: 100%;
      margin-bottom: 5px;
    }
    .history-area .timeline .events-wrapper .events ul li a {
      font-size: 16px;
    }
    /*-- End History --*/
    /*-- Video --*/
    .video-item {
      text-align: center;
    }
    .video-item a {
      width: 80px;
      height: 80px;
      line-height: 70px;
      font-size: 55px;
      top: 44%;
    }
    .video-item a i {
      width: 80px;
      height: 80px;
      line-height: 70px;
    }
    /*-- End Video --*/
    /*-- Blog --*/
    .blog-item {
      text-align: center;
    }
    /*-- End Blog --*/
    /*-- Copyright --*/
    .copyright-area {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .copyright-area .copyright-item p {
      font-size: 14px;
    }
    /*-- End Copyright --*/
    /*----- End Home One CSS -----*/
    /*----- Home Two CSS -----*/
    /*-- Banner --*/
    .banner-area-two {
      height: 100%;
      padding-top: 170px;
      padding-bottom: 180px;
    }
    .banner-area-two .banner-content {
      margin-top: 0;
    }
    .banner-area-two .banner-content h1 {
      font-size: 36px;
      margin-bottom: 10px;
    }
    .banner-area-two .banner-content p {
      font-size: 22px;
      margin-bottom: 30px;
    }
    .banner-area-two .banner-social {
      top: 385px;
    }
    /*-- End Banner --*/
    /*-- Team --*/
    .team-area-two {
      padding-top: 70px;
    }
    /*-- End Team --*/
    /*-- Product --*/
    .product-item h3 {
      font-size: 20px;
    }
    .product-item ul li a {
      font-size: 14px;
    }
    /*-- End Product --*/
    /*----- End Home Two CSS -----*/
    /*----- About CSS -----*/
    /*-- Page Title --*/
    .page-title-area .page-title-item {
      padding-top: 130px;
      padding-bottom: 95px;
    }
    .page-title-area .page-title-item h2 {
      font-size: 25px;
      margin-bottom: 5px;
    }
    /*-- End Page Title --*/
    /*----- End About CSS -----*/
    /*----- About Me CSS -----*/
    /*-- About Me --*/
    .about-me-area .about-me-content h2 {
      font-size: 25px;
      margin-bottom: 8px;
    }
    .about-me-area .about-me-content ul {
      margin-bottom: 15px;
    }
    .about-me-area .about-me-content ul li {
      font-size: 16px;
    }
    /*-- End About Me --*/
    /*----- End About Me CSS -----*/
    /*----- Work Details CSS -----*/
    .work-details-item .work-details-img a {
      top: 30%;
    }
    .work-details-item .work-details-content {
      margin-bottom: 50px;
    }
    .work-details-item .work-details-content ul li {
      font-size: 14px;
    }
    .work-details-item .work-details-content h3 {
      font-size: 20px;
    }
    .work-details-item .work-details-quote p {
      font-size: 16px;
    }
    .work-details-item .work-details-work h3 {
      font-size: 20px;
    }
    .work-details-item .work-details-work .work-inner h4 {
      font-size: 17px;
    }
    .work-details-item .work-details-work .work-inner span {
      display: inline-block;
    }
    .work-details-item .work-details-work .work-inner ul li {
      flex: 0 0 20%;
      max-width: 20%;
    }
    .work-details-item .work-details-work .work-inner ul li:last-child {
      flex: 0 0 30%;
      max-width: 30%;
    }
    .work-details-item .work-details-cate h3 {
      font-size: 20px;
    }
    /*----- End Work Details CSS -----*/
    /*----- Video Details CSS -----*/
    .video-details-area .video-details-item .video-details-video a {
      top: 32%;
      width: 70px;
      height: 70px;
    }
    .video-details-area .video-details-item .video-details-video a i {
      width: 70px;
      height: 70px;
      line-height: 70px;
    }
    .video-details-area .video-details-item .video-content {
      margin-bottom: 30px;
    }
    .video-details-area .video-details-item .video-content h2 {
      font-size: 25px;
    }
    .video-details-area .video-details-item .video-content ul {
      margin: 0;
      padding: 0;
    }
    .video-details-area .video-details-item .video-content ul li {
      margin-right: 15px;
    }
    .video-details-area .video-details-item .video-flim h3 {
      font-size: 20px;
    }
    .video-details-area .video-details-item .video-social ul li a {
      font-size: 17px;
    }
    /*----- End Video Details CSS -----*/
    /*----- Blog Details CSS -----*/
    .blog-details-form .form-group .form-control {
      height: 45px;
    }
    .blog-details-form .blog-details-btn {
      font-size: 14px;
      padding: 10px 20px;
    }
    /*----- End Blog Details CSS -----*/
    /*----- FAQ CSS -----*/
    .faq-area .faq-head h2 {
      margin-bottom: 25px;
      font-size: 25px;
    }
    .faq-area .accordion p {
      font-size: 15px;
      padding: 20px 20px 15px 20px;
    }
    .faq-area .accordion a {
      font-size: 14px;
      padding: 15px 32px 15px 18px;
    }
    /*----- End FAQ CSS -----*/
    /*----- Error CSS -----*/
    .error-item {
      height: 465px;
    }
    .error-item h1 {
      font-size: 90px;
      margin-bottom: 0;
    }
    .error-item p {
      font-size: 20px;
      margin-top: -10px;
      margin-bottom: 12px;
    }
    .error-item span {
      display: block;
      color: #646464;
    }
    .error-item a {
      padding: 15px 35px;
      margin-top: 40px;
      font-size: 17px;
    }
    /*----- End Error CSS -----*/
    /*----- Coming Soon CSS -----*/
    .coming-item {
      height: 100%;
      padding-top: 110px;
      padding-bottom: 110px;
    }
    .coming-item h1 {
      font-size: 35px;
      margin-bottom: 10px;
    }
    .coming-item p {
      margin-bottom: 30px;
    }
    .coming-item .coming-wrap .coming-inner h3 {
      font-size: 35px;
      margin-bottom: 0;
    }
    .coming-item .coming-wrap .coming-inner p {
      font-size: 15px;
      margin-top: -5px;
    }
    /*----- End Coming Soon CSS -----*/
    /*----- Privacy Policy CSS -----*/
    .privacy-area {
      padding-bottom: 20px;
    }
    .privacy-item h2 {
      font-size: 25px;
    }
    /*----- End Privacy Policy CSS -----*/
    /*----- Contact CSS -----*/
    .contact-area .contact-item h2 {
      font-size: 25px;
      margin-bottom: 15px;
    }
    .contact-area .contact-item .form-group .form-control {
      height: 45px;
    }
    .contact-area .contact-item .contact-address .contact-inner {
      padding-left: 40px;
    }
    .contact-area .contact-item .contact-address .contact-inner .icon {
      font-size: 25px;
    }
    .map-area #map {
      height: 350px;
    }
    /*----- End Contact CSS -----*/
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .streamingLogos .logoItem {
      padding: 12px 36px;
    }
    .reports-and-filings  .col-sm-6  .work-details-content-item {
      margin-bottom: 30px;
    }
    .reports-and-filings .work-details-content .row>div {
      padding-left: 20px;
      padding-right: 20px;
    }

    .reports-and-filings .work-details-content .row {
      margin-left: -20px;
      margin-right: -20px;
    }

    .sobe-showcase .col-lg-6:first-of-type .about-me-img {
      margin-bottom: 20px;
    }

    .about-me-area .about-me-content {
      padding-left: 0px;
      margin-top: 20px;
    }

    .view-all-container {
      margin-top: 50px;
      margin-bottom: 0px;
    }
    .week-area .owl-prev {
      left: 5px;
    }
    .week-area .owl-next {
      right: 5px;
    }
    .blog-item .blog-bottom {
      padding: 25px 12px 30px 15px;
    }
    .blog-item .blog-bottom h3 {
      font-size: 19px;
    }
    .main-nav nav .navbar-nav .nav-item a {
      margin-left: 10px;
      margin-right: 10px;
    }
  }
  @media only screen and (min-width: 1800px) {
      
    .view-all-container {
      margin-top: 50px;
      margin-bottom: 0px;
    }    
      
    .week-area .owl-prev {
      left: -90px;
    }
    .week-area .owl-next {
      right: -90px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .view-all-container {
      margin-top: 20px;
      margin-bottom: 30px;
  }  
    .blog-area-two .blog-item .blog-bottom {
      padding: 25px 10px 30px;
    }
    .blog-area-two .blog-item .blog-bottom h3 {
      font-size: 17px;
    }
    .blog-area-two .blog-item .blog-bottom p {
      font-size: 14px;
    }
  }
