@media (min-width: 1400px) {
.banner ul.animate{width:30%; right: 22%;}
}
@media (max-width: 1200px) {
.wrapper{width:96%}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
.banner p{font-size:25px;line-height:35px}
.dupact_logo{max-width:300px}
.banner p br{display:none}
.each_step p{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
.banner p{font-size:20px;line-height:35px}
.dupact_logo{max-width:300px}
.banner p br{display:none}
.banner .btn{font-size:13px;width:200px;padding:6px 0}
.each_step{width: 45%;margin: 0 2% 2%;}
.benefits li,.benefits li:nth-child(3n+3){width: 45%;margin: 2%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
h2{font-size:28px}
h5{font-size:18px}
body{font-size:14px}
}
@media (max-width: 767px) {
body{padding-top:50px;font-size:14px}
.section{padding:30px 0}
h2{font-size:22px}
h5{font-size:16px}
h4{font-size:16px}
.in-pc{display:none}
.in-mobile{display:block}
.navbar-toggle{display:block}
.logo{width:150px;float:left}
.menu li{width:100%;float:none;text-align:left}
.menu li a{margin:0;padding:10px;border:0;font-size:14px;color:#fff}
.menu li.active a,.menu li:hover a{border:0;color:#e31410}
.rightMenu{float:none;left:0;margin:0;position:absolute;top:50px;width:100%;z-index:10;background:#004a8f;display:none;padding-top:0}
.header{position:fixed;top:0;left:0;z-index:10;width:100%}
.wid30p{width:100%;float:none}
.wid40p{width:100%;float:none}
.wid50p{width:100%;float:none}
.wid60p{width:100%;float:none}
.wid70p{width:100%;float:none}
footer{font-size:14px}
.banner{margin-top:0;max-height:610px}
.banner ul.animate {width: 60%;float: none;height: auto; padding:4%;right: 5%;}
.banner .banner_bg{max-width:none; width: 100%;}
.banner .ache{width:280px;margin:0 auto;float:none}
.banner p{font-size: 13px;line-height: 20px; margin-bottom: 10px;text-align:center}
.banner br{display:none}
.banner img.dupact_logo{width:280px;margin-left:-140px;left:50%}
.benefits li { width: 100%;display: block}
.benefits li img {padding-bottom: 0;}
h4{margin-bottom:0;}h3 {font-size: 20px;} .btn{font-size:13px;width: 180px; padding: 4px 0;} .each_step .btn{width: auto; padding: 4px 20px;display: inline-block;}
.each_step { display: block; margin: 0 0 30px 0; width: 100%;}
.each_step p{margin-bottom: 10px;min-height:0;}
}
@media (max-width: 360px) and (orientation: portrait) {
table.middle td{display:block;padding-bottom:15px;text-align:center}
h4 span{display:inline}
}