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;
		}

	}