/* ========================================================================
   Component: Responsive Fix
 ========================================================================== */
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1200px) {

  .processes .icon-container {
    margin-right: 15px;
  }

    
}
@media only screen and (max-width: 1024px) {
  .button {
    padding: 20px 45px;
  }
  .button.light {
    padding: 18px 40px;
  }
  .case-study-left .overlay {
    padding-left: 100px;
  }
  .case-study-right .overlay {
    padding-right: 100px;
  }
  .button-container {
    margin-top: 15px;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 992px) {
 
  .about-us img {
    margin-top: 50px;
  }
  .process-interactive {
    margin-bottom: 90px;
  }
}


@media only screen and (min-width: 992px) {
 
 .fix {
  margin-left: 5px;   
 }
}
/*Tablet Pottrait size to standerd 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .button {
    padding: 20px 24px;
  }
  .button.light {
    padding: 18px 24px;
  }

}
/* All Mobile Sizes (devices and browers) */
@media only screen and (max-width: 767px) {
  .col-sm-margin {
    margin-top: 30px;
  }
  .call-button .button {
    float: none !important;
    margin-bottom: 20px;
    visibility: hidden;
  }
  .call-to-action {
    text-align: center;
  }
  .call-to-action .button {
    float: none !important;
  }
  .button-container {
    text-align: center;
  }
  
  .send-message .modal-lg {
    width: auto;
  }
    
  .testimonial-carousel .item .client img,
.testimonial-carousel .item .client ul {
    margin-bottom: 20px
}
    
    .service{
     margin-top: 15px;   
        
    }
    
    .navbar-right{
    text-align: center;
  }
    .navbar-right li {
        
   
    text-align: center;
  }
    
    .disc{
 padding-right: 20px;
    
}
    
    .our-services {
        text-align: center;
        
        
    }
    
    .our-services li {
        list-style-type: none;
        
    }
   .our-customer {
        text-align: center;
        
    }
    
    .tweets {
        text-align: center;
    }
    
    .social .fa{
        margin-top: 5px;
    }
    
   
    
    
}
@media only screen and (max-height: 600px) {
 
 
}
/*Mobile Landscape Size to Tablet Portrait  (devices and browers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 
  .carousel-caption {
    top: 15%;
  }
  .carousel-caption h1 {
    font-size: 42px;
  }
}
/* Mobile Portrait SIze to Mobbile Landsscape Size (devices and browers) */
@media only screen and (max-width: 479px) {
  h2 {
    text-align: center;
  }
  .line {
    margin-left: auto;
    margin-right: auto;
  }

  .carousel-indicators li {
    width: 30px;
  }
  .carousel-caption {
    top: 10%;
  }
  .carousel-caption h1 {
    font-size: 36px;
  }
  .button-container {
    margin-top: 25px;
  }
  .about-us .jumbo-text {
    font-size: 32px;
  }
  .processes .process-bar.main-bg {
    margin-right: 40px;
  }
  .processes .lines {
    width: 50px;
  }
  .processes .icon-container {
    margin-right: 0;
  }
  .processes .description {
    width: 85%;
  }
    .carousel-caption {
     top: 5% !important;   
    } 
    
    .contact_btn{
        margin-top: 10px;
        
    }
    
    #header {
        margin-top: 29px;
        
    }
}

@media only screen and (min-width: 0px) and (max-width: 408px) {
  .why-choose-us .service {
  padding: 2px;
  margin-bottom: 0px;
  cursor: pointer;
}
    
    .back-to-top {

  width: 50px;
  height: 50px;
  line-height: 50px;
}
}

@media only screen and (min-width: 646px) {

  .table2-wrapper{
      
   display:none;   
  }
}

@media only screen and (max-width: 645px) {

  .table1-wrapper{
      
   display:none;   
  }
}

@media (min-width: 768px) and (max-width: 1068px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media screen and (min-width: 1000px) {
  .navbar-brand {
    float: left;
    margin-right: 5px;
    margin-left: -15px;
  }
  .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    border-radius: 0;
  }
  .navbar-nav.pull-right {
    float: right;
    width: auto;
  }
  .navbar-toggle {
    position: relative;
    top: auto;
    left: auto;
    display: none;
  }
  .nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}

 @media (max-width: 1068px) {
   .navbar-nav li a {
 line-height: 20px;
}
}