.title-background {
    height: 512px;
    z-index: -2;
}

.top-strip {
    height: 512px;
    background-image: url("/themes/ttelectronics/img/gradient-back.png");
    z-index: -1;
}

.about-us-banner-image,
.about-us-text-under-image,
.about-us-column-text {
	 z-index: 1;
}

.about-us-lhs-col {
    height: 512px;
    margin-bottom:40px;
    margin-left: 15px;
}

.about-us-banner-image,
.about-us-text-under-image,
.about-us-lhs-col {
	width: 570px;
	float: left;
}

.about-us-banner-image img {
	margin-top: 25px;
	width: 570px;
}

.about-us-text-under-image h1 {
    color: #fff;
    font-family: 'Futura LT W01 Bold', 'Arial Black', sans-serif;
    font-size: 28px;
    margin: 10px 0 0 0;
}

.about-us-text-under-image ul {
	font-size:16px;
	line-height: 1.4;
	padding:0;
	margin:0;
}

.about-us-text-under-image a:link, 
.about-us-text-under-image a:visited, 
.about-us-text-under-image a:active {
    color: #3DB7E4;
}

.about-us-text-under-image ul li {
	list-style-type: none;
}

.about-us-column-text {
 	width: 360px;
 	float: right;
 	margin-right:70px;
}

.about-us-column-text p { 
	color:#fff;
 	font-size: 15px;
 	line-height:1.6;
 }

.about-us-column-text ul {
	color:#fff;
}

.about-us-column-text h2 {
	font-size: 32px;
	color:#fff;
}


.elegant-card .card-content {
	min-height:50px;
	height:150px;
}

/* D.L. */
@media (max-width: 768px){
.about-us-column-text{
display:block;
display:block;
width:100%;
margin-left:auto;
margin-right:auto;
padding:0 0 30px 15px;
width:100%;
background-color:#001e34;
}
}

@media (max-width:767px){
.about-us-lhs-col {
overflow:hidden;
width:100%;
height:auto;

}}

@media (max-width:768px){
.about-us-banner-image {
width:auto;
height:auto;
}
.about-us-banner-image img{
width:100%;
display:block;
/*max-width:370px;*/
}
.about-us-text-under-image{
float:left;
width:95%;
}
.title-background {
    /*height:420px; */
  
 z-index: -2;
}

.top-strip {
display:none;
}

}

@media (min-width:992px) and (max-width: 1024px) {

.about-us-banner-image,
.about-us-text-under-image,
.about-us-lhs-col {
	width: 370px;
	float: left;
}

.about-us-column-text {
 	width: 360px;
 	float: right;
 	margin-right:10px;
}

.about-us-lhs-col {
    height: 512px;
    margin-bottom:40px;
    margin-left: 0px;
}

.top-strip{
display:none;
}
}

@media (min-width:768px) and (max-width: 992px) {
.about-us-banner-image,
.about-us-text-under-image,
.about-us-lhs-col {
	width: 320px;
	float: left;
}
.about-us-column-text {
 	width: 360px;
 	float: right;
 	margin-right:10px;
}
.about-us-lhs-col {
    height: 512px;
    margin-bottom:40px;
    margin-left: 0px;
}

.top-strip{
display:none;
}
.title-background {
    height: 512px;
    z-index: -2;
}
}