/*Mobile CSS*/

@media (max-width: 479px){
	.body_page_fix {
  margin-top: 161px!important;
}
	.header_top_bar P{font-size: 10px!important; font-weight: bold; text-align:right;}
	.navbar-mobile a, .navbar-mobile a:focus{padding: 10px 26px!important;}
	.navbar li{/*margin: 15px 15px auto 25px !important;  */border-bottom: 1px dotted; padding: 12px 5px 5px }
	.nav_icon_active{margin: 0px 0px auto 10px !important; padding-top:10px;}
	.nav_icon{margin: 0px 0px auto 10px !important;padding-top:10px;}
	
	.header_top_bar{ font-size:12px!important}
	.header_mid_bar{height:90px;}
	.header_menu_bar{ height:35px; margin-top:0px; padding:5px 15px 0 0;}
	
	.logo_name_header{}
	.logo_name_header p{ text-align: center}
	.logo_name_header img{ width:100%}
	
	.mobile-nav-toggle{ color:#fff!important;}
		
	#hero{ height:415px!important}
	
	#video-background {
           
        }
        
        .content-over-video {
            position: absolute;
            top: 90%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
            color: white;
        }
		
	.dropdown-active{ background: #6D7E3A!important; margin: 15px auto!important;}
	.dropdown-active a{color:#5B6D33!important}
	
	.navbar-mobile .dropdown{ }
	.navbar-mobile .dropdown ul{margin:2px 2px;}
	.navbar-mobile .dropdown ul a{ padding-left:5px!important; color:#5B6D33!important;}
	.navbar-mobile .dropdown ul li{ padding-top:5px!important}
	.navbar-mobile{ background: #6D7E3A; }
	.navbar-mobile ul{}
	
	.about .content h2{line-height: 39px!important;}
	.body_header{font-size: 27px !important}
	.write_email{ font-size:12px!important}
	.blockquote{font-size: 1.00rem!important;}
	.banner_overlay_txt2{font-size: 10px!important; font-weight:bold!important}
	.banner_overlay_container2{ height:54px!important}
	
	
}

@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
			display: none;
		}
		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}