@media only screen and (max-width:600px){
    .about .image img{
        width: 100%;
    }
    .top-header .navbar-nav{
        top: 120px;
        left: 110%;
         background-color: black;
         z-index: 2;
         height:45vh;
         width: 100%
         padding-top: 20px;
         text-align: center;
    
    }
    .banner .image img{
        width: 100%;
    }
    .project{
        margin: 0;
    }
    .project .project-image img{
       margin-top: 15px;
       margin-bottom: 15px;

    }
    .education .education-1{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .education .sslc{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .education .plustwo{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .education .dgree{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .education .webdesining{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .top-header .navbar-toggler-icon{
        filter: brightness(10);
    }
    .contactme .message textarea{
        width: 100%;
    }
    .footer .location img{
        margin: auto;
    }
    .footer h1{
        font-size: 35px;
    }

}
.contactme .message{
    margin: 15px 0;
}
.contactme .email{
    margin: 15px 0;
}
.contactme .email img{
    width: 100%;
}
.contactme .email a{
    font-size: 14px;
}
/* Horizontal line */
.timeline-container li > div:before {
	height: 2px;
	left: 0%;
	width: 10%;
}

.timeline-container li:nth-child(even) div:before {
	left: auto;
	right: 40%;
}