.responsive body { min-width: 240px; } @media all and (max-width: 1000px) { #header { background: transparent; width: 100%; height: 0px; } } @media all and (max-width: 365px) { .login, .logout { position: absolute; display: block; top: 20px; right: 50px; font-weight: 700; } } @media all and (max-width: 850px) { .p-tabledata { float: left; padding: 10px 10px; width: 50%; } } @media all and (max-width: 480px) { .p-tabledata { float: left; padding: 10px 10px; width: 100%; } } @media all and (max-width: 480px) { .p-buttable { text-align: center; width: 100%; float: left; position: relative; bottom: 130px; } } .responsive .st-content-layout img, .responsive .st-content-layout video { max-width: 100%; height: auto !important; } .responsive.responsive-phone .st-content-layout img { float: none !important; } .responsive .st-content-layout .st-sidebar0, .responsive .st-content-layout .st-sidebar1, .responsive .st-content-layout .st-sidebar2 { width: auto !important; } .responsive .st-content-layout, .responsive .st-content-layout-row, .responsive .st-layout-cell { display: block; } .responsive .st-slidenavigator { display: none !important; } .responsive .st-collage { display: none !important; } .responsive .image-caption-wrapper { width: auto !important; } .responsive .st-textblock { display: none; } .responsive.responsive-tablet .st-vmenublock, .responsive.responsive-tablet .st-block { margin-left: 1%; margin-right: 1%; width: 48%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive .st-responsive-embed { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .responsive .st-responsive-embed iframe, .responsive .st-responsive-embed object, .responsive .st-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* dynamic width nav */ .responsive nav.st-nav, .responsive .st-nav-inner { width: auto !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin-top: 0; margin-bottom: 0; } .responsive nav.st-nav { margin-top: 1%; margin-right: 1% !important; margin-left: 1% !important; } .responsive .responsive-nav { padding-left: 0; padding-right: 0; } /* full width hmenu, instead of inline-block */ .responsive .responsive-nav ul.st-hmenu { display: block; float: none; text-align: center; } /* elements on different lines */ .responsive .responsive-nav ul.st-hmenu li { float: none; } /* horizontal margins */ .responsive .responsive-nav ul.st-hmenu>li:first-child, .responsive .responsive-nav ul.st-hmenu>li:last-child, .responsive .responsive-nav ul.st-hmenu>li { margin-left: 0; margin-right: 0; } /* separator */ .responsive .responsive-nav ul.st-hmenu>li:before { display: none; } /* vertical distance between items */ .responsive .responsive-nav ul.st-hmenu a { margin-top: 1px !important; margin-bottom: 1px !important; text-align: center; height: auto; white-space: normal; } .responsive .responsive-nav ul.st-hmenu>li:first-child>a { margin-top: 0 !important; } .responsive .responsive-nav ul.st-hmenu>li:last-child>a { margin-bottom: 0 !important; } /* fixes for extended menu */ .responsive .responsive-nav .ext, .responsive .responsive-nav ul.st-hmenu>li>ul, .responsive .responsive-nav ul.st-hmenu>li>ul>li { width: auto !important; } /* submenu position on hover */ .responsive .responsive-nav ul.st-hmenu ul { left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; display: none !important; position: relative !important; visibility: visible !important; } .responsive .responsive-nav ul.st-hmenu>li>ul>li:first-child:after { display: none; } .responsive .responsive-nav ul.st-hmenu ul a { padding-left: 4% !important; } .responsive .responsive-nav ul.st-hmenu ul ul a { padding-left: 6% !important; } .responsive .responsive-nav ul.st-hmenu ul ul ul a { padding-left: 8% !important; } .responsive .responsive-nav ul.st-hmenu ul ul ul ul a { padding-left: 10% !important; } .responsive .responsive-nav ul.st-hmenu ul ul ul ul ul a { padding-left: 12% !important; } .responsive .responsive-nav ul.st-hmenu>li>ul { padding: 5px; } .responsive .responsive-nav ul.st-hmenu>li>ul:before { top: 0; right: 0; bottom: 0; left: 0; } .responsive .st-sheet { width: auto !important; min-width: 240px !important; max-width: none; margin-right: 1% !important; margin-left: 1% !important; margin-top: 1% !important; } #st-resp { display: none; } @media all and (max-width: 999px) { #st-resp, #st-resp-t { display: block; } #st-resp-m { display: none; } } @media all and (max-width: 480px) { #st-resp, #st-resp-m { display: block; } #st-resp-t { display: none; } } .responsive .st-content-layout, .responsive .st-content-layout-row, .responsive .st-layout-cell { display: block; } .responsive .st-layout-cell { width: auto !important; height: auto !important; border-right-width: 0 !important; border-left-width: 0 !important; border-radius: 0 !important; } .responsive .st-content-layout:after, .responsive .st-content-layout-row:after, .responsive .st-layout-cell:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .responsive .st-post { border-radius: 0; } .responsive .responsive-tablet-layout-cell { width: 50% !important; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }