/*===========MEDIA==================*/
.forMob{ display:none;}

@media only screen and (max-width:1187px){
.container{ width:1004px;}

.banner{padding: 64px 0px;}

.section1{ padding:50px 0;}

.s2rgt {width: 55%; float: right;}
}

@media only screen and (max-width:1021px){
.container{ width:750px;}
.forDesk{ display:none;}
.forTab{ display:none;}
.forMob{ display:block;}

.banner {padding: 30px 0px;}
.ban-hd1{ font-size:50px; line-height:60px;}
.ban-hd2{ width:70%;}
ul.bnrlist{ width:73%; padding: 20px 0 0 0;}
ul.bnrlist li{padding: 0 8px 0 0; font-size:16px;}
ul.bnrlist li img{ position:static; margin-bottom:10px;}

.section1{padding:38px 0;}
.s1-hd2{ width:100%;}
ul.s1-list{ padding: 30px 0 0 0;}
.s1-hd1, .s2-hd1{ font-size:32px; line-height:40px;}
.s1-hd1 span{font-size: 24px;}

.section2{ text-align:center;}
.s2rgt{ width:100%}
.s2-mob-img{ display: inline-block; max-width: 280px; margin: 20px 0;}
.s2lft{ display:none;}

.s4-p1{padding: 18px 0 0 0;}
.s4bx1-p1{ min-height:100px;}

/*CHECKOUT*/
.select-prt {margin: 0 0 20px 0;}
.select-prt2, .form{ width:100%;}
.select-prt2{ margin:0;}

.check{ padding:30px 0;}
.form-box{padding: 30px 30px; margin: 30px auto 0 auto; width:100%;}



}

@media only screen and (max-width:767px){
.container{ width:100%; max-width:600px; padding:0 10px;}

.hide-mob{ display:none;}
.banner { background: url(../images/mob-banner.jpg)#fcf2f0 center bottom -30px no-repeat; height: auto; padding: 38px 0;}
.ban-hd2 {width: 96%; font-size: 18px;}
.ban-hd1 {font-size: 40px; line-height: 50px; padding: 0px 0 0 0;}
ul.bnrlist li img {position: absolute; top: 0; left: 0; max-width:38px;}
ul.bnrlist li {padding: 0 0 0 50px; width: 100%; border: none; margin-bottom: 22px;}
.bnrbtn{margin: 10px 0 0 0; width:215px;}

ul.s1-list li {float:none; display: inline-block; width: 80%; margin: 0 0 30px 0;}

.section2{ padding:38px 0;}
.s2-btn{margin: 20px 0 0 0;}
.s2-hd2{ width:90%;}

.section3 { background: #fff; padding: 38px 0; text-align: center;}
.s3txtbx{ width:100%; padding: 20px 20px;}

.section4 { padding: 10px 0 38px; text-align:center;}
.s4-box3{ height: auto; padding: 20px 30px;}
.s4bx3-img{ position:static;}
.s4-box1, .s4-box2{ width:100%; margin:5px 0;}
.s4bx1-p1 { min-height: 70px;}

.ftr-p1{ font-size:16px; line-height:30px;}

}

@media only screen and (max-width:420px){
.ban-hd1 {font-size: 30px;line-height: 38px;}
.ban-hd2 {width: 100%; line-height: 28px;}

.s1-hd1, .s2-hd1{ font-size:28px;}
.s1-hd1 span {font-size: 20px;}
.section1, .section2, .section3 {padding: 24px 0;}
ul.s1-list li{ width:90%;margin: 0 0 10px 0;}

.s2-mob-img{ max-width:220px;}

.s4-box{ padding:20px 0 0 0;}
.section4 {padding: 10px 0 20px;}
.s4-p2 span, .s4bx1-p2 span{ font-size:28px;}

/*CHECKOUT*/
.form-box {padding: 30px 10px;}
.select-prt-smy{font-size: 28px; line-height: 30px;}