.mobile { display: none; }

@media only screen and (max-width: 768px) {

    .mobile { display: inherit; }
    .desktop { display: none !important; }

    div#logo {
        max-width: 90%;
        margin: auto;
        height: 110px;
        line-height: 110px;
    }

    div#footer {
        font-size: 11px;
    }

    div#mainmenu ul li {
        font-size: 13px;
    }


    #portfolio-categories img {
        max-width: 90%;
    }

    #portfolio-categories { padding-top: 10px; }

    .projects {
        width: 100%;
    }

    .fancybox-next {
        right: 0px !important;
    }

    .fancybox-prev {
        left: 0px !important;
    }

    #contact-form { width: 100%; height: auto !important; }
    #contact-form div { padding: 5px; font-size: 15px; }
    #contact-img { display: none; }

    .form-row label { font-size: 15px; }
    .form-row input {
        width: 68%;
        position: relative;
        top: -1px;
        font-size: 15px;
    }

    .form-row-area { height: auto !important; }
    .form-row textarea { height: 50px !important; font-size: 15px; }
}


@media only screen and (min-width : 769px) and (max-width : 1024px) {


    .mobile { display: inherit; }
    .desktop { display: none !important; }

    div#logo {
        max-width: 90%;
        margin: auto;
        height: 110px;
        line-height: 110px;
    }


    #portfolio-categories img {
        max-width: 90%;
    }

    #portfolio-categories { padding-top: 10px; }

    .projects {
        width: 100%;
    }

    .fancybox-next {
        right: 0px !important;
    }

    .fancybox-prev {
        left: 0px !important;
    }

    #contact-form div { padding: 5px; font-size: 14px; }
    .form-row label { font-size: 14px; }

    .form-row input {
        font-size: 14px;
    }
    
    #about img.mobile {
        width: 100%;
    }

}