img { width: auto; /* This makes the next two lines work in IE8. */ max-width: 100%; /* Add !important if needed. */ height: auto; /* Add !important if needed. */ } /*Mobile font*/ h1 { font-size:2em; } h2 { font-size:1.5em; } p { font-size:1em; } nav a#pull { display: none; } /* deactivate area */ @media screen and (max-width: 1366px) { .footer-links a:first-child, .footer-links a:last-child { padding:0 20px!important; } } @media screen and (max-width: 1200px) { #header-nav ul li a{ padding:0 10px!important; } #footer-slider{ height:auto!important; padding-bottom:30px!important; } .container-force-fluid { width:100%!important; } span.overlay-seal2 { width:100%; height:100%; } span.overlay-seal-package1 { right:250px!important; } #header2016 { height:auto!important; } } /*Styles for screen 1000px and lower*/ @media screen and (max-width: 1000px) { #logo-top { position:relative!important; z-index:9999999999999!important; } .container-force-fluid { width:auto!important; } h1.slider-title, h1.slider-title2{ } .navigation { margin:0 auto 10px!important; } .tg-seal { top:130px!important; } #sidebar1 { position:relative!important; top:0px!important; } span.overlay-seal-package1 { top:0px!important; right:200px!important; } .index-cheeky { margin-top:-100px; } } /*Styles for screen 990px and lower*/ @media only screen and (max-width : 990px) { span.overlay-seal3 { top:70px!important; } .testi-box { line-height:1.5; } #header-slider-about { height:auto!important; } .offset-right { left:0px!important; } #header-slider-new2 { background:#383838!important; } #header-slider-new3 { background:#3F9EB9!important; } .sm-text-center { text-align:center!important; } .sm-text-left { text-align:left!important; } .sm-text-right { text-align:right!important; } #header2016 { background:url('/Templates/2.0/images/tg-2016-headerbg.jpg') -500px 0px; background-size:cover!important; } } /*Styles for screen 810px and lower*/ @media only screen and (max-width : 840px) { h1.slider-title, h1.slider-title2 { position:absolute!important; width:100%; top:70px!important; font-size:28px!important; } .slider-img2 { opacity:0.3; } .cybermonday-container { width:100%!important; } } /*Styles for screen 760px and lower*/ @media only screen and (max-width : 767px) { #top-header { height:auto; } .testi-box { height:auto!important; } .pos-section { position:relative!important; top:0px!important; } .yearlydrop { top:-1230px; } #header2016 { background:url('/Templates/2.0/images/tg-2016-headerbg.jpg') -600px 0px; background-size:cover!important; } #footerform { position:relative; top:0px!Important; margin-top:-360px; } #protectsite-section { margin-top:50px; } #customer-section { margin-top:40px; } .headright-title { font-size:28px!important; } .headright-content .h2 { font-size:24px!important; } .headright-content ul { font-size:14px!important; } #video-container { margin-top:-120px; } #videoframe2 { box-shadow:0px 0 0 #000000; } } /*Styles for screen 760px and lower*/ @media only screen and (max-width : 760px) { .btn-xl { font-size:18px!important; } .navigation { float:none!important; } #header-nav { margin:0px!important; } h2.container-heading { font-size:32px!important; top:0px!important; } span.overlay-seal-package1 { right:150px!important; } #header-slider { background-position:-450px -100px!important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home-secscan-icons { position:relative; top:50px; } .hidden-xxs { display:none!important; } .xs-text-center { text-align:center!important; } .xs-text-left { text-align:left!important; }.xs-text-right { text-align:right!important; } .hidden-xs-margin-pos { margin:0px!important; top:0px!important; right:0px!important; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #state-header-bg img { margin-top:70px; } #security_type { width:100%!important; min-width:100%!important; } #security_month_row, #security_year_row { width:10%!important; } } /*Styles for screen 550px and lower*/ @media only screen and (max-width : 550px) { .xxs-text-center { text-align:center!important; } .xxs-text-left { text-align:left!important; } .xxs-text-right { text-align:right!important; } span.overlay-seal-package1 { right:100px!important; top:-30px!important; } .left-fix { position:relative; left:-15px; } .nav-tabs-story a{ font-size:12px; } .sidebar-par-stop { top:0px!important } .no-pad-x { padding:24px!important; } .no-pad-y{ padding:0px!important; } .no-pad-r { padding:0px!important; } .no-pad-l { padding:0px!important; } .re-pad-r { padding:0px!important; } .re-pad-l { padding:0px!important; } .slider-title2 { position:relative; left:0px!important; } #top-header { position:relative!important; } #mid-section { margin-top:0px!important; } #state-header-bg img { margin-top:0px; } .video-arrow { position:relative;z-index:1;margin-top:-45px!important; } } /*Styles for screen 450px and lower MOBILE */ @media only screen and (max-width : 450px) { h1.slider-title, h1.slider-title2 { font-size:24px!important; } span.overlay-seal3 { top:20px!important; } .navigation { font-size:12px!important; } span.overlay-seal-package1 { right:50px!important; top:-40px!important; } #widgets-parallax { height:auto!important; } .testi-box { border:0px!important; } } /*Styles for screen 400px and lower*/ @media only screen and (max-width : 400px) { h1.slider-title , h1.slider-title2 { top:40px!important; } .navigation { font-size:10px!important; } }