@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.mid-text1 .left {
    width: 100%;
    margin: 10px 0;
}
.mid-text1 .right {
    width: 100%;
    margin: 10px 0;
}

} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.mid-text1 .left {
    width: 100%;
    margin: 10px 0;
}
.mid-text1 .right {
    width: 100%;
    margin: 10px 0;
}
.btn_img{ display:none;}
.btn_img_mob{ display:block;}
.button{ display:none;}
.button_mob{ display:block;}

}




@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}

.header h1 {
    font-size: 26px;
    line-height: 32px;}

.header h2 {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 5px 0 25px;
  font-size: 18px;
  line-height: 25px;
  color: #000;
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.5px;
}	
	
.header ul li:last-child img{ width:95%; height:auto; }	

.mid-text{ padding:30px 5px;  }
.mid-text1{width:100%; float:left; margin:0px 0 0 0; padding:0px 5px;  }

	
.mid-text1 .left {
    width: 100%;
    margin: 10px 0;
}
.mid-text1 .right {
    width: 100%;
    margin: 10px 0;
}
.btn_img{ display:none;}
.btn_img_mob{ display:block;}

.button{ display:none;}
.button_mob{ display:block;}
.value {
    width: 85%;
    float: none;
    margin: 0 auto 40px auto;
    padding: 15px;
    border: #000080 5px dashed;
    display: table;
}
.price-btm-section h2 {
 
    font-size: 40px;
 
 
}
.mid-text-new ul li .left1 {
    width: 80px;
    height: 80px;
    float: left;
    margin: 20px 0px 0px 0;
	
	
	}
.blue_area_contant ul li {
    width: 100%;
    margin: 10px 0% 10px 0;
    list-style: none ;
    float: left;
    padding: 15px 0px;
    font-size: 20px;
 
}
.mid-text2 .right {
    width: 100%;
    float: right;
    margin: 10px 0;
    padding: 0px 0px;
}
.mid-text2 .left {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 0px 0px;
}
.mid-text-new ul li .right1 {
    width: 100%;
    float: left;
    margin: 10px 0;
    padding: 0px 0px;
}
.instant-button {
    width: 100%;}
.mid-text p span {
    font-weight: 700;
    font-size: 40px;
    line-height: 36px;
}
.blue_area_contant h1 {
    width: 100%;
    float: left;
    margin: 30px 0px 40px;
    padding: 0 0%;
    font-size:40px;
    line-height: 40px;
    font-weight: 900;
    color: #fff;
    text-align: center;
}
.blue_area_contant h1 span {
    font-size: 35px;
    line-height: 35px;
}

.show{ display:none}
.hide{ display:block}

.header {
  width: 100%;
  float: left;
  margin: 0px;
  padding: 15px 0% 0px;
}



.video_real iframe{ width:100%; float:left; text-align:center;}



}



@media only screen and (min-width: 320px) and (max-width: 355px) {

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}