@media screen and (max-width: 990px) {
    #navbar {
        display: none;
    }
    
    #tag-mob {
        display: block;
    }
    
    #tag-reg {
        display: none;
    }
    
    .container#home #homeContent {
        width: 70%;
        padding: 20px;
    }
    
    .container#home #homeContent h1 {
        font-size:60px!important;
        margin-bottom: 15px;
    }
    div.container#home {
        background-position: center;
    }
    
    div#projectsContent {
        width:90%;
        height:90%;
    }
    
    div#projectsContent div#projectsBoxes {
        width: 100%;
        height: 100%;
    }
    
    div.projectBox {
        width: 50%!important;
        height: calc(100% / 3)!important;
    }
    
    div.projectBox p {
        font-size:9px;
        font-weight:normal;
    }
    
    div.experience-container {
        width: 100%!important;
        overflow-x:scroll;
        overflow-y:hidden;
        display: block;
        white-space:nowrap;
        height:450px;
    }
    
    div.experience-container .experience-column {
        width: 300px;
        height: 100%;
        display: inline-block!important;
        margin: auto 0 auto 5%;
        white-space: normal!important;
        vertical-align: top;
    }
    
    div.experience-container .experience-column img {
        width:100px;
    }
    
    div.experience-container .experience-column div {
        height:25px;
        line-height: 25px;
        font-size: 18px;
    }
    
    div.experience-container .experience-column ul li {
        font-size: 14px;
    }
    
    .experience-column#experience-container-management {
        margin-right:5%;
    }
    
    div#contact-inner div#contact-inner-heading h1 {
        font-size: 40px!important;
    }
    
    div#contact-inner-content {
        display: flex;
        flex-direction: column-reverse;
    }
    
    #contact-container #contact-inner-content #contact-image img {
        width:200px!important;
        height: auto;
        margin:0;
    }
    
    #contact-container #contact-inner-content #contact-info div {
        margin: 0;
        padding: 0;
    }
    
    #contact-container #contact-inner-content #contact-info div a img {
        margin: 0;
        padding: 0;
        width: 40px;
        height:auto;
    }
    
    #contact-container #contact-inner-content #contact-info {
        padding: 0;
    }
    
    #contact-container #contact-inner-content #contact-info div h2 {
        margin: 20px;
    }
    
    #contact-container #contact-inner-content #contact-info div h2 a {
        font-size: 20px!important;
        margin: 0;
    }
    
    .projectPopup .projectPopupWrapper .projectPopupContent h1 {
        font-size: 14px;
    }
    
    .projectPopup .projectPopupWrapper {
        height:50%;
    }
    
    p#exp-mob-text, div#scroll-text {
        display: block;
    }
}