@media only screen and (max-width: 1199px){

	.top-head,.top-head ul li:first-child {
	font-size: 12px;
	}

	.about h2{
		font-size: 30px;
	}

	figcaption{
		font-size: 13px;
	}

	.footer .col-sm-4{
		width: 43%;
	}
	

	.footer .col-sm-8{
		width: 56%;
	}
}

@media only screen and (max-width: 991px){

	body{
		font-size: 15px;
	}

	h1 {
	font-size: 34px;}

	h2{
		font-size: 24px;
	}

	h6 {
	font-size: 14px;
	}

	
	nav.primary{display:none;}
	#menu-button{display: block; font-size:2em; position: relative; z-index:600; text-align: right;}
	#menu-button a{color:#fff; text-decoration: none;  font-weight:100;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 5000;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {width:100%; padding:0;color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff !important; border-left:4px #e5a922 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:14px; line-height:14px; padding:15px 0;}
	
	
	.inner-about p {
    margin-bottom: 30px;
	}

	.inner-about .col-xs-12 {
    padding: 50px 50px;
	}

	.main-navigation ul{
	top: 42px;
	}

	.main-navigation ul li:hover ul {
    top: 52px;
	}

	.footer .col-sm-4 {
    padding-left: 25px;
	}

	.footer address {
    margin: 10px 0 15px;
	}

	.footer {
    padding: 50px 0;
    font-size: 12px;
	}

	.footer .col-sm-8 {
    padding-left: 40px;
	}

	.about {
    padding: 60px 0 60px;
	}

	.google-maps {
    height: 220px;
	}

	.about h2 {
    font-size: 21px;
	}

	/*.style-one::before {
    width: 200px;
	}*/

	address {
    margin: 20px 0 25px;
	}

	.hours-operation {
    margin-bottom: 30px;
	}

	.about h6 {
    margin-bottom: 10px;
	}

	figcaption {
    font-size: 9px;
	}

	.about .col-sm-8 {
    padding-left: 25px;
	padding-right: 60px;}

	.features img {
    height: auto;
	width: 100%;
	max-height: 262px;
	}

	.top-head ul li:first-child,
	.top-head{
    font-size: 9px;
	}

	.top-head ul li:first-child i {
    font-size: 12px;}

    .site-branding img {
    margin-left: 0;
    width: 100px;
	}

	.main-navigation {
    font-size: 12px;}

	.logo-sec li {
    padding-right: 30px;
	}

	.banner-item {
    height: 350px;
	}

	.features figure::before{
	background-size: 80%;
	height: 30px;	
	}

	.inner-about title{
    	font-size: 24px;
    }

}


@media screen and (max-width: 767px){

	.form-inline .form-group {
    width: 100%;}

	.inner-about p {
    margin-bottom: 10px;
	}

	.inner-about h2 {
	margin-bottom: 10px;
	}

	.inner-about .col-xs-12 {
	padding: 30px 15px 20px;
	}

	.features figure::before{
	background-size: 70%;
	height: 20px;
	}

	.footer {
    padding: 20px 0;
    font-size: 14px;
	}

	.footer address {
    margin: 10px 0 10px;
	}

	.footer .col-sm-8 {
    padding-left: 15px;
    width: 100%;
	}

	.footer .col-sm-4 {
    padding-left: 15px;
    width: 100%;
    padding-right: 15px;
   }

	.footer .col-sm-4 ul {
	border-bottom: 2px solid #e5a922;
    padding-bottom: 25px;
    margin-bottom: 25px;
	}

	.about .col-sm-8 {
    padding-left: 15px;
    padding-right: 15px;
	}

	address {
    margin: 20px 0 15px;
	}

	.hours-operation{
		margin-top: 25px;
		margin-bottom: 30px;
	}

	.about {
    padding: 30px 0 20px;
	}

	.features img {
    height: auto!important;
    }

	figcaption {
    font-size: 7px;
	}

	.features .col-xs-6:nth-child(2n){
		border: 0;
	}
	
	.right-arrow{
		left: 5px;
	}

	.left-arrow{
		right: 5px;
	}

	.banner-item,
	.feature-banner{
	display: flex !important;
	justify-content: center;
	align-items: center;	
	}

	.feature-banner{
		height: 180px;
	}

	.banner-item {
    height: 250px;
    padding-top: 0;
    }

	.right-arrow,
	.left-arrow{
		width: 10px;
	}

	.hero-banner h1,
	.icontent h1{
		font-size: 23px;
	}

	.feature-banner{
		padding-top: 0;
	}

	.hero-banner h6,
	.icontent h6{
		font-size: 11px;
	}

	/*.mean-expand::after {
	    content: '\f054';
	    font-family: FontAwesome;
	    font-size: 18px;
	    -webkit-text-stroke: 1px #000;
	}

	.mean-expand.mean-clicked::after {
    content: '\f078';
	}

	.mean-bar{
		margin-top: 50px;
		box-shadow: none !important;
		background: #000 !important;
	}

	.mean-container a.meanmenu-reveal{
		top: 10px;
	}*/

	.tab-logo{
		z-index: 999999;
		position: relative;
		top: 7px;
		left: 18px;
		display: inline-block;
	}

	.tab-logo img{
		width: 85px;
	}

	.top-head{
	    display: none;
	}

	.tablet-menu{
		background: #68933e;
		color: #ffffff;
		padding: 10px 0;
	}

	.tablet-menu i{
		padding-right: 5px;
	}

	.tablet-menu li{
		display: block;
	}

	.tablet-menu .col-xs-5{
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
	}

	.tablet-menu .row{
		display: flex;
		align-items: center;
	}

	.tablet-menu .col-xs-7{
		font-size: 9px;
	}

	.tablet-menu .col-xs-7 ul{
		width: 160px;
		text-align: left;
		float: right;
	}

	span.wpcf7-not-valid-tip {
    position: relative;
    }

    .icontent h6,
    .hero-banner h6{
    	margin-bottom: 0;
    }

    .mean-container .mean-nav ul li a.mean-expand{
    	width: 100%;
    	text-align: right;
    }

    .inner-about title{
    	margin-bottom: 10px;
    }

    form{
		margin-top: 30px;
	}
}