@media only screen and (min-width : 1400px) {
    /* 1400 and above */
}

@media only screen and (max-width : 1400px) {

}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1025px) { 
    .no-br br { display: none; }
    section.element .wrap { padding: 30px 0; }
    
    header .navbar-nav .nav-item { margin-left: 15px; }
    header.menu-overlay #navbar-home { padding-top: 10px; }
    #menu-oc-right .menu-extension { text-align: center; margin: 0; }
    header #menu-oc-right .navbar-nav .nav-item { padding: 5px 0; }
    #menu-oc-right .dropdown-menu, #menu-oc-right a.nav-link, #menu-oc-right a.dropdown-item { font-size: 17px; }
    /* general */
    #menu-oc-right ul { margin-bottom: 25px; }
    header a.navbar-brand { width: 250px; }

    #menu-oc-right.active[data-animate="off-right"] { background-color: var(--color4); }
    .dtitle,
    .dtitle.title-1 { font-size: 30px; line-height: 125%; }
    .btn.btn-d.sd { font-size: 16px; }
    .dtext { font-size: 16px; }

    .overlay.hb-top { display: none; }
    .overlay.hb-dual,
    .overlay.mist.dark { height: 100%; }

    /* alert warning */
    .alert-warning .message { min-height: 60px; padding: 7px 0 8px; }
    .alert-warning .message .atitle { display: block; width: 100%; }
    .alert-warning .message .dtext { padding-right: 30px; margin-left: 0; }

    /*  01 Hero Home  */    
    .el-home-hero .wrap { height: auto; }
    section.el-home-hero .wrap { padding-top: 90px; }
    .el-home-hero .dtext { margin-bottom: 20px; }

    /* 01 Logos */
    section.el-logos .wrap { padding-bottom: 10px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } 
    /*  01 Title  */
    section.el-title.link .wrap, section.el-title .wrap { padding-bottom: 0; }
    section.el-title.link .wrap { padding-top: 30px; }    
    .el-title .dtitle { margin-bottom: 15px; }
    .el-title.ver-2 .dtext, .el-title.ver-2 .atitle,
    .el-title .atitle { font-size: 17px; }
    /*  01 Tabs  */
    .el-tabs .flexic.has-image .dinfo { max-width: none; padding-top: 0; }
    .el-tabs .flexic { flex-wrap: nowrap; }
    .el-tabs .flexic .dimage { flex: 0 0 400px; max-width: 400px; }
    .el-tabs .flexic .dimage.sh-bo { box-shadow: none; }
    .el-tabs .tab-content { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
    /*  01 CTA  */
    .el-cta .cwrap { padding: 30px; }
    /* 01 Slider Story [Solo] */
    section.el-slider.story .wrap { padding-bottom: 30px; }
    /* .el-slider.story .story-slider-bg { margin-bottom: 0; }*/
    .el-slider.story .lsarrows { top: unset; bottom: 0; left: unset;  }
    .el-slider.story .lsarrows.next { right: 30px; }
    .el-slider.story .lsarrows.prev { right: 75px; }
    .el-slider .slider.lightSlider .slide { height: auto !important; }
    .el-slider.story .dtext { font-size: 20px; }
    /* loop */
    .loop .cpt .dtop { margin-bottom: 30px; }
    .loop .ititle { font-size: 21px; line-height: 125%; }
    /* 01 Content Feature */
    .el-box .box .boxic .dtext { font-size: 16px; }
    /* 01 FAQS  */
    section.el-accordion .wrap {  }
    /*  01 Slider [Selective]  */
    section.el-slider.selective .wrap { padding: 30px 0 30px; }    
    .el-slider.selective .row { padding: 0; }
    .el-slider.selective .lsarrows.next { right: 30px; } 
    .el-slider.selective .lsarrows.prev { right: 70px; left: unset; }
    .el-slider.selective .lsarrows.btm { bottom: -45px; }
    .el-slider.selective .dinfo { padding-top: 0; }
    /*  01 Slider Whitepaper [Solo]  */
    .el-slider.whitepaper .slider-bg { padding: 25px 20px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); }
    .el-slider.whitepaper .lsarrows.prev { left: 20px; }
    .el-slider.whitepaper .lsarrows.next { left: 65px; }
    .el-slider.whitepaper .lsarrows { top: unset; bottom: 30px; }
    /*  01 CTA Timer  */
    .el-cta-timer .twitter { width: auto; }
    section.el-cta-timer .wrap { padding-bottom: 0; }
    .timer-wrap { padding: 30px 0; }
    /* Footer */
    footer .wrap { padding: 30px 0 0; }
    footer .btn.btn-d { font-size: 14px; padding: 9px; }
    footer .row-top { margin-bottom: 10px; }
    footer .cl-2 .flexic { padding-left: 30px; margin-left: 0; }
    /*  02 Hero Sub  */
    .el-hero-sub { margin-bottom: 0; }
    .el-hero-sub .hb-btm { height: 100%; bottom: 0; }
    section.el-hero-sub .wrap { padding: 0; }
    .el-hero-sub .dimage { height: 100%;  }
    .el-hero-sub .dimage-bg { height: auto; padding: 40px; max-width: 100%; }
    .el-hero-sub .dimage-bg .hb-hero { background-size: contain; background-position: center; }
    .el-hero-sub .dimage img { max-width: 330px; }
    /*  02 Matrix  */
    .el-matrix .dtitle { margin-bottom: 25px; }
    .el-matrix .dimage { padding-top: 10px; }
    /*  02 Text  */
    .el-text .dtitle { margin-bottom: 25px; }
    /* 02 Column Bullet  */
    .el-column.bullet .wrap { padding: 30px 0; }
    .el-column.bullet .le_bullet { margin-top: 30px; padding: 20px 25px; }
    .el-column.bullet .dbutton { padding-top: 30px; }
    .el-column.bullet .row.d-left .dinfo { margin-left: 0; }
    .el-column.bullet .dtext p:last-child { margin-bottom: 0; }
    /*  02 CTA Content  */
    .el-cta-content .dimage { min-height: unset; padding: 15px; }
    .el-cta-content .dinfo { padding: 0; }
    .el-cta-content .dtext,
    .el-cta-content .atitle { margin-bottom: 25px; }
    /*  02 Slider Story [Group] */
    section.el-slider-story.group .wrap { padding: 30px 0; }
    .el-slider-story.group .lsarrows.prev { left: 0; }
    .el-slider-story.group .lsarrows.next { right: 0; }
    .el-slider-story.group .lsarrows { top: 70px; }
    /*  03 Column Video  */
    .el-column-video .dtitle { margin-bottom: 30px; }
    .el-column-video .dtext p:last-child { margin-bottom: 0; }
    /*  03 Column Content  */
    .el-column.no-bullet .wrap { padding: 30px 0; }
    .el-column.no-bullet .dtext p:last-child { margin-bottom: 0; }
    /*  03 Slider Whitepaper [G]  */
    .el-slider .wpg-slider .slide { margin-bottom: 0; }
    .el-slider .wpg-slider .img-bg { height: 290px; }
    .el-slider.whitepaper-group .wrap { padding: 30px 0 50px; }
    .el-slider .slider.lightSlider .slide { height: 100% !important; padding-bottom: 10px; }
    .el-slider.whitepaper-group .slider.lightSlider { height: auto !important; }
    .el-slider.whitepaper-group .lsarrows.prev { left: 0; }
    .el-slider.whitepaper-group .lsarrows.next { right: 0; }

    /*  04 CTA Title  */
    .el-cta-title .dcontent .dtitle { margin-bottom: 25px; }
    .el-cta-title .dtext p:last-child { margin-bottom: 0; }
    /*  04 Accordion  */
    .el-accordion.half .wrap { padding-top: 30px; }
    .el-accordion.half .acc { margin-bottom: 40px; }
    /*  04 Accordion  */
    .el-accordion.half.full .acc-body .dinfo { padding-top: 30px; }
    .el-accordion.half .acc-body .dtext p:last-child,
    .el-accordion.half.full .dtext ul li:last-child { margin-bottom: 0; }
    .el-accordion.half .acc:last-child { margin-bottom: 0; }
    /*  02 Text  */
    .el-text.ver-2 .wrap { padding: 30px 0 }
    .el-text.ver-2 .dtext p:last-child { margin-bottom: 0; }
    .el-logos.noshadow .wrap { padding-bottom: 20px; }
    /*  05 Hero Page  */
    .el-hero.page .wrap { height: 375px; }
    /*  05 Team  */
    .el-team .btitle { margin-bottom: 30px; }
    .el-team .row { margin-bottom: 40px; }
    section.el-team .wrap { padding-bottom: 0; }
    /*  05 Column Content [Button]  */
    .el-column.content-btn .wrap { padding: 30px 0; }
    .content-btn .dinfo { padding-top: 0; }
    .content-btn .dinfo .dtext { margin-bottom: 30px; }    
    /*  05-01 CTA (No Background)  */
    .el-cta.remove-bg .wrap { padding: 30px 0; }
    /*  06 Column [Pic Collage]  */
    .el-column.collage .wrap { padding: 30px 0; }
    .collage .dimages .bg-img:nth-child(3n+2) { flex: 0 0 45%; max-width: 45%; }
    .collage .dimages .bg-img:nth-child(3n+3) { flex: 0 0 53%; max-width: 53%; }
    .el-column.collage .hb-column { height: 100%; bottom: 0; }
    /*  06 CTA v2 */
    .el-cta.ver-2 .wrap { padding: 30px 0; }
    .el-cta.ver-2 .dtext p:last-child { margin-bottom: 0; }
    .el-cta.ver-2 .dtitle { margin-bottom: 20px; }
    .el-cta.ver-2 .cwrap { padding: 30px 30px 10px; }
    /*  06 Accordion Jobs */
    .el-accordion.jobs .wrap { padding-top: 30px; }
    .el-accordion.jobs .dinfo { padding-top: 30px; }
    /*  06 Icons ~ ver 1 */
    .el-icons.ver-1 .iconic .ititle { margin-top: 0px; }
    .el-icons.ver-1 .iconic .icon-bg { margin-right: 20px; }
    .el-icons.ver-1 .iconic { margin-bottom: 30px; }
    .el-icons.ver-1 .row { margin-bottom: 0; }
    /*  06 Icons ~ ver 2 */
    .el-icons.ver-2 .wrap { padding: 30px 0 0; }
    .el-icons.ver-2 .iconic { margin-bottom: 30px; }
    /*  07 Hero CPT ~ ver 2 */
    /*  XX GRID */
    .taxonomies .search { padding-left: 0; }
    .grid_wrap { padding: 30px 0; }
    .el-grid .loop .cpt .dtext { padding-top: 0; }
    .el-grid .loop .ititle { margin-bottom: 10px; }
    .el-grid .loop .cpt { margin-bottom: 30px; }
    .el-grid .btn-loop { margin: 0; }
    /*  08 Hero Page [Text] */
    .el-hero.spage { text-align: center; }
    .el-hero.spage .dtitle, .el-hero.spage .dtext { max-width: 80%; margin-left: auto; margin-right: auto; }
    /*  08 Content Icon */
    .el-icons.content .wrap { padding: 30px 0; }    
    .el-icons.content .dtitle { margin-bottom: 40px; }
    .el-icons.content .iconic .ititle { font-size: 20px; }
    .el-icons.content .iconics .iconic { margin-bottom: 25px; }
    .el-icons.content .iconics .iconic:last-child { margin-bottom: 0; }
    /*  08 Icons v2 */
    .el-icons.ver-2.v2 .dtitle { margin-bottom: 40px; }    
    /*  08-01 Title ver 3  */
    /*  09 Counter  */
    /*  09 Content BG  */
    /*  09 Column Box  */
    .el-column.box .wrap { padding: 30px 0; }
    /*  09 Quote  */
    .el-quote .wrap { min-height: auto; }
    /*  09 CTA ver-4  */
    .el-cta.ver-4 .wrap { padding: 30px 0; }
    .el-cta.ver-4 .cwrap { padding-top: 30px; }
    
    /*  XX Hero CPT ~ Ver 2  */
    
    /*  XX CANDY  */
    .candy .wrap { min-height: auto; }
    /*  10 FORM ~ DEMO FORM   */
    /*  10 FORM ~ YOUCANBOOKME  */
    .el-form.calendar .wrap { padding: 30px 0; }
    /*  14 FORM ~ WPAPER DLOAD  */
    /*  13 GRID ~ WHITEPAPER */
    .el-grid.whitepaper .grid_wrap { padding: 30px 0; }
    .el-grid.whitepaper .loop .cpt .img-bg { height: 400px; }
    .el-grid.whitepaper .loop .cpt { margin-bottom: 30px; }
    /*  11 GRID ~ WEBINAR  */
    .el-grid.webinar .loop .cpt { margin-bottom: 30px; }
    .el-grid.webinar .loop .tags { padding: 12px 0 8px; }
    /*  12 GRID ~ EVENT  */
    .el-grid.event .loop .cpt { margin-bottom: 30px; }
    /*  15 GRID ~ STORY  */
    .el-grid.story .loop .cpt .dtop { margin-bottom: 30px; }
    .el-grid.story .loop .tags { padding: 12px 0 8px; }
    .el-grid.story .loop .cpt { margin-bottom: 30px; }
    /*  16 GRID ~ VIDEO  */
    .el-grid.video .loop .cpt .dtop { margin-bottom: 30px; }
    .el-grid.video .loop .tags { padding: 12px 0 8px; }
    .el-grid.video .loop .cpt { margin-bottom: 30px; }
    /*  17 GRID ~ PRESS  */                
    .el-grid.press .grid_wrap { padding-top: 30px; }
    .el-grid.press .cat-row { margin-bottom: 30px; }
    .el-grid.press .loop .tags { padding: 12px 0 8px; }
    .el-grid.press .row-divider { margin: 30px 0; }
    .el-grid.press .loop .cpt { margin-bottom: 30px; }
    /*  18 Icon Dark v3  */
    .el-icons.ver-2.v3 .wrap { padding: 30px 0 10px; }
    .el-icons.ver-2.v3 .dtop { margin-bottom: 30px; }
    /*  18 Column ~ Wide  */
    .el-column.wide .wrap { padding: 30px 0; }
    .el-column.wide .flexic .dinfo, .el-column.wide .flexic .dimage.rev { flex: 0 0 35%; max-width: 35%; }
    .el-column.wide .flexic .dimage, .el-column.wide .flexic .dinfo.rev { flex: 0 0 63%; max-width: 63%; }
    /*  18 Logos  */
    .el-logos.v4 .wrap { padding: 30px 0; }    
    /*  18 CTA Title v2  */
    .el-cta-title.v2 .wrap { padding: 30px 0; min-height: auto; }
    .el-cta-title.v2 .overlay.mist { height: 100%; }
    /*  19 Page Title  */
    section.el-page-title .wrap { padding-bottom: 0; }
    /*  19 Glossary  */
    section.el-glossary .wrap { padding: 0; }
    .el-glossary .row hr { margin-top: 25px; }
    /*  19 Page Endlink  */
    section.el-end-link .wrap { padding-bottom: 0; }
    /*  10 HUBSPOT  */
    /*  XX PAGE  */
    /*  XX ARTICLE  */
    article .wrap { padding: 30px 0; }
    /*  XX ARTICLE  */          
    .page-id-1339 .el-logos.noshadow .wrap,
    .page-id-358 .el-logos.noshadow .wrap  { padding-top: 30px; }                          
    .page-id-1339 section.el-cta-timer .wrap,
    .page-id-358 section.el-cta-timer .wrap { padding-top: 0; }


}

@media only screen and (max-width : 800px) { 
   header .navbar-nav .nav-item { margin-left: 0px; }
    /*  general */    
    .row.d-right { flex-direction: column-reverse; }
    .el-column.bullet .row.d-right { flex-direction: column; }

    .btn.btn-d.sd { height: auto; }
    .dtitle.title-2 { font-size: 30px; line-height: 125%; }
    /*  alert warning */    
    /*  01 Hero Home  */
    section.el-home-hero { text-align: center; }
    section.el-home-hero .wrap { padding: 10px 0; }
    .el-home-hero .dinfo { max-width: 650px; margin: 0 auto 30px; }
    .el-home-hero .col-2,
    .el-home-hero .col-1 { flex: 0 0 100%; max-width: 100%; }

    .el-home-hero .row { flex-direction: column-reverse; }           
    /*  01 Logos */    
    .el-logos { margin: 20px 0; }
    .el-logos .logos .logo { flex: 0 0 33.33%; max-width: 33.33%; }
    /*  01 Title  */    
    /*  01 Tabs  */    
    .el-tabs .iwrap { background-color: var(--color4); }
    .el-tabs .iwrap { display: flex; padding: 20px; align-items: center; }
    .el-tabs .iconic { min-height: auto; }
    .el-tabs .iconic hr { display: none; }
    .el-tabs .iconic .ititle { margin-bottom: 0; padding-left: 25px; min-height: 70%; display: inline-flex; align-items: center; border-left: 3px solid var(--color2); }
    .el-tabs .iconic .icon-h { margin-right: 25px; }
    .el-tabs .iconic .blue-light, .el-tabs .iconic .b-arrow { display: none; }
    .el-tabs .twrap { padding: 25px 20px; }
    .el-tabs .flexic .dimage { flex: 0 0 41%; max-width: 41%; margin-right: 20px;}
    .el-tabs .flexic.has-image .dinfo { flex: 0 0 55%; max-width: 55%;}
    .el-tabs .flexic .dtext { margin-bottom: 25px; }
    .el-tabs .dtext ul li { font-size: 16px; }
    /*  01 Box Content  */
    section.el-box .wrap { padding-top: 10px; }
    .el-box .box:nth-child(3n+1) .boxic { margin-right: 0; }
    .el-box .box .boxic { max-width: 100%; display: flex; padding: 30px 0; border-top: 1px solid #f0f0f0; }
    .el-box .box:first-child .boxic { border-top: none; }
    .el-box .box .boxic .mc { flex:0 0 30%; max-width: 30%; margin-right: 20px; }
    .el-box .box .boxic .dtext { flex:0 0 67%; max-width: 67%; padding-top: 0; }
    .el-box .box .boxic .dimage { margin-bottom: 15px; }
    .el-box .box .boxic hr.blue { display: none; }
    .el-box .box .boxic .ititle { margin-bottom: 0; }
    /*  01 CTA  */    
    .el-cta .cwrap { text-align: center; }
    .el-cta .dtext { border: none; margin: 0 0 30px; padding: 0;  }
    
    /*  01 Slider Story [Solo] */  
    .el-slider.story .dimage { padding: 0; margin-bottom: 30px; }
    .el-slider.story .dimage img { max-height: 70px;}  
    .el-slider.story .dtext { text-align: center; }
    .el-slider.story .slider.lightSlider .slide { height: auto !important; }
    /*  loop */    
    .loop .cpt { max-width: 100%; }
    /*  01 Content Feature */    
    section.el-content-feat .wrap { padding-bottom: 0; }
    /*  01 FAQS  */    
    /*  01 Slider [Selective]  */    
    .el-slider.selective .spliter { display: none; }
    .el-slider.selective .dtext { max-width: 100%; }
    .el-slider.selective .image-bg { margin-bottom: 20px; }
    .el-slider.selective .image-bg, .el-slider.selective .bg-img, .el-slider.selective .dimage { height: 200px; }
    .el-slider.selective .dinfo { padding: 0; }
    .el-slider.selective .ititle { font-size: 20px; }
    .el-slider.selective .btitle { margin-bottom: 5px; }
    .el-slider.selective .slider.lightSlider .slide { height: auto !important; }
    /*  01 Slider Whitepaper [Solo]  */    
    .el-slider.whitepaper .dimage-box { display: none; }
    .el-slider.whitepaper .dimage { height: 285px; max-width: 100%; }
    .el-slider.whitepaper .dinfo { padding: 0px }
    .el-slider.whitepaper .dtitle { font-size: 26px; line-height: 140%; margin-bottom: 20px; }
    .el-slider.whitepaper .btitle { margin-bottom: 5px; }
    .el-slider .slider.lightSlider .slide { padding: 0; }
    .el-slider.whitepaper .link-bg { width: 150px; position: absolute; padding: 0; z-index: 4; right: 30px; bottom: 40px;  }
    .el-slider.whitepaper .hb-btm { display: none; }
    .el-slider.whitepaper .slider.lightSlider .slide { height: auto !important; }
    .el-slider.whitepaper .lsarrows { display: block; bottom: 0px; }
    .el-slider.whitepaper .ls-arrows { position: relative; height: 40px; z-index: 3; }
        
    /*  01 CTA Timer  */    
    .el-cta-timer .time-flex { margin-bottom: 15px; }
    .el-cta-timer .liner-bg { display: none; }
    .el-cta-timer .twitter { width: auto; border-radius: 8px; padding: 15px 20px; background-color: rgba(255,255,255,0.1); }
    .el-cta-timer .twitter .mlink { text-align: right; }
    .el-cta-timer .twitter .more { display: inline-block; }
    .el-cta-timer .twitter .btitle { font-size: 17px; }
    #ctf .ctf-tweet-actions, #ctf .ctf-tweet-content { font-size: 15px; }
    /*  Footer */    
    footer.element .row .cc5 { flex: 0 0 100%; }
    footer .cc5 .pad { margin: 20px 0; padding: 25px 0; text-align: center; background-color: var(--color4); border-radius: 8px; }
    footer .dtext.quote { margin-bottom: 15px; }
    footer .flexic { flex-direction: column; }
    footer .cl-2 .flexic { border: none; padding: 0; }
    footer .flexic .navbar-brand { flex: 0 0 auto; margin: 0 0 15px; padding: 0; }
    footer .address .dtext { text-align: center; margin-bottom: 15px; }
    footer .flexic .quote { margin-bottom: 15px; }

    /*  02 Hero Sub  */
    section.el-hero-sub .wrap { padding: 30px 0; text-align: center; }
    .el-hero-sub .row { flex-direction: column-reverse; }    
    .el-hero-sub .dimage img { max-width: 200px; }
    .el-hero-sub .dimage-bg { padding: 25px; margin-bottom: 25px; }
    /*  02 Matrix  */    
    /*  02 Text  */    
    .el-text .wrap { border-bottom: 1px solid var(--color2); }
    /*  02 Column Bullet  */ 
    .el-column.bullet .le_bullet { margin-top: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  }
    .el-column.bullet .dimage { margin:0 0 30px; text-align: center; }
    .el-column.bullet .dimage img { max-width: 90%; }
    .el-column.bullet .dtext { margin-bottom: 30px; }
    .el-column.r2 { background-color: #f5f5f5; }
    .el-column.bullet .dimage.dual { padding-bottom: 0; position: relative; display: flex; justify-content: space-between; }
    .el-column.bullet .dimage .dimg,
    .el-column.bullet .dimage .dimg-2 { flex: 0 0 49%; max-width: 49%; position: relative; right: 0; }
    .dimg.sh-bo, .dimage.sh-bo { box-shadow: none; }
    .el-column.bullet .le_bullet li { font-size: 16px; }
    /*  02 CTA Content  */    
    /*  03 Column Half */
    .el-column-half .ent { top: 0px; }
    .el-column-half .dcontent { padding-top: 135px; }
    .el-column-half .half-1, .el-column-half .half-2 { padding: 25px 20px; border-radius: 8px; }
    .el-column-half .half-1 { border-color: rgba(0, 0, 0, 0.05); }
    .el-column-half .half .dtext ul { margin-left: 10px; }
    .el-column-half .ent .img-bg { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
    /*  02 Slider Story [Group] */    
    .el-slider-story.group .loop .cpt { padding: 0 10px; }
    .el-slider-story.group .loop .cpt.is-story .img-bg { height: 150px; }
    .el-slider-story.group .loop .cpt.is-story .img-bg img { max-height: 50px; }
    .el-slider-story.group .loop .ititle { font-size: 18px; }
    /*  03 Column Video  */    
    .el-column-video .row { flex-direction: column-reverse; }
    .el-column-video .dvideo { margin: 0 auto 39px; }
    .el-column-video .yt-play .bg-iframe.yt-iframe-bg {
        position: relative;
        margin-bottom: 20px;
    }
    /*  03 Column Content  */    
    .el-column.even { background-color: #f5f5f5; }
    .el-column.no-bullet .row.d-left { flex-direction: column-reverse; }
    .el-column.no-bullet .dimage { text-align: center; max-width: 100%; margin-bottom: 30px; }
    .el-column.no-bullet .dimage img { max-width: 400px; }
    /*  03 Slider Whitepaper [G]  */    
    .el-slider.whitepaper-group .slider.lightSlider { height: auto !important; }
    /*  04 CTA Title  */
    .el-cta-title.ver-2 .dcontent .dtitle { margin-bottom: 25px; }
    /*  04 Accordion  */    
    .el-accordion.half .acc-body .dimage { text-align: center; }
    .el-accordion.half .acc-body .dimage img { max-width: 400px; }
    .el-accordion.half.full .ccol .dtext { max-width: 100%; }
    .el-accordion.half .accordion .acc { flex: 0 0 100%; }
    /*  02 Text v2 */    
    /*  05 Team  */
    .el-team .row { margin-bottom: 60px; }
    .el-hero.page .wrap { height: 300px; }
    .el-logos.noshadow { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
    .el-logos.noshadow .wrap { padding: 30px 0 20px; }
    .inline-member.fancybox-content { padding: 20px; }
    /*  05 Logo v2  */
    .el-logos-v2 .wrap { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); margin: 15px 0 5px;  }
    .el-logos-v2 .flexic { justify-content: center; }
    .el-logos-v2 .flexic .logo {  flex: 0 0 33.33%; max-width: 33.33%; margin: 0 0 20px; text-align: center; }
    .el-logos-v2 .flexic .logo img {max-height: 50px; max-width: 160px; }

    /*  05 Column Content [Button]  */
    .el-column.content-btn .row { flex-direction: column-reverse; }
    .el-column.content-btn .dimage { margin: 0 auto 30px; }
    .el-column.content-btn .dinfo { max-width: 100%; text-align: center; }

    /*  05-01 CTA (No Background)  */
    /*  06 Column [Pic Collage]  */
    .el-column.collage .row { flex-direction: column-reverse; }
    .el-column.collage .dinfo { padding: 0; max-width: 100%; }
    .el-column.collage .dimages { margin-bottom: 30px; }
    .el-column.collage .dtitle { padding-bottom: 30px; margin-bottom: 30px; }
    .el-column.collage .dtext p:last-child { margin-bottom: 0; }
    /*  06 CTA v2 */
    /*  06 Accordion Jobs */
    /*  06 Icons ~ ver 1 */
    /*  06 Icons ~ ver 2 */
    .el-icons.ver-2 .iconic { padding: 0; }
    .el-icons.ver-2 .iconic { display: flex; }
    .el-icons.ver-2 .iconic .icon-bg { margin-right: 20px; margin-bottom: 0; }
    .el-icons.ver-2 { text-align: left; }
    /*  07 Hero CPT ~ ver 2 */
    .el-hero.cpt .dtitle { margin-bottom: 10px; }
    .el-hero.cpt { text-align: center; }
    /* XX taxonomies */
    .taxonomies { text-align: center; }
    .taxonomies .row { flex-direction: column-reverse; align-items: center; }
    .taxonomies .search { padding-left: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
    .taxonomies .search .ntitle { margin-bottom: 0; margin-right: 15px; }
    .taxes .btn.ov { padding: 2px 12px; font-size: 15px; }
    .taxonomies .taxes ul { justify-content: center; }
    .taxonomies .taxes ul li { margin: 0 5px 10px; }
    /*  XX GRID */
    /*  08 Hero Page [Text] */
    .el-hero.spage .wrap { height: auto; min-height: 250px; }
    /*  08 Content Icon */
    .el-icons.content .dtitle { margin-bottom: 30px; }
    .el-icons.content .pad { display: flex; text-align: left; align-items: center; margin-bottom: 20px; }
    .el-icons.content .dimage { flex: 0 0 150px; margin-right: 20px; }
    .el-icons.content .iconics .iconic { align-items: center; }
    .el-icons.content .iconic .ititle { margin-bottom: 0; }
    /*  08 Icons v2 */
    .el-icons.ver-2.v2 .dtitle { margin-bottom: 25px; }
    .el-icons.ver-2.v2 .iconic { max-width: 100%; }
    .el-icons.ver-2.v2 .iconic .ititle { margin-bottom: 10px; }
    .el-icons.ver-2.v2 .iconic .dinfo { padding-top: 10px; }
    /*  08-01 Title ver 3  */
    /*  09 Counter  */
    /*  09 Content BG  */
    .el-content.bg .dinfo { padding: 25px; min-height: auto; }
    /*  09 Column Box  */
    .el-column.box .wrap { padding-bottom: 0; }
    .el-column.box .boxic { max-width: 100%; margin-bottom: 30px; }
    .el-column.box .fimage { margin-bottom: 30px; }
    .el-column.box .ititle { margin-bottom: 10px; }
    /*  09 Quote  */
    /*  09 CTA ver-4  */
    .el-cta.ver-4 .dtitle { margin-bottom: 25px; }
    .el-cta.ver-4 .dbutton { padding-bottom: 0; }
    /*  XX Hero CPT ~ Ver 2  */
    /*  XX CANDY  */
    .candy .row { flex-direction: column-reverse; }
    .candy.paper .row { flex-direction: column; }
    .el-form.paper .dinfo { margin-bottom: 20px; }
    .el-form .dform { margin: 0 auto 30px; }
    .el-form.demo .dinfo { max-width: 100%; }
    .el-form .dsub { flex-direction: column; }
    .el-form.demo .dsub .dimage-bg { margin-bottom: 25px; }   
    .el-form.after .dtop { padding: 0; }
    .el-form.after .dinfo { padding: 0; }
    .el-form.after .row { flex-direction: column; }
    .el-form.after .dimage { margin-bottom: 30px; }
    .el-form.after .btn.btn-d.sd.wt { margin-left: 90px; }
    /*  10 FORM ~ DEMO FORM   */
    /*  10 FORM ~ YOUCANBOOKME  */
    section .grid_wrap { padding-bottom: 0; }    
    /*  14 FORM ~ WPAPER DLOAD  */
    .el-form.paper .dinfo { padding: 0; max-width: 100%; }
    .el-form.paper .dtitle { font-size: 30px; line-height: 125%; max-width: 80%; margin: 0 auto; }
    .el-form.paper .dsub .dimage { flex: 0 0 auto; margin: 0 auto 30px; }
    .el-form.paper .dtop { text-align: center; }
    .el-form .dsub { padding: 0; }
    /*  13 GRID ~ WHITEPAPER */
    .el-grid.whitepaper .loop .cpt .bg-img { background-position: center -110px;  }
    .el-grid.whitepaper .loop .cpt .img-bg { height: 300px; }
    .el-grid.whitepaper .grid_wrap { padding-bottom: 0; }
    /*  11 GRID ~ WEBINAR  */
    /*  12 GRID ~ EVENT  */
    /*  15 GRID ~ STORY  */
    .el-grid.story .loop .cpt .bg-img { background-size: auto; }
    .story-single .dimage { margin-bottom: 30px; }
    .story-single .dinfo { margin: 0; }
    .story-single .dtitle.title-2 { max-width: 100%; }
    .story-single .row { margin-bottom: 30px; }
    .el-slider.story .dtext { margin-bottom: 0; padding: 0; }
    .el-slider.story .author { margin: 0; }
    .element.story-single .wrap { padding-bottom: 0; }
    .el-slider.story .wrap { padding: 20px 0; }
    /*  16 GRID ~ VIDEO  */
    /*  17 GRID ~ PRESS  */                
    /*  17 GRID ~ MEDIA  */
    /*  18 Icon Dark v3  */
    .el-icons.ver-2.v3 .iconic { max-width: 100%; }
    /*  18 Column ~ Wide  */
    .el-column.wide .flexic { flex-direction: column; }
    .el-column.wide .flexic.d-left,
    .el-column.wide .flexic.d-right { flex-direction: column; }
    .el-column.wide .flexic .dinfo, .el-column.wide .flexic .dimage.rev,
    .el-column.wide .flexic .dimage, .el-column.wide .flexic .dinfo.rev { flex: 0 0 100%; max-width: 100%; }
    .el-column.wide .flexic .dinfo { margin-bottom: 30px; }
    .el-column.wide .flexic { align-items: flex-start; }
    /*  18 Logos  */
    .el-logos.v4 .logos { justify-content: center; flex-wrap: wrap; }
    .el-logos.v4 .logos .logo { flex: 0 0 25%; margin-bottom: 20px;  }
    /*  18 CTA Title v2  */
    .el-cta-title.v2 { text-align: center; }
    .el-cta-title.v2 strong { display: block; }
    .el-cta-title.v2 .dtitle { margin-bottom: 25px; }
    /*  19 Page Title  */
    /*  19 Glossary  */
    .el-glossary .dtext { padding-left: 0; }
    /*  19 Page Endlink  */
    .pagi .wrap.me { padding: 30px 0 0; }
    /*  10 HUBSPOT  */
    /*  XX PAGE  */
    /*  XX ARTICLE  */
    article .wrap { padding-bottom: 0; }    
    article .main-title, article h2, article h3 { margin-bottom: 25px; font-size: 26px; margin-top: 0; clear: both; }
    article .toc { margin: 30px 0; padding: 30px 30px 10px; }
    article .toc h3 { font-size: 26px; margin-bottom: 25px; }    

    article h5 { margin-bottom: 25px; font-size: 20px; }
    article h4 { margin-bottom: 25px; }
    .related-post .prev { flex: 0 0 47%; }    
    .related-post .loop-title { margin-bottom: 15px; }

    article .cta, article .cta_1, article .cta_2{ margin: 30px 0; }
    article .cta.half { margin-top: 0; }
    article .cta_1 .text, article .cta_2 .text { min-height: auto; }
    article .cta_2 .text br { display: none; }
    article .cta_2 .text strong { display: block; }
    article .cta_1 .text { padding: 30px; flex-direction: column; text-align: center; }
    article .cta_1 .text .con { margin-bottom: 25px; }

    /*  XX ARTICLE  */     
    .scroll-up a { background-color: rgba(177, 69, 191, 0.5); }   
}

@media only screen and (max-width : 767px) { 
    .admin-bar header[data-sticky="sticky"].sticky-head { top: 0; }
    .alert-warning .message { padding-right: 40px; }
    .alert button.close { height: 40px; width: 40px; right: 20px; top: 50%; transform: translateY(-50%); }
    header a.navbar-brand { width: 200px; margin: 0; }

    .ititle { font-size: 20px; }
    .dtitle, .dtitle.title-1, .dtitle.title-2 { font-size: 26px; }

    .el-home-hero .dinfo { margin-bottom: 0; max-width: 100%; }
    .el-home-hero .dimage { width: 100%; }
    .el-tabs .flexic .dimage,
    .el-tabs .flexic.has-image .dinfo { flex: 0 0 100%; max-width: 100%; margin-right: 0; }
    .el-tabs .flexic .dimage { margin-bottom: 30px; }
    .el-tabs .flexic { flex-wrap: wrap; }
    .el-tabs .dtext ul li { margin-bottom: 5px; }
    .el-tabs .flexic .ftitle { color: var(--color1); font-weight: 600; }
    section.el-box .wrap { padding: 0; }
    .el-slider.story .author { text-align: center; }
    .el-slider .slider.lightSlider { height: auto !important; }
    .ls-arrows { height: 40px; position: relative; margin-top: 20px; }
    section.el-slider.story .wrap { padding-bottom: 0; }

    .el-accordion .acc-head .question { margin-right: 30px; }
    .el-slider.selective .dimage { flex: 0 0 100%; max-width: 100%; }
    .el-slider.selective .lsarrows.btm { bottom: 0; }
    .el-slider.selective .ls-arrows { margin-top: 0; }
    section.el-slider.selective .wrap { padding-bottom: 0; }
    .el-slider.whitepaper .img-bg { display: none; } 
    .el-slider.whitepaper .ls-arrows { margin-top: 10px; }

    footer .cc1, footer .cc2, footer .cc3, footer .cc4 { flex: 0 0 50%; max-width: 50%; padding-bottom: 20px; }
    footer .cc5 .pad { margin-top: 0; }
    footer .foot { flex-direction: column; justify-content: center; }
    footer .copyright { text-align: center; }
    footer .flexic .quote { text-align: center; font-size: 16px; }
    .timer .tick { width: auto; }
    .timer .divider { margin: 0 10px 30px; }
    .el-cta-timer .time-flex { padding-top: 10px; }
    .el-cta-timer .btn.btn-d.sd { margin-bottom: 30px; }
    #ctf .ctf-item { padding: 10px 0; }
    .el-cta .dbutton { padding-left: 0; }
    .el-accordion .dtext { padding: 20px 10px 5px; }

    .el-column.bullet .le_bullet { margin-bottom: 30px; }
    .el-column.bullet .le_bullet .ititle { margin-bottom: 20px; }
    .el-column.bullet .le_bullet li { flex: 0 0 100%; max-width: 100%; }
    .el-column.bullet .dimage.dual { flex-wrap: wrap; }
    .el-column.bullet .dimage .dimg, .el-column.bullet .dimage .dimg-2 { flex: 0 0 100%; max-width: 100%; position: relative; }
    .el-column.bullet .dimage .dimg-2 { margin: -35% 0 0 10%; }
    .el-column.bullet .dimage.dual { text-align: left; }
    .el-column.bullet .dbutton { padding-top: 0; }

    .el-cta-content .dimage { margin-bottom: 25px; }
    .el-slider-story.group .ls-arrows { height: auto; position: absolute; margin-top: 0px; top: 0; width: 100%; }
    .el-slider-story.group .lsarrows.prev { left: -10px; }
    .el-slider-story.group .lsarrows.next { right: -10px; }

    .el-accordion.half.full .question .ititle { font-size: 17px; }
    .el-accordion.half .acc-body .dimage img { max-width: 100%; }

    .el-column-half .half { flex: 0 0 100%; max-width: 100%; }
    .el-column-half .half-1 { margin-bottom: 20px; }
    .el-column-half .dcontent { padding-top: 220px; flex-wrap: wrap; }
    .el-column-half .half .ititle { text-align: left; }
    .el-column-half .half-2 .bull { padding: 8px 16px; }

    .el-slider.whitepaper-group .wrap { padding-bottom: 50px; }
    .el-slider.whitepaper-group .ls-arrows { height: auto; position: relative; margin-top: 0px; top: unset; bottom: 0; width: 100%; }
    .el-slider.whitepaper-group .lsarrows { top: 0px; }
    .el-slider.whitepaper-group .lsarrows.prev { left: calc(50% - 45px); }
    .el-slider.whitepaper-group .lsarrows.next { right: calc(50% - 45px); }

    .el-slider .wpg-slider hr { margin: 20px 0 15px; }
    .el-slider .wpg-slider .img-bg { height: 220px; }

    .el-icons.content .iconic .ititle { font-size: 17px; line-height: 125%; }
    .el-icons.content .iconics { padding-left: 0; }

    .el-icons.ver-2 .iconic .icon-bg { flex: 0 0 70px; }
    .el-icons.ver-2.v2 .iconic .ititle { font-size: 17px; line-height: 125%; }

    .loop .ititle { font-size: 17px; line-height: 140%; }
    .el-grid .loop .tags { padding: 5px 0; }

    article .post-content { padding: 0 15px; }
    article .cta_img .text { position: relative; bottom: 0; left: 0; padding: 10px; color: var(--color1); }
    article .cta_img .text { font-family: "Inter"; border-left: none; max-width: 100%; text-align: center; }
    article .cta_img .text { font-size: 13px; line-height: 140%; background-color: #f5f5f5; }
    article .cta_img .overlay {  display: none; }
    article .cta_img .text mark { color: var(--color1); font-size: 150%; }
    article .toc { padding: 20px 20px 10px; }
    article .main-title, article h2, article h3 { font-size: 20px; line-height: 140%; }
    article .cta_img .text.right { right: unset; border:none }
    article .cta_1 .text { font-size: 20px; line-height: 140%; }
    article .cta_img.half { max-width: 100%; margin: 0 0 30px; }
    article h4 { font-size: 19px; }
    article h5 { font-size: 17px; }
    article .cta_1 .text strong,
    article .cta_2 .text strong { font-size: 21px; }
    article .cta_2 .text,
    article .cta_1 .text .con { font-weight: 400; line-height: 180%; font-size: 16px; margin-bottom: 20px; }
    article .cta_2 .text,
    article .cta_1 .text { padding: 20px 10px; }
    .related-post .loop .cpt { margin-bottom: 0; }
    article .cta_2 .text { margin-bottom: 0; }
}
@media only screen and (max-width : 480px) {
    /*  general */    
    header a.navbar-brand { width: 170px; }
    .ititle { line-height: 125%; }
    .dtitle, .dtitle.title-1, .dtitle.title-2, .dtitle.title-3 { font-size: 21px; }
    .dimage .bg-img { height: 100%; }
    .btn.btn-d { height: auto; }
    .el-cta.ver-2 .hb-single { display: none; }
    .taxes .btn.ov { margin-bottom: 0; }

    /*  alert warning */    
    .alert button.close { height: 40px; width: 40px; right: 10px; top: 50%; transform: translateY(-50%); }
    .alert-warning .message .dtext { font-size: 14px; }
    /*  01 Hero Home  */       
    .el-home-hero svg { width: 100%; }
    .el-home-hero .overlay.ocontainer,
    .el-home-hero .overlay.bg-img { display: none ;}
    .el-home-hero .dimage { margin-bottom: 20px; }
    .el-home-hero .dtext { font-size: 16px; }
    /*  01 Logos */    
    section.el-logos .wrap { padding: 20px 0; }
    .el-logos .logos .logo { flex: 0 0 40%; max-width: 40%; margin: 10px 15px; }
    .el-logos .logos { justify-content: flex-start; }
    /*  01 Title  */    
    .el-title.ver-2 .dtext, .el-title.ver-2 .atitle, .el-title .atitle { font-size: 16px; }
    /*  01 Tabs  */    
    .el-tabs .iconic .icon-h { flex: 0 0 70px; max-width: 70px; }
    .el-tabs .iconic .ititle { text-align: left; }
    .el-tabs .iwrap { padding: 15px;  }
    .el-tabs .icc { margin-bottom: 20px; }
    .el-tabs .twrap { padding: 0; }
    .el-tabs .tab-content { box-shadow: none; }
    .el-box .box .boxic .dimage { margin-bottom: 10px; }
    .el-box .box .boxic .dimage img { width: 85px; height: 85px; }
    .el-box .box .boxic .ititle { font-size: 17px; }
    /*  01 CTA  */    
    .el-cta .cwrap { padding: 20px 0; }
    
    /*  01 Slider Story [Solo] */    
    .el-slider.story .story-slider-bg { padding: 0; }
    /*  loop */   
    .loop .cpt .img-bg { height: 160px; } 
    /*  01 Content Feature */    
    /*  01 FAQS  */    
    .el-accordion .acc-head { border-radius: 20px; }
    .el-accordion .acc-head { padding: 10px 5px 10px 25px; }
    .el-accordion .ititle { font-size: 16px; }
    /*  01 Title + Link  */
    .el-title.link .title-box { padding-right: 10px; flex-wrap: wrap; }
    /*  01 Slider [Selective]  */    
    .el-slider.selective .image-bg, .el-slider.selective .dimage { height: 160px; }
    
    /*  01 Slider Whitepaper [Solo]  */    
    /*  01 CTA Timer  */    
    section.el-cta-timer .wrap { padding-top: 0; }
    .timer .tick { width: auto; }
    .timer .divider, .timer .tick strong { font-size: 70px; }
    /*  Footer */    
    footer .btn.btn-d { padding: 9px 15px;}
    footer .cc1, footer .cc2, footer .cc3, footer .cc4 { flex:0 0 100%; max-width: 100%; }
    /*  02 Hero Sub  */    
    .el-hero-sub .dtext { font-size: 16px; line-height: 140%; }
    /*  02 Matrix  */    
    /*  02 Text  */    
    .el-column.no-bullet .dimage img { max-width: 100%; }
    /*  02 Column Bullet  */   
    .el-column.bullet .dimage img { max-width: 100%; } 
    .el-column.bullet .dimage.dual img { max-width: 90%; }
    /*  02 CTA Content  */    
    .el-cta-content .ititle { margin-bottom: 20px; }
    /*  02 Slider Story [Group] */    
    .el-slider-story.group .loop .cpt { margin-bottom: 0; }
    /*  03 Column Video  */    
    .el-column-video .dvideo { margin-bottom: 30px; }
    /*  03 Column Content  */    
    /*  03 Slider Whitepaper [G]  */    
    /*  03 Column Half  */
    .el-column-half .half-2 .bullets { text-align: center; }
    /*  04 CTA Title  */
    /*  04 Accordion  */  
    .el-accordion.half .acc { margin-bottom: 30px; }
    .el-accordion.half .acc .icon-bg { top: -5px; }
    .el-accordion.half .acc .icon-bg { max-width: 60px; width: 60px; height: 60px; }
    .el-accordion.half .acc .icon-bg img { width: 40px; height: 40px; }  
    .el-accordion.half .acc-head { padding: 15px 10px 15px 65px; }
    .el-accordion.half.full .question .ititle { font-size: 16px; }
    /*  02 Text v2 */    
    .el-hero.page .wrap { height: 160px; }
    /*  05 Team  */
    .el-team .member { margin-bottom: 20px; max-width: 100%; }
    .el-team .member, .el-team .member .dinfo { min-height: auto;  }
    .el-team .member .dinfo { padding: 100px 0 30px;}
    .el-team .row { margin-bottom: 30px; }
    .inline-member.fancybox-content { text-align: center; }
    .inline-member .info { padding-left: 0; }
    .inline-member .bg-img { width: 100px; height: 100px; }
    .inline-member .dimage { width: 120px; height: 120px; }
    .inline-member .bio { padding: 10px 0; }
    .inline-member .dimage { margin-bottom: 20px; }
    .inline-member .social { padding-bottom: 15px; }
    .inline-member .social-icons { justify-content: center; }
    .inline-member .social-icons .text { display: none; }
    .inline-member .social-icons a:first-child { margin: 0; }
    .inline-member .social-icons a { margin: 0 5px; }
    /*  05 Column Content [Button]  */
    /*  05 Logo v2 */
    .el-logos-v2 .flexic .logo { flex: 0 0 50%; max-width: 50%; }
    .el-logos-v2 .flexic .logo img { max-width: 80%; max-height: 40px; }
    .el-logos-v2 .flexic { justify-content: flex-start; }
    section.el-logos-v2 .wrap { padding-bottom: 10px; }
    /*  05-01 CTA (No Background)  */
    /*  06 Column [Pic Collage]  */
    .collage .dimages .bg-img:nth-child(3n+3),
    .collage .dimages .bg-img:nth-child(3n+2),
    .collage .dimages .bg-img:nth-child(3n+1) { height: 200px; }
    /*  06 CTA v2 */
    /*  06 Accordion Jobs */
    .el-accordion.jobs .no-mob { display: none; }
    .el-accordion.jobs .job-link { padding: 10px; border-bottom: 1px solid #DFE3E8;  }
    .el-accordion.jobs .job-link:last-child { border-bottom: none; }
    .el-accordion.jobs .job-link .posn { padding-top: 10px; }
    .el-accordion.jobs .job-link .loc { padding-bottom: 10px; }
    .el-accordion.jobs .job-link .posn, .el-accordion.jobs .job-link .loc { min-height: 25px; border-top: none; }
    /*  06 Icons ~ ver 1 */
    .el-icons .iconic .ititle { font-size: 17px; }
    /*  06 Icons ~ ver 2 */
    /*  07 Hero CPT ~ ver 2 */
    /*  XX GRID */
    .taxes .btn.ov.all { min-width: 70px; }
    .taxes .btn.ov { font-weight: normal; font-size: 14px; padding: 2px 8px; }
    /*  08 Hero Page [Text] */
    .el-hero.spage .dtitle, .el-hero.spage .dtext { max-width: 100%; }
    /*  08 Content Icon */
    .el-icons.content .pad { flex-wrap: wrap; }
    .el-icons.content .dimage { margin: 0 auto 25px; }

    /*  08 Icons v2 */
    /*  08-01 Title ver 3  */
    /*  09 Counter  */
    .el-counter .dtitle { margin-bottom: 5px; }
    .el-counter .counter { margin-bottom: 15px; }
    section.el-counter .wrap { padding-bottom: 5px; }
    /*  09 Content BG  */
    .el-content.bg .wrap { min-height: auto; }
    .el-content.bg .dinfo { margin-top: 0; }
    .el-content.bg .dtitle { font-size: 18px; line-height: 125%; }
    /*  09 Column Box  */
    .el-column.box .fimage { height: 200px; }
    /*  09 Quote  */
    /*  09 CTA ver-4  */
    section.el-cta.ver-4 .wrap { padding-bottom: 0; }
    /*  XX Hero CPT ~ Ver 2  */
    .el-hero.cpt .wrap { height: 200px; }
    /*  XX CANDY  */
    /*  10 FORM ~ DEMO FORM   */
    .el-form .dsub { padding: 10px 0 0; }
    .el-form .dform { padding: 20px; }
    .gform .hbspt-form .actions { margin-left: 35px; }
    /*  10 FORM ~ YOUCANBOOKME  */
    /*  14 FORM ~ WPAPER DLOAD  */
    /*  13 GRID ~ WHITEPAPER */
    .el-grid.whitepaper .loop .cpt .img-bg { height: 200px; }
    .el-grid.whitepaper .loop .cpt .bg-img { background-position: center top; }
    /*  11 GRID ~ WEBINAR  */
    /*  12 GRID ~ EVENT  */
    /*  15 GRID ~ STORY  */
    /*  16 GRID ~ VIDEO  */
    /*  17 GRID ~ PRESS  */     
    .el-grid.press .col-9,           
    .el-grid.press .col-3 { flex: 0 0 100%; max-width: 100%; }
    .el-grid.press .cat-row .dtitle { margin-bottom: 20px; }
    .el-grid.press .cat-row, .el-grid.press .text-right { text-align: center; }
    /*  17 GRID ~ MEDIA  */
    /*  18 Icon Dark v3  */
    /*  18 Column ~ Wide  */
    /*  18 Logos  */
    .el-logos.v4 .wrap { padding-bottom: 5px; }
    .el-logos.v4 .logos .logo { margin: 0 0 20px; flex: 0 0 33.33%; max-width: 33.33%; }
    /*  18 CTA Title v2  */
    .el-cta-title.v2 .dtitle { font-size: 17px; line-height: 140%; }
    /*  19 Page Title  */
    /*  19 Glossary  */
    /*  19 Page Endlink  */
    /*  10 HUBSPOT  */
    /*  XX PAGE  */
    /*  XX ARTICLE  */
    /*  XX ARTICLE  */    
    .archive-posts article .title { font-size: 17px; line-height: 125%; }

    /* 2 TONE */
    .tone-2 { padding-bottom: 10px; } 
    .tone-2 .hh { display: none; }
    .tone-2 .el-title .wrap { padding: 30px 0 0px; }
    .tone-2 .btitle { margin-bottom: 20px; }   
    .tone-2 .dtitle { font-size: 30px; }
    .tone-2 .el-cta-title.v2 .wrap { margin: 20px 15px; }
    .tone-2 .el-column.no-bullet .wrap { padding: 20px 0; }
    .tone-2 .el-column.no-bullet .dimage,
    .tone-2 .el-column.no-bullet .d-right .dimage { text-align: center; }
    .tone-2 .el-column.no-bullet .dimage img { max-width: 200px; }
    .tone-2 .el-text .wrap { border: none; }

    /* STORY */
    .story-single .el-single-cta { margin-top: 35px; }
    .story-single .el-single-cta .dtext { margin: 0 0 20px; }
    .story-single .el-single-cta .wrap { padding: 0; padding-top: 25px; }
    .story-single .el-blocks .dtitle { margin-bottom: 15px; }
    .story-single .el-blocks .flexic-block .dblock .ititle { margin-bottom: 0px; }
    .story-single .el-blocks .flexic-block .dblock { height: auto; padding: 20px 0; }
    .story-single .el-blocks .flexic-block { margin-bottom: 30px; }
    /* 20 Charts */
    .el-chart-20 .row .dinfo, .el-chart-20 .row .dimage { width: 100%; }
    .el-chart-20 .row .mmd2 { padding: 20px; }
    .el-chart-20 .row .dimage { margin-bottom: 20px; }
    .el-chart-20 .row .dinfo { text-align: center; }

    .el-chart-20 .row .mmd2 { order: 1; }
    .el-chart-20 .row .col-md-5:first-child { order: 2; }
    .el-chart-20 .row .col-md-5:last-child { order: 3; }
    .el-chart-20 .row:last-child .mmd2 .linee { height: 100%; }

    /* 20 CTA */
    .el-cta-20 .row { flex-direction: column-reverse; }
    .el-cta-20 .dtitle { font-size: 25px; margin: 30px 0 20px; }
    
    /* 20 Tabs */
    .el-tabs-20 .btn { padding: 5px; margin: 0 3px; }
    .el-tabs-20 .dtitle { font-size: 21px; margin-bottom: 30px; }
    .el-tabs-20 .tab-content { padding-top: 30px; }
    section.el-tabs-20 .wrap { padding-bottom: 0; }

    /* */
    .el-hero-sub .dtext p br { display: none; }

    /*  */
    .el-cta-title-v3-1 .liner { display: none; }
    .el-cta-title-v3-1 img { display: block; margin: 0 auto 25px; max-width: 80%; }
    .el-cta-title-v3-1 .dtext { padding-left: 0; font-size: 16px; margin-bottom: 30px; }
    .el-cta-title-v3-1 .dbutton { padding-left: 0; text-align: center; }

    /*  */
    .el-cta-title.v3 .wrap { padding: 25px 0; }
    .el-cta-title.v3 .dcontent .dtitle { font-size: 30px; margin-bottom: 15px; }

    /* */
    .el-column.slider .flexic .dslides { flex: 0 0 100%; max-width: 100%; min-height: unset; }


    /* */
    .el-column.slider hr { margin-top: 35px; }
    .el-column.slider .ls-arrows .flexic { flex-direction: row; }
    .el-column.wide .flexic.d-left, .el-column.wide .flexic.d-right { flex-direction: column-reverse; }
    .el-column.slider .ls-arrows { margin-bottom: 25px; }
    .el-column.wide .flexic .dinfo { margin-bottom: 0; }
}


