.promo-wrapper-left.posTop{top: 0;}
.promo-wrapper-left.bottomPosition{color:#fff; bottom: 0; width:100%; padding:36px 42px 0px 42px}
.promo-wrapper-left.topPosition{color:#fff; top: 0; width:100%;}
.home-label-text{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #fff;
    margin-bottom: 10px;
	font-family: Roboto, Arial, Helvetica, san-serif;
}
.home-body-content-title{
            font-size: 2.8rem;
            line-height: 3.2rem;
            color: #fff; font-weight: 500;
            font-family: Roboto, Arial, Helvetica, san-serif;
}

/*
.col-lg-4 .aboveviewMode, .col-lg-6 .aboveviewMode {min-height:310px}

.col-lg-4 .abovebox .text-desc, .col-lg-6 .abovebox .text-desc{
 display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.col-lg-4 .abovebox .body-content-title, .col-lg-6 .abovebox .body-content-title{
 display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.col-lg-4 .abovebox, .col-lg-6 .abovebox {min-height:500px;} */

.height-230px{height:230px}
.height-240px{height:240px}
.height-250px{height:250px}
.height-260px{height:260px}
.height-270px{height:270px}
.height-280px{height:280px}
.height-290px{height:290px}
.height-300px{height:300px}
.height-310px{height:310px}
.height-320px{height:320px}
.height-330px{height:330px}
.height-340px{height:340px}
.height-350px{height:350px}
.height-360px{height:360px}

.col-lg-4 .aboveviewMode .label-text, .col-lg-6 .aboveviewMode .label-text{margin-bottom:10px;}
.col-lg-4 .aboveviewMode .text-desc p, .col-lg-6 .aboveviewMode .text-desc p, .col-lg-3 .aboveviewMode .text-desc p{font-size:1rem;}
.col-lg-4 .aboveviewMode .text-desc p, .col-lg-3 .aboveviewMode .text-desc p
{
 display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.col-lg-3 .aboveviewMode .body-content-title{
 display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}


.home-text-desc{
            font-size: 1.6rem;
            padding: 10px 0;
            padding-right: 18px;
            color: #fff; font-weight: 500;
            font-family: Roboto, Arial, Helvetica, san-serif;
 }

.promo-wrapper-left.bottomPosition span.btn-text,.promo-wrapper-left.topPosition span.btn-text{color:#fff}
.promo-wrapper-left.topPosition .fa-angle-right,.promo-wrapper-left.bottomPosition .fa-angle-right{color:#fff}

.dellemc-button{margin-left: 6px;}

.body-content-title {
    font-size: 42px;
}

.imgwidth picture img {
	width: 100%;
}
.text-right .button-column {
	 display: inline-block;
	  margin-right:6px;
   }

.text-center .button-column {
    margin: 0 auto;
    display: table;
}

.col-sm-4 .body-c-view .body-content-title,
.col-4 .body-c-view .body-content-title,
.col-lg-4 .body-c-view .body-content-title,
.col-xl-4 .body-c-view .body-content-title {
	font-size: 30px;
	line-height:36px;
    margin-bottom: 18px;
}
.col-sm-6 .body-c-view .body-content-title, .col-6 .body-c-view .body-content-title, .col-lg-6 .body-c-view .body-content-title, .col-xl-6 .body-c-view .body-content-title{
    font-size: 36px;
    line-height:42px;
    margin-bottom: 21px;
}

.col-sm-3 .body-c-view .body-content-title, .col-3 .body-c-view .body-content-title, .col-lg-3 .body-c-view .body-content-title, .col-xl-3 .body-c-view .body-content-title{
    font-size: 24px;
    line-height:30px;
    margin-bottom: 12px;
}

/* colour background */
.bgcolor-gray1 {
	background-color: #EEEEEE;
	width: 100%;
	padding: 24px 36px 36px 36px;
}

.white {
	background-color: transparent;
    padding-top: 24px;
    width: 100%;
    /*padding-bottom: 36px;*/
}

.white .text-desc {
	color: #000;
}

.bg-dark2 {
	padding: 24px 36px 36px 36px;
	background-color: #444444;
	width: 100%;
}

.bg-dark2 .label-text {
	color: #F2AF00;
}

.bg-dark2 .body-content-title,
.bg-dark2 .text-desc {
	color: #FFFFFF;
}

/*herobanner*/
.promobannerimage {
	position: relative;
	bottom: 0px;
	margin-bottom: 20px;
}

.promo-wrapper-left {
	font-family: RobotoLight, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 66%;
	line-height: 1.5em;
	padding: 36px 42px 42px 42px;
	z-index: 10;
	display: inline-block;
}

.promo-wrapper-left .label-text {
	color: #F2AF00;
	font-size: 15px;
}

.promo-wrapper-left .body-content-title {
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: Normal;
	font-size: 42px;
	color: #FFF;
}

.promo-wrapper-left .text-desc {
	font-size: 16px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #FFF;
}

.img-right1 {
	position: relative;
	vertical-align: baseline;
}

.img-right1 img {
	float: none;
}

.promobannerimage .cta>span {
	font-family: RobotoNormal, Arial, Helvetica, sans-serif;
	line-height: 18px;
	vertical-align: baseline;
}

/* Tablet Portrait mode -- Medium Screen */
/*
@media screen and (max-width:1024px){
    .col-lg-4 .abovebox, .col-lg-6 .abovebox{min-height:580px}
}
@media screen and (max-width: 768px) {
.col-lg-4 .aboveviewMode, .col-lg-6 .aboveviewMode {min-height:auto;}
.col-lg-4 .abovebox, .col-lg-6 .abovebox {min-height:auto;}
}
*/
@media screen and (max-width: 1024px) and (min-width:768px){
.col-sm-4 .body-c-view .body-content-title, .col-4 .body-c-view .body-content-title, .col-lg-4 .body-c-view .body-content-title, .col-xl-4 .body-c-view .body-content-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 12px;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
	.body-c-view .body-content-title {
		font-size: 36px;
	}
	.col-md-6 .body-c-view .body-content-title {
		font-size: 30px;
	}
	.body-c-view.text-justify {
		text-align: left;
	}
	/*.aboveviewMode {height: auto;}*/
}

/* Small Screen */
@media screen and (min-width: 576px) and (max-width:767px) {
	.body-c-view .body-content-title, .home-body-content-title {
		font-size: 30px;
	}
    .body-c-view {
		text-align: left;
	}
    .bg-dark2 {
       	padding: 0.3125rem;
     }
    .bgcolor-gray1 {
      	padding: 0.3125rem;
     }
     .aboveviewMode {height: auto;}
}

@media screen and (max-width: 567px) {
	.text-right .button-column {
        display: inline;
        margin-right: -10px;
     }
}

/* Mobile -- Extra Small Screen*/
@media screen and (max-width: 575px) {
	.label-text {
		padding-top: 10px;
	}
	.body-c-view .body-content-title {
		font-size: 24px;
	}
	.body-c-view {
		text-align: left;
	}
	.body-c-view .text-desc {
		font-size: 14px;
	}
	.promobannerimage {
		width: 100%;
	}
	.promobannerimage .body-content-title {
		padding-top: 10px;
	}
	.promo-wrapper-left {
		width: 100%;
		padding: 10px 12px 12px 12px;
	}
	.white {
    	padding-top:0px;
	}
    .bg-dark2 {
       	padding: 0.3125rem;
     }
     .bgcolor-gray1 {
       	padding: 0.3125rem;
     }
     .btn-videowithetxt .btn-text
     {
         width: 85%;
     }

    .promo-wrapper-left.bottomPosition {
  	    padding: 10px 12px 12px 12px;
     }

    .promo-wrapper-left.bottomPosition,.promo-wrapper-left.topPosition {
        top: 0;
     }

    .home-body-content-title{
		font-size: 1.5rem;
        line-height: 1.25rem;
	}

    .home-label-text {
        font-size: 0.938rem;
     }
     .aboveviewMode {height: auto;}
}
@media only screen and (max-width: 480px) {
        .dellemc-button { margin-left: 0px;}
}
@media screen and (max-width: 320px) {
    .promo-wrapper-left.bottomPosition,.promo-wrapper-left.topPosition {
         top: 0;
     }
    .dellemc-button { margin-left: 0px;}
     .home-body-content-title{
		 font-size: 1rem;
         line-height: 1.25rem;
	}
      .home-label-text {
         font-size: 0.938rem;
    }
}