@media(max-width:992px){

.hero-content{

    flex-direction:column;

    padding:60px 20px;

    text-align:center;

}

.hero-left,
.hero-right{

    width:100%;

}

.hero-left h1{

    font-size:2.5rem;

}

.hero-right{

    margin-top:50px;

}

.floating-card{

    position:relative;

    margin:15px auto;

    left:auto;
    right:auto;
    top:auto;
    bottom:auto;

}

}