@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
section{ width:100%;}
.wrapper{ width:95%;}
}
@media only screen and (min-width: 620px) and (max-width: 839px) {

.calculate .cal_field img{ left:28%;}
.calculate .cal_field{ width:100%;}
.mid_heading:before{ width:16%;}
.mid_heading:after{ width:16%;}
.product_img{height:250px;}
.des_circle_h:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.09);
    bottom: -269px;
    left: 287px;
    width: 12px;
    height: 510px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}   
}
@media only screen and (max-width: 767px) {
section{background-image:none;}
.input_col{width:100%;  margin: 0px -1px 5px -1px;}	
.col-sm-6 {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.mr-b {
    margin-bottom: 0px;
}
.input_col.total_amount {
    margin-bottom: 20px;
}
.input_col span{margin-bottom:15px;}
.cal_help{display:none;}
.cal_tip_area{    left: -50px; top: 30px;}
.cal_tip_area p{width: 210px;}
.col_l_heading{    padding: 0px 0px;}
.mid_heading h1 img {
    display: table;
    vertical-align: middle;margin-bottom:5px;   
    margin: 0 auto;
}
.mid_heading h1{font-size:30px; margin-left:0px;}
.mid_heading h1:after{    margin: 9px auto 0px auto;}
.mid_heading {   padding: 40px 30px 40px 30px;}
.mid_heading p {
    margin-top: 21px;
}
.col_l_heading h1 {
    font-size: 24px;
}
}
@media only screen and (max-width:480px) {
fieldset .next_btn, fieldset .pre_btn, fieldset .recal_btn{    padding: 14px 17px; margin: 5px 0 15px 0; }
.col_l{ width:100%;}
.t_amount{    word-wrap: break-word;     font-size: 40px;}	
.select_cap_data{margin-top:100px !important; margin:0 14px;}
.sec1 ul li p {
font-size: 22px;}
.cap_back_button {
       left: 1px !important;
    width: 10%;
    top: 55px;
}
.product_img{height:150px;}
}
/* /////////////////////my style///////////////////////////////////  */

@media only screen and (max-width: 1024px)
{
.container {width: 900px !important;}
ul.ac_list {margin: 35px 0 0 0; }
.item.no_border.w_680 { width: 100%;}
a.red_btn{    margin: 20px 0 15px 0;}
.homeicon_disp{
  width:33% !important;
}
.product_outlets_zones label {margin: 4px 0px;font-size: 12px;}
input.product_outlets {width: 15%;margin: 0 5px 0 27px;}
.product_outlets_zones label {margin: 4px 0px;font-size: 12px;}
input.product_zones {width: 15%;margin: 0 0px 0 18px;}
}
@media only screen and (max-width: 900px)
{
	.white { background: #fff;  width: 100%; float: left;}
}
@media only screen and (max-width: 900px)
{
.container {width:95% !important;}
.white { background: #fff;  width: 100%; float: left;}
.item_right { width: 87%;  float: right;}
ul.ac_list li img { width: 90px;}
img.curve { position: absolute;top: 0;  left: -34px;z-index: 123465;
    display: none;}  
.item_right {padding: 0px;}    
ul.ac_list li img {  width: 80px;}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
}

@media only screen and (max-width: 812px)
{   
ul.ac_list li img {  width: 75px;}    
.container {width:95% !important;}
.white { background: #fff;  width: 100%; float: left;}
.item_right { width: 87%;  float: right;}
img.curve { position: absolute;top: 0;  left: -34px;z-index: 123465;
    display: none;}   
.item_right {padding: 0px;}    
.btn-group-sm>.btn, .btn-sm { padding: 7px 15px;  margin: 0 0 0 8px;}   
input.form-control {width: 85%;  float: left;}  
.list_areas ul li { width: 100%;  padding: 10px 0;}
.list_areas ul li:last-child { width: 100%;  padding: 10px 0;}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
.col-md-3.inner_head1,.col-md-2.inner_head2{display:none;}
.col-md-7.main_blue_head {
    padding-right: 15px;
    text-align: center;
}
.col_field p{text-align:left;}
.col_field{background: #f9f9f9;}
.col_field .common_col {
    float: left;
    margin: 4px 0 4px 0;
    vertical-align: inherit;
	width:100%;
}
.col_field .col-md-7 {
    padding-left: 15px;
}
  .des_circle_width {
    width: 100%;
    display: inline-flex;
} 
.des_circle_width_100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.des_circle_width_100.col-md-3.other_cap_data {
    width: 25%;
    display: inline-block;
    margin: 0 -2px;
    vertical-align: top;
}  
}
@media only screen and (max-width: 768px)
{   
.pagination { margin: 0px 0 20px 0;}
.item_right { padding:0 0 0 8px;}
img.curve { display: none;}
.container {95% !important;}
.white { background: #fff;  width: 100%; float: left; }
.main_cal { padding: 20px 0;}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
a.red_btn{    margin: 60px 0 15px 0;}
.select_cap_data{margin-top:90px;}
.cap_back_button{left:-8px;}
.homeicon_disp{
  width:48% !important;
}
.col-md-3.other_cap_data {
    width: 100%;
}
.other_cap_data .teaser.media.color_bg_3 {
    padding:28px 14px;
}
.des_circle_width_100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.des_circle_width_100 .col-md-3.other_cap_data {
    width: 25%;
    display: inline-block;
    margin: 0 -2px;
    vertical-align: top;
} 
}
@media only screen and (max-width: 736px)
{
/* .item { background: #fff;  display: block;  overflow: scroll;  width: 100%;}    */  
.systm_table { width: 100%;}
.inpt_field { width: 100%;}
.table-wrapper-2 { margin: 10px 0 0 0;}   
.btn-group-sm>.btn, .btn-sm { padding: 7px 15px;  margin: 0 0 0 8px;}   
input.form-control {width: 89%;  float: left;}   
.item_right { padding: 0;  width: 100%; }   
.item_left {display: none;}
.main_cal { padding: 20px 0;}
ul.ac_list { margin: 15px 0 0 0; text-align: center;}   
.mid_heading { padding: 0px;  text-align: center;}
img.curve { display: none;}
.white { background: #fff;  width: 100%; float: left; }
.next_btn, .signup_button, .pre_btn, .recal_btn, .detail_result {
 margin: 10px 8px 20px 0px;}
.table-responsive { padding: 0 10px; }
.add_input {  padding: 0px 0 0 0px;}
.col-sm-6 {  margin-bottom: 10px;}
.list_areas ul li { width: 100%;}
.list_areas ul li:last-child { width: 100%;}
.table {width: 100%;}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
}
@media only screen and (max-width: 667px)
{   
/* .item { background: #fff;  display: block;  overflow: scroll;  width: 100%;} */
.item.no_border.w_680 { width: 100%;}   
.item-1 {  width: 100%;}    
.thank_you .white_bg span {  word-break: break-all;}
.add_input {  padding: 0px 0 0 0px;}     
.btn-group-sm>.btn, .btn-sm { padding: 7px 15px;  margin: 0 0 0 8px;}   
input.form-control {width: 87%;  float: left;}   
.item_right { padding: 0; width: 100%;  box-sizing: border-box; }
.item_left {display: none;}
.main_cal { width: 100%; display: block;}
ul.ac_list { margin: 15px 0 0 0; text-align: center;}   
.mid_heading { padding: 0px;  text-align: center;}
img.curve { display: none;}
.white { background: #fff;  width: 100%; float: left;  display: block; }
.next_btn, .signup_button, .pre_btn, .recal_btn, .detail_result {
 margin: 10px 8px 20px 0px;}
.table-responsive { padding: 0 10px; }
.add_input {  padding: 10px 0 0 0px;}
.opacity {  position: relative;   height: 100%;}
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
.systm_table table {
    width: 100%;
	overflow: scroll;
    display: block;
}
.col-md-12.white {
    padding: 0px;
}
.kit_table table {
    width: 600px;
    overflow: scroll;
    display: block;
}
.kit_table {
    width: 100%;
}
.product_outlets_zones label {margin: 4px;font-size: 14px;}
input.product_outlets {width: 17%;margin: 0 5px 0 27px;}
.product_outlets_zones label {margin: 4px;font-size: 14px;}
input.product_zones {width: 17%;margin: 0 5px 0 15px;}
}
@media only screen and (max-width: 568px)
{   
.add_input {  padding: 0px 0 0 0px;}      
.btn-group-sm>.btn, .btn-sm { padding: 7px 15px;  margin: 0 0 0 8px;}    
input.form-control {width: 85%;  float: left;} 
.list_areas ul li {   width: 100%; padding: 10px 0;}
.list_areas ul li:last-child {
    width: 100%;
    padding: 10px 0;
}
.list_summary ul li {  width: 100%;  padding: 10px 0;}
.thank_you { margin-bottom: 20px;  padding: 0px;   box-sizing: border-box;
    margin: 10px 0 0 5px;}   
.sec2 .form-group .col-md-8 {
    width: 90%;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}
.sec2 .form-group .col-md-4 {
    width: 10%;
    float: left;
    padding: 0;
    margin: 0;
}
 .lr_0{padding-left:0px;padding-right:0px;}   
 .homeicon_disp{
  width:95% !important;
}
.des_circle_width_100 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.des_circle_width_100 .col-md-3.other_cap_data {
    width:50%;
    display: inline-block;
    margin: 0 -2px;
    vertical-align: top;
}
}
@media only screen and (max-width: 414px)
{  
.opacity { height: 100%; background-attachment: fixed;}
.pdf_tables img {  display: none;}
.add_input {  padding: 0px 0 0 0px;}     
.btn-group-sm>.btn, .btn-sm {
    padding: 7px 15px;
    margin: 10px 0px;
    width: 100%;
} 
input.form-control {width: 100%;  float: left;}  
.next_btn, .signup_button, .pre_btn, .recal_btn, .detail_result {
    
    margin: 10px 0px 15px 0px;     text-align: center;
    width: 100%;} 
.des_circle_h:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.09);
    bottom: -164px;
    left: 178px;
    width: 12px;
    height: 300px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}	
}
@media only screen and (max-width: 375px)
{   
ul.ac_list li img {
    width: 65px;
}   
.white_bg h1 { margin: 20px 0 0px 0;}

.white_bg { padding: 15px;}

.white_bg h1 { font-size: 24px;  line-height: 34px;}

.white_bg p.thnk_para { font-size: 18px;}
.select_cap_data{margin-top:70px !important; margin:0 15px;}
.sec1 ul li p {
    font-size: 21px;
}
.cap_back_button {
    left: 1px !important;
    width: 12%;
}
.circle_des {
    width: 90px !important;
    height: 90px !important;
    padding: 22px 0px !important;
}
.circle_des.active {
    width: 90px !important;
    height: 90px !important;
    padding: 22px 0px !important;
}
 .circle_des .media-body p{   font-size: 12px !important;}
 .des_circle:before{left:40px;}
 .des_circle_h:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.09);
    bottom: -118px;
    left: 158px;
    width: 12px;
    height: 210px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}
}
@media only screen and (max-width: 360px)
{
.circle_des {
    width: 74px !important;
    height: 74px !important;
    padding: 12px 0px !important;
}
.circle_des.active {
    width: 74px !important;
    height: 74px !important;
    padding: 12px 0px !important;
}		
.card:before{display:none;}	
.des_circle:before {
    left: 32px;
	    bottom: -50px;
    height:71px;
}	
.des_circle_h:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.09);
    bottom: -118px;
    left: 128px;
    width: 12px;
    height: 210px;
    transform: rotate(90deg);
    z-index: 0;
    border-radius: 50%;
}
}