/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2159px) {}

/* large desktop :1400px. */
@media (min-width: 1401px) and (max-width: 2000px) {}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1400px) {

	.bannercarousel-text h1 {
		font-size: 65px;
		line-height: 75px;
	}


	.bannercarousel-text-right {

		bottom: 10%;
		right: 65px;

	}

	.about-section-right {
		padding: 30px 70px 0px;
		margin: 0px;
		position: relative;
	}


	.about-section-right h2 {

		font-size: 55px;
		line-height: 65px;
		letter-spacing: 0px;

		margin: 0px 0px 20px 0px;
	}


	.about-section-right p {

		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 20px 0px;
	}


	.rice-var-row-text p {
		font-size: 18px;
		line-height: 28px;
	}


	.rice-mill-section-left h3 {

		font-size: 45px;
		line-height: 55px;
		padding: 0px 0px 30px 0px;
	}


	.rice-mill-section-left p {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 20px 0px;
	}


	.contact-section h2 {
		font-size: 55px;
		line-height: 65px;
	}


	.contact-section h6 {
		font-size: 28px;
		line-height: 38px;
	}


	.newsletter-left h2 {
		font-size: 65px;
		line-height: 75px;
	}


	.newsletter-box {
		padding: 45px 30px;
	}


	.footer-text p {
		font-size: 16px;
		line-height: 26px;
	}


	.copyright p {
		font-size: 16px;
	}


	.footer-menu ul li a {
		font-size: 18px;
		line-height: 48px;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {


	.custom-container {
		padding: 0px 20px;
	}




}


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


	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 95%;
	}

	.stellarnav>ul>li>a.active::after {
		background: none;
	}

	.navigation .stellarnav ul>li>a:hover {
		background: none;
	}


	.navigation .stellarnav ul>li>a {
		font-size: 16px;
		color: #000000;
		padding: 13px 5px;
		text-align: left;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #fff !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #fff !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 90%;
		padding: 0px 4px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 35px;
		height: 4px;
		margin: 0 0 4px;
		background: #E3DE5F !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #E3DE5F;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid #ccc;
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;

	}


	/*=======================custom-css====================================================*/


	.custom-container {
		padding: 0px 20px;
	}


	.header {
		position: relative;
		padding: 5px 0px;
	}

	.header.sticky {
		position: relative;
	}

	.header .header-wrap {
		align-items: center;
		flex-wrap: wrap;
	}


	.custom-container {
		padding: 0px 20px;
	}

	.social-icon {
		padding: 0px;
		margin: 15px 0px 0px;
	}

	.social-icon ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}

	.social-icon ul li img {
		width: 30px;
	}


	.bannercarousel-text h1 {

		font-size: 18px;
		line-height: 20px;

	}

	.bannercarousel-text {
		bottom: 20%;
		left: 20px;
	}


	.bannercarousel-text-right h3 {

		font-size: 16px;
		line-height: 20px;
		padding: 0px 0px 10px 0px;

	}


	.bannercarousel-text-right h3 span {
		font-size: 16px;
		line-height: 20px;
	}


	.bannercarousel-text-right {

		width: 20%;

		bottom: 10%;
		right: 30px;

	}


	.bannercarousel-text-right h4 {

		font-size: 16px;
		line-height: 10px;

	}


	.banner-section {
		padding: 15px 0px 0px;
	}


	.banner-section .owl-dots {
		display: none;
	}


	.about-section {
		padding: 20px 0px;
	}


	.about-section-right {
		padding: 20px 0px;
	}


	.about-section-right h2 {

		font-size: 30px;
		line-height: 40px;

		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.about-section-right h3 {
		margin: 0px 0px 15px 0px;
	}


	.about-section-right p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}


	.rice-var-row-text {
		padding: 20px 30px;
	}


	.rice-var-row-text p {
		font-size: 14px;
		line-height: 28px;
		padding: 0px 0px 20px 0px;
	}


	.rice-mill-section {
		padding: 20px 0px;
	}


	.rice-mill-section-left {
		padding: 0px;

	}


	.rice-mill-section-left h3 {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 15px 0px;
	}


	.rice-mill-section-left p {
		font-size: 14px;
		line-height: 28px;
		padding: 0px 0px 15px 0px;
	}


	.contact-section {
		padding: 20px 0px;
		height: auto;
	}


	.contact-section h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 15px 0px;
	}


	.contact-section h6 {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 20px 0px;
	}


	.frm-section-inner {
		margin: 20px 0px 0px;
		position: relative;
	}


	.submit-butn {
		margin: 15px auto 0px;
	}


	.newsletter {
		padding: 50px 0px;
	}


	.newsletter-left {
		padding: 0px 30px;
		margin: 0px;
	}


	.newsletter-left h2 {
		font-size: 30px;
		line-height: 40px;
	}


	.newsletter-box {

		border-radius: 20px;
		padding: 20px 20px;
		width: 87%;
		margin: 20px 20px;


	}


	.newsletter-box p {
		font-size: 14px;
	}


	.footer-section {
		background: #1D1D1D;
		border-radius: 0px 0px 50px 50px;
		padding: 20px 20px;
		margin: 0px 0px 20px 0px;
	}


	.footer-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.copyright p {
		font-size: 14px;
		line-height: 24px;
	}



	.footer-menu ul li a {
		font-size: 16px;
		line-height: 40px;
	}


	.footer-section {
		border-radius: 0px 0px 30px 30px;
	}


	.footer-logo {
		margin: 0px 0px 10px 0px;
	}


	/*=======================custom-css====================================================*/




}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {


	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 95%;
	}

	.stellarnav>ul>li>a.active::after {
		background: none;
	}

	.navigation .stellarnav ul>li>a:hover {
		background: none;
	}


	.navigation .stellarnav ul>li>a {
		font-size: 16px;
		color: #000000;
		padding: 13px 5px;
		text-align: left;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #fff !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #fff !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 90%;
		padding: 0px 4px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 35px;
		height: 4px;
		margin: 0 0 4px;
		background: #E3DE5F !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #E3DE5F;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid #ccc;
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;

	}


	/*=======================custom-css====================================================*/


	.custom-container {
		padding: 0px 20px;
	}


	.header {
		position: relative;
		padding: 5px 0px;
	}

	.header.sticky {
		position: relative;
	}

	.header .header-wrap {
		align-items: center;
		flex-wrap: wrap;
	}


	.custom-container {
		padding: 0px 20px;
	}

	.social-icon {
		padding: 0px;
		margin: 15px 0px 0px;
	}

	.social-icon ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}

	.social-icon ul li img {
		width: 30px;
	}


	.bannercarousel-text h1 {

		font-size: 18px;
		line-height: 20px;

	}

	.bannercarousel-text {


		bottom: 48%;
		left: 10px;

	}


	.bannercarousel-text-right h3 {

		font-size: 16px;
		line-height: 20px;
		padding: 0px 0px 10px 0px;

	}


	.bannercarousel-text-right h3 span {
		font-size: 16px;
		line-height: 20px;
	}


	.bannercarousel-text-right {

		width: 20%;

		bottom: 10%;
		right: 30px;

	}


	.bannercarousel-text-right h4 {

		font-size: 16px;
		line-height: 10px;

	}


	.banner-section {
		padding: 15px 0px 0px;
	}


	.banner-section .owl-dots {
		display: none;
	}


	.about-section {
		padding: 20px 0px;
	}


	.about-section-right {
		padding: 20px 0px;
	}


	.about-section-right h2 {

		font-size: 30px;
		line-height: 40px;

		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.about-section-right h3 {
		margin: 0px 0px 15px 0px;
	}


	.about-section-right p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}


	.rice-var-row-text {
		padding: 20px 30px;
	}


	.rice-var-row-text p {
		font-size: 14px;
		line-height: 28px;
		padding: 0px 0px 20px 0px;
	}


	.rice-mill-section {
		padding: 20px 0px;
	}


	.rice-mill-section-left {
		padding: 0px;

	}


	.rice-mill-section-left h3 {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 15px 0px;
	}


	.rice-mill-section-left p {
		font-size: 14px;
		line-height: 28px;
		padding: 0px 0px 15px 0px;
	}


	.contact-section {
		padding: 20px 0px;
	}


	.contact-section h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 15px 0px;
	}


	.contact-section h6 {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 20px 0px;
	}


	.frm-section-inner {
		margin: 20px 0px 0px;
		position: relative;
	}


	.submit-butn {
		margin: 15px auto 0px;
	}


	.newsletter {
		padding: 50px 0px;
	}


	.newsletter-left {
		padding: 0px 30px;
		margin: 0px;
	}


	.newsletter-left h2 {
		font-size: 30px;
		line-height: 40px;
	}


	.newsletter-box {

		border-radius: 20px;
		padding: 20px 20px;
		width: 87%;
		margin: 20px 20px;


	}


	.newsletter-box p {
		font-size: 14px;
	}


	.footer-section {
		background: #1D1D1D;
		border-radius: 0px 0px 50px 50px;
		padding: 20px 20px;
		margin: 0px 0px 20px 0px;
	}


	.footer-text p {
		font-size: 14px;
		line-height: 24px;
	}


	.copyright p {
		font-size: 14px;
		line-height: 24px;
	}


	.footer-menu ul {
		padding: 0px;
		margin: 0px;
		display: flex;
		justify-content: center;
		gap: 10px;
	}


	.footer-menu ul li a {
		font-size: 16px;
		line-height: 40px;
	}


	.footer-section {
		border-radius: 0px 0px 30px 30px;
	}


	.footer-logo {
		margin: 0px 0px 10px 0px;
	}


	/*=======================custom-css====================================================*/


}