/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/***********************************************************************************
*************************   Responsive css start here    ***************************
***********************************************************************************/

@media (max-width:500px) {
	body {
		word-wrap: break-word;
		white-space: normal;
	}
}

@media (min-width:768px) {
	body {
		font-size: 16px
	}
}

@media screen and (max-width: 991px) {
	.intro-text {
		font-size: 16px !important;
		font-weight: 400;
	}
	
	h1 {
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	
	h2 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	h3 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 8px;
	}
}

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {
	.navbar-default .navbar-nav>li>a {
		font-family: 'Oswald', sans-serif !important;
		font-weight: 400 !important;
		font-size: 18px;
		padding-right: 5px;
		padding-left: 5px;
	}
}


    /* Medium Devices, Desktops  ------iPad Portrait/Landscape NOTE: this will work for 768 ipad portrait below media too------ */

@media only screen and (max-width : 992px) {
	.navbar-default .navbar-nav>li>a {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 15px;
	}
	
	#bg-slideshow {
		margin-top: 90px;  /* slideshow moves down */
		margin-bottom: 0px;
	}
}



    /* Small mobile/iPhone Devices, Tablets NOTE if use 767px the menu will collapse */

@media only screen and (max-width : 768px) {
	.collapse {
		background-color: rgba(255,255,255,.98);
		/*	padding-left: 20px;  needs to uncomment so menu does not jerk right*/
		border-radius: 0px;
		overflow: hidden;
		padding-bottom: 10px;
		/*padding-top: 10px;*/
	}
	
	.icon-bar {
		/*--------Change icon-bar (☰) color to match your design-----*/
		color: #D9DAD2 !important;
		border-color: #D9DAD2 !important;
		background-color: #D9DAD2 !important;
	}
	
	.navbar-header {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.last {
		/*--------border below the logo on mobile-----*/
		border-bottom: 1px solid rgb(210, 211, 210)!important;
	}
	
	.first {
		/*--------no boder on first li (example: Home)-----*/
		border-bottom-style: none !important;
	}
	
	.navbar-default {
		background-color: rgba(255, 255, 255, 1.0) !important;  /*bg for mobile menu on main */
	}
	
	.navbar-default .navbar-nav>li>a {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 18px;
		/*padding-right: 15px;*/
	}
	
	.navbar-default .navbar-nav>li>a:hover {
		color: #8a0203 !important; /*--------Submenu color hover only on mobile-----*/
		background-color: rgba(229, 229, 229, 0.7);
	}
	
	.navbar-default .navbar-nav>li>a:visited {
		/*--------bottom line stays #E0E2DE when open submenu-----*/
		/*border-bottom: 1px solid rgba(255, 255, 255, 0);*/
	}
	
	.navbar .dropdown-menu li a {
		/*--------Mobile submenu only-----*/
		word-spacing: 1px;
		letter-spacing: 1px;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		margin-right: 0px;
		/*margin-left: 20px;*/
		/*padding: 10px;*/
		/*border: 0px!important;*/
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		color: #8a0203;
		background-color: transparent;  /*main menu no color*/
		text-decoration: none !important;
		text-shadow: 0px 0px 0px rgba(75, 70, 60, 0.4);
	}
	
	.navbar .dropdown-menu {
		/*====== dropdowm menu Background color =========*/
		border: 0px;
		margin-top: 16px;
		margin-right: 0px;
		margin-bottom: 10px;
		/*	margin-left: -20px;*/
		padding-bottom: 1px;
		padding-left: 10px;
		word-spacing: 1px;
		letter-spacing: 1px;
	}
	
	.navbar .dropdown-menu li a:hover {
		/*submenu hover bg and text color*/
		color: #8a0203 !important;
	}
	
	.dzsparallaxer .big-text {
		width: 100%;
		font-size: 30px !important;
		line-height: 1.25;
	}
	
	.as_slider {
		margin-top: 86px!important;
		margin-bottom: 0px!important;
	}
}

   @media only screen and (max-width : 767px) {
	.navbar-default .navbar-nav>li>a {
		font-family: 'Oswald', sans-serif;
		font-weight: 400;
		font-size: 18px;
		padding-left: 30px;
	}
	
	.navbar .dropdown-menu li a {
		/*--------Mobile submenu only-----*/
		font-size: 17px;
		word-spacing: 1px;
		transition: all 0.4s ease-in-out;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		margin-right: 0px;
		margin-left: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 30%;
		margin-top: 0px;
	}
}



/* iPhone 6 landscape · width: 667px ----------- */

@media only screen and (max-width : 667px) {
	.top-bar-wrap {
		height: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 20%;
		margin-top: 0px;
	}
	
	#bg-slideshow {
		margin-top: 65px; /*slideshow goes down only below*/
		margin-bottom: 0px;
	}
	
	.collapse {
		padding-bottom: 10px;
		padding-top: 15px;
	}
}


	/* iPhone 5 landscape · width: 568px ----------- */

@media only screen and (max-width : 568px) {
	.top-bar-wrap {
		height: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 25%;
		margin-top: 0px;
	}
	
	#bg-slideshow {
		margin-top: 65px; /*slideshow goes down only below*/
		margin-bottom: 0px;
	}
	
	.collapse {
		padding-bottom: 10px;
		padding-top: 15px;
	}
}

	
	
	/* Smartphones (portrait) ----------- */

@media only screen and (max-width : 414px) {
	.top-bar-wrap {
		height: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 35%;
		margin-top: 0px;
	}
	
	#bg-slideshow {
		margin-top: 65px; /*slideshow goes down only below 414*/
		margin-bottom: 0px;
	}
	
	.collapse {
		padding-bottom: 10px;
		padding-top: 15px;
	}
}
	
	
	/* iPhone 6 portrait · width: 375px ----------- */

@media only screen and (max-width : 375px) {
	.top-bar-wrap {
		height: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 35%;
		margin-top: 0px;
	}
	
	#bg-slideshow {
		margin-top: 65px; /*slideshow goes down only below 414*/
		margin-bottom: 0px;
	}
}
	


/* iPhone 6 portrait · width: 375px ----------- */

@media only screen and (max-width : 320px) {
	/*-----------------------------------------------------------------------------------*/
	/*	Large icons for homepage with Font Awesome on HTML
	/*-----------------------------------------------------------------------------------*/
	
	.icon-large-box i {
		width: 120px;
		height: 120px;
		line-height: 120px;
		font-size: 70px;
		color: #fff;
		background-color: #CCCACC;
		border: 2px solid #CCCACC;
		margin-bottom: 20px;
		border-radius: 190px;
		-webkit-border-radius: 190px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.services-icons h2 {
		text-align: center;
		font-family: 'Roboto Slab', serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 20px;
		word-spacing: 0px;
		margin-bottom: 10px;
	}
	
	#bg-slideshow {
		margin-top: 60px; /*slideshow goes down only below 320*/
		margin-bottom: 0px;
	}
	
	.top-bar-wrap {
		height: 10px;
	}
	
	.top-bar-wrap .logo {
		width: 40%;
		margin-top: 0px;
	}
	
	.collapse {
		padding-bottom: 10px;
		padding-top: 15px;
	}
}