/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 320px) {
    .navbar-brand {
        color: #fff;
        font-family: 'Arial Rounded MT';
        font-size: 17px;
        margin: 0px auto;
        padding-top: 20px;
    }

    .mdscreen {
        display: none;
    }

    .inner-bg h1 {
        font-size: 22px;
    }

    .boxcss {
        width: 295px;
        padding: 20px;
        margin: 20px 10px 5px 15px;
    }

        .boxcss img {
            box-shadow: 2px 2px #555;
            border-radius: 10px;
        }
}

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 568px) {
}

@media only screen and (min-width : 600px) {
    .boxcss {
        width: 90%;
        padding: 20px;
        background: #19b9e7;
        margin: 10px auto;
    }

        .boxcss img {
            box-shadow: 2px 2px #555;
            border-radius: 10px;
        }
}

@media only screen and (min-width : 800px) {
    .navbar-brand {
        color: #fff;
        font-family: 'Arial Rounded MT';
        font-size: 14px;
        margin: 0px auto auto 0px;
        padding-top: 17px;
    }

    .boxcss {
        width: 95%;
        padding: 20px;
        margin: 10px auto;
    }

        .boxcss img {
            box-shadow: 2px 2px #555;
            border-radius: 10px;
        }
}

@media only screen and (min-width : 768px) {
    .navbar-brand {
        color: #fff;
        font-family: 'Arial Rounded MT';
        font-size: 14px;
        margin: 0px auto auto 0px;
        padding-top: 17px;
    }
}

@media only screen and (min-width : 992px) {
    .boxcss {
        width: 325px;
        padding: 20px;
        background-color: transparent;
        margin: 20px 10px 5px 15px;
    }

        .boxcss img {
            box-shadow: 2px 2px #555;
            border-radius: 10px;
        }
}

@media only screen and (min-width : 1200px) {
    .boxcss {
        width: 275px;
        padding: 20px;
        margin: 20px 10px 5px 5px;
        background-color: transparent;
    }

        .boxcss img {
            box-shadow: 2px 2px #555;
            border-radius: 10px;
        }

    footer {
        margin-top:52px;
    }
}