.owl-theme .slide-title-holder h4 {
    width: auto;
    max-width: 53%;
}
header .dropdown-menu {
    padding: 11px 0;
}
header .dropdown-menu>li>a {
    line-height: 30px;
}
header .dropdown-menu>li>a:focus, header .dropdown-menu>li>a:hover {
    font-weight: 700;
}
footer:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 70%;
    background: #fff;
    display: block !important;
}
.footer-decor {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
}
.footer-decor:before {
    height: 100%;
    width: 6px;
}
.footer-decor:before, .footer-decor:after {
    content: '';
    position: absolute;
    background: #000;
    right: 0;
    bottom: 0;
}
.footer-decor:after {
    height: 6px;
    width: 100%;
}
footer.container {
    width: 80% !important;
}
/*.img-wrap .bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
}*/
.slide-title h3.transition {
    overflow: hidden;
}
/*
.slide-title h3.transition a.transition {
    position: relative;
    transition: all ease .3s;
    top: 0;
}
.slide-title h3.transition a.transition.active {
    top: 50px;
}
*/

/*Responsive Design*/
@media (min-width:1020px){
	.container {
		width: 100%;
    	max-width: 1332px;
	}
}
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	/* Make Navigation Toggle on Desktop Hover */
	ul.nav li:focus > ul.dropdown-menu,
	ul.nav li:hover > ul.dropdown-menu {
    	display: block;
  	}
    .dropdown .dropdown-submenu{
    	position: relative;
    }
    .dropdown-submenu .dropdown-menu {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	    border-top-left-radius: 0;
	}
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 1080px) {
	.project-details #lightbox .modal-dialog{
	    width: 1024px;
	}
}
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1599px) {
	header{
		width: 100%;
	}
	header .container{
		margin-left: 0;
	}
}
@media only screen and (max-width : 1320px) {
	.img-wrap .bg.skrollable{
		visibility: hidden;
	}
}
@media only screen and (max-width : 1200px) {
	header{
		width: 100%;
	}
	header .logo-holder{
		margin-left: 0;
	}
	header .navbar-nav > li > a{
		padding: 10px 15px;
	}
	.page.leadership .level-two .wrap-team-box{
		min-height: 400px;
	}
	.page-title {
    	font-size: 30px;
    	padding-bottom: 0;
	}
	.sub-title{
		font-weight: 500;
	}
	.wrapper-inner{
		padding: 100px 0;
	}
	.footer-inner{
		width: 100%;
		padding: 30px;
	}
	section{
		padding: 50px 0 30px;
	}
	.height-emulator{
		height: 150px;
	}
}
@media only screen and (max-width : 1036px) {
    .navbar-header {
        float: none;
        background: #fff;
        height: 74px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /*.navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }*/
    /*.navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }*/
    header{
    	background: #578e28;
    	padding: 0;
    }
    header .container{
    	padding-left: 0;
    	padding-right: 0;
    }
    .navbar{
    	border: 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    header .navbar-collapse.collapse.in {
    	display:block !important;
	    background: #578e28;
	    border-top: 0;
	    box-shadow: none;
	    float: none;
	    width: 100%;
	    margin-bottom: 8px;
	}
    header .navbar-toggle .icon-bar{
		background-color: #000;
	}
	header .navbar-nav > li {
	    float: left;
	    padding: 0;
	    text-align: left;
	    width: 100%;
	}
	header .navbar-nav > li.active a{
		color: #000;
		background: #fff;
	}
	header .navbar-nav > li.active a{
		color: #ccc;
	}
	header .navbar-nav > li.active > a::before,
	header .navbar-nav > li.active > a::after{
		height: 0;
		width: 0;
	}
	header .navbar-nav > li > a {
	    color: #fff;
	    padding: 10px 15px;
	}
	.nav .open>a, 
	.nav .open>a:focus, 
	.nav .open>a:hover,
	header .navbar-nav>li>a:focus, 
	header .navbar-nav>li>a:hover,
	header .navbar-nav > li.active a{
	    text-decoration: none;
	    color: #000;
	    font-weight: 700;
	    background-color: #fff;
	    border-color: transparent;
	}
	header .navbar-nav > li.dropdown.open a,
	header .navbar-nav > li.dropdown.active a{
	    text-decoration: none;
	    color: #000;
	    font-weight: 700;
	    background-color: #fff;
	    border-color: transparent;
	}
	header .navbar-nav > li.dropdown.open .dropdown-menu li a,
	header .navbar-nav > li.dropdown.active .dropdown-menu li a{
		color: #fff;
		font-weight: 400;
		background-color: transparent;
	}
	header .navbar-nav > li.active .dropdown-menu li a:focus,
	header .navbar-nav > li.active .dropdown-menu li a:hover{
		color: #fff;
		font-weight: 700;
		background-color: transparent;
	}
	header .logo-holder {
	    margin-left: 0;
	    padding: 10px;
	}
	header .navbar-brand {
	    padding: 0 15px;
	}
	header .navbar-brand .logo-holder > img {
    	max-width: 55px;
	}
	.page.leadership .level-two .wrap-team-box{
		min-height: inherit;
	}
	header .dropdown-menu{
		position: relative;
		padding-left: 30px;
		background: #578e28;
		border-bottom:0; 
		width: 100%;
	}
	header .dropdown-menu>li>a{
		color: #fff;
		padding: 3px 15px;
	}
	header .dropdown-submenu .dropdown-menu{
		left: 0; 
	}
}
@media only screen and (max-width : 1024px) {
	.owl-theme .slide-title-holder{
		width: 80%;
		bottom: 15px;
	}
	.owl-theme .slide-title-holder h3{
		font-size: 36px;
	}
	.owl-theme .slide-title-holder h4{
		font-size: 16px;
		margin-top: 0;
		width: 50%;
	}
	.owl-theme .owl-controls .owl-pagination {
    	left: 5px;
	}
	.owl-theme .owl-controls .owl-buttons{
		right: 30px;
	}
}
@media only screen and (max-width : 1019px) {
	.container{
		width: 100%;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    footer:before {
        width: 100%;
    }
	.navbar-brand {
	    height: auto;
	    padding: 0;
	}
	.page.leadership .level-two .wrap-team-box{
		min-height: 320px;
	}
	.team-details .wrap-team-photo{
		text-align: center;
	}
	.project-details .swiper-container.gallery-thumbs{
		display: none;
	}
	.gallery .item img {
    	height: auto;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.h1, h1 {
    	font-size: 28px;
	}
	.h2, h2 {
    	font-size: 22px;
	}
	h3, .h3{
		font-size: 18px;
	}
	.h4, h4 {
    	font-size: 16px;
	}
}
@media only screen and (max-width : 767px) {
	.navbar-header {
    	width: auto;
	}
	.container > .navbar-collapse, 
	.container > .navbar-header{
		margin-right: 0;
		margin-left: 0;
	}
	header .navbar-brand {
	    padding: 0;
	}
}

@media only screen and (max-width : 640px) {
	.owl-theme .slide-title-holder h3{
		font-size: 24px;
	}
	.owl-theme .slide-title-holder h4{
		font-size: 14px;
		font-weight: 600;
	}
	.page-title {
    	font-size: 24px;
	}
	.project-details .swiper-slide{
		height: 290px;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.project-details .swiper-slide{
		height: 200px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
    
}