/*--------------------------
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(../img/logo.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) {

}