/*--------------SBX - Hero Banner---------------|START-----------*/
.SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper .banner-content-heading {
     color: #fff;
     margin:0px;
     font-size: 36px;
     font-weight: 300;
     line-height: 1.2;
}

.SBX-Hero-Banner-Homepage .dc-four-col-wrapper {
    padding: 65px 0;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .cm-mobile-bg-image{
     display: none;
}

.SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper .banner-content {
     width: 46% !important;
     
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner h1.banner-content-heading ~ p {
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     letter-spacing: normal;
     text-align: left;
     color: #ffffff;
     margin-top: 24px;
     line-height: 1.3;
     margin-bottom: 0px;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas {
     padding: 0 !important;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas a.text-link {
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     letter-spacing: normal;
     text-align: left;
     color: #ffffff;
     margin-top: 24px;
     line-height: 1.3;
     margin-bottom: 21px;
     position: relative;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas a.text-link:before {
     content: "|";
     margin: 0 15px 0 10px;
     font-size: 17px;
     display: inline-block;
     position: relative;
     top: 0px;
     font-weight: 100;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas a.text-link:first-child:before {
     display: none;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper .banner-content .banner-content-ctas{
     padding: 27px 0 27px 0;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner .dc-full-width-banner-container{
     position: relative;
     display:inline-block;
     width:100%;
}
.SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper p.banner-content-sub-heading {
     color: #fff;
     font-size: 18px;
     font-weight: normal;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.33;
     padding: 27px 0 27px 0;
}
/*.SBX-Hero-Banner-Homepage .dc-group-page-benner .dc-full-width-banner-container picture {*/
.SBX-Hero-Banner-Homepage .dc-group-page-benner .dc-full-width-banner-container img {
    text-align: center;
    width: 100%;
   
}
/*hero banner css*/
   .BgImage_1600, .BgImage_1259, .BgImage_767 {
        display:none;
    }
 .banner-content-ctas a.learnmore:hover:before {
    display: block;
}
 .banner-content-ctas a.learnmore:focus:before {
    display: block;
}
 .banner-content-ctas a.learnmore:before {
    display: none;
    content: attr(data-tooltips);
    position: absolute;
    width: 206px;
    background: #fff;
    /*top:132px;*/
    bottom:2px;
    z-index: 9;
    text-align: left;
    color: #444141;
    font-size: 12px;
    border-radius: 0px;
    left:156px;
    border: 1px solid #8a8a8a;
    padding: 2px 8px 2px 8px;
    line-height: 17px !important;
    box-shadow: 1px 1px 3px #c3c3c3;
}
@media screen and (max-width:1708px){
    .BgImage_3200{
         display:none;
     }
     .BgImage_1600{
         display:block;
     }
}
@media screen and (max-width:1259px){
    .BgImage_1600 {
         display:none;
     }
     .BgImage_1259{
         display:block;
     }
}
@media screen and (max-width:767px){
    .BgImage_1259 {
         display:none;
     }
     .BgImage_767{
         display:block;
     }
}


 @media (min-width:767px){
     .SBX-Hero-Banner-Homepage .cm-full-width-banner-wrapper{
         margin: 0 auto;
    }
     .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper .banner-content{
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
         width: 55%!important;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner {
        margin-top: -1px !important;
        display: inline-block;
        width: 100%;
    }
}
 @media (min-width:767px) and (max-width:940px){
    .SBX-Hero-Banner-Homepage .dc-group-page-benner.banner-content{
         top: 25%;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper h1.banner-content-heading{
         font-size: 32px;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper p.banner-content-sub-heading{
         font-size: 14px;
    }
}
 @media (max-width:767px){
     .banner-content-ctas a.learnmore:before{bottom:-12px;top:auto;left:auto;}
     
    .SBX-Hero-Banner-Homepage .dc-group-page-benner .cm-mobile-bg-image{
         display: block;
    }
     .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper{
         background-image: none, none !important;
         text-align: center;
         background-color: #3C3C41;
    }
    
     .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper p.banner-content-sub-heading{
         padding-bottom: 0;
         padding-top: 12px;
         margin : 0 auto 
    }
     .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper h1.banner-content-heading{
         padding-top: 20px;
    }
     .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper img{
         width: 100%;
         max-width: 100%;
         height: auto;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner.cm-full-width-banner-wrapper .banner-content {
        width: 100% !important;
        padding: 20px 0 35px 0;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner h1.banner-content-heading ~ p {
        text-align: center;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas {
        text-align: center;
    }
    .SBX-Hero-Banner-Homepage .dc-group-page-benner .banner-content-ctas a.text-link {
        display: inline-block;
        margin: 0;
        padding: 0;
    }
}
@media (max-width:1259px){
     .SBX-Hero-Banner-Homepage .dc-full-width-banner-container picture img {
        /*display: block;*/
        width: 100%;
    }
}
@media (min-width:768px){
    
    .SBX-Hero-Banner-Homepage .dc-group-page-benner .dc-full-width-banner-container picture img{
         max-width:100%;
     }
    
    .SBX-Hero-Banner-Homepage.dc-full-width-banner-container {
        background-size: cover;
        background-position: center;
    }
    .SBX-Hero-Banner-Homepage .cm-full-width-banner-wrapper .banner-content .banner-content-ctas {
        padding-bottom: 0;
    }
    .SBX-Hero-Banner-Homepage .cm-full-width-banner-wrapper .banner-content .banner-content-ctas {
        padding: 0 !important;
    }
}
/*---------------------SBX - Hero  Page Banner-------|END----------*/