@media (max-width: 767px) {
	section{padding: 30px 0px !important;}
	.hero{height: 60vh;}
	.hero .container{margin-top: 0px;}
	.drones h1{font-size: 40px; margin-top: -50px;}
	.drone-content::after, .drone-content::before{width: 200px; height: 200px;}
	.procarousel .speed{width: 100% !important;}
	.low-altitude{overflow: hidden;}
	.cardinfo h5 { font-size: 22px !important;}
	.low-altitude .card ul li { line-height: 30px; font-size: 13px;}
	.drones{overflow-x: hidden;}
	.menu-item:hover:before, .menu-item:focus:before, .menu-item.active:before{height: 2px; width: 100%;}
	.procarousel{margin-top: 130px !important;}
	.low-altitude .cardinfo{margin-bottom: 20px !important;}
	.drone-img{margin-top: -50px;}
	.footer{text-align: center;}
	.footer .social-icons{justify-content: center;}
}

@media (max-width: 1024px) {
	section{padding: 30px 0px !important;}
	.procarousel .speed{width: 75% !important;}
	.cardinfo h5 { font-size: 22px !important;}
	.low-altitude .card ul li { line-height: 30px; font-size: 13px;}
	.drones{overflow-x: hidden;}
	.hero{height: 70vh;}
	.hero h1 { font-size: 34px;}
	.drone-img{margin-top: -50px;}
	.footer{text-align: center;}
	.footer .social-icons{justify-content: center;}
}