@media screen and (max-width:1100px) {
    .btn_1,.btn_2 , .btn_3{
    font-size: 12px !important;
}

section.space h2 {
    font-size: 66px;
}

}










@media screen and (max-width:650px) {


    section.hero {
    height: 90vh;
}

    section.hero .card-img-overlay {
       left: 30px;
       bottom: 45px;
    }
    

header nav .container {
    padding: 10px 20px;
    max-width: 95%;
}


section.space h2 {
    font-size: 48px;
}

p{
    font-size: 14px !important;
}


.fs-1{
    font-size: 35px !important;
}
.fs-2{
    font-size: 30px !important;
}


section.gallery .scroll{
    flex-direction:row;
    flex-wrap: nowrap;
    overflow-x: scroll;
}
section.gallery .scroll::-webkit-scrollbar {
   height: 2px;
}



.other-banner {
    height: 359px;
    margin-bottom: 43px;
}

}