*                       { box-sizing: border-box; }
#top                    { max-width: 100vw; overflow-x: hidden; padding: 0 15px; }
#header                 { display: block; height: 300px; width: auto; }
#wrapper                { padding: 0; width: 100%; max-width: 100%; min-width: 100%; }
.start #container              { display: block; padding: 0; width: auto; margin: 0 0;  }
#container              { display: block; padding: 0; width: auto; margin: 4em 0 0; }
#main                   { }
#left                   { display: none; }
#right                  { display: none; }
#visual                 { height: 300px; background-size: cover; }
#window                 { max-width: 100%; }
#window input           { max-width: 100%; }
div.captcha             { max-width: 100%; }
.desktop                { display: none; }
.mobile                 { display: block; }
.show_regular           { display: inline-block!important; }

#main .block .bh            { padding-left: 0; text-align: center; }
#container .block           { max-width: calc(100vw - 30px); }
#main .freecall             { padding: 0; }

#before .cte_text img       { max-width: 100%; }

#header                     { height: 100px; margin-bottom: 1em; }
#header .logo               { }
#header .logo img           { max-height: 90%; width: auto; margin-top: -20px; position: absolute; left: 50%; transform: translate(-50%, 0); top: 15px; }
#header .nav                { position: fixed; top: 0; left: -110vw; height: 100vh; width: 100vw; box-sizing: border-box; z-index: 3000; margin: 0; }
#header .nav                { transition: all 0.5s; padding: 30px; overflow-y: auto; }
#header .nav.open           { left: 0; background: #00aff0; border-radius: 0; }
#header .nav li             { display: block; line-height: 30px; }
#header .nav li:after       { display: none; }
#header .nav a              { color: #fff; }
#header .nav li.trail a,
#header .nav li.active a    { color: #fff; }
#header .nav a.item.trail,
#header .nav a.item.active  { font-weight: bold; }
#header .mobile_btn:after   { content: '\f0c9'; color: var(--color); font: 36px 'Font Awesome 5 Pro'; font-weight: 900; position: absolute; top: 20px; z-index: 300; }
#header .mobile_menu:after  { left: 20px; color: #00aff0; }
#header .mobile_login:after { content: '\f023'; right: 20px; font-weight: 200; font-size: 32px; }
#header .menu_close:after   { content: '\f00d';  font: 36px 'Font Awesome 5 Pro'; left: unset; right: 20px; color: #fff; }
#header .nav .level_2       { display: block; line-height: 30px; padding-left: 30px; }
#header .inside > .service  { top: 95px; width: 100%; padding-right: 50%; border-top: 1px none var(--blue); padding-top: 5px; }
#header .service .row1,
#header .service .row2,
#header .service .row3      { display: block; }
#header .service .row4      { display: block; position: absolute; right: 0; top: 5px; max-width: 50%; font-size: 0.8rem; }
#header .service .row4 p:first-of-type { display: none; }
#header .service .row4 p    { padding-bottom: 5px; }
#header .service .row4 .button { margin: 0; line-height: 25px; font-size: 0.8rem; }
#header .service .row2      { font-size: 1.3rem; }
#header .mod_logout         { display: none; }
#header .nav .level_3       { background: rgba(255,255,255,0.2); border-radius: 5px; padding: 10px; }
#header .nav .level_3 li    { line-height: 1.3; }
#header .nav .level_3 a     { padding: 5px 10px; }
 
#header .mod_login          { display: none; }

#before                     { display: grid; grid-template-columns: 1fr; grid-row-gap: 20px; }
#before .cte_slider         { margin-top: 50px; height: 180px; }
#before .cte_slider .slide  { max-width: calc(100vw - 30px); overflow: hidden;}
#before .cte_slider .slide.active { }
#before .cte_slider .slide img { max-width: 100%;  }
#before .cte_slider .mover  {  }
#before .cte_slider .mover,
#before .sliderContainer    {  }
#before .cte_slider .cte_video { height: 104px; }
#before .cte_slider video   { width: 100%; height: 104px; vertical-align: top; }

#before .cte_slider .nav    { display: none; }
#before .cte_slider video       { max-height: 180px; }
#ticker                     { margin-top: 40px; }
#main .webinar_show .event  { grid-template-columns: 1fr; }

#main .pm .search           { display: none; }
#main .pm .top_right        { position: relative; top: auto; right: auto; margin-bottom: 20px; }
#main .pm .right            { margin-bottom: 20px; }
#main img                   { max-width: 100%; height: auto; }
#main div.table             { overflow-x: auto; }
#main input, #main .select  { max-width: 100%; }
#top .searchField           { max-width: 100%; }
#main .tabnav               { padding: 0; height: auto; margin-bottom: 30px; text-align: center; }
#main .tabnav li            { display: block; float: none; }
#main .block .bh            { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#main .mailcon .search      { display: none; }
#main .rBox                 { float: none; width: auto; }
#main .product_detail .split{ display: block; }
#main .product_detail .action { margin-top: 20px; }

#main .webinar_show .cover  { max-height: unset; float: left; }
#main .cte_advent           { background: url('/files/content/advent_mobile.jpg') top center !important; background-size: auto 100% !important; }
#main .cte_advent .bh       { margin-top: 30px; font-size: 20px; }
#main .cte_advent ul        { padding: 10px; text-align: center; margin-top: 45px; }
#main .cte_advent li        { margin: 5px; }

#main .profile .img         { float: left; margin: 0 15px 0 0; }
#main .profile .calls       { width: 111px; }
#main .profile .grid        { grid-template-columns: 1fr; row-gap: 20px; padding: 0; }
#main .profile .right       {  text-align: center; }
#main .profile .buttons .inner { width: auto; text-align: center; }
#main .profile .button      { width: 100%; }

#main .products             { display: block; }
#main .products .item       { margin-bottom: 20px; }

#main .profile .left a  { float: left; }
#main .profile .left a:before { bottom: 5px!important; }
#main .podcast              { display: block; }
#top #main .podcast .profile .grid { grid-template-columns: 112px 1fr !important; }

#top #chat .messages        { height: 80vh; }
#top #chat textarea         { width: 100%; box-sizing: border-box; height: 20vh; }
#top #chat textarea:focus + button,
#top #chat button           { top: auto; bottom: calc(20vh - 100px); }

.contribute, #footer        { width: calc(100% - 30px); padding: 0; display: block; margin: 0 15px; }

#top .advsearch             { padding-top: 10px !important; }
#top .advsearch li          { flex: 1 0 25% !important; }

#before .block.cte_iframe > iframe {
  display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
    #header .inside > .service { position: static; width: auto; padding: 0; transform: none; }
    #header .service .row1 { position: absolute; top: 25px; left: 80px; }
    #header .service .row2 { position: absolute; top: 50px; left: 80px; }
    #header .serivce .row3 { display: none; }
    #header .service .row4 { position: absolute; top: 25px; right: 80px; }
    #header .mobile_btn { top: 10px; position: absolute; }
    #header .mobile_login { right: 0; left: auto; }
    #header .nav { display: block; font-size: 20px; }
    #header .nav a { font-size: 20px; }
    #header .nav .mobile_close { right: 10px; }
    #main .profile a.rating { top: 160px; left: 14px; width: 111px; text-align: center; }
}