@charset "utf-8";
/* CSS Document */
/*
Theme Name: Hitech Steel
Theme URL: 
Author: Almeka
Author URL: http://www.almeka.net/

*/

/* Theme Supporting Styles */
@import url('bootstrap/bootstrap.min.css');
@import url('font-awesome/css/font-awesome.min.css');
@import url('owl.carousel.min.css');

/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);

/* reset style */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
* {
	padding: 0;
	margin: 0;
	outline: none;
	list-style: none;
	border: 0 none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset, img {
    border: 0;
}

html {
    height: 100%;
    margin-bottom: 1px;
}

:focus {
    outline: none;
}
input, textarea {
	outline: 0;
}

/* text selection style */
::selection {
	background: #f6882f; /* Safari */
	color: #fff;
	}
::-moz-selection {
	background: #f6882f; /* Firefox */
	color: #fff;
}

/* links */
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #29343e;
	outline: none !important;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}

a:hover {
	color: #f6882f;
    text-decoration: none;
}

/* clear */
.clear {
    clear: both;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    line-height: 100%;
	width: 100%;
	float: left;
}

h1 {
	font: 900 30px 'Lato', sans-serif;
	color: #4f4b6a;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}

h2 {
    font: 900 30px 'Lato', sans-serif;
	color: #29343e;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
}
h2 span{
	width: 100%;
	float: left;
	color: #f6882f;
	font: bold 14px/16px 'Lato', sans-serif;
}

h3 {
    font: 700 20px 'Lato', sans-serif;
	color: #29343e;
	text-transform: uppercase;
	margin: 10px 0px;
}

h4 {
    font: bold 14px 'Lato', sans-serif;
    color: #29343e;
	text-transform: uppercase;
	margin: 10px 0px;
}
h5 {
   font: 300 14px 'Lato', sans-serif;
   color: #000;
   margin-bottom: 10px;
}
h6 {
   font: bold 14px 'Lato', sans-serif;
   color: #231F20;
   margin-bottom: 25px;
}

/* page setup */
body {
    background: #FFF;
    font: 13px/22px 'Lato', sans-serif;
	overflow-x: hidden;
}
p {
	font: 13px/22px 'Lato', sans-serif;
	color: #666;
	margin-bottom: 20px;
}
p a{
	color: #29343e;
}
p a:hover{
	color: #f6882f;
}

figure{
	width: 100%;
	float: left;
	margin: 0px 0px 10px 0px;
}
figure img{
	max-width: 100%;
}


/* wrapper setup */
.wrapper {
	position: relative;
	max-width: 1600px;
	width: 100%;
	margin:0 auto;
	box-shadow: 0px 0px 25px rgba(0,0,0,.1);
}
.container {
	position: relative;
    width: 1130px;
	max-width: 100%;
}
.row{
	min-width: 100%;
}

/* header */
header {
	max-width: 1600px;
	width: 100%;
	position: fixed;
	top:0;
	z-index: 99;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}
header.smaller {
	background: #FFF;
	position: fixed;
	border-bottom: 1px #d7d6dc solid;
}
header.smaller .top-bar{
	padding: 0 10px;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
header.smaller #logo a{
	width:130px;
	height: 73px;
	padding: 15px 0;
	
}
header.smaller #logo a .main-logo{
	display: block;
}
header.smaller #logo a .white-logo{
	display: none;
}

header.smaller .nav-menu a {
	color: #000;
	padding: 29px 20px
}
header.smaller .nav-menu a:hover, header.smaller .nav-menu li:hover > a, header.smaller .nav-menu .menu-active > a {
  color: #f6882f;
}
header.smaller .nav-menu ul li a {
    padding: 10px 15px;
}
header.smaller .nav-menu ul li a:hover {
    color: #FFF;
}

#logo{float:left; margin-left: 20px;}
#logo a{display:block; width:178px; padding: 20px 0;}
#logo a img{max-width: 100%; margin-bottom: -5px;}
#logo a .main-logo{display: none;}


.top-bar{
	width: 100%;
	float: left;
	background: #FFF;
	padding: 10px;
	height: 40px;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}
.header-info{
	float: right;
	margin-right: 5px;
}
.header-info a{
	font: 14px/16px 'Lato', sans-serif;
	color: #29343e;
	padding: 0px 0px 0px 30px;
	height: 17px;
	display: inline-block;
	background-size: contain;
	margin-left: 25px;
}
.header-info a:hover{
	color: #f6882f;
}
.phone{
	font-size: 13px;
	background: url(../img/phone-icon.png) no-repeat center left;
}
.email{
	background: url(../img/email-icon.png) no-repeat center left;
}

header .social-nav {
  float: left;
  -o-transition: all .4s linear;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  transition: all .4s linear;
}
header .social-nav a {
  font-size: 14px;
  margin-left: 10px;
  color: #29343e;
}
header .social-nav a:hover {
  color: #f6882f;
}

.header-inner{
	width: 100%;
	float: left;
	border-bottom: 1px solid #FFF;
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-area{
	float: right;
}
.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: -15px;
  z-index: 99;
}

.nav-menu li {
  position: relative;
  white-space: nowrap;
}

.nav-menu > li {
  float: left;
}

.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block;
}

.nav-menu ul ul {
  top: 0;
  left: 100%;
}

.nav-menu ul li {
  min-width: 180px;
}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
  padding-right: 24px;
}

.sf-arrows .sf-with-ul:after {
  content: "\f107";
  position: absolute;
  right: 10px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
  content: "\f105";
}

/* Nav Meu Container */
#nav-menu-container {
  margin: 0;
  float: left;
}

@media (max-width: 768px) {
  #nav-menu-container {
    display: none;
  }
}

/* Nav Meu Styling */
.nav-menu a {
  padding: 41px 20px;
  text-decoration: none;
  display: inline-block;
  font: 12px 'Lato', sans-serif;
  color: #FFF;
  outline: none;
  text-transform: uppercase;
}

.nav-menu a:hover, .nav-menu li:hover > a, .nav-menu .menu-active > a, #mobile-nav .menu-active > a {
  color: #f6882f;
}

.nav-menu ul {
  margin: 0 0 0 15px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.08);
}

.nav-menu ul li {
  background: #fff;
  border-top: 1px solid #f4f4f4;
}

.nav-menu ul li:first-child {
  border-top: 0;
}

.nav-menu ul li:hover {
  background: #f6882f;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nav-menu ul li a {
  font-size: 12px;
  color: #29343e;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  padding: 10px 15px;
  display:block;
}
.nav-menu ul li:hover a {
  color: #FFF;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nav-menu ul ul {
  margin: 0;
}

/* Mobile Nav Toggle */
#mobile-nav-toggle {
  position: absolute;
  right: 20px;
  top: 51px;
  z-index: 999;
  margin: 8px 10px 0 0;
  border: 0;
  background: none;
  font-size: 24px;
  display: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  outline: none;
  cursor: pointer;
}

#mobile-nav-toggle i {
  font-size: 23px;
  color: #FFF;
}
#mobile-nav-toggle i.fa-times {
  color: #FFF;
}

@media (max-width: 768px) {
  #mobile-nav-toggle {
    display: inline;
  }
}

/* Mobile Nav Styling */
#mobile-nav {
  position: fixed;
  top: 0;
  padding-top: 18px;
  bottom: 0;
  z-index: 998;
  background: #FFF;
  left: -260px;
  width: 260px;
  overflow-y: auto;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

#mobile-nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#mobile-nav ul li {
  position: relative;
}

#mobile-nav ul li a {
  font: 12px 'Lato', sans-serif;
  color: #29343e;
  overflow: hidden;
  padding: 15px 22px 15px 20px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display: block;
  outline: none;
  border-bottom: 1px #f6f6f6 solid;
}

#mobile-nav ul li a:hover {
  color: #f6882f;
}

#mobile-nav ul li li a{
  padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
  position: absolute;
  right: 0;
  z-index: 99;
  padding: 15px;
  cursor: pointer;
  color: #000;
  font-size: 10px;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
  color: #399132;
}

#mobile-nav ul .menu-item-active {
  color: #399132;
}

#mobile-body-overly {
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}

/* Mobile Nav body classes */
body.mobile-nav-active {
  overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
  left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
  color: #fff;
}

/* Slider Style */
.carousel-caption {
    bottom: 50%;
	margin-bottom: -150px;
}
.carousel-caption h3{
	font: 900 44px 'Lato', sans-serif;
	color: #fff;
	margin-bottom: 40px;
	text-shadow: 0 0 30px rgba(0,0,0,.4);
}
.carousel-indicators {
    bottom: 20px;
}
.carousel-indicators li{
	cursor: pointer;
}
.carousel-indicators .active {
    background-color: #f6882f;
}
.know-more-btn, .send{
	font: 12px 'Lato', sans-serif;
	color: #FFF;
	background: #f6882f;
	padding: 15px 25px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
}
.know-more-btn:hover, .know-more-btn:focus{
	color: #FFF;
	background: #29343e;
	text-decoration: none;
}

.content-area, .company-intro, .services-area, .products-section, .client-section, footer{
	position: relative;
	width: 100%;
	float: left;
}
.company-intro, .services-area{
	position: relative;
	padding: 70px 0;
	background: #FFF;
	overflow: hidden;
}
.company-intro-img{
	position: absolute;
	width: 50%;
	right: 50%;
	top: -20%;
}
.company-content{
	width: 50%;
	float: left;
	margin-left: 50%;
	max-width: 550px;
}
.company-content h2, .services-area h2{
	margin: 0 0 25px 0;
}

.services-area{
	background: #29343e;
}
.services-area h2, .services-area ul.listing li, .services-area p strong{
	color: #FFF;
}
.services-area p{
	color: #9cabb8;
	width: 90%;
}
.services-area-img{
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
}

ul.listing{
	width: 100%;
	float: left;
	list-style: outside none;
	margin: 0 0 20px 20px;
}
ul.listing li {
    color: #666;
    font: 13px "Lato",sans-serif;
    margin-bottom: 10px;
	position:relative;
}
ul.listing li::before, .footer-nav li::before{
  content: "\f054";
  position: absolute;
  left: -15px;
  top: -1px;
  font-family: FontAwesome;
  color: #f6882f;
  font-size: 8px;
  line-height: 20px;
}

.services-area .know-more-btn:hover{
	color: #f6882f;
	background: #FFF;
}

.products-section{
	background: #FFF;
	padding: 60px 0;
	text-align: center;
}
.products-section h2{
	margin: 0 0 20px 0;
}
.products-section p{
	width: 85%;
	margin: 30px auto;
}
figure.products-item{
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
figure.products-item figcaption{
	position: absolute;
	width: 100%;
	padding: 15px 20px;
	background: rgba(41,52,62,.8);
	text-align: left;
	font: bold 12px 'Lato', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	bottom: 0;
}
figure.products-item img{width:100%; margin-bottom: -5px;}
.products-section .know-more-btn{
	margin-top: 20px;
}

.client-section .container{
	padding: 50px 20px;
	border-top: 1px #e1e1e1 solid;
}
.client-carousel{
	width: 100%;
	float: left;
}
.client-carousel .owl-stage-outer{
	padding: 30px 0 20px 0;
}
.client-carousel .item{
	padding: 0px 10px;
}
.client-carousel .item figure{
	position: relative;
	width: 100%;
	float: left;
}
.client-carousel .owl-nav{
	position: absolute;
	top: -5px;
	right: 0;
}
.client-carousel .owl-nav [class*="owl-"]{
	position:relative;
	width: 30px;
	height: 30px;
	margin: 1px;
	cursor: pointer;
	text-align: center;
	border-radius: 0px !important;
	overflow: hidden;
	font-size: 0 !important;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
.client-carousel .owl-prev { background: #f6882f !important;}
.client-carousel .owl-next { background: #f6882f !important;}

.client-carousel .owl-prev:hover { background: #29343e !important;}
.client-carousel .owl-next:hover { background: #29343e !important;}

.client-carousel .owl-next::before, .client-carousel .owl-prev::before{
  content: "\f054";
  position: absolute;
  left: 13px;
  top: 5px;
  font-family: FontAwesome;
  color: #FFF;
  font-size: 8px;
  line-height: 20px;
}
.client-carousel .owl-prev::before{
  content: "\f053";
}

footer{
	background: #29343e;
	padding-top: 60px;
}
.copyright{
	width: 100%;
	float: left;
	margin-top: 40px;
}
	
footer address{
	font: 13px/22px 'Lato', sans-serif;
	color: #9cabb8;
	position: relative;
	padding-left: 145px;
}
.footer-logo{
	position:absolute;
	top: 0;
	left:-20px;
}
footer address strong{
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
}
footer address a{
	color: #f6882f;
}
footer address a:hover{
	color: #FFF;
}
footer h6{
	color: #FFF;
	text-transform: uppercase;
}
.footer-nav{
	width: 50%;
	float: left;
	padding-left: 20px;
}
.footer-nav li{
	position: relative;
}
.footer-nav li a{
	font: 13px/22px 'Lato', sans-serif;
	color: #9cabb8;
	margin-bottom: 3px;
	display:block;
}
.footer-nav li a:hover{
	color: #f6882f;
}
.view-gallery{
	width: 128px;
	height: 106px;
	margin: 40px auto 0 auto;
	background: url(../img/gallery-icon.png) no-repeat;
	background-size: contain;
	display: block;
	font: 12px 'Lato', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	padding-top: 82px;
}
.copyright{
	font: 12px 'Lato', sans-serif;
	color: #FFF;
	border-top: 1px #3f4952 solid;
	padding: 20px 0;
}
.copy{float: left;}
.design{float: right;}
.copyright span, .copyright a, .copyright a:hover, .copyright a:focus{
	color: #f6882f;
	text-transform: uppercase;
	text-decoration: none;
}
.copyright a:hover{color: #FFF;}
.copy br{ display: none;}

/* scrollToTop button */
.scrollToTop {
	position: absolute;
	font: 900 12px 'Lato', sans-serif;
	color: #FFF;
	background: #f6882f;
	width: 39px;
	height: 36px;
	top: -60px;
	right: 10px;
	padding: 8px;
	display: none;
	z-index: 99999 !important;
	outline: none !important;
}
.scrollToTop:hover, .scrollToTop:focus{
	color: #f6882f;
	background: #FFF;
}
.scrollToTop i{
	font-weight: bolder;
	font-size: 15px;
	margin-left: 7px;
}

.inner-title-area{
	width: 100%;
	float: left;
	background: url(../img/main-banner-bg.jpg) no-repeat center right #f6882f;
	padding: 150px 0px 10px 0px;
	background-size: cover;
}
.inner-title-area h1{
	margin: 20px 0 20px 15px;
	color: #FFF;
	font-size: 24px;
	font-weight: 900;
	float: left;
	width: auto !important;
}

.breadcrumb {
	float: right;
	padding: 10px 0;
	margin: 10px 10px 10px 0;
	text-transform: uppercase;
	border-radius: 0;
	background: none;
}
.breadcrumb li{
	display: inline-block;
	padding: 3px 5px;
	color: #FFF;
}
.breadcrumb li a {
	font: 12px 'Lato', sans-serif;
	color: #FFF;
	display: block !important;
}
.breadcrumb li a:hover {
	text-decoration: none;
	color: #f6882f;
}
.breadcrumb li.active {
	font: 12px/20px 'Lato', sans-serif;
	color: #f6882f;
}
.breadcrumb > li + li:before{
	content: none;
}

.inner-page-content{
	padding: 80px 0px;
}

.vision-sections{
	width: 100%;
	float: left;
	margin-bottom: 25px;
	padding-right: 30px;
}
.vision-sections h2{
	position:relative;
	padding: 15px 0 15px 70px;
	font-size: 20px;
	margin-bottom: 30px;
}
.vision-sections h2 span{
	position: absolute;
	left: 0;
	top: 0;
}

.about-text{
	margin: 80px 0;
	overflow:visible;
}
.hitech-icon{
	position: absolute;
	right: 0;
	top: -150px;
}
.about-text p{
	width: 100%;
}

.spacer{
	height: 50px;
}
.devider{
	width: 100%;
	float: left;
	border-bottom: 1px #d7d6dc solid;
	margin: 25px 0;
}

.service-product-page{
	padding-top: 40px;
}
.product-listing{
	width:100%;
	float: left;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e1e1e1;
	padding: 20px 10px 0 10px;
	margin: -20px 0 20px 0;
	min-height: 230px;
}

.project-listing .listing{
	margin: 20px 0 20px 20px;
}

.clients{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.client-logo{
	width: 23%;
	float: left;
	margin: 1%;
	border: 1px #e1e1e1 solid;
	text-align: center;
}

.google-map{
	width: 60%;
	margin-bottom: -5px;
	float: left;
}
.google-map iframe{
	width: 100%;
}
.contact-info{
	position: relative;
	width:40%;
	float: left;
	background: #29343e;
	height: 375px;
	margin-top: 40px;
	padding: 63px 20px 63px 50px;
	font: 13px/24px 'Lato', sans-serif;
	color: #9cabb8;
}
.contact-info strong{
	font: 900 16px 'Lato', sans-serif;
	color: #FFF;
	text-transform: uppercase;
}
.contact-info span{
	font-weight: 700;
	color: #FFF;
}
.contact-info a{color: #9cabb8;}
.contact-info a:hover{color: #f6882f;}
.hitech-location{
	width: 53px;
	height: 53px;
	position: absolute;
	left: -26px;
	top: 60px;
}


/* media queries */
@media (max-width: 1280px) {
.company-intro{padding: 50px 0;}
}
@media (max-width: 1180px) {
.carousel-caption h3{font: 900 30px 'Lato', sans-serif; margin-bottom: 20px;}
.company-intro-img, .services-area-img{width: 65%;}
.services-area-img{right: -15%;}
.company-content{padding-right: 20px;}
}
@media (max-width: 980px) {
.company-intro-img, .services-area-img{width: 80%;}
.services-area-img{right: -30%;}
}
@media (max-width: 768px) {
header, header.smaller{position: absolute;}
header #logo a, header.smaller #logo a{width:120px; padding: 10px 0;}
.header-info{margin-right: 0px;}
.slide{padding-top: 40px;}
.carousel-caption {margin-bottom: -100px;}
.carousel-caption h3{font-size:24px; margin-bottom: 10px;}
.carousel-control-next, .carousel-control-prev {top: 40px;}
.know-more-btn{padding: 10px 20px;}
.company-intro{padding: 0;}
.company-intro-img{position: absolute;width: 110px;right: 20px;top: -30px;z-index: 1;}
.company-content{width: 100%;float: left;margin-left: 0;max-width: 100%;padding: 40px 30px 60px 30px;}
.services-area, .products-section, .client-section{padding: 30px 20px;}
.services-area-img{width: 100%;right: 0; opacity: .1;}
.client-section .container {padding: 10px 20px 0 20px;}
.services-area p{color: #fff;}
footer address{margin-bottom: 40px;}

.inner-title-area {padding: 70px 0px 10px 0px; margin-top: 40px}
.inner-page-content{padding: 40px 20px;}
.vision-sections .listing{margin-bottom: 0;}
.about-text{margin: 60px 0 20px 0;}
.hitech-icon{top: -110px; right:20px;}
.project-listing .listing{margin: 0 0 0 20px;}
.google-map, .contact-info{width: 100%;}
.contact-info{margin: 0;}
@media (max-width: 580px) {
.header-info a{padding: 0px 0px 0px 23px;margin-left: 10px;}
.carousel-caption {margin-bottom: -100px;}
.carousel-caption h3{font-size:20px; margin-bottom: 10px;}
.footer-content{padding: 30px 30px 55px 30px;}
.inner-title-area{padding: 60px 0px 0px 0px;}
.inner-title-area h1{font-size: 20px; width: 100%; float: left; margin-bottom: 0;}
.breadcrumb {width: 100%; margin: 0px 0 0 10px; float: left;}
.inner-page-content{padding: 30px 20px;}
}
@media (max-width: 480px) {
header .container{padding: 0;}
.header-info .email{display: none;}
.cd-stretchy-nav.edit-content{right: 50px !important; top: 17px !important;}
#mobile-nav-toggle{right: 12px !important;}
.carousel-caption h3{font-size:16px;}
h2 {font-size: 24px;}
h2 span{font-size: 12px;}
.services-area-img{width: 150%;}
.footer-content h5{margin-top: 30px;}
.view-gallery{float: left;}
.copy, .design{width:100%; text-align: left; line-height: 24px;}
.client-logo{width: 46%; margin:2%;}
}
@media (max-width: 440px) {
.carousel-caption .know-more-btn, .carousel-control-prev, .carousel-control-next{display: none;}
.carousel-caption h3{ font-size:14px; margin-bottom: 40px;}
}
@media (max-width: 380px) {
.banner-content h1{font-size: 24px;}
.banner-content p{font-size: 14px;}
.services-area-img{width: 200%;}
.hitech-icon{top: -110px; right:-60px;}
.contact-info{padding: 55px 10px 55px 40px; height: auto;}
.hitech-location{top: 53px;}
.contact-info strong{font: 900 13px 'Lato', sans-serif;}
.copy br{ display: block;}
}