@media only screen and (min-width: 980px)  and (max-width: 1199px){
.btleft .es-nav {left: -53px;}
#latest-work .carousel-wrapper li{width: 340px !important;}
#client img{width: 90%}
    
}
@media (min-width: 768px) and (max-width: 979px) {
#welcome{
    padding: 0;
}
.btleft .es-nav {left: -43px;}
#latest-work .carousel-wrapper li{width: 252px !important;}
.flickr li{width: 68px}
#client img{width: 90%}
#sidebar .ul-col2 li {
    float: none;
    margin-right: 0;
    width: 90%;
}
#footer #contact input[type="text"]{width: 95%}
#footer [class^="icon-"]{display: none;}
}
@media (max-width: 767px){
body{padding:0 }
.container{padding: 0 20px;}
#menu ul,
.slides h3,
#top-line > .span6{display: none;}
#top-line .top-social{float: none;}
.res-menu{display: block;}
.logo{text-align:center; ;}
.container > .row [class*="span"]{margin-bottom: 30px;}
.container > .row > [class*="span"]:last-child{margin-bottom: 0 !important;}
#welcome{
    padding: 0;
}
.btleft .es-nav{
  bottom: inherit;
  right: 0;
  left: inherit;
  top: -38px;
}
#latest-work .carousel-wrapper li{max-width: 15em !important;}
.latest-work article:nth-last-child(-n+4) {
    margin-bottom: 30px !important;
}
#footer-nav .span4{
  margin-bottom: 15px;
  text-align:center;
}
.team img{
  float: left;
  margin-right: 15px;
  width:30%;
}
.breadcrumbs {
    padding: 40px 20px;
    position: relative;
}
#sidebar section:last-child {margin-bottom: 0;}
#sidebar .ul-col2{width: 100%}
#sidebar .ul-col2 li {
    margin-right: 0;
    width: 50%;
}
.alignleft,
.alignright{float: none !important;}
}