@media (max-width: 575.98px) {
	header{
		padding-top: 10px;
	}
	header .get-start .get-start-btn {
		padding: 20px 35px 20px 25px;
		margin: 0;
	}
	main .hero-section{
		height: 70vh;
	}
	main .hero-section .hero-content {
		max-width: 100%;
		margin-top: 0;
	}
	main .hero-section .hero-content h1{
		font-size: 30px;
		letter-spacing: 2px;
    	word-spacing: 0px;
	}
	main .hero-section .hero-content .text p {
		font-size: 23px;
	}
	main .hero-section .hero-content .buttons{
		align-content: center;
	}
	main .hero-section .hero-content .buttons a{
		margin: 5px!important;
		padding: 15px 20px;
	}

	main .timeline-section .inner-container{
		margin: 0;
	}
	main .timeline-section .timeline{
		overflow: hidden;
    	padding: 0 20px;
	}
	main .timeline-section .timeline__item{
		padding-left: 10px;
		margin-bottom: 50px;
	}
	main .timeline-section .timeline__item .timeline__wrap h2 {
		font-size: 34px;
	}
	main .timeline-section .timeline__track_line{
		left: 9px;
	}
	main .timeline-section .timeline__track{
		left: 3px;
	}
	main .timeline-section .timeline__item .timeline__wrap h2{
		margin-bottom: 20px;
	}
	main .timeline-section .timeline__item .project-details {
		padding: 0;
	}
	main .timeline-section .timeline__item .project-details .role ul li{
		margin-bottom: 10px;
		display: block;
		width: 100%;
	}
	main .timeline-section .timeline__item .project-details .role ul li a{
		display: block;
		width: 100%;
		text-align: center;
	}
	main .about-me{
		padding-bottom: 50px;
	}
	main .about-me .inner-container{
		margin: 0 20px;
	}
	main .about-me .about-circle{
		top: 0;
	}
	main .about-me .about-content{
		margin-top: 30px;
		padding: 0;
	}
	main .about-me .about-content h2{
		font-size: 60px;
		text-align: center;
		letter-spacing: 1px;
	}
	main .about-me .about-content .who-iam {
		margin: 10px 0 20px;
	}
	main .about-me .about-content .who-iam:before{
		content: none;
	}
	main .about-me .about-content h5{
		text-align: center;
		display: block;
		letter-spacing: 1px;
	}
	main .about-me .about-content .about-text p {
		text-align: center;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	main .lets-create{
		padding-top: 50px;
		height: auto;
		display: flex;
	}
	main .lets-create .inner-container{
		margin: 0 20px;
	}
	main .lets-create .inner-container .lets-circle{
		left: 50%;
		top: 0;
	}
	main .lets-create .lets-title{
		margin-top: 50px;
	}
	main .lets-create .lets-title h2 {
		color: var(--primary-color);
        font-size: 30px;
        text-align: center;
        letter-spacing: 2px;
        word-spacing: 0;
        line-height: 50px;
        margin: 0 auto;
        max-width: 90%;
	}
	main .lets-create .lets-title h2 br{
		display: none;
	}
	main .lets-create .lets-title h2 strong{
		color: var(--primary-color);
	}
	main .lets-create .lets-link{
		margin-top: 20px;
		margin-left: 0;
		text-align: center;
	}
	main .lets-create .lets-link a{
		padding: 10px 25px;
		border:1px solid var(--primary-color);
	}
	footer .inner-container{
		margin: 0 20px;
	}
	footer .d-sm-grid-system{
		display: grid!important;
		justify-content: center!important;
	}
	footer .ways .text-way{
		text-align: center;
		margin-right: 0;
	}
	footer .ways .text-way .ways-links{
		margin: 10px 0;
	}
	footer .ways .ways-links a{
		margin: 7px 0;
		text-align: center;
	}
	footer ul.social-links{
		justify-content: center;
		margin-top: 15px;
	}
}