@media screen and (min-width:320px) and (max-width:767px) {

    .main-banner {
    height: auto;
  
}
	.section-padding {
	padding-top: 60px;
}
.section-margin {
	margin-bottom: 60px;
}
.section-margin-row {
	margin-top: 35px;
}
p {
	font-size: 14px;
	line-height: 22px;
}
.main-heading, .main-heading1 {
    font-size: 30px;
    line-height: 40px;;
    margin-bottom: 20px;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
.offcanvas-start {
    width: 300px;
    border-right: 0;
}
.offcanvas {
    background-color: #e57c3585;
}
.mobile-menu ul li a {
    color: #fff;
}
.mobile-menu .fa-times {
    color: #fff;
    font-size: 22px;
}
.closebtn {
    background: transparent;
    border: none;
}
.dropdown-menu li a {
    color: #e57c35 !important;
}
.mobile-menu ul li .active {
    /*color: #4f4f7a;*/
    color: #000000;
    font-weight: bold;
}
.home-banner-content h2 {
    font-size: 25px;
    line-height: 30px;
}
.video-banner {
    height: 325px;
}
.video-banner img {
	min-height: 325px;
}
.home-banner-content {
    top: 25%;
    left: 45px;
    width: 100%;
}
.video-banner .swiper-button-next:after, .video-banner .swiper-button-prev:after {
    font-size: 16px;
    color: #fff;
}
.video-banner .swiper-button-next, .video-banner .swiper-button-prev {
    top: 36%;
}
.welcome-wrp::after {
    width: 83%;
    height: 35%;
}
.welcome-heading {
	background: #ffffff8f;
    padding: 25px;
    z-index: 9;
}
.welcome-content h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    color: #000000;
    z-index: 99;
    
}
.product-wrp {
    padding: 60px 0;
    height: 850px;
}
.navigation-arrow {
    width: 35%;
    bottom: 30px;
}
.services-wrp, .welcome-wrp {
    padding-bottom: 60px;
}
.services-wrp .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 18px;
    color: #fff;
    border: 1px solid #e57c358f;
    background: #e57c358f;
}
.services-wrp .nav-tabs .nav-link.active, .services-wrp .nav-tabs .nav-link:hover {
    border-color: 0 !important;
    background: transparent !important;
    color: #fff !important;
    min-height: inherit;
}
.services-wrp .nav-tabs button {
    color: #fff;
}
.application-wrp {
    height: 350px;
    margin-top: 0;
}
.aaplication-content {
    width: 80%;
}

.growing-content, .energy-content {
    width: 70%;
}
.brand-swiper {
    padding-bottom: 0;
}
.energy-wrp {
    height: 360px;
    margin-top: 40px;
}
.energy-wrp::after {
    height: 105px;
}
.newsletter-box p {
    margin: 20px 0;
}
.newsletter-box input {
    margin-bottom: 15px;
}
.footer {
    padding-bottom: 60px;
    margin-top: 60px;
}
.footer-column div {
    padding: 0;
}
.dealer-tab .tab-content {
    padding-left: 0;
    padding-right: 0;
    border-left: inherit;
}
.dealer-tab .nav {
    padding-right: 0;
}
}
@media screen and (min-width:768px) and (max-width:1024px) {
.row {
	margin-left: 0;
	margin-right: 0;
}
}
@media screen and (min-width:1025px) and (max-width:1400px) {

}