.responsive body { min-width: 240px; } .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; } img.tabl{ float: left !important; margin: 0 10px 0 0; } .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%; margin-bottom: 10px; /* 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; } .embed { float: none; padding: 6px; } } @media all and (max-width: 527px) { #st-resp, #st-resp-m { display: block; } #st-resp-t { display: none; } nav.st-nav > ul > li {display: block;} #header { background: url("images/logo.png") center no-repeat; } nav.st-nav ul {display: none;} nav.st-nav ul li {float: none;} nav.st-nav ul li a {color: #0e79fb;} nav.st-nav > ul > li:first-child {display: none;} a#pull{ background: url("images/men.png") 10px center no-repeat; display:block; font-size:14px; font-weight:bold; color:#717171; text-decoration:none; padding:10px 7%; position:relative; border: none; } a#pull:before{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; } a#pull:before{ /* content: '\f142'; */ display: block; height: 24px; text-align: center; width: 14px; color: #fff; opacity: 0.5; } a#pull:active:before { opacity: 0.75; } .options a, .options a:link {font-size: 12px;} .tablepro { float: none; padding: 0; width: 100%; } } @media all and (max-width: 480px) { #st-resp, #st-resp-m { display: block; } #st-resp-t { display: none; } .DesignBox { width: 270px; } .DesignBox label { font-size: 12px; } } .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; }