/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 3.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 


@media only screen and (min-width: 1200px) {
.top_1{height:52px;}
.top{ max-width:1200px;}
.top_2{height:134px;}
.top_201{max-width:1200px;}
.nav li{padding:0px 15px;}
.nav_1{padding:12px 0px 30px 0px;left:0px;}
.top_202{ display:none;}

.banner_1{ display:none !important;}
.con01{ max-width:1200px;}
.con01 li{ width:33.33%; float:left;}
.con01 li .con02{ float:left; width:70%; margin-left:2%;}
.con01 li .con02 a{ margin-top:40px;}
.con_201{ max-width:1200px;}
.con_203{ width:100%;}
.con_3{ max-width:1200px;}

.con_302 dl{width:110%;}
.con_302 dd{ width:28%; float:left; margin:2% 3.5% 3% 0px;}
.con_302{ width:100%;}

.con_3{ margin:5% auto auto;}
.con_4{ display:block;}
.con_401{ display:none;}
.con_5{ max-width:1200px;}

.con_502 li{ width:21%; margin:4% 2% 0px 0px; float:left;}
.con_502 li:hover{margin:2% 2% 0px 0px;}
.con_61{ max-width:1200px; margin:0 auto;}
.con_62{ width:100%;}
.con_63{ width:46%; float:left; margin-top:2%;}
.con_64{ width:52%; float:right;}

.foot_2{ max-width:1200px;}
.foot_1{padding:3% 0px;}
.foot_201{ width:22%; float:left;}
.foot_204{ float:left; width:30%; margin-left:11%;}
.foot_206{ float:right; width:22%;}
.foot_203 li{margin-top:8%;}
.foot_205{margin-top:8%;}
.foot_207{margin-top:8%;}

.foot_4{ max-width:1200px;}
.swipe{height:600px;}


}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.top_1{height:52px;}
.top{ max-width:960px;}
.top_2{height:134px;}
.top_201{max-width:960px;}
.nav li{padding:0px 10px;}
.nav_1{padding:12px 10px 30px 10px;left:-10px;}
.top_202{ display:none;}

.banner_1{ display:none !important;}
.con01{ max-width:960px;}
.con01 li{ width:33.33%; float:left;}
.con01 li .con02{ float:left; width:70%; margin-left:2%;}
.con01 li .con02 a{ margin-top:40px;}
.con_201{ max-width:960px;}
.con_203{ width:100%;}
.con_3{ max-width:960px;}
.con_302{ width:100%;}
.con_302 dl{width:110%;}
.con_302 dd{ width:28%; float:left; margin:2% 3.5% 3% 0px;}
.con_3{ margin:5% auto auto;}
.con_4{ display:block;}
.con_401{ display:none;}
.con_5{ max-width:960px;}

.con_502 li{ width:21%; margin:4% 2% 0px 0px; float:left;}
.con_502 li:hover{margin:2% 2% 0px 0px;}
.con_61{ max-width:960px; margin:0 auto;}
.con_62{ width:100%;}
.con_63{ width:46%; float:left; margin-top:2%;}
.con_64{ width:52%; float:right;}

.foot_2{ max-width:960px;}
.foot_1{padding:3% 0px;}
.foot_201{ width:22%; float:left;}
.foot_204{ float:left; width:30%; margin-left:11%;}
.foot_206{ float:right; width:22%;}
.foot_203 li{margin-top:8%;}
.foot_205{margin-top:8%;}
.foot_207{margin-top:8%;}

.foot_4{ max-width:960px;}
.swipe{height:600px;}
}

@media only screen and (min-width:768px) and (max-width: 959px) {
.top_1{height:52px;}
.top{ max-width:768px;}
.top_2{width:100%;}
.top_201{ display:none;}
.top_202{ width:100%; display:block;}

.banner_1{ display:block;}
.banner{ display:none !important;}
.con01{ max-width:768px;}
.con01 li{ width:33.33%; float:left;}
.con01 li .con02{ float:left; width:70%; margin-left:2%;}
.con01 li .con02 a{ margin-top:40px;}
.con_201{ max-width:768px;}
.con_203{ width:100%;}
.con_3{ max-width:768px;}
.con_302{ width:100%;}
.con_302 dl{width:110%;}
.con_302 dd{ width:28%; float:left; margin:2% 3.5% 3% 0px;}
.con_3{ margin:8% auto auto;}
.con_4{ display:block;}
.con_401{ display:none;}
.con_5{ max-width:768px;}

.con_502 li{ width:21%; margin:4% 2% 0px 0px; float:left;}
.con_502 li:hover{margin:2% 2% 0px 0px;}
.con_61{ max-width:768px; margin:0 auto;}
.con_62{ width:100%;}
.con_63{ width:46%; float:left; margin-top:2%;}
.con_64{ width:52%; float:right;}

.foot_2{ max-width:768px;}
.foot_1{padding:5% 0px;}
.foot_201{ width:98%; margin:0 auto;}
.foot_204{ width:98%; margin:5% auto auto;}
.foot_206{width:98%; margin:5% auto auto;}
.foot_203 li{margin-top:2%;}
.foot_205{margin-top:1%;}
.foot_207{margin-top:2%;}

.foot_4{width:98%; margin:0 auto;}
.swipe{height:400px;}

}


@media only screen and (min-width:480px) and (max-width: 767px) {
.top_1{display:none;}
.top_201{width:100%;}
.top_201{ display:none;}
.top_202{ width:100%; display:block;}
.top_2{width:100%;}

.banner_1{ display:block;}
.banner{ display:none !important;}
.con01{width:100%;}
.con01 li{ width:95%; margin:0 auto;}

.con01 li{ width:95%; margin:4% auto;}
.con01 li .con02{ float:right; width:70%; margin-left:2%;}
.con01 li .con02 a{ margin-top:20px;}
.con_201{width:100%;}
.con_203{ width:98%; margin:0 auto;}
.con_3{ width:98%;}
.con_302{ width:100%; margin:0 auto;}
.con_302 dl{width:110%;}
.con_302 dd{ width:44%; float:left; margin:2% 3.5% 3% 0px;}
.con_3{ margin:18% auto auto;}
.con_4{ display:none;}
.con_401{ display:block;}
.con_5{ width:98%; margin:0 auto;}
.con_502 li{ width:44%; margin:4% 2.7% 0px 0px; float:left;}
.con_61{width:100%; margin:0 auto;}
.con_62{ width:98%; margin:0 auto;padding-top:2%;}
.con_63{ width:98%; margin:2% auto auto;}
.con_64{ width:98%; margin:6% auto auto;}

.foot_2{width:100%;}
.foot_1{padding:5% 0px;}
.foot_201{ width:98%; margin:0 auto;}
.foot_203 li{margin-top:2%;}
.foot_204{ width:98%; margin:5% auto auto;}
.foot_206{width:98%; margin:5% auto auto;}
.foot_205{margin-top:1%;}
.foot_207{margin-top:2%;}

.foot_4{width:98%; margin:0 auto;}
.foot_4 ul{ display:none;}
.foot_41{ float:none; display:block; text-align:center; line-height:84px; height:84px;}

.swipe{height:720px;}


}

 
@media only screen and (max-width: 479px) {
.top_1{ display:none;}
.top_201{width:100%;}
.top_201{ display:none;}
.top_202{ width:100%; display:block;}
.top_2{width:100%;}

.banner_1{ display:block;}
.banner{ display:none !important;}
.con01{width:100%;}
.con01 li{ width:95%; margin:4% auto;}
.con01 li .con02{ float:right; width:70%; margin-left:2%;}
.con01 li .con02 a{ margin-top:20px;}
.con_201{width:100%;}
.con_203{ width:98%; margin:0 auto;}
.con_3{ width:98%;}
.con_302{ width:100%; }
.con_302 dl{width:110%;}
.con_302 dd{ width:44%; float:left; margin:2% 3.5% 3% 0px;}

.con_3{ margin:18% auto auto;}
.con_4{ display:none;}
.con_401{ display:block;}
.con_5{ width:98%; margin:0 auto;}
.con_502 li{ width:44%; margin:4% 2.7% 0px 0px; float:left;}
.con_61{width:100%; margin:0 auto;}
.con_62{ width:98%; margin:0 auto; padding-top:2%;}
.con_63{ width:98%; margin:2% auto auto;}
.con_64{ width:98%; margin:6% auto auto;}

.foot_2{width:100%;}
.foot_1{padding:8% 0px;}
.foot_201{ width:98%; margin:0 auto;}
.foot_206{width:98%; margin:5% auto auto;}
.foot_204{ width:98%; margin:5% auto auto;}
.foot_203 li{margin-top:2%;}
.foot_205{margin-top:1%;}
.foot_207{margin-top:2%;}

.foot_4{width:98%; margin:0 auto;}
.foot_4 ul{ display:none;}
.foot_41{ float:none; display:block; text-align:center; line-height:30px; height:74px; padding-top:10px;}
.swipe{height:420px;}

}