@charset "utf-8";
/* CSS Document */

/*320 - 767*/
@media screen and (max-width: 767px) {
.site-header .menu-icon .icon-m .menu-icon-line{
        background-color: #3e7b47
    }
    .site-header .extend-container .main-navigation ul.extend-container > li{
        list-style: none;
    }
   .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom{
            margin-top: -7px !important;
    }
    .site-header .menu-icon .text-menu > div{
        top: -6px;
    }
    .site-header{
        transform: none !important;
            background-color: var(--bg-color) !important;
    }
    .header-page {
    height: auto;
            margin-top: 26%;
    }
    .header-page .banner-text{
            padding-top: 150px;
    padding-bottom: 0;
    }
	.about-us .box-text p{
		    word-break: break-all;
	}
	.about-us .box-img{
		padding:50px 0
	}
	.numbers-section {
    padding: 20px 0px;
}
	h4.resp-accordion.resp-tab-active{
		color:#111
		
	}
	.scroll-to-top{
		right:20px !important
	}
	.project-title h1{
		font-size:30px
	}
	.project-title .sm-title-block{
		letter-spacing: 0;
    font-size: 14px;
	}
	.site-header .extend-container .main-navigation ul.extend-container > li{
		font-size: 20px;
        margin-bottom: 20px;
		list-style: none
	}
	.site-header ul.extend-container li::marker {
display: none
}
    .lifestyle-right-side-content {
    
    font-size: 25px;
    
    line-height: 35px;
}
    .site-header .menu-icon .icon-m .menu-icon-line{
        background-color: #3e7b47
    }
}
@media (min-width: 768px) and (max-width: 991px){
     .site-header .menu-icon .icon-m .menu-icon-line.icon-bottom{
            margin-top: -7px !important;
    }
    .site-header .menu-icon .text-menu > div{
        top: -6px;
    }
    .site-header .menu-icon .icon-m .menu-icon-line{
        background-color: #3e7b47
    }
    .site-header{
        transform: none !important;
            background-color: var(--bg-color) !important;
    }
    .site-header .extend-container .main-navigation ul.extend-container > li{
        list-style: none;
        font-size: 36px;
            margin-top: 15px;
    }
    .header-page {
    height: 50vh;
          margin-top: 12%;
}
    .whatsapp {
    max-width: 50px;
}
     .line-shap:not(.line-shap-before):after{
        display: none;
    }
}