/*Nav and Foot Responce styles*/

@media (max-width: 991px){

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		padding: 10px 5px;
	}
	.navbar-default .navbar-nav>li>a{
		padding: 10px 20px;
		border-bottom: 1px solid #73ab48;
	}

	.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    border-bottom: 1px solid #73ab48;
	}

	.navbar-styles{
		background-color: #64943f;
		padding: 0 5px;
		text-align: center;
	}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: #64943f;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
   			color: #cccccc;
    		background-color: #83a965;
	}

	.moble-view-nav{
		display: none;
	}

	.copy-right{
		color: #337ab7;
		height: 30px;
		text-align: center;
		background-color: #3768b2;
		clear: both;
	}

	h3.show-mobile{
		display: inline-block;
	}

}

/*Landing Page Styles and Standard Styles*/

@media (max-width: 992px){

	#wrapper{
		min-width: 100%;
	}

	h1{ font-size: 30px; margin-bottom: 16px;}
	h2{ font-size: 25px;}
	h3{ font-size: 18px; margin-top: 16px;}
	h4{ font-size: 18px; }
	h5{font-size: 18px;}

	.cta{
		width: 270px;
		height: 380px;
		padding: 10px 5px 10px 5px;
		margin: -90px 15px 0 15px;
		position: relative;
		top: 0;
		float: left;
		overflow: hidden;
		transition: 1s;
	}

	.cta-act{
		width: 100%;
	}

	.lp-cta{
		width: 100%;
	}

	.lp-video{
		width: 55%;	
	}

	.img-right{
		float: none;
	}

	.text-left{
		width: 90%;
	}

	img.mayor{width: 250px;}

	section.contact .contact-half{
		width: 40%;
		float: left;
		margin-right: 60px;
	}

	.nav-middle{
		width: 100%;
	}

	#upper-nav, #plemx-root{display: none;}



}

/*Landing Page Styles and Standard Styles BREAK 2*/

@media (max-width: 908px){

	.cta{
		width: 90%;
		height: 90px;
		padding: 10px 5px 10px 5px;
		margin: 15px auto;
		float: none;
	}

	.cta h2{
	margin-left: 35%;
	float: left;
	}

	img.small-view{
		display: none;
	}

	.cta:hover{
	top: -5px;
	}

	.navbar-header{
		padding: 5px 10px;
	}

	.lp-video{
		width: 60%;
		float: none;
		padding: 10px 5px 10px 5px;
		margin: 0 auto;
		position: static;
	}

	.cta-btm{
		width: 90%;
		height: 150px;
	}

	.cta-act{
		width: 160px;
		margin: 20px 5px 0 5px;
		padding:15px;
		float: right;
	}

	.img-right{
		width: 100%;
	}

	button.width{ width:95%;}

	.img-right img{width: 30%;}

	section.img-text{
		width: 100%		
	}

	img.left-img{
		float: none;
	}

	.img-text p{
		margin-left: 10px;
	}

	.img-text h2{
		margin-left: 10px;
	}

	section.skinny{
		width: 90%;
	}

	section.skinny p{
		width: 100%;
	}

	.img-right-float{
		float: none;
	}

	.text-left-float{
		width: 90%;
		margin-left: 0;
		float: none;
	}

	.aside{
		width: 90%;
		margin: 10px auto;
		padding: 20px;
	}

	.business{
		width: 90%;
		float: none;
		text-align: left;
	}

	section.contact .contact-half{
		width: 100%;
		float: none;
	}

	button.asider{
		width: 100%;
		padding: 10px 0;
	    font-size: 18px;
	}


}

@media (max-width: 764px){


	.lp-video{
		width: 87%;
		float: none;
		padding: 10px 5px 10px 5px;
	}

	section.lp-cta{
		height: 300px;
		margin-bottom: 20px;
	}

	.cta-act{
		width: 100%;
	}

	.lp-cta{
		height: 380px;
	}

	.cta h2{
		margin-left: 15px;
	}

	.cta-title img{width: 45px}

	.cta-btm{
		width: 90%;
		height: 300px;
	}

	.modal-content{
		width: 95%;
		margin: auto;
	}

	.modal-content iframe{
		width: 100%;
	}

	.text-left{
		width: 90%;
	}

	.img-right img{width: 100%;}

	img.img-resp{
		width: 90%;
	}

	img.mayor{width: 175px;}


}