@media (max-width: 768px) {
} @media (max-width: 768px) { #header-slider .lead {display: none;}
#header-slider .carousel-caption {top: 15%;}
.en-cta{ text-align: center;}
a.btn{ margin-top: 30px}
#en-portfolio .item p{ font-size: 12px}
#en-portfolio .hover-bg .hover-text{height: 70%}
ul.cat li a {border-color:#f1f1f1 }
ul.list-inline.cat{border-color: transparent;}
ul.cat li a { line-height: 50px; }
#itemsWork .hover-bg .hover-text.off { height: 100%; }
#itemsWork.col3 .hover-bg .hover-text.off { height: 60%}
.en-cta .text-right {text-align: center !important;}
}
@media (max-width: 640px) { #portfolio-items .item {
margin: 5px auto;
}
#main-menu{ text-align: center;}
#main-menu .navbar-form {
margin-right: 0px;
margin-left: 0px;
}
#main-menu .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
#top-menu .navbar-header{ 
margin-top: 30px;
margin-bottom: 30px;
}
#top-menu .navbar-brand{ float: none !important;}
.logo{ margin-right: 0}
.top-contact ol li {
margin-left: 0;
margin: 0 10px;
}
h1 {
font-size: 30px;
line-height: 30px;
letter-spacing: 0;
}
#header-slider .carousel-indicators {bottom: 20px }
a.btn{ margin-top: 15px}
.widget,
.news,
.service { margin-bottom: 40px; } #en-portfolio .item p{ font-size: 14px}
#itemsWork.col3 .hover-bg .hover-text.off { height: 80%}
}
@media (max-width: 460px) {
h2 { font-size: 24px;}
#header-slider .carousel-caption {top: 5%;}
.hover-bg:hover .hover-text.off {
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
#testimonial .item {width: 100%;}
#en-header .pull-right, 
#en-header .pull-left{ 
float: none !important;
text-align: center; ;
}
.spacer{ padding: 10px 0}
.smallspacer{ padding: 0}
.media.comment .media-body{ font-size: 12px;}
.comments img.media-object {
width: 60px;
height: 60px;
}
#blogposts .author img.media-object {
width: 80px;
height: 80px;
}
#en-team .hover-bg .hover-text.off { height: 100%; }
}
@media (max-width: 360px) {
.logo {font-size: 25px;}
a.carousel-control span.fa{ display: none;}
h1 {
font-size: 26px;
letter-spacing: -2px;
line-height: 24px;
}
.section-title.text-center { 
width: 100%;
margin-bottom: 30px;
}
#header-slider .carousel-caption a.btn,
#header-slider .carousel-indicators {display: none }
#en-portfolio,
#en-services,
#en-intro{ padding: 40px 0}
.en-cta .overlay {padding: 5% }
.hover-bg:hover .hover-text.off {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.testimonial blockquote{padding: 20px 0} #en-header .breadcrumb li a,
#en-header .breadcrumb li.active{
font-size: 12px;
}
#itemsWork.col3 .hover-bg:hover .hover-text.off {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
#itemsWork.col3 .hover-bg .hover-text { height: 100%}
#en-team .hover-bg .hover-text.off small{ display: none;}
}
@media (max-width: 320px) { 
.logo {font-size: 20px;}
small, 
p{ font-size: 12px}
#en-header .breadcrumb li a,
#en-header .breadcrumb li.active{
font-size: 10px;
}
}