/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {     }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {     
	.pb-sm-6 {
		padding-bottom:120px!important;
	}
	#menu {
		position:absolute;
		bottom:10%;
	}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {     
	#mynavbar li.nav-item:not(:last-child) {
		margin-right:9px;
	}
	.features .app1 {
		-webkit-transform: rotate(22.88deg);
		        transform: rotate(22.88deg);
	}
	.features .app2 {
		-webkit-transform: rotate(22.07deg);
		        transform: rotate(22.07deg);
	}
	.me-lg-medium {
		margin-right:1.125rem!important;
	}
	.mb-lg-150 {
		margin-bottom:150px!important;
	}
	.mb-lg-100 {
		margin-bottom:100px!important;
	}
	.mb-lg-6 {
		margin-bottom:4rem!important;
	}
	.py-lg-100 {
		padding-top:100px!important;
		padding-bottom:100px!important;
	}
	.ball {
		margin-top:-50px;
		-webkit-transition:0.70s;
		transition:0.70s;
	}
	.ball:hover {
		-webkit-transform:rotate(360deg);
		        transform:rotate(360deg);
	}
	/* keyframes start */
	.vertical-sm{
		-webkit-animation: app-sm 1s linear 1 alternate;
		        animation: app-sm 1s linear 1 alternate;
		-webkit-backface-visibility: visible;
		        backface-visibility: visible;
	}
	@-webkit-keyframes app-sm{
		0%{
		  -webkit-transform: translateY(-20px);
		          transform: translateY(-20px);
		}
		50%{
		  -webkit-transform: translateY(20px);
		          transform: translateY(20px);
		}
		100%{
		  -webkit-transform: translateY(0px);
		          transform: translateY(0px);
		}
	}
	@keyframes app-sm{
		0%{
		  -webkit-transform: translateY(-20px);
		          transform: translateY(-20px);
		}
		50%{
		  -webkit-transform: translateY(20px);
		          transform: translateY(20px);
		}
		100%{
		  -webkit-transform: translateY(0px);
		          transform: translateY(0px);
		}
	}
	/* keyframes end */
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {    
	.lemon {
		-webkit-transform:translateX(-10px);
		        transform:translateX(-10px);
		position:relative;
		z-index:-1;
	}
	.mt-lg-6 {
		margin-top:80px!important;
	}
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {     }








/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {     
	.w-100-mobile{
		width:100%;
	}
	h1#waypoint {
		font-size:calc(1.375rem + 1.5vw);
	}
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {     }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {     
	.mobile-menu {
		background-color:#214845;
		width:100%;
		height:100%;
		position:fixed;
		z-index:999;
		top:0;
		opacity:0;
		visibility:hidden;
	}
	.is-active .mobile-menu {
		opacity:1;
		visibility:visible;
	}
	.mobile-menu > ul {
		font-weight: 500;
		font-size: 24px;
		color: #F1EBD9;
	}
	.mushroom {
		position:absolute;
		bottom:-10%;
		left:0;
		width:36vw;
		z-index:3;
	}
	.lemon {
		position:absolute;
		top:0;
		right:0;
		width:50vw;
	}
	.main-app {
		position:relative;
		z-index:2;
	}
	.features .app1,
	.features .app2 {
		z-index:2;
	}
	.weed,.pepper {
		width:25vw;
		bottom:0;
		-webkit-transform:translateY(50%);
		        transform:translateY(50%);
	}
	.scrolled .navbar-brand img {
		width:100%;
		height:100%;
		-o-object-fit:contain;
		   object-fit:contain;
	}
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {    
	
 }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {     
	
}