/* #Media Queries Responsive
================================================== */
/* Mobile Responsive Styles for Meridian Agro */

/* Base responsive settings */
@media (max-width: 767px) {
	.rubber-content-sm {
		margin-top: 150px !important;
	}

	.bg-images-rubber:before {
		margin-top: -50px !important;
	}



	.bg-images-kkdairy:before {
		margin-top: -50px !important;
	}

	.kkdairy:before {
		background: url("../images/dairy/fishries.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.hatchery:before {
		background: url("../images/hatchery/hatchery2.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/* background-size: cover; */
		/* margin-top: -300px !important; */
	}

	.Welcome2 {
		margin-top: 290px !important;
	}

	.Welcome3 {
		margin-top: 180px !important;
	}

	.hatchery {
		margin-top: -30px !important;
	}

	/* General adjustments */
	.shell {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.index-shell {
		margin-right: auto;
		margin-left: 10px !important;
		width: 100%;
		padding-left: 5px;
		padding-right: 1px;
	}

	.btn-1 {
		margin-bottom: 20px !important;
	}

	.btn-2 {
		margin-bottom: -50px !important;
	}

	/* Text alignment for mobile */
	.text-md-left {
		text-align: center !important;
	}

	.content {
		margin-top: -50px !important;

	}

	/* Section spacing */


	.section-md-110,
	.section-md-top-80,
	.section-md-top-0 {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}

	.section-top-80 {
		padding-top: 40px !important;
	}

	.section-top-99 {
		padding-top: 50px !important;
	}

	.section-bottom-80 {
		padding-bottom: 40px !important;
	}

	.Welcome-dairy {
		margin-top: 200px !important;
	}

	/* Typography adjustments */
	h1 {
		font-size: 28px !important;
		line-height: 1.3 !important;
		text-align: left !important;
	}

	p {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}

	/* Background image positioning */
	.img1:before,
	.rubber:before,
	.kkdairy:before,
	.hatchery:before {
		background-position: center !important;
		height: 250px !important;
		width: 100% !important;
		margin-bottom: 20px;
	}

	/* Fix absolute positioned elements */
	.section-abs-4,
	.section-abs-5 {
		position: relative !important;
		top: 0 !important;
		width: 100% !important;
		margin-bottom: 20px;
	}

	.section-abs-4 .img-wrapper,
	.section-abs-5 .img-wrapper {
		width: 100% !important;
		margin: 0 auto !important;
	}

	.section-abs-4 img,
	.section-abs-5 img {
		height: 250px !important;
		object-fit: cover !important;
		margin-top: 0 !important;
	}

	/* Fix layout issues */
	.position-r {
		position: relative !important;
	}

	.cell-md-6,
	.cell-md-5,
	.cell-lg-6 {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		float: none !important;
	}

	.cell-md-preffix-1 {
		margin-left: 0 !important;
	}

	/* Fix spacing issues */
	/* .rubber {
		margin-top: 0 !important;
	} */

	.kkdairy {
		margin-top: 0 !important;
	}

	/* Layout adjustments for alternating sections */
	section.position-r {
		display: flex;
		flex-direction: column;
	}

	section.position-r .index-shell {
		order: 2;
	}

	section.position-r .section-abs-4,
	section.position-r .section-abs-5 {
		order: 1;
	}

	/* Fix image specific issues */
	.meridian-index-img {
		margin-top: 0 !important;
	}

	/* Improve "Read More" link positioning */
	.link-var-1 {
		text-align: left !important;
		/* margin-top: 20px !important; */
		/* margin-bottom: 20px !important; */
		/* display: inline-block !important; */
	}


}

/* Medium laptops (including ThinkPad in lower resolution settings) */
@media screen and (min-width: 1280px) and (max-width: 1599px) {
	.img1:before {
		background: url("../images/home/home-left-image.jpg") no-repeat;
		background-size: cover;
		width: "40%" !important;
		height: "40%" !important;
		/* background-color: #477d3d !important;*/
	}

	.rubber {
		margin-top: -40px !important;
	}

	.rubber:before {
		background: url("../images/agro-landing/rubber.jpg") no-repeat;
		/* background-size: cover; */
		/* width: "40%" !important;
		height: "40%" !important; */
		/* background-color: #477d3d !important;*/
	}

	.img2:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/* background-size: cover */
	}

	.img3:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.kkdairy {
		margin-top: -100px !important;
	}

	.kkdairy:before {
		background: url("../images/dairy/fishries.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}


	.hatchery:before {
		background: url("../images/hatchery/hatchery2.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/*background-size: cover;*/
		/* margin-top: -300px !important; */
	}


	.hatchery {
		margin-top: 100px !important;
	}

	.meridian-index-img {
		margin-top: 26px !important;
	}




}


/* Desktop
------------------------- */

@media screen and (min-width: 1600px) and (max-width: 1899px) {
	.img1:before {
		background: url("../images/home/home-left-image.jpg") no-repeat;
		background-size: cover;
		width: "40%" !important;
		height: "40%" !important;
		/* background-color: #477d3d !important;*/
	}

	.rubber {
		margin-top: -40px !important;
	}

	.rubber:before {
		background: url("../images/agro-landing/rubber.jpg") no-repeat;
		/* background-size: cover; */
		/* width: "40%" !important;
		height: "40%" !important; */
		/* background-color: #477d3d !important;*/
	}

	.img2:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/* background-size: cover */
	}

	.img3:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.kkdairy {
		margin-top: -140px !important;
	}

	.kkdairy:before {
		background: url("../images/dairy/fishries.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.hatchery {
		margin-top: 540px !important;
	}

	.hatchery:before {
		background: url("../images/hatchery/hatchery2.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover;
		/* margin-top: -300px !important; */
	}

	.meridian-index-img {
		margin-top: 26px !important;
	}

}



/* Desktop large
------------------------- */
@media (min-width: 1900px) {
	.hatchery2 {
		margin-top: 150px !important;
	}

	.hatchery:before {
		margin-top: 145px;
	}

	.img2:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.img3:before {
		background: url("../images/home/kk.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		background-size: cover
	}

	.kkdairy {
		margin-top: -15px !important;
	}

	.kkdairy:before {
		background: url("../images/dairy/fishries.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/* background-size: cover */
		/* margin-top: -50px !important; */
	}

	.hatchery:before {
		background: url("../images/hatchery/hatchery2.jpg") no-repeat;
		/*background-color: #477d3d !important;*/
		/* background-size: cover */
	}

	.rubber:before {
		background: url("../images/agro-landing/rubber.jpg") no-repeat;
		margin-top: 80px !important;
		/* width: 80% !important; */
		/* background-size: cover; */
		/* width: "40%" !important;
		height: "40%" !important; */
		/* background-color: #477d3d !important;*/
	}
}



@media (min-width: 980px) and (max-width: 1199px) {


	.full-height {
		height: auto;
	}

	.section-bottom-80 {
		padding-bottom: 0px;
		padding-top: 30px;
	}

	.extra-top {
		padding-bottom: 0px !important;
		margin-bottom: 0px !important;
	}

	.list-alpha li {
		padding-bottom: 0px;
	}

	.extra-bottom {
		margin-bottom: 30px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	#directors-page #border {
		top: 231px;
	}

	#directors-page .director-div {
		width: 900px;
	}

	#directors-page .director-div.second {
		width: 900px;
		left: -230px;
	}

	#directors-page .director-div.third {
		width: 900px;
		left: -460px;
	}

	#directors-page .director-div.fourth {
		width: 900px;
		left: -680px;
	}

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	.rd-navbar-fixed .rd-navbar-brand .brand-name img {
		display: block;
	}

	/*.page-head.section-sm-top-80:after { display: none; }*/
	nav.rd-navbar.rd-navbar-original.rd-navbar-fullwidth {
		position: relative;
		z-index: 99;
	}

	.rd-navbar-fullwidth .rd-navbar-nav>li+li:last-child:before {
		display: none;
	}

	.rd-navbar-static .rd-navbar-nav>li>a,
	.rd-navbar-fullwidth .rd-navbar-nav>li>a {
		font-size: 14px;
	}

	.swiper-slide-caption {
		margin-top: 400px;
	}

	.swiper-slide-caption h1 {
		text-align: left;
	}

	.rd-navbar-inner {
		padding-top: 10px;
	}

	.img1:before {
		display: none;
	}

	.img2:before {
		display: none;
	}

	.section-top-80 {
		padding-top: 0px;
		margin-top: 10px;
	}

	.extra-top {
		padding-bottom: 10px !important;
	}

	.list-alpha li p {
		margin-top: 10px;
		margin-bottom: 0px;
	}

	.list-alpha li {
		padding-bottom: 0px;
	}

	.extra-bottom {
		margin-bottom: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 40px !important;
	}

	section.position-r {
		padding-bottom: 30px !important;
	}

	.footer .phone {
		font-size: 16px;
	}

	.footer ul.quick-links {
		width: 100%;
		margin: 0 auto;
		margin-left: 0px;
	}

	.footer ul.social-icons {
		padding-top: 5px;
		text-align: left;
	}

	.link-default a {
		margin-top: 5px;
	}

	.link-var-1 {
		text-align: left;
		padding-bottom: 20px;
	}

	.common-page ul.business-unit-nav-ul li {
		padding: 10px 35px;
	}

	#directors-page ul.directors-ul li>a>img {
		height: auto;
	}

	#directors-page ul.directors-ul li {
		width: 50%;
	}

	#directors-page #border {
		top: 307px;
	}

	#directors-page ul.directors-ul li {
		width: 49%;
	}

	#directors-page ul.directors-details>li {
		width: 100%;
	}

	#directors-page .director-div {
		width: 760px;
		font-size: 15px;
	}

	#directors-page .director-div.second {
		position: relative;
		left: -370px;
		width: 750px;
	}

	#directors-page .left p {
		width: 100%;
	}

	#directors-page .right p {
		text-align: justify;
	}

	#directors-page .left {
		padding-right: 0px;
	}

	#directors-page .sign {
		text-align: left;
	}

	#directors-page .sign img {
		height: 80px;
		display: inline-block;
		width: 10%;
	}

	#directors-page .left:after {
		display: none;
	}

	#csr .right {
		padding-left: 15px;
		padding-top: 15px;
	}

	.nav-tabs>li>a {
		font-size: 14px;
	}

	.nav-tabs>li>a>span {
		width: 163px;
	}

	.common-page .text-details {
		display: block;
		margin-left: 0px;
	}

	.common-page .left-padding {
		padding-right: 0px;
	}

	.common-page img {
		display: block;
		margin: 15px 0px;
		text-align: left;
		width: 100%;
	}

	.common-page .left-padding .col-sm-12 img {
		display: block;
		padding-right: 130px;
	}

	.magno-text {
		display: block;
		padding-right: 30px;
	}

	#news-page .level-1 {
		padding: 30px 0px;
	}

	.page-head.section-sm-top-80:after {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-brand {
		z-index: 999;
		width: 100%;
	}

	#directors-page #border {
		display: none;
	}

	header.bacground-image {
		background-size: cover;
	}

	#directors-page .arrow-bounce img {
		width: 30px;
		margin-left: 40%;
	}

	#directors-page .right {
		padding-right: 60px;
	}

}

/* Show large image only on screens wider than 768px */
.banner-img-sm {
	display: none;
}

@media (max-width: 767px) {
	.banner-img-lg {
		display: none;
	}

	.banner-img-sm {
		display: block;
	}
}

/* All Mobile Sizes (devices and browser)
------------------------- */
@media only screen and (max-width: 767px) {
    .img1::before {
		display: none !important;
	}

	#directors-page .director-div.third {
		left: 0px;
	}

	#directors-page .director-div.fourth {
		left: 0px;
	}

	.banner-img {
		height: 200px !important;
		margin-top: 58px !important;
	}

	.bg-images:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		height: 100px !important;
		width: 450px !important;
		/*background: url("../images/home-01.jpg") no-repeat;*/
		background-size: cover;
		z-index: 0;
		background-position: 57% !important;
		min-height: 265px !important;
	}

	.hatchery-content {
		margin-top: 50px !important;
	}

	.hatchery-content2 {
		/* margin-top: 50px !important; */
		padding-top: -50px !important;
	}

	.Welcome {
		margin-top: -61px !important;
	}

	.kkh1 {
		margin-top: 40px !important;
	}
}

@media (max-width: 767px) {
	.hide-on-small {
		display: none !important;
	}
}

@media (min-width: 768px) {

	/* Modal overlay */

	.hide-on-small {
		display: block !important;
	}

	#directors-page .director-div h2.few-words {
		padding-bottom: 30px;
		margin-top: 20px !important;
	}
}

@media (min-width: 768px) {
	.mobile-only {
		display: none !important;
	}

}

.modal-overlay {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	overflow-y: auto;
}

.modal-content {
	background-color: #fff;
	margin: 50px auto;
	padding: 20px;
	width: 95%;
	max-width: 800px;
	border-radius: 10px;
	position: relative;
}

.close-btn {
	position: absolute;
	top: -5px;
	right: -5px;
	font-size: 40px;
	color: #019E46;
	cursor: pointer;
	font-weight: bold;
	width: 60px;
	height: 60px;
	line-height: 36px;
	text-align: center;
	user-select: none;
	border: none;
	background: transparent;
	padding: 0;
	border-radius: 50%;
}

.close-btn:hover {
	background-color: rgba(1, 158, 70, 0.1);
}

.modal-content h2 {
	margin-top: 0;
}

.directors-details {
	list-style: none;
	padding: 0;
	margin: 5px 0;
}

.directors-details.bullet li {
	list-style: disc;
	margin-left: 20px;
}

@media (max-width: 767px) {
	.modal-content .row>div {
		width: 100% !important;
		padding: 5px 0;
	}

}


/* Mobile Landscape & Tablet Portrait
------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.page-head.section-sm-top-80:after {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-brand .brand-name img {
		display: block;
		margin-left: 33%;
		width: 170px;
	}

	.swiper-container {
		height: 400px;
	}

	.swiper-slide h1 {
		font-size: 20px;
	}

	.swiper-pagination-bullet:after {
		font-size: 25px;
	}

	.swiper-pagination-bullet-active:after {
		font-size: 35px;
	}

	.swiper-pagination-bullet:before {
		width: 50px;
	}

	/*
	.bg-images:before {
		display: none;
	}
	*/

	.section-top-80 {
		padding-top: 0px;
	}

	h1,
	.h1 {
		font-size: 29px;
	}

	.extra-top {
		padding-bottom: 0px !important;
	}

	.extra-bottom {
		margin-bottom: 30px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	html .page .offset-top-25 {
		text-align: left;
	}

	.section-bottom-99 {
		padding-bottom: 70px;
		padding: 0px 40px;
	}

	.list-alpha li p {
		margin-top: 0px;
	}

	.list-alpha li {
		padding-bottom: 0px;
	}

	.list-alpha li+li {
		margin-top: 20px;
	}

	section.position-r {
		padding-bottom: 0px !important;
	}

	.footer {
		padding: 10px 0px 10px 0px;
	}

	.footer img {
		margin: 0 auto;
		padding-bottom: 15px;
	}

	.footer p {
		text-align: center;
	}

	.footer .phone {
		text-align: center;
	}

	.footer ul.social-icons {
		text-align: center;
		padding-top: 10px;
	}

	.footer .copyright p {
		text-align: center;
		padding-top: 10px;
	}

	header.bacground-image {
		padding-bottom: 0px;
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: 0px;
		min-height: 100px;
	}

	.common-page {
		padding: 20px 0px;
	}

	.common-page ul.business-unit-nav-ul li {
		padding: 10px 10px;
	}

	.common-page ul.business-unit-nav-ul li a {
		font-size: 14px;
	}

	.common-page ul.business-unit-nav-ul li.active a {
		font-size: 14px;
	}

	#history-page img {
		padding-top: 20px;
	}

	#history-page p {
		width: 100%;
	}

	#directors-page ul.directors-ul li>a>img {
		height: auto;
	}

	#directors-page ul.directors-ul li {
		width: 50%;
	}

	#directors-page #border {
		top: 307px;
	}

	#directors-page ul.directors-ul li {
		width: 100%;
	}

	#directors-page .director-div {
		width: 100%;
		font-size: 15px;
		max-width: 100%;
	}

	.common-page ul.business-unit-nav-ul {
		margin-bottom: 40px;
	}

	#directors-page .director-div.second {
		left: 0px;
	}

	#directors-page .left p {
		width: 100%;
	}

	#directors-page .right p {
		text-align: justify;
	}

	#directors-page .left {
		padding-right: 0px;
	}

	#directors-page .left:after {
		display: none;
	}

	#csr .right {
		padding-left: 15px;
	}

	#csr .left {
		padding-right: 15px;
	}

	.extra-top-inner {
		padding-bottom: 30px !important;
	}

	.list-alpha {
		margin-left: 0px;
	}

	#agro-landing-page h1 {
		text-align: left;
	}

	.nav-tabs>li>a>span {
		width: 95%;
	}

	ul.nav.nav-tabs.nav-stacked.text-center {
		margin-bottom: 15px;
	}

	.common-page ul.business-unit-nav-ul {
		float: left;
	}

	.range.range-md-bottom.range-md-reverse {
		width: auto;
	}

	.common-page .text-details {
		margin-left: 0px;
		width: 100%;
	}

	.common-page .text-details img {
		padding-top: 20px;
	}

	#news-page .level-1:before {
		margin-bottom: 25px;
	}

	#news-page img {
		padding-top: 10px;
	}

	#directors-page #border {
		display: none;
	}


}

/* Mobile Portrait
------------------------- */
@media only screen and (max-width: 479px) {

	.page-head.section-sm-top-80:after {
		display: none;
	}

	.rd-navbar-fixed .rd-navbar-brand .brand-name img {
		display: block;
		margin-left: 5px;
		width: 103px;
		margin-top: 3px;
	}

	.swiper-container {
		height: 400px;
	}

	.swiper-slide h1 {
		font-size: 20px;
	}

	.swiper-pagination-bullet:after {
		font-size: 25px;
	}

	.swiper-pagination-bullet-active:after {
		font-size: 35px;
	}

	.swiper-pagination-bullet:before {
		width: 50px;
	}

	/*
	.bg-images:before {
		display: none;
	}
	*/
	.section-top-80 {
		padding-top: 0px;
	}

	h1,
	.h1 {
		font-size: 29px;
	}

	.extra-top {
		padding-bottom: 0px !important;
	}

	.extra-bottom {
		margin-bottom: 30px !important;
		padding-top: 0px !important;
		/* padding-bottom: 0px !important; */
	}

	.section-bottom-99 {
		padding-bottom: 70px;
		padding: 0px 40px;
	}

	html .page .offset-top-25 {
		text-align: left;
	}

	.list-alpha li p {
		margin-top: 0px;
	}

	.list-alpha li {
		padding-bottom: 0px;
	}

	.list-alpha li+li {
		margin-top: 20px;
	}

	section.position-r {
		padding-bottom: 0px !important;
	}

	.footer {
		padding: 10px 0px 10px 0px;
	}

	.footer img {
		margin: 0 auto;
		padding-bottom: 15px;
	}

	.footer p {
		text-align: center;
	}

	.footer .phone {
		text-align: center;
	}

	.footer ul.social-icons {
		text-align: center;
		padding-top: 10px;
	}

	.footer .copyright p {
		text-align: center;
		padding-top: 10px;
	}

	header.bacground-image {
		padding-bottom: 0px;
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 0px;
		min-height: 120px;
		background-position: center;
	}

	.common-page {
		padding: 20px 0px;
	}

	.common-page ul.business-unit-nav-ul li {
		padding: 10px 10px;
		text-align: center;
		width: 100%;
	}

	.common-page ul.business-unit-nav-ul li a {
		font-size: 14px;
	}

	.common-page ul.business-unit-nav-ul li.active a {
		font-size: 14px;
	}

	#history-page img {
		padding-top: 20px;
	}

	#history-page p {
		width: 100%;
	}

	#directors-page ul.directors-ul li>a>img {
		height: auto;
	}

	#directors-page ul.directors-ul li {
		width: 50%;
	}

	#directors-page #border {
		display: none;
	}

	#directors-page ul.directors-ul li {
		width: 100%;
	}

	#directors-page .director-div {
		width: 100%;
		font-size: 15px;
		max-width: 100%;
	}

	.common-page ul.business-unit-nav-ul {
		margin-bottom: 40px;
	}

	#directors-page .director-div.second {
		left: 0px;
	}

	#directors-page .left p {
		width: 100%;
	}

	#directors-page .right p {
		text-align: justify;
	}

	#directors-page .left {
		padding-right: 0px;
	}

	#directors-page .left:after {
		display: none;
	}

	#csr .right {
		padding-left: 15px;
	}

	#csr .left {
		padding-right: 15px;
	}

	.extra-top-inner {
		padding-bottom: 30px !important;
	}

	.list-alpha {
		margin-left: 0px;
	}

	#agro-landing-page h1 {
		text-align: left;
	}

	.nav-tabs>li>a>span {
		width: 90%;
	}

	ul.nav.nav-tabs.nav-stacked.text-center {
		margin-bottom: 15px;
	}

	.common-page ul.business-unit-nav-ul {
		float: left;
		width: 100%;
	}

	.common-page .left-padding {
		padding-right: 15px;
	}

	.range.range-md-bottom.range-md-reverse {
		width: auto;
	}

	.common-page .text-details {
		margin-left: 0px;
		width: 100%;
	}

	.common-page .text-details img {
		padding-top: 20px;
		width: 100%;
	}

	#news-page .level-1:before {
		margin-bottom: 25px;
	}

	#news-page img {
		padding-top: 10px;
		width: 100%;
	}

	.footer ul.quick-links {
		width: 100%;
		margin-left: 0px;
		margin-top: 15px;
	}

	#history-page ul.business-unit-nav-ul li {
		width: 100%;
	}

	#directors-page .right {
		padding-top: 0px;
		text-align: justify;
	}

}