.bannerContent h3 { margin-top: 0 !important;}
.carousel-inner > .item { height:400px;}
.bannerContainer { height: auto !important;}
.home-demo { padding: 2rem 0; display: inline-block; width: 100%; margin-top: -120px;}
.productContainer{ margin-top: 0px !important;}
.columns { padding: 0 !important;}
.home-demo h3 { text-align: left !important; color: #333333!important; margin: 0 !important; font-size: 16px;text-transform: uppercase;}
.home-demo h3 a { color: #333333!important;}
.home-demo h3 a:hover { color: #cc0000!important; text-decoration: none;}
.home-demo h4 { text-align: left; color: #999999; margin: 0; font-weight: normal; font-size: 12px;}
.text-area { margin-top: 12px;}
.home-demo .item{ background: #fff !important;}
.categoryContainer { margin-top: 0 !important;}
.home-demo .wrapperMain { background: #fff; display: block; margin: 0px auto; width: 94%; padding: 20px;}
.home-demo .item img{ border-radius:5px;}
.home-demo .text-area:hover h3{ color:#cc0000;}
.icon { background: #666; color: #fff; font-family: 'FontAwesome'; font-size: 16px; line-height: 40px; margin-top: -30px; position: absolute; top: 43%; text-align: center; width: 40px; height: 40px;}
.owl-next, .owl-prev { height: 100%; position: absolute; top: 0;}
.owl-next { right: 0; }
.owl-prev { left: 0; }
#homeCarousel .carousel-indicators .active { margin: 6px!important; width: 10px!important; height: 10px!important;}
.owl-next:hover .icon, 
.owl-prev:hover .icon { background: rgba(48, 117, 70, .8); color: rgba(255, 255, 255, .9);}
.icon-arrow-left7 { left: -10px; background: #333; }
.icon-arrow-left7:before { content: "\f053"; }
.icon-arrow-right7 { right: -10px; background: #333; }
.icon-arrow-right7:before { content: "\f054"; }
.icon-arrow-left7:hover , .icon-arrow-left7:focus , .icon-arrow-right7:focus , .icon-arrow-right7:hover{background: #333 !important; }
.socialBlock p{ color:#fff;font-size: 14px; margin: 0;}
.socialBlock { border-radius: 5px; padding:107px 0px 0 20px !important;}
.socialBlock.seventy{padding:147px 0px 0 20px !important;}
.socialBlock.seventy > a { padding: 6px 0px!important; margin-top: 5px; margin-right: 20px; border:none !important;}
.socialBlock h3 { font-size: 18px!important; margin-bottom: 10px; margin-top: 0px;}
.socialBlock h3 a{ text-transform: uppercase;}
.socialBlock.seventy { width: 720px; float: left; margin-top: 0; margin-right: 15px;}
.socialBlock.thirty { width: 230px; float: left; min-height: 169px; margin-top: 10px;}
.carousel-indicators { top: 72%!important;}
.bannerContent .readMore { height: 35px!important; margin-top: 12px!important; width: auto!important; margin-bottom: 100px!important;}
.bannerContent > p{ color:#fff;}
.socialBlock h3 i {font-weight: normal!important; font-size: 18px !important; top: -1px !important;}


#homeCarousel .bannerContent h3{ font-family:"Proxima Nova Cn Bd";}
#homeCarousel .bannerContent p {
    text-transform: capitalize;
    font-size: 24px;
    font-weight: normal;
    line-height: 140%;
}
#homeCarousel .bannerContent h3 {
    margin-top: -35px !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
 
.socialInnov {
     float: left;
    margin-right: 13px;
    width: 30%;
    height: 100px;
}
.socialInnov img {
    width: 100%;
    height: 100%;
    }
}
@media screen and (max-width: 991px){
.bannerContent .readMore { display: block !important;}
.socialBlock.seventy > p { width: 100%;} 
}
@media screen and (min-width: 768px){
.carousel-indicators { bottom: 100px !important;}
}
@media(max-width:767px){
.carousel-indicators { top: 85%!important;}
.socialBlock.seventy,.socialBlock.thirty  { width: 100%; margin: 0 0 20px 0;}
.socialBlock > a { background: none !important; width: 100%; text-align: left!important; margin: 0!important; padding: 0 !important;}
.wrapperMain { padding: 0 20px;}
.socialInnov { margin-bottom: 20px; width: 100%; display: inline-block;}
.socialInnov img { width: 100%;}
.socialBlock.seventy > a { padding: 0px 0px!important;}
.socialBlock.seventy > a i { display: inline-block;}
.socialBlock.seventy { padding-bottom: 20px !important;}
}
@media(min-width:768px) and (max-width:1024px){
.socialBlock.seventy{ width: 64%;}
.socialBlock.thirty { width: 30%; margin-right:0; margin-top: 10px; margin-left: 0;}
}