/*--------------------------
Author: Jenn Pereira
Author Website: PereiraDigitalMedia.com
Theme: Ophiuchus - Mobile Apps Landing Page
This is the CSS for Mobile Responsiveness of Ophiuchus Theme
--------------------------*/

/*--------------------------
-------- MIN 1920px --------
--------------------------*/

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

}

@media screen and (min-width: 1230px) and (max-width: 1280px) {

}

/*--------------------------
-------- MAX 1170px --------
--------------------------*/
@media only screen and (max-width: 1170px) {

}

/*--------------------------
-------- MAX 1024px --------
--------------------------*/
@media only screen and (max-width: 1024px) {
}

/*--------------------------
--------- MIN 970px --------
--------------------------*/
@media only screen and (min-width: 970px) {

}

/*--------------------------
--------- MAX 970px --------
--------------------------*/
@media only screen and (max-width: 970px) {

    /* Mobile Nav Menu */

}

/*--------------------------
--------- MAX 800px --------
--------------------------*/
@media only screen and (max-width: 800px) {

}

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

}

/*--------------------------
--------- MAX 640px --------
--------------------------*/
@media only screen and (max-width: 640px) {

}

/*--------------------------
--------- MAX 480px --------
--------------------------*/
@media only screen and (max-width: 480px) {

}

/*--------------------------
--------- MAX 360px --------
--------------------------*/

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

}

@media screen and (max-width: 63.875em) {
    body {
        min-width: none;
        overflow-x: hiddle;
    }

    .header {
        height: 60px;
    }

    .header .head-holder .inner {
        width: auto;
        height: 60px;
        min-width: none;
    }

    .header .head-holder .inner .logo {
        height: 40px;
        top: 10px;
        left: 5px;
        width: 140px;
        background: url("../images/logo2.png") no-repeat left center;
        background-size: 99%;
    }

    .header .head-holder .inner .logo .am-logo {
        display: none;
    }

    .indexbanner {
        height: 245px;
    }

    .content-index .banner .inner {
        height: 245px;
        min-width:none;
    }

    .indexbanner .hd {
        min-width: 100px;
    }

    .content-index .case {
        width: 100%;
        min-width: 100px;
        margin-top: 20px;
    }

    .h-about {
        padding: 0 10px;
    }

    .h-about p {
        font-size: 14px;
    }

    .index-tool {
        top: -5px;
    }

    .case-list {
        padding-left: 10px;
        padding-right: 10px;
    }

    .case-list ul li {
        width: 50%;
        height: 180px;
        overflow: hidden;
        margin-right: 0
    }

    .case-list li img {
        width: 100%
    }

    .content-index .contrast .inner {
        width: 100%;
        min-width: 100px;
    }

    .content-index .contrast .inner .con-info .con-block {
        width: 100%;
    }

    .content-index .contrast .inner .con-info .con-block p {
        padding: 0 10px;
    }

    .content-index .contrast .inner .con-info .con-block .con-title {
        margin: 0 10px 10px 10px;
        padding: 0;
    }

    .content-index .contrast .inner .con-info .con-block p img {
        width: 100%;
    }

    .content-index .contrast .inner .con-info .con-block .con-content {
        padding: 0 10px;
    }

    .footerin {
        width: 100%;
    }

    .footer .inner {
        width: 100%;
        min-width: 100px;
    }

    .footer .inner .footer-contact, .footer .inner .footer-nav {
        display: none;
    }

    .footer .inner .footerkeyword {
        padding: 0 10px;
        display: none;
    }

    .footer .inner .copyright {
        background: none;
        padding-left: 10px;
        height: auto;
    }

    .footer .inner .copyright span {
        font-size: 14px;
    }

}

@media screen and (max-width: 39.8125em) {

}

@media screen and (max-width: 35.6875em) {

}