
@media only screen and (min-width:768px) and (max-width:1199px){
	
	.wrapper{ max-width:750px; }
	 header{ margin-bottom:15px; }
	.menu li a{ padding:40px 3px; }
	.price{ font-size:21px; line-height:35px; }
	.price span.spn1{ font-size:18px; }
	.price span.spn2{ font-size:24px; padding:20px 0 20px 40px; }
	.box_cont{ min-height:240px; }
	.name_area1{ width:13%; }
	.inpt_area1{ width:30%; }
	.ryt_dtls{ width:78%; }
	.cntct_nmbr{ padding:5px 51px; }
	.prdct_srvc ul{ width:41%; }
	.prdct_srvc img{ margin:0 20px 20px 0; }
	.big_cntct_nmbr{ padding:8px 35px; }
	.how_may_ryt{  }
	.steadfast ul.wstcrt{ width:90%; }
	.why_use ul li{ font-size:17px; }
	.big_cntct_nmbr1{ width:34%; }
	
}

@media only screen and (max-width:767px){
	
	.wrapper{ max-width:430px; }
	.menu {
display:none;
}
.mobile-menu {
display:block;
width:100%;
/*border-radius:8px;
margin-top:100px;*/
background:#ca0202;
}
nav {
margin:0;
background:none;
}
.menu li {
display:block;
margin:0;
width:100%;
padding:0;
background:none;
border-top:1px solid #000;
}
.menu li a {
background:url(../images/manu_bg.png) repeat;
color:#000;
padding:10px;
/*border-left:3px solid #ffffff;*/
}

.menu li:first-child a{ padding:32px 29px; }

.menu li a:hover, .menu li:hover>a {
	background:url(../images/menu_hvr.jpg) repeat-x left bottom #ca0202; color:#FFF;
/*border-left:3px solid #9CA3DA;*/
}
.menu ul {
display:block;
position:relative;
top:0;
left:0;
width:100%;
}
.menu ul ul {
left:0;
}

.logo{ width:100%; padding:25px 0 30px; text-align:center; }

.right_hdr_area{ width:100%; }

.price{ width:100%; padding:10px 0 16px; text-align:center; }

.price span.spn1{ display:block; }

.price span.spn2{ line-height:40px; }

.box_area ul li{ margin-right:0; width:100%; }

.box_area ul li .did ul li{ width:84%; }

.ftr_icon{ float:none; margin:0 auto; }

.notice_area{ width:100%; }

.socl_area{ width:100%; }

.flw{ width:23%; float:left; }

/*.socl{ width:74%; float:right; }*/
.socl {
    float: none;
    padding-top: 10px;
    text-align: center;
}
.socl a{
        margin: 0 auto;
    text-align: center;
    
    width: 130px;
    padding-top: 20px;
	padding-bottom: 10px;
}

.copy{ text-align:center; }

.left_cntct{ width:100%; }

.name_area1{ width:30%; }

.inpt_area1{ width:65%; float:right; }

.name_area2{ width:30%; margin-top:24px; text-align:left; }

.inpt_area2{ width:65%; margin-top:12px; }

.right_cntct{ margin-top:40px; width:100%; }

.ryt_dtls{ width:80%; }

.i4u img{ float:none; margin:7% 2% 2% 2%; }

.prdct_srvc img{ margin:0 0 20px; max-width:100%; }

.prdct_srvc ul{ width:100%; }

.prdct_srvc h2{ margin:5px 0 12px; padding:5px 0 12px; }

.lft_risk{ width:100%; border-bottom:1px solid #7a7a7a; padding-bottom:25px; margin-bottom:20px; border-right:none; }

.ryt_risk{ width:100%; border:none; }

.trade{ margin-bottom:40px; }

.why_use{ text-align:center; }

.why_use img{ float:none; margin:0 0 10px; }

.why_use ul{ text-align:left; }

.big_cntct_nmbr{ padding:8px 25px; }

.trade a, .trade a.red_cntct{ width:90%; }

.how_may{ text-align:center; }

.how_may img{ float:none; }

.how_may_ryt{ text-align:left; width:100%; }

.how_may_ryt ul{ margin-bottom:10px; }

.big_cntct_nmbr1{ width:62%; margin:0 66px 0 0; }

.cbr{ line-height:inherit; }

.steadfast img{ max-width:100%; }

.steadfast ul.wstcrt{ width:95%; }

.why_use img.prc{ float:none; margin:15px 0 0 0; max-width:100%; }

.copy{ width:100%; }

	
}


@media only screen and (max-width:479px){
	
	.wrapper{ max-width:280px; }
	.flw{ width:34%; float:none; margin:0 auto; }
	.flw img{ margin:0 4px; }
	.socl{ width:100%; }
	.name_area, .name_area1, .name_area2, .name_area3{ width:100%; }
	.name_area2{ margin-top:12px; }
	.inpt_area, .inpt_area1, .inpt_area2, .inpt_area3{ width:100%; margin-top:5px; }
	.inpt_area3 select{ width:100%; }
	.ryt_dtls{ width:74%; }
	.cntct_nmbr{ padding:5px 22px; }
	.i4u img{ max-width:98%; margin:7% 0 0; }
	.i4u ul li h4{ line-height:30px; }
	.why_use img{ max-width:96%; }
	.big_cntct_nmbr{ line-height:30px; font-size:32px; }
	.big_cntct_nmbr1{ line-height:30px; font-size:22px; margin:0; width:92%; }
	.how_may img{ max-width:96%; }
	.steadfast a{ width:200px; }
	.why_use ul li{ line-height:30px; }
	
}




