@charset "utf-8";
/* CSS Document */


/*Screen Height CSS*/
@media only screen and (max-height:850px){
	#menu-container{
		max-height:430px;
		overflow:auto;
	}
}

@media only screen and (max-width:1199px){
	.upperMenu-nav{
		display: flex;
    	justify-content: center;
	}
	.menu-link{
		display: none;
	}
	.nav-link{
		display: block!important;
	}
	.innerPage-header-row{
		display: flex;
		justify-content: center;
	}
	.section-image-col{
		padding:0px 0px 0px 0px;
		display: flex;
		justify-content: center;
	}
	.section-text-col{
		padding:0px 0px 0px 0px!important;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.section-text-col .section-desc{
		text-align: center;
	}
	.section-text-col .section-title{
		margin: 40px 0px 20px;
		text-align: center;
	}
	.testimonials-photo-holder{
		width:100%;
		display: flex;
		justify-content: center;
	}
	.testimonials-text-holder{
		width:100%;
		display: flex;
		flex-direction:column;
		justify-content: center;
		text-align: center;
	}
	.testimonials-text-holder > p{
		width:100%;
		display: block;
		max-width:none;
	}
	.testimonials-text-holder > cite{
		max-width:none;
		text-align: center;
	}
	.contact-input-col{
		padding:0px 0px 10px 0px;
	}
	iframe{
		width:100%;
	}
	.modal-dialog{
		display:block;
		width:calc(100% - 40px);

		margin:40px 0px;
	}
	.modal-body > img{
		width:100%;
	}
}

@media only screen and (max-width:991px){
	.index-main-menu li{
		display:block;
		width:100%;
	}
	.footer-menu-nav > ul li{
		width:100%;
		border-bottom: solid 1px #8c6642;
		    border-right:none;
	}
	.footer-menu-nav > ul li a{
		text-align: center;
		font-weight:500;
	}
	.centered-title-holder::before{
		display: none;
	}
	.centered-title-holder::after{
		display: none;
	}
	
}

@media only screen and (max-width:767px){
	.index-header{
		z-index:2;
	}
	.index-slider-container::before{
		content: '';
		display: inline-flex;
		width: 100%;
		height: 100%;
		background-color: #00000063;
		position: fixed;
		z-index: 1;
	}
	.carousel-control-next, .carousel-control-prev{
		z-index:2;
	}
	.index-header-logo{
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	.index-header-slogan {
		display: block;
		width: 100%;
		background-size: contain;
		background-position: center;
	}
	.index-follow-section ul li{
		margin:0px 7px 0px 0px;
	}
	.album-box{
		opacity:1;
		-webkit-filter: grayscale(0%);
    	filter: grayscale(0%); 
	}
	.album-box h4{
		background-color: rgba(30,25,20,0.7);
	}
	
}
@media only screen and (max-width:575px){
	.section-image{
		width: 280px;
    	height: 280px;
	}
	.gallery-album-col{
		min-height:140px;
	}
}


