/* INVISI Responsive styles */ /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .dl-menuwrapper { display: none;} #main-menu { display:block} } /* end Large devices (large desktops, 1200px and up) */ /* Large devices (large desktops, max 1200px ) */ @media (max-width: 1200px) { .dl-menuwrapper { display: none;} } /* end Large devices (large desktops, max 1200px ) */ /* Medium devices (desktops, 992px and up) incl IPAD HORIZONTAL */ @media (min-width: 992px) and (max-width: 1200px) { /* COMPLETE AND TESTED */ .dl-menuwrapper { display: block;} #main-menu { display:none} #menu-bg { background: none;} .dl-menuwrapper ul.level4 li a img { padding-bottom:10px; clear:left} .dl-menuwrapper button { top: -70px !important; left: 380px; float: left; } .dl-menuwrapper .dl-menu.dl-menuopen { top: -33px !important; left:20px !important } #dl-menu.sticky { top: 25px !important; } #slideshow { margin-top:191px} #header1 { margin-top:191px; } .phone { font-size:1.6em; margin-right:18px} .phone img { margin-right:7px; } /*.toplogos ul li { height:72px; } .toplogos ul li.alspec a { background:url(../images/logo-top-alspec.png) top left no-repeat; background-size: 100% auto; display:block; margin-right:15px} .toplogos ul li.invisi a { background:url(../images/logo-top-invisigard.gif) top left no-repeat; background-size: 100% auto; display:block; margin-right:3px} .toplogos ul li.kidscreen a { background:url(../images/logo-top-kidscreen.gif) top left no-repeat; background-size: 100% auto; display:block; margin-right:0}*/ #header { height: 120px; background-image:none; background-color:#000000 } #header.sticky { height:55px; background-image:none; background-color:#000000} #header h1#logo img { background-image:url(../images/invisi-logo.png); background-size:290px auto; width:290px; height:auto; margin-top:10px} #header.sticky h1#logo img { background-image:url(../images/invisi-logo-sm.png); background-size:220px auto; width:220px; height:72px; } /* WHEN LOGGED IN */ .header-loggedin { float:right; margin:0px -10px 0 0; width:40%;} .header-loggedin .right { float:right; } .header-loggedin .right p {color:#000 !important ; width:50%; text-align:left; line-height:1.1em} .header-loggedin p { color:#5e6f7f; padding:15px 0 0 25px !important; float:left} .header-loggedin span a { padding:5px 10px !important; margin-top:2px} .header-loggedin span a.logout { text-transform:uppercase; font-weight:500; padding-left:30px; margin-left:15px; color:#a2a4a8; background-color:#3e4148; float:left} .header-loggedin span a.logout:hover { color:#fff; background-color:#7d8390} /* for sticky nav*/ #header.sticky .header-loggedin { float:right; margin:0 0 0 0; width:50%; background:none !important} #header.sticky .header-loggedin p { padding: 8px 0 6px 0} /* Dealer seach form in header */ .dealersearch-header { display:none} .dealersearch-header-mob { display:block; width:370px !important; float:right; /*margin-top:33px; */margin-top:15px } .dealersearch-header-mob p a { color:#a6b3c4; display:block; font-size:1.2em; } .dealersearch-header-mob p a:hover { text-decoration:underline } .dealersearch-header-mob img.leftmap { float:left; margin-right:8px; vertical-align: bottom; margin-top:-5px} #header.sticky .dealersearch-header-mob { margin-top:5px; } /* log in popup */ .popup { width: 70%; z-index:12000} .popup .popup-content input { color:#fff !important;} /* Slideshow */ #slideshow img { width:100%; height:auto} .tp-leftarrow.default { margin-left:10px !important; margin-top:390px !important } .tp-rightarrow.default { margin-right:10px !important; margin-top:390px !important } .tp-caption h2 { font-size: 3.1em; margin-left:40px !important; padding-left:15px !important } .tp-caption h3 { font-size: 2em; margin-left:40px !important; padding-left:15px !important } .tp-caption a.slider-button { letter-spacing:0.15pt; font-size:2em; background:#2f333a url(../images/btn-arrow.png) 85% -9px no-repeat; margin-top:20px; margin-left:40px !important} .tp-caption a:hover.slider-button { background:#ffffff url(../images/btn-arrow.png) 85% -77px no-repeat; } .intro h2 { font-size:2.2em; margin-top:25px} .section-products { display:block} #prod1, #prod2, #prod3 { min-height: 400px; background-color:#000} #prod1 span, #prod2 span, #prod3 span {padding:200px 20px 20px 20px; min-height: 400px; } .section-products span h1 img { display:none} #prod1Link:hover #prod1, #prod2Link:hover #prod2 { background-position: 0 -520px; } .section-products a span h1 { font-size:1.8em; line-height:1em } .section-products a span p { font-size:1.2em; line-height:1.3em; } .mbottom70 { margin-bottom:35px} /* home pg brands section */ .section-brands img { width:100%; height:auto} .section-brands p.btn {width:100%} #brand1 a { padding:25px 15px 0 15px; min-height:400px; } #brand1 a:hover { background:#041a0d } #brand1 p.btn-invisi-mob { display:none } #brand1 p.btn-invisi { display:block !important; padding: 13px 62px 15px 26px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 89% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px;} #brand1 p:hover.btn-invisi { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 89% -77px no-repeat; color:#041a0d !important} #brand2 a { padding:25px 15px 0 15px; min-height:400px; } #brand2 a:hover { background-color:#041a0d} #brand2 p.btn-invisi-mob { display:none } #brand2 p.btn-invisi { display:block !important; padding: 13px 62px 15px 25px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 94% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand2 p:hover.btn-invisi { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 94% -77px no-repeat; color:#041a0d !important} #brand3 a { padding:25px 15px 0 15px; min-height:400px; } #brand3 a:hover { background:#041a0d } #brand3 p.btn-invisi-mob { display:none} #brand3 p.btn-invisi { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 90% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand3 p:hover.btn-invisi { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 90% -77px no-repeat; color:#041a0d !important} .section-brands p { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:300; color:#fff !important; padding:2px 0 15px 0 } /* home pg solutions section */ .section-solutions { width:100%;} #solution1, #solution2, #solution3, #solution4 { overflow:hidden} #solution1 img, #solution2 img, #solution3 img, #solution4 img { display:none} #solution1 a { min-height:360px; padding:40px 15px 0 15px; } #solution2 a { min-height:360px; padding:40px 15px 0 15px; } #solution3 a { min-height:360px; padding:40px 15px 0 15px; } #solution4 a { min-height:360px; padding:40px 15px 0 15px; } .section-solutions p.solutions { display:none} .section-solutions p.solutions-mob {display:block !important; text-align:center; padding-bottom:12px; border:2px solid #fff; background:none; font-size:1.3em; font-weight:300; margin-bottom:20px; width:100%} .section-solutions p:hover.solutions-mob { border:2px solid #3f434c; background:#ffffff; color:#041a0d !important} .section-solutions h3 { font-family: 'Roboto', Helvetica, sans-serif; font-size:2em; color:#fff !important; margin-bottom:2px; } /* home pg professionals section */ .bg-professionals { background-size:auto 100%; height:auto; } .professionals { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center; float:right} .professionals-title {font-size:2em; padding-bottom:5px} .professionals-heading { font-size:1.4em; line-height:1.4em } a.btn-professionals { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-professionals { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} /* home pg dealers section */ .bg-dealers { background-size:cover; height:420px;} .dealers { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:40%; margin:20px auto 0; text-align:center} .dealers-title {font-size:2em; padding-bottom:5px} .dealers-heading { font-size:1.4em; line-height:1.4em } a.btn-dealers { padding: 13px 45px 15px 28px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 93% -9px no-repeat; font-size:1.4em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-dealers { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 93% -77px no-repeat; color:#000 !important} #specify1 a { background:#FC0004 url(../images/specify1.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify1 a:hover { background:#FC0004 url(../images/specify1.jpg) top left no-repeat; text-decoration:none } #specify2 a { background:url(../images/specify2.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify2 a:hover { background:url(../images/specify2.jpg) top left no-repeat; text-decoration:none } #specify3 a { background:url(../images/specify3.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify3 a:hover { background:url(../images/specify3.jpg) top left no-repeat; text-decoration:none } #specify4 a { background:url(../images/specify4.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify4 a:hover { background:url(../images/specify4.jpg) top left no-repeat; text-decoration:none } .section-specify p { font-size:1.1em; line-height:1.4em; padding:10px 0 15px 0 } .section-specify h3 { font-size:2em; margin-bottom:0px; } /* product page tabs */ .tabs ul { margin-bottom:35px !important; padding:0 } .tabs ul li { width:100%; height:40px; background-color:#e8f5fb !important; margin:0 } .tabs ul li a { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.4em; font-weight:400; color:#35383f; text-decoration:none; padding:20px; display:block } .tabs ul li a:hover { color:#35383f; text-decoration:none; background-color:#d1ebf7; display:block} .section-productpg { padding-left:20px; padding-right:20px} .page-links { margin-right:10px;} img.mk { width:70%; float:none} .tabs ul.specs li { background:none !important; } /* make any div 100% width */ .tablet { width:100% !important;} .tablet img { width:80%; height:auto} .tablet .imgright { width:50%} /* prof product page anchors from specify page */ #tab-2558 {margin-top:-1410px; padding-top:1410px; } #tab-2557 {margin-top:-775px; padding-top:775px; } h1.sm { line-height:1.3em} h3 { line-height:1.2em; margin-bottom:8px} .section-general {padding-left:40px; padding-right:40px} .ipad-fix { width:100%;} #c2556, #c2557, #c2558, #c2559, #c2560, #c2561, #c2562 { padding-top:10px} /* home pg brands section */ .section-brands img { width:100%; height:auto} .section-brands p.btn {width:100%} #brand1 a { padding:25px 15px 0 15px; min-height:400px; } #brand1 a:hover { background:#041a0d } #brand1 p.btn-invisi-mob { display:none } #brand1 p.btn-invisi { display:block !important; padding: 13px 62px 15px 23px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 95% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px;} #brand1 p:hover.btn-invisi { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 95% -77px no-repeat; color:#041a0d !important} #brand2 a { padding:25px 15px 0 15px; min-height:400px; } #brand2 a:hover { background:#74aac2 url(../images/bg-brand2.jpg) top left repeat-x } #brand2 p.btn-carinya-mob { display:none } #brand2 p.btn-carinya { display:block !important; padding: 13px 62px 15px 38px; border:2px solid #fff; background:#5694af url(../images/btn-arrow.png) 90% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand2 p:hover.btn-carinya { border:2px solid #44829d; background:#ffffff url(../images/btn-arrow.png) 90% -77px no-repeat; color:#44829d !important} #brand3 a { padding:25px 15px 0 15px; min-height:400px; } #brand3 a:hover { background:#041a0d } #brand3 p.btn-invisi-mob { display:none} #brand3 p.btn-invisi { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 90% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand3 p:hover.btn-invisi { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 90% -77px no-repeat; color:#041a0d !important} .section-brands p { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:300; color:#fff !important; padding:2px 0 15px 0 } /* home pg solutions section */ .section-solutions { width:100%;} #solution1, #solution2, #solution3 { overflow:hidden} #solution1 img, #solution2 img, #solution3 img { display:none} #solution1 a { min-height:360px; padding:40px 15px 0 15px; } #solution2 a { min-height:360px; padding:40px 15px 0 15px; } #solution3 a { min-height:360px; padding:40px 15px 0 15px; } .section-solutions p.solutions { display:none} .section-solutions p.solutions-mob {display:block !important; text-align:center; padding-bottom:12px; border:2px solid #fff; background:none; font-size:1.3em; font-weight:300; margin-bottom:20px; width:100%} .section-solutions p:hover.solutions-mob { border:2px solid #3f434c; background:#ffffff; color:#041a0d !important} .section-solutions h3 { font-family: 'Roboto', Helvetica, sans-serif; font-size:2em; color:#fff !important; margin-bottom:2px; } /* home pg performance & testing section */ .bg-performance { background-size:auto 100%; height:auto;} .performance { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:40%; margin:20px auto 0; text-align:center} .performance-title { font-size:2.1em; padding-bottom:5px; line-height:1.3em } .performance-heading { font-size:1.4em; line-height:1.4em } .performance ul { margin-left:0px; padding:0} .performance ul li { list-style-type:none; color:#000; margin-left:0px; margin-bottom:5px; } .performance ul li a { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.45em; font-weight:300; color:#000; list-style: none; padding:0; margin:0; text-decoration:underline} .performance ul li a:hover { text-decoration:none} /* home pg professionals section */ .bg-professionals { background-size:auto 100%; height:auto; } .professionals { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center; float:right} .professionals-title {font-size:2em; padding-bottom:5px} .professionals-heading { font-size:1.4em; line-height:1.4em } a.btn-professionals { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-professionals { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} .bg-brochure { background-size:auto 100%; background-position:50px 0px; background-repeat:none; height:auto;} .brochure { padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center} .brochure-title {font-size:2em; padding-bottom:5px} .brochure-heading { font-size:1.4em; line-height:1.4em } a.btn-brochure { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-brochure { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} a.btn-brochure-mob { display:none} a:hover.btn-brochure-mob { display:none} /* home pg dealers section */ .bg-dealers { background-size:cover; height:420px;} .dealers { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center} .dealers-title {font-size:2em; padding-bottom:5px} .dealers-heading { font-size:1.4em; line-height:1.4em } a.btn-dealers { padding: 13px 45px 15px 28px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 93% -9px no-repeat; font-size:1.4em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-dealers { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 93% -77px no-repeat; color:#000 !important} img#dealer-logo { width:50%; height:auto} img.green1 { width:500px; height:auto} img.green2 { width:90%; height:auto} img.test1 { width:100%; height:auto} img.right1 { width:90%; height:auto} /* added 200416 */ .cont { width:0px} .cont-map { margin-left:100px} .cont-form { width:100%} .cont-form img { width:50%} img[alt="Refresh Image"] { width:33px; height:33px} /* Back to top button */ #back-top { position: fixed; bottom: 60px; right: 0; background-color: rgba(62, 65, 72, 0.6); border-radius: 4px; border-bottom: none; } #back-top a { color: #ffffff; padding: 6px 11px; line-height: 34px; font-size:28px; font-weight: normal} #back-top:active { border-bottom: none;} #header.sticky { background:none; box-shadow:none; } /* hides sticky header */ #header.sticky #dl-menu { display:none } #dl-menu.sticky {display:none } /* removes nav button */ #header.sticky h1#logo img { display:none; } #header.sticky .dealersearch-header-mob { display:none } #header.sticky .dl-menuwrapper button { display:none !important} .comp-pic { width:100% !important} } /* end Medium devices (desktops, 992px and up) */ /* Small devices (tablets, 768px and up) *****************************************************************/ @media (min-width: 768px) and (max-width: 992px) { /* COMPLETE AND TESTED */ .dl-menuwrapper { display: block;} #main-menu { display:none} #menu-bg { background: none;} .dl-menuwrapper ul.level4 li a img { padding-bottom:10px; clear:left} .dl-menuwrapper button { top: -35px !important; left: 380px; float: left; } .dl-menuwrapper .dl-menu.dl-menuopen { top: 0px !important; left:20px !important } #dl-menu.sticky { top: 35px !important; } html {overflow-x: hidden;} .phone { font-size:1.4em; margin-right:12px} .phone img { margin-right:7px; } .toplogos { float:right; width:360px; } .toplogos ul { margin:0; padding:0; text-align:right} .toplogos ul li { height:62px; padding-top:9px } .toplogos ul li.alspec a { background:url(../images/logo-top-alspec.png) top left no-repeat; background-size: 100% auto; display:block; margin-right:12px; width:100px; height:62px; } .toplogos ul li.invisi a { background:url(../images/logo-top-invisigard.gif) top left no-repeat; background-size: 94% auto; display:block; margin-right:8px; width:100px; height:62px; margin-top:-5px } .toplogos ul li.kidscreen a { background:url(../images/logo-top-kidscreen.gif) top left no-repeat; background-size: 100% auto; display:block; margin-right:0; width:100px; height:62px;} #header { height: 120px; background-color:#000; background-image:none } #header.sticky { /* reduced sticky header */ height:61px; background-color:#000; background-image:none } #header h1#logo img { background-image:url(../images/invisi-logo.png); background-size:290px auto; width:290px; height:auto; margin-top:10px} #header.sticky h1#logo img { background-image:url(../images/invisi-logo-sm.png); background-size:220px auto; width:220px; height:72px; } .header-buttons { float:right; margin:18px 0 0 0;} .header-buttons .btn {padding: 12px 15px; font-size:1.2em; } .header-buttons ul li { font-size:1em} .header-buttons ul li a.login { background-size:15px auto; padding-left:37px} /* WHEN LOGGED IN */ .header-loggedin { float:right; margin:0px -10px 0 0; width:40%; } .header-loggedin .right { float:right; } .header-loggedin .right p {color:#000 !important ; width:50%; text-align:left; line-height:1.1em} .header-loggedin p { background:none; background-size:16px auto; color:#5e6f7f; padding:15px 0 0 25px; float:left} .header-loggedin span a { padding:5px 10px !important; margin-top:2px} .header-loggedin span a.logout { text-transform:uppercase; font-weight:500; padding-left:30px; margin-left:15px; color:#a2a4a8; background-color:#3e4148; float:left} .header-loggedin span a.logout:hover { color:#fff; background-color:#7d8390} .topsocial ul li.gplus a, .topsocial ul li.facebook a, .topsocial ul li.instagram a, .topsocial ul li.twitter a, .topsocial ul li.youtube a { margin-right:4px} /* Dealer seach form in header */ .dealersearch-header { display:none} .dealersearch-header-mob { display:block; width:170px !important; float:right; margin-top:-33px; } .dealersearch-header-mob p a { color:#a6b3c4; display:block; } .dealersearch-header-mob p a:hover { text-decoration:underline } .dealersearch-header-mob img.leftmap { float:left; margin-right:8px; vertical-align: bottom; margin-top:0px} #header.sticky .dealersearch-header-mob { margin-top:5px; } /* log in popup */ .popup { width: 70%; z-index:12000} .popup .popup-content input { color:#fff !important;} /* Slideshow */ #slideshow { margin-top:191px} #header1 { margin-top:191px;} #slideshow img { width:100%; height:auto} .tp-leftarrow.default { margin-left:10px !important; margin-top:390px !important } .tp-rightarrow.default { margin-right:10px !important; margin-top:390px !important } .tp-caption h2 { font-size: 3.1em; margin-left:40px !important; padding-left:15px !important } .tp-caption h3 { font-size: 2em; margin-left:40px !important; padding-left:15px !important } .tp-caption a.slider-button { letter-spacing:0.15pt; font-size:2em; background:#2f333a url(../images/btn-arrow.png) 85% -9px no-repeat; margin-top:20px; margin-left:40px !important} .tp-caption a:hover.slider-button { background:#ffffff url(../images/btn-arrow.png) 85% -77px no-repeat; } .intro h2 { font-size:2.2em; margin-top:25px} .section-products { display:block} #prod1, #prod2, #prod3 { min-height: 480px; background-color:#000} #prod1 span, #prod2 span, #prod3 span {padding:200px 20px 20px 20px; min-height: 480px; } .section-products span h1 img { display:none} #prod1Link:hover #prod1, #prod2Link:hover #prod2 { background-position: 0 -520px; } .section-products a span h1 { font-size:1.8em; line-height:1em } .section-products a span p { font-size:1.2em; line-height:1.3em; } .mbottom70 { margin-bottom:35px} /* home pg brands section */ .section-brands img { width:100%; height:auto} .section-brands p.btn {width:100%} #brand1 a { padding:20px 15px 0 15px; min-height:430px; } #brand1 a:hover { background:#041a0d } #brand1 p.btn-invisi { display:none } #brand1 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px;} #brand1 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} #brand2 a { padding:20px 15px 0 15px; min-height:430px; } #brand2 a:hover { background:#041a0d } #brand2 p.btn-invisi { display:none } #brand2 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand2 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} #brand3 a { padding:20px 15px 0 15px; min-height:430px; } #brand3 a:hover { background:#041a0d } #brand3 p.btn-invisi { display:none} #brand3 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand3 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} .section-brands p { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:300; color:#fff !important; padding:2px 0 15px 0 } /* home pg solutions section */ .section-solutions { width:100%;} #solution1, #solution2, #solution3, #solution4 { overflow:hidden} #solution1 img, #solution2 img, #solution3 img, #solution4 img { display:none} #solution1 a { min-height:410px; padding:25px 15px 0 15px; } #solution2 a { min-height:410px; padding:25px 15px 0 15px; } #solution3 a { min-height:410px; padding:25px 15px 0 15px; } #solution4 a { min-height:410px; padding:25px 15px 0 15px; } .section-solutions p.solutions { display:none} .section-solutions p.solutions-mob {display:block !important; text-align:center; padding-bottom:12px; border:2px solid #fff; background:none; font-size:1.3em; font-weight:300; margin-bottom:20px; width:100%} .section-solutions p:hover.solutions-mob { border:2px solid #3f434c; background:#ffffff; color:#041a0d !important} .section-solutions h3 { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.8em; color:#fff !important; margin-bottom:2px; } /* home pg professionals section */ .bg-professionals { background-size:auto 100%; height:auto; } .professionals { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0 20px; text-align:center; float:left} .professionals-title {font-size:2em; padding-bottom:5px} .professionals-heading { font-size:1.4em; line-height:1.4em } a.btn-professionals { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-professionals { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} /* home pg dealers section */ .bg-dealers { background-size:cover; height:420px;} .dealers { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:50%; margin:20px auto 0 20px; text-align:center} .dealers-title {font-size:2em; padding-bottom:5px} .dealers-heading { font-size:1.4em; line-height:1.4em } a.btn-dealers { padding: 13px 45px 15px 28px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 93% -9px no-repeat; font-size:1.4em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-dealers { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 93% -77px no-repeat; color:#000 !important} #specify1 a { background:#FC0004 url(../images/specify1.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify1 a:hover { background:#FC0004 url(../images/specify1.jpg) top left no-repeat; text-decoration:none } #specify2 a { background:url(../images/specify2.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify2 a:hover { background:url(../images/specify2.jpg) top left no-repeat; text-decoration:none } #specify3 a { background:url(../images/specify3.jpg) top left no-repeat; min-height:290px; padding:20px 10px 0 10px; } #specify3 a:hover { background:url(../images/specify3.jpg) top left no-repeat; text-decoration:none } #specify4 a { background:url(../images/specify4.jpg) top left no-repeat; min-height:260px; padding:20px 10px 0 10px; } #specify4 a:hover { background:url(../images/specify4.jpg) top left no-repeat; text-decoration:none } .section-specify p { font-size:1.1em; line-height:1.4em; padding:10px 0 15px 0 } .section-specify h3 { font-size:2em; margin-bottom:0px; } .section-productpg { padding-left:20px; padding-right:20px; padding-top:20px} .page-links { margin-right:10px; width:100%} /* make any div 100% width */ .tablet { width:100% !important;} .tablet img { width:100%; height:auto} .right1 { width:100%; height:auto} #tablet2 { width:40%; float:right; margin-left:30px} #tablet3 { width:40%} .dealersearch-home form input { width:300px; } /* prof product page anchors from specify page */ #tab-2558 {margin-top:-1410px; padding-top:1410px; } #tab-2557 {margin-top:-775px; padding-top:775px; } h1.sm { line-height:1.3em} h3 { line-height:1.2em; margin-bottom:8px} .section-general {padding-left:40px; padding-right:40px} .bal40-row { clear:left; border-bottom:1px dotted #b6bec5; display:block; width:100%; margin:15px 0 } .bal40-row p { width:100%; font-weight: bold; font-size:1.2em ; padding:8px 0 0 0 !important; } .bal40-row p.desc { width:100%; padding:0 0 8px 0 !important; padding-bottom:10px; font-weight:300 } .section-general img { width:100%; height:auto} .links { width:100%;} .links img { float:left; margin-right:20px; border:none; width:30%; height:auto } .ipad-fix { width:100%;} #c2556, #c2557, #c2558, #c2559, #c2560, #c2561, #c2562 { padding-top:10px} /* home pg brands section */ .section-brands img { width:100%; height:auto} .section-brands p.btn {width:100%} #brand1 a { padding:20px 15px 0 15px; min-height:410px; } #brand1 a:hover { background:#041a0d } #brand1 p.btn-invisi { display:none } #brand1 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px;} #brand1 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} #brand2 a { padding:20px 15px 0 15px; min-height:410px; } #brand2 a:hover { background:#74aac2 url(../images/bg-brand2.jpg) top left repeat-x } #brand2 p.btn-carinya { display:none } #brand2 p.btn-carinya-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5694af url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand2 p:hover.btn-carinya-mob { border:2px solid #44829d; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#44829d !important} #brand3 a { padding:20px 15px 0 15px; min-height:410px; } #brand3 a:hover { background:#041a0d } #brand3 p.btn-invisi { display:none} #brand3 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand3 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} .section-brands p { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:300; color:#fff !important; padding:2px 0 15px 0 } /* home pg solutions section */ .section-solutions { width:100%;} #solution1, #solution2, #solution3 { overflow:hidden} #solution1 img, #solution2 img, #solution3 img { display:none} #solution1 a { min-height:380px; padding:25px 15px 0 15px; } #solution2 a { min-height:380px; padding:25px 15px 0 15px; } #solution3 a { min-height:380px; padding:25px 15px 0 15px; } .section-solutions p.solutions { display:none} .section-solutions p.solutions-mob {display:block !important; text-align:center; padding-bottom:12px; border:2px solid #fff; background:none; font-size:1.3em; font-weight:300; margin-bottom:20px; width:100%} .section-solutions p:hover.solutions-mob { border:2px solid #3f434c; background:#ffffff; color:#041a0d !important} .section-solutions h3 { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.8em; color:#fff !important; margin-bottom:2px; } /* home pg performance & testing section */ .bg-performance { background-size:auto 100%; height:auto;} .performance { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:40%; margin:20px auto 0; text-align:center} .performance-title { font-size:2.1em; padding-bottom:5px; line-height:1.3em } .performance-heading { font-size:1.4em; line-height:1.4em } .performance ul { margin-left:0px; padding:0} .performance ul li { list-style-type:none; color:#000; margin-left:0px; margin-bottom:5px; } .performance ul li a { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.45em; font-weight:300; color:#000; list-style: none; padding:0; margin:0; text-decoration:underline} .performance ul li a:hover { text-decoration:none} /* home pg professionals section */ .bg-professionals { background-size:auto 100%; height:auto; } .professionals { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center; float:right} .professionals-title {font-size:2em; padding-bottom:5px} .professionals-heading { font-size:1.4em; line-height:1.4em } a.btn-professionals { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-professionals { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} .bg-brochure { background-size:auto 100%; background-position:-70px 0px; background-repeat:none; height:auto;} .brochure { padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0; text-align:center} .brochure-title {font-size:2em; padding-bottom:5px} .brochure-heading { font-size:1.4em; line-height:1.4em } a.btn-brochure { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-brochure { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} a.btn-brochure-mob { display:none} a:hover.btn-brochure-mob { display:none} /* home pg dealers section */ .bg-dealers { background-size:cover; height:420px;} .dealers { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:40%; margin:20px auto 0; text-align:center} .dealers-title {font-size:2em; padding-bottom:5px} .dealers-heading { font-size:1.4em; line-height:1.4em } a.btn-dealers { padding: 13px 45px 15px 28px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 93% -9px no-repeat; font-size:1.4em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-dealers { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 93% -77px no-repeat; color:#000 !important} img#dealer-logo { width:50%; height:auto} #warrantytable {width: 100%;} .imagebox img.thumb { width:150px; float:left; margin-right:10px } img.ipad-fix { width:100%; height:auto} img.right { width:35%; height:auto} img.left { width:35%; height:auto} img.imgright { width:35%; height:auto} img.news-pic { width:35%; height:auto} .rightdiv2 { float:left; margin:0 0 15px 0; text-align:left; width:330px; margin-right:50px } form#contactform1 input { /*width:200px*/} form#contactform1 label { width:130px} #captcha_image { width:250px} img.refresh { width:32px} img.flash { width:20%; height:auto} /* added 200416 */ .cont { width:0px} .cont-map { margin-left:100px} .cont-form { width:100%} .cont-form img { width:50%} img[alt="Refresh Image"] { width:33px; height:33px} /* Back to top button */ #back-top { position: fixed; bottom: 60px; right: 0; background-color: rgba(62, 65, 72, 0.6); border-radius: 4px; border-bottom: none; } #back-top a { color: #ffffff; padding: 6px 11px; line-height: 34px; font-size:28px; font-weight: normal} #back-top:active { border-bottom: none;} .comp-pic { width:100% !important} .comp-footerstrip { width:100%} .comp-footerstrip img { width:100%} } /* end Small devices (tablets, 768px and up) */ /* Extra small devices (Phones) incl IPAD VERTICAL ****************************************************************/ /* Max Width 768px */ @media (max-width: 768px) { /* COMPLETE AND TESTED */ .dl-menuwrapper { display: block;} #main-menu { display:none} #menu-bg { background: none;} .dl-menuwrapper ul.level4 li a img { padding-bottom:10px; clear:left} .dl-menuwrapper button { top: -85px !important; left: 330px; float: left; } .dl-menuwrapper .dl-menu.dl-menuopen { top: -33px !important; left:20px !important } #dl-menu.sticky { top: 35px !important; } html {overflow-x: hidden;} .phone { font-size:1.4em; margin-right:12px} .phone img { margin-right:7px; } .toplogos { float:right; width:360px; } .toplogos ul { margin:0; padding:0; text-align:right} .toplogos ul li { height:62px; padding-top:9px } .toplogos ul li.alspec a { background:url(../images/logo-top-alspec.png) top left no-repeat; background-size: 100% auto; display:block; margin-right:12px; width:100px; height:62px; } .toplogos ul li.invisi a { background:url(../images/logo-top-invisigard.gif) top left no-repeat; background-size: 94% auto; display:block; margin-right:8px; width:100px; height:62px; margin-top:-5px } .toplogos ul li.kidscreen a { background:url(../images/logo-top-kidscreen.gif) top left no-repeat; background-size: 100% auto; display:block; margin-right:0; width:100px; height:62px;} .logo-container {} #header { height: 120px; background-color:#000; background-image:none } #header.sticky { /* reduced sticky header */ height:61px; background-color:#000; background-image:none } #header h1#logo img { background-image:url(../images/invisi-logo.png); background-size:290px auto; width:290px; height:auto; margin-top:10px} #header.sticky h1#logo img { background-image:url(../images/invisi-logo-sm.png); background-size:220px auto; width:220px; height:72px; } .header-buttons { float:right; margin:18px 0 0 0; } .header-buttons .btn {padding: 12px 15px; font-size:1.2em; } .header-buttons ul li { font-size:1em} .header-buttons ul li a.login { background-size:15px auto; padding-left:37px} .header-buttons .btntext { display:none !important} .topsocial ul li.gplus a, .topsocial ul li.facebook a, .topsocial ul li.instagram a, .topsocial ul li.twitter a, .topsocial ul li.youtube a { margin-right:4px; display:none !important} /* WHEN LOGGED IN */ .header-loggedin { float:right; margin:0px -10px 0 0; width:40%; } .header-loggedin .right { float:right; } .header-loggedin .right p {color:#000 !important ; width:50%; text-align:left; line-height:1.1em} .header-loggedin p { background:none; background-size:16px auto; color:#5e6f7f; padding:15px 0 0 25px; float:left} .header-loggedin span a { padding:5px 10px !important; margin-top:2px} .header-loggedin span a.logout { text-transform:uppercase; font-weight:500; padding-left:30px; margin-left:15px; color:#a2a4a8; background-color:#3e4148; float:left} .header-loggedin span a.logout:hover { color:#fff; background-color:#7d8390} /* Dealer seach form in header */ .dealersearch-header { display:none} .dealersearch-header-mob { display:block; width:270px !important; float:right; margin-top:12px; } .dealersearch-header-mob p a { color:#a6b3c4; display:block; font-size:1.1em } .dealersearch-header-mob p a:hover { text-decoration:underline } .dealersearch-header-mob img.leftmap { float:left; margin-right:8px; vertical-align: bottom; margin-top:0px} #header.sticky .dealersearch-header-mob { margin-top:5px; } /* log in popup */ .popup { width: 70%; z-index:12000} .popup .popup-content input { color:#fff !important;} /* Slideshow */ #slideshow { margin-top:191px} #header1 { margin-top:191px;} #slideshow img { width:100%; height:auto} .tp-leftarrow.default { margin-left:10px !important; margin-top:390px !important } .tp-rightarrow.default { margin-right:10px !important; margin-top:390px !important } .tp-caption h2 { font-size: 3.1em; margin-left:40px !important; padding-left:15px !important } .tp-caption h3 { font-size: 2em; margin-left:40px !important; padding-left:15px !important } .tp-caption a.slider-button { letter-spacing:0.15pt; font-size:2em; background:#2f333a url(../images/btn-arrow.png) 85% -9px no-repeat; margin-top:20px; margin-left:40px !important} .tp-caption a:hover.slider-button { background:#ffffff url(../images/btn-arrow.png) 85% -77px no-repeat; } .intro h2 { font-size:2.2em; margin-top:25px} .section-products { display:block} #prod1, #prod2, #prod3 { min-height: 480px; background-color:#000} #prod1 span, #prod2 span, #prod3 span {padding:200px 20px 20px 20px; min-height: 480px; } .section-products span h1 img { display:none} #prod1Link:hover #prod1, #prod2Link:hover #prod2, #prod2Link:hover #prod3 { background-position: 0 -520px; } .section-products a span h1 { font-size:1.8em; line-height:1em } .section-products a span p { font-size:1.2em; line-height:1.3em; } .mbottom70 { margin-bottom:35px} /* home pg brands section */ .section-brands img { width:100%; height:auto} .section-brands p.btn {width:100%} #brand1 a { padding:20px 15px 0 15px; min-height:430px; } #brand1 a:hover { background:#041a0d } #brand1 p.btn-invisi { display:none } #brand1 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px;} #brand1 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} #brand2 a { padding:20px 15px 0 15px; min-height:430px; } #brand2 a:hover { background:#041a0d } #brand2 p.btn-invisi { display:none } #brand2 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand2 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} #brand3 a { padding:20px 15px 0 15px; min-height:430px; } #brand3 a:hover { background:#041a0d } #brand3 p.btn-invisi { display:none} #brand3 p.btn-invisi-mob { display:block !important; padding: 13px 62px 15px 33px; border:2px solid #fff; background:#5a8e22 url(../images/btn-arrow.png) 88% -10px no-repeat; font-size:1.4em; font-weight:300; margin-bottom:20px; } #brand3 p:hover.btn-invisi-mob { border:2px solid #5a8e22; background:#ffffff url(../images/btn-arrow.png) 88% -77px no-repeat; color:#041a0d !important} .section-brands p { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1.4em; font-weight:300; color:#fff !important; padding:2px 0 15px 0 } /* home pg solutions section */ .section-solutions { width:100%;} #solution1, #solution2, #solution3, #solution4 { overflow:hidden} #solution1 img, #solution2 img, #solution3 img, #solution4 img { display:none} #solution1 a { min-height:410px; padding:25px 15px 0 15px; } #solution2 a { min-height:410px; padding:25px 15px 0 15px; } #solution3 a { min-height:410px; padding:25px 15px 0 15px; } #solution4 a { min-height:410px; padding:25px 15px 0 15px; } .section-solutions p.solutions { display:none} .section-solutions p.solutions-mob {display:block !important; text-align:center; padding-bottom:12px; border:2px solid #fff; background:none; font-size:1.3em; font-weight:300; margin-bottom:20px; width:100%} .section-solutions p:hover.solutions-mob { border:2px solid #3f434c; background:#ffffff; color:#041a0d !important} .section-solutions h3 { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.8em; color:#fff !important; margin-bottom:2px; } /* home pg professionals section */ .bg-professionals { background-size:auto 100%; height:auto; } .professionals { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0 20px; text-align:center; float:left} .professionals-title {font-size:2em; padding-bottom:5px} .professionals-heading { font-size:1.4em; line-height:1.4em } a.btn-professionals { padding: 13px 35px 15px 12px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 97% -12px no-repeat; font-size:1.2em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-professionals { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 97% -80px no-repeat; color:#000 !important} /* home pg dealers section */ .bg-dealers { background-size:cover; height:440px;} .dealers { background: url(../images/bg-feature.png); padding:25px 20px 35px; display:block; width:60%; margin:20px auto 0 20px; text-align:center} .dealers-title {font-size:2em; padding-bottom:5px} .dealers-heading { font-size:1.4em; line-height:1.4em } a.btn-dealers { padding: 13px 45px 15px 28px; border:2px solid #3f434c; background:#5d626d url(../images/btn-arrow.png) 93% -9px no-repeat; font-size:1.4em; font-weight:300; color:#fff; margin-top:5px} a:hover.btn-dealers { border:2px solid #5d626d; background:#ffffff url(../images/btn-arrow.png) 93% -77px no-repeat; color:#000 !important} #specify1 a { background:url(../images/specify1.jpg) top center no-repeat; min-height:260px; max-width:455px; margin:0 auto; padding:40px 40px 0 40px; } #specify1 a:hover { background:#FC0004 url(../images/specify1.jpg) top center no-repeat; text-decoration:none } #specify2 a { background:url(../images/specify2.jpg) top center no-repeat; min-height:260px; max-width:455px; margin:0 auto; padding:40px 40px 0 40px; } #specify2 a:hover { background:url(../images/specify2.jpg) top center no-repeat; text-decoration:none } #specify3 a { background:url(../images/specify3.jpg) top center no-repeat; min-height:290px; max-width:455px; margin:0 auto; padding:40px 40px 0 40px; } #specify3 a:hover { background:url(../images/specify3.jpg) top center no-repeat; text-decoration:none } #specify4 a { background:url(../images/specify4.jpg) top center no-repeat; min-height:260px; max-width:455px; margin:0 auto; padding:40px 40px 0 40px; } #specify4 a:hover { background:url(../images/specify4.jpg) top center no-repeat; text-decoration:none } .section-specify p { font-size:1.2em; line-height:1.4em; padding:10px 0 15px 0 } .section-specify h3 { font-size:2.2em; margin-bottom:0px; } /* product page subnav */ .section-productgroups { margin-top:0px; background-color:rgba(13,138,183,1.00) /* blue */ ; margin-bottom:40px} #productgroup1 a { display:none } .section-productgroups .col-sm-2 { width:100%; margin-bottom:0; padding-bottom:0 !important; padding:0 !important } #productgroup2 a, #productgroup3 a, #productgroup4 a, #productgroup5 a, #productgroup6 a { background:#707070; background-image:none; margin-bottom:0px !important; border-bottom:1px dotted #babbbf; padding:0; height:45px; min-height:45px } #productgroup2 a:hover, #productgroup3 a:hover #productgroup4 a:hover #productgroup5 a:hover #productgroup6 a:hover { background:rgba(130,201,234,1.0); background-image:none; margin-bottom:0px !important; } .section-productgroups a:hover span h3 { background-color:rgba(130,201,234,1.0) } .breadcrumbs { display:none} /* product page tabs */ .tabs ul { margin-bottom:35px !important; padding:0 } .tabs ul li { display:block; width:100%; height:40px; background-color:#e8f5fb; margin:0 } .tabs ul li a { font-family: 'Roboto', Helvetica, sans-serif; font-size:1.4em; font-weight:400; color:#35383f; text-decoration:none; padding:20px; display:block } .tabs ul li a:hover { color:#35383f; text-decoration:none; background-color:#d1ebf7; display:block} /* product page content */ .section-productpg { padding-left:20px; padding-right:20px; padding-top:20px} .product-content { width:65%; } .brochure-col {margin-top:0px; width:35%; } .brochures { font-size:1.1em; margin-bottom:25px;} .section-productrange { margin-top:40px; width:100%; margin-left:0px;} .product-range ul li { width:310px; margin-right:35px; margin-bottom:40px} .product-range ul li h1 { line-height:1.3em} .section-forms { } .prof-login input { width:100%; } .section-forms p { padding:5px 5px 24px 5px; } #specify1, #specify2, #specify3, #specify4 { width:50%} #specify1 a, #specify2 a, #specify3 a, #specify4 a { width:auto; padding:30px 25px 0 25px; } .section-specify h3 { font-size:2em; } .page-links { margin-right:10px; width:100%} /* make any div 100% width */ .tablet { width:100% !important;} .tablet img { width:100%; height:auto} .right1 { width:100%; height:auto} #tablet2 { width:40%; float:right; margin-left:30px} #tablet3 { width:40%} .dealersearch-home form input { width:300px; } /* prof product page anchors from specify page */ #tab-2558 {margin-top:-210px; padding-top:210px; } #tab-2557 {margin-top:-775px; padding-top:775px; } h1.sm { line-height:1.3em} h3 { line-height:1.2em; margin-bottom:8px} .section-general { padding-top:40px; padding-left:40px; padding-right:40px} .imgleft { width:100%; height:auto} .ipad-fix { width:100%;} #c2556, #c2557, #c2558, #c2559, #c2560, #c2561, #c2562 { padding-top:10px} .bal40-row { clear:left; border-bottom:1px dotted #b6bec5; display:block; width:100%; margin:15px 0 } .bal40-row p { width:100%; font-weight: bold; font-size:1.2em ; padding:8px 0 0 0 !important; } .bal40-row p.desc { width:100%; padding:0 0 8px 0 !important; padding-bottom:10px; font-weight:300 } .section-general img { width:100%; height:auto} .links { width:100%;} .links img { float:left; margin-right:20px; border:none; width:30%; height:auto } img#dealer-logo { width:50%; height:auto} #warrantytable {width: 100%;} .imagebox img.thumb { width:150px; float:left; margin-right:10px } img.ipad-fix { width:100%; height:auto} img.right { width:35%; height:auto} img.left { width:35%; height:auto} img.imgright { width:35%; height:auto} img.news-pic { width:35%; height:auto} .rightdiv2 { float:left; margin:0 0 15px 0; text-align:left; width:330px; margin-right:50px } /*form#contactform1 label { width:130px} #captcha_image { width:250px} img.refresh { width:32px} img.flash { width:20%; height:auto}*/ /* added 200416 */ .cont { width:0px} .cont-map { margin-left:100px} .cont-form { width:100%} .cont-form img { width:50%} img[alt="Refresh Image"] { width:33px; height:33px} /* Back to top button */ #back-top { position: fixed; bottom: 60px; right: 0; background-color: rgba(62, 65, 72, 0.6); border-radius: 4px; border-bottom: none; } #back-top a { color: #ffffff; padding: 6px 11px; line-height: 34px; font-size:28px; font-weight: normal} #back-top:active { border-bottom: none;} .comp-pic { width:100% !important} .comp-footerstrip { width:100%; height:auto} .comp-footerstrip img { width:100%} } /* end Extra small devices (Phones) Max Width 768px */