/* large Layout: 1441px. */
@media only screen and (min-width: 1441px){

  .desktop-view{display: block !important;}
  .mobile-view{display: none !important;}

/*  .works-links .tab-content{
    padding: 0 5rem;
  }*/

}


/* Medium Layout: 1280px. */
@media only screen and (min-width: 1200px) and (max-width: 1440px){

  .desktop-view{display: block !important;}
  .mobile-view{display: none !important;}

/*  .works-links .tab-content{
    padding: 0 5rem;
  }*/

}


@media only screen and (min-width: 992px) and (max-width: 1200px){

  .desktop-view{display: block !important;}
  .mobile-view{display: none !important;}

}



/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px){

  .desktop-view{display: none !important;}
  .mobile-view{display: block !important;}

  .client-img {
    max-width: 12%;
    display: inline-block !important;
    margin: 1rem 0.5rem;
  }

  .works-links .owl-item{
    padding: 0 1rem 0 4rem;
  }

  .project-carousel .owl-nav{
    bottom: 0;
    top: 50%;
    left: 7%;
  }

  .service-1{
    right: 11rem;
    top: 0rem;
  }
  .service-2{

  }
  .service-3{
    top: -7rem;
    right: 0.5rem;
  }
  .service-4{
    top: -1rem;
    position: relative;
  }
  .service-5{
    position: relative;
    top: -11.5rem;
    right: 0rem;

  }  
   

}


/* Mobile Layout: 767px. */
@media only screen and (max-width: 767px){

  .desktop-view{display: none !important;}
  .mobile-view{display: block !important;}

  .client-img {
    max-width: 12%;
    display: inline-block !important;
    margin: 1rem 0.5rem;
  }

  .works-links .owl-item{
    padding: 0 1rem 0 4rem;
  }

  .project-carousel .owl-nav{
      bottom: 0;
      top: 50%;
      left: 7%;
      z-index: 0;
      height: 0;
  }

  .tabs-right-content #myVideo{
    height: auto;
    left: 17%;
    position: relative;
    width: 80%;
  }

  #myVideo .ratio iframe {
      top: 0;
      height: 100%;
  }  

  .about-main{        
    width: 100%;
    margin-left: 0%;
  }

.two-col-outer {
    flex: 0 0 100%;
    max-width: 50%;
}

  .about-innner-main{
    display: flex;
  }

  .about-bottom-row {
      flex: 0 0 100%;
      max-width: 34%;
  }

  .service-1{
    right: 11rem;
    top: 0rem;
  }
  .service-2{

  }
  .service-3{
    top: -7rem;
    right: 0.5rem;
  }
  .service-4{
    top: -1rem;
    position: relative;
  }
  .service-5{
    position: relative;
    top: -11.5rem;
    right: 0rem;

  }  
}



/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px){

  .desktop-view{display: none !important;}
  .mobile-view{display: block !important;}

  .client-img {
    max-width: 12%;
    display: inline-block !important;
    margin: 1rem 0.5rem;
  }

  .works-links .owl-item{
    padding: 0 1rem 0 4rem;
  }

  .project-carousel .owl-nav{
      bottom: 0;
      top: 50%;
      left: 7%;
      z-index: 0;
      height: 0;
  }

  .tabs-right-content #myVideo{
    height: auto;
    left: 17%;
    position: relative;
    width: 80%;
  }

  #myVideo .ratio iframe {
      top: 0;
      height: 100%;
  }   

  .about-main{        
    width: 100%;
    margin-left: 0%;
  } 

  .about-innner-main{
    display: flex;
  }

  .two-col-outer {
    flex: 0 0 100%;
    max-width: 50%;
  }

  .about-bottom-row {
      flex: 0 0 100%;
      max-width: 34%;
  }

  .service-1{
    right: 11rem;
    top: 0rem;
  }
  .service-2{

  }
  .service-3{
    top: -7rem;
    right: 0.5rem;
  }
  .service-4{
    top: -1rem;
    position: relative;
  }
  .service-5{
    position: relative;
    top: -11.5rem;
    right: 0rem;

  }  


   
         
}