/* Smart phone and tablets */

@media (max-width:768px)
{
.contact-us ul li
{
    font-weight:bold;
    font-size:18px;
    margin-bottom:5px;
    margin-left:10px
}
    
.header img
{
    text-align:center;
    margin:70px auto -10px;
}
    
    
.header .fabs
{
    text-align:center;
    margin:20px auto
}
    
.about-us .middle-hr
    {
        display:none
    }
    
.navbar
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 5
}
    
.navbar .navbar-collapse ul li i
{
    display:none
}
    
.owl-theme .owl-dots .owl-dot {
    display:none
}   
    
.about-us .lead
{
    margin-bottom:20px
}    

.navbar .language
    {
        margin-top:-15px
    }
    
.our-work img
{
    width:400px;
    height:300px;
    margin: 5px auto
}     
    
.our-work .hovereffect .overlay {
  display:none;

}    
    
.our-work .hovereffect .hvr-grow {
    
-webkit-transform: scale(1.0);
  transform: scale(1.0); 
    
}

}
    
/* Small Screen */

@media (min-width:768px) and (max-width:991px)
{
  .our-work img
{
    height:200px;
    opacity: 0.9;
    margin:0 auto 10px auto

}
    
.contact-us ul li
{
    font-weight:bold;
    font-size:13px;
    margin-bottom:5px;
    margin-left:0px
}   
    
.contact-us ul 
{
    margin-top:120px;
    margin-left:0px
}       

.our-work .img {
    height:200px;
    display: block;
    overflow: hidden;
    margin-bottom:10px;
    margin:0 auto 10px auto
}
    
.about-us .middle-hr
{
    border:5px solid #DDD;
    width:0px;
    height:250px;
    position: absolute;
    top:-12px;
    left:49%
}    
    
.our-services .service-img
{
    margin-top:50px
}
    
.our-work img
{
    width:100%;
    height:170px;
}     
    
.our-work .hovereffect .overlay {
  width: 100%;
  height: 170px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}
  
    
}

/* Medium Screen */

@media (min-width:992px) and (max-width:1199px)
{
.our-work img
{
    width:100%;
    height:180px;
}
    
    
    
}

/* Large Screen */

@media (max-width:400px)
{
.contact-us ul li
{
    font-weight:bold;
    font-size:13px;
    margin-bottom:5px;
    margin-left:0px
}  
.contact-us ul
{
    margin-left:10px
}      
    
.footer p
    {
        font-size:10px
    }

.our-work img
{
    width:400px;
    height:200px;
    margin: 5px auto
}   
    
.our-services .advers
{
    color:#6d6b6b;
    font-size:15px;
    margin-top:5px
}    
    
}