/*All responsive*/

    body.adt { font-size: 40px; overflow-x: hidden; }

    body.adt #look, body.adt nav#social { display: none; }

    body.adt .mo { display: initial !important; }
    body.adt #pp { position: absolute; top: 41px; right: 110px; }
    body.adt #pp img { height: 55px; }

    body.adt label[for=tnav] { display: block; width: 102px; width: 80px; cursor: pointer; 
        margin-bottom: 10px; margin-top: -8px; float: right; background-color: #fff; font-size: 17px; }
    
    body.adt label[for=tnav]:after { content: '\2261'; position: absolute; right: 5px; font-weight: bold; line-height: 1em;
        display: block; color: #555; top: 25px; width: 100px; font-size: 80px; vertical-align: top; z-index: 200; }

    body.adt #tnav { display: inline-block; visibility: hidden; position: absolute; top: -100px; left: 0; }
    body.adt #tnav:checked ~ label {  }
    body.adt #tnav:checked ~ label:after {  }

    body.adt #tnav:checked ~ nav.cl { display: block !important; }
    body.adt nav.cl { display: none; z-index: 1000; }

    body.adt nav.cl, body.adt nav.cl ul, body.adt nav.cl li { padding: 0 !important; margin: 0 !important; background: none; }
    body.adt nav.cl { font-size: 40px; width: 490px; background-color: #fff; position: absolute; right: 0; 
         box-shadow: -15px 15px 30px 0px rgba(0,0,0,0.5); top: 110px; }
    body.adt nav.cl > ul { width: 100%; }
    body.adt nav.cl > ul > li { display: block; width: 100%; }
    body.adt nav.cl > ul > li > a { padding: 0 30px; }
    body.adt nav.cl li { border-bottom: 1px solid #777; border-collapse: collapse; width: 100%; }
    body.adt nav.cl li.tn:before { content: 'v'; float: right; padding-right: 30px; position: relative; z-index: 99; }
    body.adt nav.cl li a { width: 100%; }
    body.adt nav.cl li.tn > a { position: relative; z-index: 100; width: 375px; }

    body.adt nav.cl a.tnh:after { display: none; }

    body.adt nav.cl .tn a, body.adt nav.cl .tn { color: #000; }
    body.adt nav.cl .show a, body.adt nav.cl .show { color: #1face5 !important; }
    body.adt nav.cl > ul > li.show > ul.sn { display: block !important; }
    body.adt nav.cl ul.sn {  width: 100%; position: relative; background: transparent !important; right: auto !important; }
    body.adt nav.cl ul.sn li { background: none; }
    body.adt nav.cl ul.sn li img, body.adt nav.cl ul.rw li a:first-of-type { display: none; }
    body.adt nav.cl ul.sn li a { font-size: 35px; text-align: left; padding: 0.75em 0 0.75em 60px !important; }

    body.adt nav.cl ul:last-of-type > li:last-of-type,
    body.adt nav.cl ul.sn > li:last-of-type { border-bottom: none; }

    body.adt a[name=top] img { width: 285px; height: 78px; }

    body.adt #mbp { display: block; min-height: 300px; background-size: cover; margin-top: 0.75em; }

    body.adt section.left article.np { display: block !important; margin-bottom: 0; }

    body.adt section.col { width: 100%; float: none; overflow-x: hidden; }
    body.adt section.left article { padding: 0; }
    body.adt section.right { margin-left: 0; }
    body.adt section.col article { padding: 0; }

    body.adt section.left { margin: 0; }
    body.adt section.right { margin-top: 0; }
    body.adt section.col img { border-width: 0; float: none; width: 100%; margin: 0.75em 0 0 0; }
    body.adt section article h2 { font-size: 46px; }

    body.adt .ss { padding: 0.5em 0; }
    body.adt .ss > span { margin: 0 -2px; zoom: 1.9; }
    /*
    .ss { text-align: center; margin-bottom: 1em }
    .stButton > span > span:nth-child(1) { width: 150px !important; height: 44px !important; 
        background-size: contain; padding-top: 12px !important; }
    .stButton > span > span:nth-child(2) > span { height: 48px !important; width: 60px; }
    .stBubble_hcount { font-size: 30px !important; }
    .stButton, .stButton span { line-height: 52px !important }
    .st_googleplus_hcount { display: none; }
    */

    body.adt nav.sitemap { padding: 1em 0; }
    body.adt nav.sitemap a {  }
    body.adt nav.sitemap > ul > li { display: block; font-size: 30px; padding: 0 40px; }
    body.adt nav.sitemap ul > li { margin: 0; white-space: normal; }
    body.adt nav.sitemap .title { font-size: 35px; margin: 0; padding: 0.3em 0 0 0; }
    body.adt nav.sitemap > ul ul li { display: none; padding: 0.2em 0 0.2em 40px; }
    body.adt nav.sitemap > ul ul li:first-of-type { display: block; padding-left: 0; }
    body.adt nav.sitemap > ul ul.show li { display: block; }
    body.adt nav.sitemap > ul > li:last-of-type a { font-size: 35px; }

    body.adt article.page { padding-left: 40px; }
    body.adt article.page .pl img, article.page h1 img { height: 1.2em; position: relative; }
    body.adt article.page h1 { font-size: 60px; }
    body.adt article.page div.desc { height: 6.25em; overflow-y: hidden; clear: both; }
    /*
    article.page h1 + div.desc:before { content: 'show more...'; display: block; right: 40px;
        position: absolute; margin-top: 10em; height: 55px; font-size: 30px; color: #1face5; }
    */

    body.adt article.page h2 { font-size: 50px; }
    body.adt article.page h3 { font-size: 50px; }
    body.adt article.page p.right { display: none; }
    body.adt article.page select { font-size: 35px; }
    body.adt article.page a.sm { text-align: right; font-size: 30px; display: block; }
    body.adt article.page div.desc > p:first-of-type { margin-top: 0; }
    body.adt article.page div.fl + a.sm { display: none; }
    body.adt article.page div.fl { height: auto !important; }

    body.adt ul.items h4 { font-size: 40px; width: 100%; display: table; }
    body.adt ul.items h4 a { display: table-cell; vertical-align: middle; }
    body.adt ul.items h5 { line-height: 1.3em; }
    body.adt ul.items img { max-width: none; max-height: none; width: 100%; }

    body.adt /*article.page h1 img { float: left; margin: 0 30px 20px 0; }*/
    body.adt #pnl_lnk img { width: 100%; height: auto; max-width: none !important; max-height: none !important; }
    body.adt article.page div.colours { margin-top: -0.5em; }
    body.adt #pnlColour { line-height: 2.2em !important; height: 2.2em !important; }
    body.adt #pnlColour > img { width: 1.5em !important; height: 1.5em !important; margin-right: 0.5em !important; }
    body.adt article.page p.colours img { width: 81px; height: 81px; max-height: none; }
    body.adt .item { margin-right: 0.3em !important; font-size: 27px; }

    body.adt article.page p.np { display: none; }
    body.adt article.page div.pr h2 { font-size: 50px; }

    body.adt article.page p.handles img, body.adt article.page div.item img { width: 160px; height: auto; max-height: 160px; }

    body.adt input[type=button], body.adt input[type=submit], body.adt input[type=text], body.adt textarea { font-size: 30px; }
    body.adt input[type=radio], body.adt input[type=checkbox] { width: 40px; height: 40px; }

    body.adt section article a > img:hover { border: none; }

    body.adt p.tp, body.adt div.pr { width: 100% !important; }

    body.adt body.adt .w1, body.adt .w2, body.adt .w3, body.adt .w4, body.adt .w5 { font-size: 40px !important; }
    body.adt .w1 { width: 100% !important }
    body.adt .w2 { width: 280px !important }
    body.adt .w3 { width: 40% !important }
    body.adt .w4 { width: 52% !important }
    body.adt .w5 { width: 42% !important }

    body.adt .lls .np { display: block !important; }
    body.adt .lls h2 { font-size: 40px; }
    body.adt .lls h4 span { font-size: 35px; }
    body.adt .lls .mt img { width: 80%; }


    body.adt article.page .summary { width: 80%; margin: 1em 10%; border-width: 2px; }
    body.adt article.page .summary h4 { font-size: 45px; }
    body.adt article.page .summary ul { margin-left: 40px; }
    body.adt article.page .summary .np { display: initial !important; }
    body.adt article.page .sel, a[button=sel] { border-width: 2px !important; }
    body.adt article.page .info { font-size: 20px; }
    body.adt a.i-eml, a.i-prn { width: 80px !important; height: 70px !important; background-size: contain; }
    body.adt #eml input[type=text] { font-size: 30px; }
    body.adt .shr { display: block !important; }

    body.adt #ci { word-wrap: normal; }
    body.adt #ci .x { font-size: 40px; }

    body.adt article.cp a > img { width: 100%; height: auto; }
    body.adt article.cp h1 + div { width: auto !important; margin: 0 !important; float: none !important; }

    body.adt iframe { width: 100%; margin: 1em 0 !important; }
    body.adt #recaptcha_widget_div { zoom: 1.4; }

    body.adt .fblk { width: 26%; height: 450px; font-size: 80%; }
    /*.fblk:nth-child(3n+3) { margin-right: 0 !important; }*/
    body.adt .fblk img { border-width: 2px !important; }

    body.adt article.cp table:not(.xtb), body.adt article.cp table:not(.xtb) tbody, body.adt article.cp table:not(.xtb) tr, body.adt article.cp table:not(.xtb) td,
    body.adt article table.rsp, body.adt article table.rsp tbody, body.adt article table.rsp tr, body.adt article table.rsp td { display: block; width: 100%; }
    body.adt article.cp table { clear: both; }
    body.adt article table input[type=text]:not(.qty), body.adt article table textarea { width: 90% !important; }



    body.adt #pp, body.adt .nt { display: none !important; }
    body.adt #look { display: block !important; }
    body.adt #look div { width: 500px; margin-right: 250px; }
    body.adt #look h4 { font-size: 35px; margin-left: 103px; width: auto; }
    body.adt #look input, body.adt #look span, body.adt #look label { font-size: 25px !important; }
    body.adt #look input { border-width: 2px; width: 305px; }
    body.adt #look input.lw { width: 266px; margin-right: 5px; }
    body.adt #look input, body.adt #look a { height: 20px; }
    body.adt #look a { font-size: 43px !important; line-height: 0.7em; height: 30px; width: auto; padding: 0 4px; 
        border-width: 2px; margin-top: 10px; }
    body.adt #look span { vertical-align: middle; display: inline-block; }
    body.adt header {  }

    body.adt nav.cl { width: 40%; }
    body.adt nav.sitemap > ul > li { display: inline-block; }
    body.adt nav.sitemap > ul > li > ul > li { display: block; padding-left: 0; }

    body.adt label[for=tnav] { width: 142px; width: 120px; }
    body.adt label[for=tnav]:after { font-size: 90px; }

    body.adt article.nshow h2 { font-size: 46px; }
    body.adt article.nshow p { font-size: 35px; }

    body.adt #banner { padding-top: 50%; }
    body.adt #banner > div > a { font-size: 25px; }
    body.adt header aside { margin-top: 2em; }
    body.adt header article { width: 50%; margin-top: 4em; line-height: 1.3em !important; }
    body.adt header article h2 { font-size: 40px; }

    body.adt .hi img { max-width: none !important; }

    body.adt section.col { width: 42%; }
    body.adt section.left { margin: 0 5%; }
    body.adt section.left, body.adt section.right { float: left; }
    body.adt section article {  }
    body.adt section article ul, body.adt .feedburnerFeedBlock .headline, 
    body.adt section article h3, body.adt section article h1 { font-size: 40px; }
    body.adt section article h4 { font-size: 46px; }

    body.adt article.cp a > img { width: 50%; height: auto; }

    body.adt ul.items li { width: 22.5%; margin: 1em 2% 0 0; padding: 0; }
    body.adt ul.items li:nth-child(4n+4) { margin-right: 0; }

    body.adt article.page h1 { margin-bottom: 1.2em; }

    body.adt article.page div.pl { width: 43%; float: left; }
    body.adt article.page div.pr { width: auto !important; padding-left: 47%; margin-top: -0.2em; }

    body.adt article.page div.pl div.cnt { width: 100%; height: auto; }
    body.adt article.page div.pr div.desc { clear: none; }
    body.adt article.page > a[button]:first-of-type { display: none; }
    body.adt article.page div.pr p.rt { display: initial; position: absolute; margin-top: -1.7em; 
        right: 30px; margin-bottom: 0.7em; }