
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 */
	{
		display:none;
	}
	/*Styles for screen 1350px and lower*/
	@media screen and (max-width: 1300px) {
		.video-frame {
			width:100%!important;
		}

	}
	/*Styles for screen 1200px and lower*/
	@media screen and (max-width: 1200px) {  
	#header-nav ul li a{
		padding:0 10px!important;
	}
	#footer-slider{
		height:auto!important;
		padding-bottom:30px!important;
	}
	
	.dropdown-menu a {
		text-align:left!important;
	}
	.dropdown a{
		text-align:center;
	}
	.container-force-fluid {
		width:100%!important;
	
	}

	}
	
	/*Styles for screen 1000px and lower*/
    @media screen and (max-width: 1000px) {  
	#top-header {
		height:auto;
	}	
	#logo-top {
		position:relative!important;
		z-index:9999999999999!important;
	}

	.navigation {
		float:none!important;	
		margin:0 0 30px 30px!important;
	}
	.dropdown {
		width:20%!important;
	}
	.dropdown-menu {
		top:47px!important;
	}
	.login-border {
		border:0px!important;
	}
			
	.row .searchbar {
		position:absolute!important;
		text-align:right;
		top:83px!important;		
	}
	.tg-seal {
			top:130px!important;
	}
	#sidebar1 {
			position:relative!important;
			top:0px!important;
	}
	.dropdown-submenu > a:after {
		margin-top:-10px!important;
		margin-right:0px!important;
	}
	#header-nav {
		right:0px;
	}
	#live-chat-content img {
		border:20px solid #000;
	}
		#live-chat-section {
			border-right:0px!important;
		}
	}
	/*Styles for screen 760px and lower*/
	@media only screen and (max-width : 760px) {
	h2.header-item {
		font-size:32px!important;
		top:0px!important;
		margin-top:50px;
	}

	}
	
	/*Styles for screen 700px and lower*/
	@media only screen and (max-width : 700px) {
	.arrow {
		display:none;
	}
	 .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%; 
	 }
	.navigation {
		margin:0 15px 15px!important;
	}
	nav {   
            height: auto;  
			border-bottom: 0;
        }  
        nav ul {  
            width: 100%;  
            display: none;
			height: auto;
			margin-bottom:20px; 
        }  
        nav li {  
            width: 93%;  
            float: left;  
            position: relative;  
			border-bottom: 1px solid #fff!important;
			padding:5px 0;
        }  
 
        nav a {  
            text-align: left!important;  
            width: 100%;  
            text-indent: 25px;  
        }  

		nav a#pull {
			display: block;
			margin:0;
			top:-10px;
			width: 100%;
			position: relative;
		}
		nav a#pull:after {
			content:"";
			background: url('nav-icon.png') no-repeat;
			width: 30px;
			height: 30px;
			display: inline-block;
			position:relative;
		}
	   
		.dropdown {
			width:92%!important;
			border-right:0px;
		}

		.dropdown-menu  {
		display:none!important;
		}
		.hidden-xxs {
			display:none!important;
		}
		
		.xs-text-center {
			display:block;
			margin:0 auto;
			text-align:center!important;
		}
		#menu-search-home {
			right:0px!important;
		}
		
		.all-things-sec {
			position:relative;
			top:40px;
		}

		.pad-r-md {
			padding-right:0px!Important;
		}
		.pad-l-md {
			padding-left:0px!Important;
		}


	}
	
	/*Styles for screen 700px and lower*/
	@media only screen and (max-width : 400px) {
		
	}





@media (max-width: 768px) {
	.btn-responsive {
		padding:2px 4px;
		font-size:80%;
		line-height: 1;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.btn-responsive {
		padding:4px 9px;
		font-size:90%;
		line-height: 1.2;
	}
}