

/*--gallery--*/

.gal-sec {
	padding: 0;
}

.gallery-grid1 .p-mask,
.row .product .vm-product-media-container .p-mask {
	opacity: 0;
	visibility: hidden;
	background: #ea3433;
	bottom: 0%;
	position: absolute;
	padding: 1em 1.3em;
	width: 97.5%;
	-webkit-transform: translate3d( 0px, 100%, 0px);
	-moz-transform: translate3d( 0px, 100%, 0px);
	-ms-transform: translate3d( 0px, 100%, 0px);
	-o-transform: translate3d( 0px, 100%, 0px);
	transform: translate3d( 0px, 100%, 0px);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	text-align: left;
}

.gallery-grid1 .p-mask .p-desc {
	color: #a3a3a3;
	position: relative;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1em;
}

.gallery-grid1:hover .p-mask,
.row .product:hover .p-mask {
	opacity:80%;
	visibility: visible;
	-webkit-transform: translate3d( 0px, 0px, 0px);
	-moz-transform: translate3d( 0px, 0px, 0px);
	-ms-transform: translate3d( 0px, 0px, 0px);
	-o-transform: translate3d( 0px, 0px, 0px);
	transform: translate3d( 0px, 0px, 0px);
}

.p-mask h6 {
	color: white;
	font-size: 1.4em;
	text-decoration: none;
	line-height: 1.8em;
	letter-spacing: 1px;
}

.p-mask p {
	margin: 0;
	color: #737171;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1em;
}

.gallery-grid1 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

section.gallery {
	background: #f7f7f7;
	padding-top: 6em;
}

/*--//gallery--*/


/*--responsive--*/

@media(max-width:1440px) {
	.banner-bottom {
		padding: 5em 0;
	}
	.banner-info h3 {
		font-size: 6em;
	}
	.banner {
		min-height: 756px;
	}
	.banner-info h4 {
		letter-spacing: 2px;
		font-size: 1.4em;
		margin-bottom: 1em;
	}
	section.gallery {
		padding-top: 5em;
	}
}

@media(max-width:1280px) {
	.banner {
		min-height: 708px;
	}
	footer {
		padding: 4em 0;
	}
	section.gallery {
		padding-top: 4em;
	}
}

@media(max-width:1080px) {
	.address-info {
		padding: 3em 0.5em;
	}
	.address-right p,
	.address-right p a {
		font-size: 0.8em;
	}
	.banner-info h3 {
		font-size: 5.5em;
	}
	.banner {
		min-height: 670px;
	}
	.banner-bottom {
		padding: 4em 0;
	}
	.feature h3 {
		font-size: 2em;
	}
	.ab-info-text {
		padding: 3em;
	}
}

@media(max-width:1050px) {
	.banner-info h3 {
		font-size: 5em;
	}
}

@media(max-width:1024px) {
	.banner-info {
		padding-top: 7em;
		position: relative;
	}
	.banner {
		min-height: 638px;
	}
}

@media(max-width:991px) {
	
	.feature.fea-slider {
		margin-top: 3em;
	}
	.text-info-sec {
		margin-top: 2em !important;
	}
}

@media(max-width:900px) {

}

@media(max-width:800px) {

}

@media(max-width:768px) {

}

@media(max-width:767px) {
	.address-right.text-left {
		text-align: center !important;
		margin-top: 1em;
	}
	a.animated-button:link,
	a.animated-button:visited {
		position: relative;
		padding: 10px 30px;
	}
}

@media(max-width:667px) {
	.banner-info h3 {
	
}

@media(max-width:600px) {
	
	.map iframe {
		height: 282px;
	}
	h2.logo a {
		font-size: 1.8em;
	}
	section.gallery {
		padding-top: 3em;
	}
}

@media(max-width:568px) {
	
}

@media(max-width:480px) {
	.about-img {
		min-height: 375px;
	}
	h3.tittle,
	.feature h3 {
		font-size: 1.6em;
	}
	.tabs {
		width: 100%;
	}
}

@media(max-width:440px) {
	h1.logo a.navbar-brand {
		font-size: 1.2em;
	}
	.banner-info h3 {
		font-size: 2em;
	}
	.banner-info {
		width: 80%;
		padding-top: 2em;
	}
	a.animated-button:link,
	a.animated-button:visited {
		position: relative;
		padding: 10px 20px;
		font-size: 13px;
	}
	.banner-info h4 {
		letter-spacing: 1px;
		font-size: 1em;
		margin-bottom: 1em;
	}
	.banner {
		min-height: 350px;
	}
/*	header {
		padding: 2em 0 0 0;
	}*/
	#navbarSupportedContent {
		width: 96%;
	}
	.navbar-light .navbar-nav .nav-link,
	.dropdown-item {
		font-size: 12px;
		letter-spacing: 1px;
	}
	ul#pills-tab {
		margin-left: 1em;
		margin-top: 0 !important;
	}
	.text-info-sec h5 {
		font-size: 1.2em;
	}
	h2.logo a {
		font-size: 1.6em;
	}
	h4.sub-hd {
		font-size: 1.2em;
		letter-spacing: 2px;
	}
	.feedback-top {
		padding: 2em 1em;
	}
	.feedback-top p {
		font-size: .875em;
		line-height: 2em;
		letter-spacing: 1px;
	}
}

@media(max-width:384px) {
	.banner-bottom {
		padding: 2.2em 0;
	}
/*	header {
		padding: 1.2em 0 0 0;
	}*/
	.feedback-img-info {
		float: left;
		width: 60%;
		margin: 0.9em 0 0 1em;
	}
	.feedback-img-info h5 {
		font-size: 1.1em;
	}
	.feedback-img-info p {
		font-size: .8em;
	}
	h2.logo a {
		font-size: 1.4em;
	}
	.feedback-info {
		margin: 0em 0 !important;
	}
}

@media(max-width:375px) {
	h1.logo a.navbar-brand {
		font-size: 1em;
	}
	.banner {
		min-height: 323px;
	}
	.banner-info h3 {
		font-size: 1.8em;
	}
	a.animated-button:link,
	a.animated-button:visited {
		position: relative;
		padding: 8px 20px;
		font-size: 12px;
	}
	section.gallery {
		padding-top: 2em;
	}
	.inner-sec {
		margin-top: 1.6em;
	}
	.text-info-sec h5 {
		font-size: 1.1em;
	}
}

@media(max-width:320px) {
	h3.tittle,
	.feature h3 {
		font-size: 1.4em;
	}
	.banner-bottom {
		padding: 1.8em 0;
	}
	.inner-sec {
		margin-top: 1.5em;
	}
	.p-mask h4 {
		font-size: 1.2em;
	}
}

/*--//responsive--*/