@media screen and (min-width: 450px) {
            /*---------------------
	  Helper CSS
	-----------------------*/
            .set-bg {
                background-position: 10% 20%;
            }
            /*---------------------
	  Hero
	-----------------------*/
            .hero-text {
                padding-top: 130px;
            }
            .hero-section {
                height: calc(100vh - 82px);
                padding-bottom: 180px;
            }
            .hero-slider .owl-stage-outer,
            .hero-slider .owl-stage,
            .hero-slider .owl-item,
            .hero-slider .hs-item {
                height: 100%;
                /*height: calc(100vh - 78px);*/
            }
            /*me*/
            /*.mobile {
		display: none;
	}*/
        }
        
        @media screen and (min-width: 768px) {
            .hero-text {
                max-width: 500px;
                margin: auto;
                margin-bottom: 20px;
            }
        }