/* The goal of a Hero Stylesheet is to set a SITE SPECIFIC HERO BANNER STYLES. */

/* v1.0 | CIBER INDIA - GENERIC*/

.hero-image .field-image img {
    /*-o-object-fit: cover;
    object-fit: cover;*/
    -o-object-position: top center;
    object-position: top center;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 600px;
}
.dynamicAspect {
    overflow: hidden;
    position: relative;
    height: auto;
}
.dynamicAspect::before {
    content: '';
    display: block;
    padding-top: 44.5%;
}
.dynamicAspect > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.field-image img {
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    max-width: 100%;
}
@media screen and (min-width: 768px) {
    .hero-image .field-image img {
        min-height: 300px;
    }
  
}
@media screen and (min-width: 992px) {
    .hero-image .field-image img {
        min-height: 560px;
    }
    .hero-content {
        margin-left: calc(50vw - 363px);
        max-width: 726px;
		  position: absolute;
       bottom: 50px;
        top: 70%;

    }
    .component.hero_banner .hero-image .hero-content h1.field-headline {
        padding-right: 100px;
    }
}
@media screen and (min-width: 1025px) {
    .hero-content {
        margin-left: calc(50vw - 480px);
    }
}
@media screen and (min-width: 1200px) {
    .hero-image .field-image img {
        /*min-height: 650px;*/
        left: inherit;
    }
    .hero-content {
        margin-left: calc(47vw - 547px);
        max-width: 700px;
		top:58%;
       /* padding-left: 12px;
        padding-right: 0;
        margin-top: 8.5%;*/
    }
    .hero_banner.home .hero-content {
        max-width: 1024px;
    }
    .component.hero_banner.home .hero-content h1.field-headline {
        padding: 0;
    }
}
@media screen and (min-width:1366px) {
	.hero-content {
	    margin-left: calc(47vw - 620px);
		max-width: 725px !important;
		top: 58%;
	}
	.hero-image .field-image img {
        min-height: 650px;
    }
	/*.hero-content {
        margin-left: calc(47vw - 540px);
    }*/
} 
@media screen and (min-width:1440px) {

   
/*   .hero-content {
        margin-left: calc(47vw - 540px);
    }
    .hero-image .field-image img {
        min-height: 700px;
    }*/
}
@media screen and (min-width:1920px) {
  
/*  .hero-content {
        margin-left: calc(47vw - 565px);
    }*/
}
/* Recently added css */
@media screen and (max-width:991px) {
	.component.hero.no-separator{
		margin-top:125px;
	}
	.hero-content {
	position: absolute;
    bottom:0;
	max-width:100%;
    text-align: center;
}
.dynamicAspect::before {
	padding-top:0;
}
.hero-image .field-gradient-image img{
	width:100%;
	height:auto;
	
}
}