/*Navbar*/
#navbar .logo {
    float: none;
    text-align: center;
}

#navbar ul {
    float: none;

}
.line{
display:none;
}

#navbar ul li {
    float: none;
    padding: 5px;
    border-bottom:#444 dotted 1px;
}

#about-info{
margin-left:0px;
}
#third-interview{
display:none;
}
/*Showcase*/
#showcase .showcase-content{
    padding-top: 100px;
    padding-bottom: 30px;
}

/*Home Info*/
#home-info {
    height: 550px;
}
#home-info .info-img{
   display: none;
    float: none;
    
}

#home-info .info-content{
    float: none;
    width: 100%;
        
    
}
/*Boxes*/

#features .box {
    float: none;
    width: 100%;
}
/*About*/
#about-info .info-left,
#about-info .info-right {
    float: none;
    width: 80%;
}

#second-interview .info-left-interview,
#second-interview .info-right-interview {
    float: none;
    width: 80%;
}
#second-interview.info-right-interview{
    margin-top: 30px;
}

#third-interview .info-second-left,
#third-interview .info-second-right {
    float: none;
    width: 80%;
}
#third-interview.info-second-right{
    margin-top: 30px;
}
.heading{
    text-align: center;
}
/*Contact*/
#contact-info .box{
    float: none;
    width: 100%;
    border-bottom: #444 dotted 1px;
}

.footer-legal{
    margin: 0px;
}


.container {
        width: 90%; 
        margin: auto;
        padding: 0 5px; 
    }

.form-element {
        width: 100%; 
        max-width: 450px; 
        margin: 10px auto; 
    }

#about-info .info-left,
#about-info .info-right {
        width: 100%; /* Full width for mobile */
        text-align: left; /* Center the text for mobile */
        padding: 5px 0; /* Add some padding for spacing */
}
.btn {
        display: block; /* Makes the button a block element */
        width: 100%; /* Button width is 100% of its parent container */
        padding: 12px; /* Adequate padding for tap-ability */
        margin-top: 10px; /* Margin for spacing */
        font-size: 16px; /* Readable font size */
        text-align: center; /* Center the text inside the button */
        border-radius: 5px; /* Optional: for rounded corners */
    }
.desktop-image {
        display: none; /* Hide desktop image on mobile */
    }
.mobile-image {
        display: block; /* Show mobile image on mobile */
height: auto; /* Adjusts the height automatically to maintain aspect ratio */
        max-width: 400px; /* Optional: sets a maximum width if you don't want the image to become too large */
        margin: auto;    }
.info-left-interview img{
width:125%; 
}