/* ===============================
   RESPONSIVE DESIGN
================================ */


@media(max-width:992px){


.hero h1{

    font-size:38px;

}


.hero p{

    font-size:16px;

}


.hero .swiper-slide{

    min-height:auto;
    padding:120px 0 80px;

}


.navbar-nav{

    padding-top:20px;

}


.navbar-nav .nav-link{

    margin-left:0;

}


}



@media(max-width:576px){


.hero h1{

    font-size:30px;

}


.hero-buttons a{

    display:block;
    margin-bottom:15px;

}


.section-title h2{

    font-size:30px;

}


.top-contact{

    text-align:center;

}


.top-social{

    text-align:center;
    margin-top:10px;

}


}