@media screen and (max-width: 991px)
{
    .navbar-nav  li.nav-item
    {
        margin: 15px;
        text-align: center;
    }

    .navbar-nav-bg
    {
        background-color: rgba(0,0,0,0.8);
    }

    .main .type
    {
        font-size: 40px;
    }

    .about .img-fluid
    {
        margin-bottom: 40px;
    }

    #hello
    {
        font-size: 30px;
    }

    #signature
    {
        font-size: 40px;
    }

    .technicals .first-box
    {
        margin-top: 0px;
    }

    .project-single
    {
        margin-bottom: 40px;
    }

    .contact-top
    {
        margin-bottom: 30px;
    }

    .contact button
    {
        margin-bottom: -80px;
    }

    /** Disable animate.css on mobile devices **/
     .animate__animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

@media screen and (max-width: 767px)
{
    .about .col-md-7
    {
        margin-top: 60px;
    }
}

@media screen and (max-width: 500px)
{
    .main
    {
        background-position: bottom;
    }
    
    .main .type
    {
        font-size: 24px;
    }

    #hello
    {
        font-size: 20px;
    }

    .myprojects .project-icons .logo
    {
        width: 35px;
        margin: 5px 5px;
    }
}