@media (min-width: 961px) {
#myCarousel .carousel-caption {
bottom: auto;
top: 395px;
right: 5%;
left: 5%;
}
.normal-carousel-whyelc h2 {
font-family: "FSLolaBold";
font-size: 60px;
color: #fff;
text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.51);
margin-bottom: 5px;
margin-left:0px;
}
.carousel-caption .carousel-home-description {
font-family: AauxNextRegular;
font-size: 33px;
color: #fff;
text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.51);
}
#whyelc {
max-width: 1412px;
margin: 0 auto;
}
.bgr1 {
background: #ffd203;
}
.bgr2 {
background: #44c8f5;
}
/*Mask in Why ELC*/
.mask {
display: table;
}
.mask .description-item {
display: table-cell;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.agents-list .mask,
.whyelc-list .mask {
background: none;
}
.small-item .mask {
height: 350px;
}
.large-item .mask {
height: 700px;
}
.large-item .mask .description-item{
background-color: rgba(0, 0, 0, 0.4);
}
.view .mask .description-item .btn-arrow-left,
.mask .description-item .btn-arrow-right,
.view .title-item .btn-arrow-left,
.view .title-item .btn-arrow-right {
padding: 6px 12px;
}
/*Mask in Why ELC*/
.small-item,
.fullwidth-item {
height: 350px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
color: #141414;
font-size: 14px;
line-height: 20px;
}
.small-item span.small-text {
margin-bottom: 14px;
font-size: 20px;
display: block;
}
span.small-text {
color: #fff;
text-align: center;
font-family: 'FSLolaRegular';
}
.description-item span.small-text {
margin-top: 0px;
}
.large-item {
height: 700px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
font-size: 24px;
line-height: 30px;
display: table;
}
.agents-list .view .title-item {
-webkit-transition: opacity 3s;
-moz-transition: opacity 3s;
-ms-transition: opacity 3s;
-o-transition: opacity 3s;
transition: opacity 3s;
}
.agents-list .view:hover .title-item,
.small-item .title-item {
margin-top: 110px;
font-size: 24px;
}
.large-item .title-item {
margin-top: 288px;
display: table-cell;
vertical-align: middle;
}
.large-item span.small-text {
font-size: 30px;
}
.whyelc-list .title-item h3 {
width: 54%;
margin: 0 auto;
font-size: 28px;
padding-left: 0px;
padding-right: 0px;
font-family: AauxNextMedium;
margin-bottom: 30px;
}
.whyelc-list .description-item h3 {
width: 54%;
padding-left: 0px;
margin: 0 auto;
font-size: 28px;
padding-right: 0px;
font-family: AauxNextMedium;
padding-bottom: 15px;
}
.view h2 {
text-transform: none !important;
font-size: 60px !important;
background: none !important;
opacity: 1;
margin-top: 0px;
margin: 0 auto;
width: 59%;
}
.view p {
position: relative;
text-align: center;
line-height: 27px;
padding: 0px 20px 0px;
font-size: 15px;
font-family: MyriadProRegular;
color: #141414;
}
.large-item p{
color:#fff;
font-family: 'AauxNext Semibold';
font-size: 28px;
line-height: 40px;
}
.view a{
text-decoration: none;
color:#141414;
}
.btn-whyelc {
background-color: #f15b67;
border-radius: 0;
font-family: 'AauxNext Semibold';
font-size: 18px;
padding-left: 60px;
padding-right: 60px;
margin-bottom: 10px;
padding-bottom: 10px;
-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
color: #fff !important;
}
.btn-arrow-left {
background: url('../images/arrow-left-white.png') no-repeat center center;
}
}


/*Medium devices (tablets from 481 to 960px)*/
@media (min-width: 481px) and (max-width: 960px) {
    #whyelc {
    max-width: 1412px;
    margin: 0 auto;
    }
    .bgr1 {
    background: #ffd203;
    }
    .bgr2 {
    background: #44c8f5;
    }
    /*Mask in Why ELC*/
    .mask {
    display: table;
    }
    .mask .description-item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
        display: block;
    }
    .agents-list .mask,
    .whyelc-list .mask {
        background: none !important;
    }
    .small-item .mask {
    height: 187.5px;
    display: block;
    }
    .large-item .mask {
    height: 375px;
    display: table-cell;
    vertical-align: middle;
    }
    .view .mask .description-item .btn-arrow-left,
    .mask .description-item .btn-arrow-right,
    .view .title-item .btn-arrow-left,
    .view .title-item .btn-arrow-right {
    padding: 6px 12px;
    }
    /*Mask in Why ELC*/
    .small-item,
    .fullwidth-item {
    height: 187.5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    color: #141414;
    font-size: 14px;
    line-height: 20px;
    }
    .small-item span.small-text {
    font-size: 15px;
    display: block;
    }
    span.small-text {
    color: #fff;
    text-align: center;
    font-family: 'FSLolaRegular';
    }
    .description-item span.small-text {
    margin-top: 20px;
    }
    .large-item {
    height: 374px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    }
    .agents-list .view .title-item {
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    -ms-transition: opacity 3s;
    -o-transition: opacity 3s;
    transition: opacity 3s;
    }
    .agents-list .view:hover .title-item,
    .small-item .title-item {
    margin-top: 34px;
    font-size: 24px;
    }
    .large-item .title-item {
    margin-top: 115px!important;
    }
    .large-item span.small-text {
    font-size: 22px;
    }
    .whyelc-list .title-item h3 {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
    margin-top: 10px;
    }
    .agents-list .description-item h3 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    margin-top: 5px;
    }
    .view h2 {
    text-transform: none !important !important;
    font-size: 32px !important;
    background: none !important;
    opacity: 1;
    margin: 0px 50px;
    }
    .btn-whyelc {
    background-color: #f15b67;
    border-radius: 0;
    font-family: 'AauxNext Semibold';
    font-size: 18px;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
    }
    .btn-arrow-left {
    background: url('../images/arrow-left-white.png') no-repeat center center;
    }

}

/*Medium devices (tablets from 481 to 960px)*/


/*Small devices (mobiles from 320 to 480px)*/

@media (max-width: 480px) {
.normal-carousel-whyelc h2 {
font-size: 38px;
margin-left: 0px;
}
.carousel-caption .carousel-home-description {
font-size: 21px;
margin-left: 0px;
display: block;
}
#whyelc {
max-width: 1412px;
margin: 0 auto;
}
.bgr1 {
background: #ffd203;
}
.bgr2 {
background: #44c8f5;
}
/*Mask in Why ELC*/
.mask {
display: table;
}
.mask .description-item {
display: table-cell;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.agents-list .mask,
.whyelc-list .mask {
background: none !important;
}
.small-item .mask {
height: 187.5px;
}
.large-item .mask {
height: 375px;
}
.view .mask .description-item .btn-arrow-left,
.mask .description-item .btn-arrow-right,
.view .title-item .btn-arrow-left,
.view .title-item .btn-arrow-right {
padding: 6px 12px;
}
/*Mask in Why ELC*/
.small-item,
.fullwidth-item {
height: 170px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: block;
color: #141414;
font-size: 14px;
line-height: 20px;
}
.small-item span.small-text {
font-size: 15px;
display: block;
}
span.small-text {
color: #fff;
text-align: center;
font-family: 'FSLolaRegular';
}
.description-item span.small-text {
margin-top: 20px;
}
.large-item {
height: 340px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
font-size: 24px;
line-height: 30px;
}
.agents-list .view .title-item {
-webkit-transition: opacity 3s;
-moz-transition: opacity 3s;
-ms-transition: opacity 3s;
-o-transition: opacity 3s;
transition: opacity 3s;
}
.agents-list .view:hover .title-item,
.small-item .title-item {
margin-top: 29px;
font-size: 24px;
}
.large-item .title-item {
margin-top: 96px!important;
}
.large-item span.small-text {
font-size: 18px;
}
.whyelc-list .title-item h3 {
padding-left: 5px;
padding-right: 5px;
font-size: 17px;
margin-top: 11px;
}
.agents-list .description-item h3 {
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
margin-top: 5px;
}
.view h2 {
text-transform: none !important !important;
font-size: 28px !important;
background: none !important;
opacity: 1;
margin: 0px 50px;
}
.btn-whyelc {
background-color: #f15b67;
border-radius: 0;
font-family: 'AauxNext Semibold';
font-size: 18px;
padding-left: 60px;
padding-right: 60px;
margin-bottom: 10px;
padding-bottom: 10px;
-webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1);
}
.btn-arrow-left {
background: url('../images/arrow-left-white.png') no-repeat center center;
}

}
@media (max-width: 768px) {
	/*Disable hover effect*/
	.whyelc-list .block-rollover-effect .title-item {
	opacity: 1;
	height: auto;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	}
	.whyelc-list .block-rollover-effect:hover .title-item {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	height: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	}
	.whyelc-list .block-rollover-effect:hover .large-item .title-item {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
	margin-top: 291px;
	opacity: 1;
	height: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	}
	.whyelc-list .block-rollover-effect:hover .title-item .btn-arrow-left,
	.whyelc-list .block-rollover-effect:hover .title-item .btn-arrow-right {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	opacity: 1;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	}
	.block-rollover-effect:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 0;
	}
	.block-rollover-effect:hover h2,
	.block-rollover-effect:hover p,
	.block-rollover-effect:hover a.info {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	}
	.block-rollover-effect .btn-learn-more-course {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	}
	.block-rollover-effect:hover .btn-learn-more-course {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 0;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	}
	.mask .description-item {
	display: none !important;
	}
}