/* navbar............*/
.navbar{
    flex-direction: column;
}

.nav-list{
    width:auto;
    height: auto;
}

.nav-list li {
    list-style: none;
    padding: 0px 20px;
}

#search {
    border: 2px solid white;
    border-radius: 8px;
    font-size: 12px;
    padding: 1px;
}

.btn-sm {
    padding: 4px 16px;
    border: 2px solid white;
    border-radius: 10px;
    background: none;
    color: white;
}


/*first-section..............*/
.main-box{
    flex-direction: column-reverse;
    margin: 0px;
    height: auto;
}

.first-half {
    padding: 20px;
}

.text-big{
    font-size: 35px;
}

.text-small {
    font-size: 16px;
    width: auto;
}

.secondhalf img{
    width: 45%;
    margin: auto;
    display: block;
}

.btn-b {
    padding: 4px 16px;
    border: 2px solid white;
    border-radius: 10px;
    background: none;
    color: white;
    margin: 15px 0px;
}

.btn-s {
    padding: 4px 16px;
    border: 2px solid white;
    border-radius: 10px;
    background: none;
    color: white;
    margin: 15px 0px;
}
/*second-section..............*/
.second-box{
    flex-direction: column-reverse;
    height: 100vh;
    margin: 0px;
    height: auto;
}

.thirdhalf img{
    width: 45%;
    margin: auto;
    display: block;
}