@media only screen and (min-width: 960px) and (max-width: 1040px) {}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */




}




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

    .hide-mini {
        display: none;
    }

    .show-mini {
        display: block;
        width: 98%;
        margin: 15px auto;
        padding: 10px 0;
        font-size: 14px;
        color: #003f74;
    }

    body {
        padding: 0px;
    }

    .landing-footer-contents p,
    .project__detail small {
        font-size: 12px;
    }

    .project__title {
        font-size: 14px;
    }


    .landing-logo {

        margin-top: 9%;
        width: 100px;
        height: 100px;

    }




}

/*  port tablet */




@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hide-iphone {
        display: none;
    }

    .show-iphone {
        display: block;
        width: 98%;
        margin: 15px auto;
        padding: 10px 0;
        font-size: 14px;
        color: #003f74;
    }

    .landing-footer-contents p,
    .project__detail small {
        font-size: 13px;

    }

    .project__title {
        font-size: 16px;
    }

    .landing-logo {

        margin-top: 9%;
        width: 100px;
        height: 100px;

    }

    .column {
        width: 98%;
    }


}