﻿
@media (min-width: 0px) and (max-width: 349px) { /*---------  media  0 to 349  -----------   */

    .whole-div{display:none;}
    .resolution-error{display:block;}

}



@media (min-width: 1680px) { /*---------  media  above 1000  -----------   */
    html {
        width: 1680px;
        max-width: 1680px;
        margin:0 auto;
    }
}
@media (min-width: 1500px) { /*---------  media  above 1000  -----------   */
    .header_A{ min-height:100px;}
}

@media (min-width: 1000px)  { /*---------  media  above 1000  -----------   */
    .ressipbow > p {font-size: 23px; }
      .retirment-1,.retirment-2{ min-height:80px; padding-top:10px;}
    .pricesub_cont{ max-width:990px;   margin:0 auto; }
    #sumary_containe{  max-width:990px;   margin:130px auto; }

    .right-summary{ width:300px; float:right;}
   .left-summary{ width:300px; float:left;}
    .webstore{ display:block;}
    .phonestore{ display:none;}
    .liadate1{ margin-left:-25px;}
    .liadate3{ margin-left:10px;}

}
@media (min-width: 350px) and (max-width: 600px){ /*---------  media  350 to 600  -----------   */
 .font-let{font-size:20px;}
 .ressipbow  > p{  font-size: 20px; }
 .perpvalue{width:33.3%;}


.Email_headerr{margin:0 auto;width:90%;}
.email_subb{width:100%;border:1px solid #f3f4f2;border-left:none;border-right:none;}
.email_top{margin:0 auto;width:70%;padding-bottom:10px;padding-top:10px;font-size:12px;}
.subtexte{font-size:16px;font-weight:bold;}

.cataloghead_box {
    width: 100%;
}
.cataloghead_box .alien_contine:first-child {
    width:100%;	

}
.cataloghead_box .alien_contine:nth-child(2) {
    width: 100%;
    margin-top:10px;
    margin-left:-2px;

}
.cataloghead_box .alien_contine:nth-child(3) {
    width: 100%;
    margin-top:10px;
    margin-left:-2px;
}

.pop-massge {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height:480vh;
    z-index: 999;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
   
    
}


@media (min-width: 1000px) and (max-width: 1250px) { /*---------  media  1000 to 1250  -----------   */
     
  
    .col-logo2 img,.col-logo img{width:100%;}
    .simulater_containe .col-md-3{width:20%;}

    .simulator_bodytop{ width:60%; margin:0 auto;}
    .field_head { font-size: 14px; }
    .ressipbow  > p{  font-size: 20px;   }
    .simu_summerybox:nth-child(1) { width:49%; }
    .simu_summerybox:nth-child(2) { width:49%; }
    .simu_summerybox:nth-child(3) { width:100% ;  padding:0; min-height:200px;}
    .simulatorgap{   margin-top:40px; }
    .tapscno3{width:40% ; margin:0 auto; }

    .parcharts {
        margin-left: -60px;
    }
    .piechartes { margin-left: -60px; }

        .retirment-1,.retirment-2{ min-height:100px; padding-top:10px;}


    .start_inves {
        width: 100%;
        font-size: 2em;
        font-weight: 900;
    }
.download_app {
    width: 100%;
    font-size: 20px;
    font-weight: 900;
}
    .traingle_full {
        max-height: 130px;
        min-height: 130px;
        overflow:hidden;
        border-top: 1px solid;
    }
}

@media (min-width: 900px) and (max-width: 1250px) {  /*---------  media  900 to 1250  -----------   */
    
    .choose_return1{width:33%; text-align:left;}
    .choose_return2{width:33%; text-align:left;}
    .choose_return3{width: 33%; text-align:left;}
    .choose_return4{width: 33%; text-align:left;  margin:20px 0px;}
    .choose_return5{width: 33%; text-align:left; margin:20px 0px;}
    
    .col-choospre-button{width:100%;margin-top:10px;}
    .col-calbtn{width:46%;float:left;}
    .col-clrbtn{width:44%;float:left;}
    .remove1010,.removecalbot{display:none;}

.Email_headerr{margin:0 auto;width:80%;}
.email_subb{width:100%;border:1px solid #f3f4f2;border-left:none;border-right:none;}
.email_top{margin:0 auto;width:70%;padding-bottom:10px;padding-top:10px;font-size:12px;}
.subtexte{font-size:16px;font-weight:bold;}

.cataloghead_box {
    width: 100%;
  
}
.cataloghead_box .alien_contine:first-child {
    width:32%;	
   
}
.cataloghead_box .alien_contine:nth-child(2) {
    width: 32%;
    margin-left:10px;

}
.cataloghead_box .alien_contine:nth-child(3) {
    width: 32%;
    margin-left:10px;
}

.pop-massge {
    width: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height:480vh;
    z-index: 999;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.freesecton1{width:100%;display:inline-block;font-weight:bold;font-size:11px;line-height:35px;}
.freesecton1 div:first-child {
    width:10%;
    margin-top:8px;
}
.freesecton1 div:nth-child(2) {
    width: 50%;
}
.freesecton1 div:nth-child(3) {
    width: 5%;
}
.freesecton1 div:nth-child(4) {
    width: 30%;
}

.freesecton2{width:100%;display:inline-block;font-weight:bold;font-size:11px;line-height:35px;}
.freesecton2 div:first-child {
    width:10%;
    margin-top:8px;
	font-size:18px;
}
.freesecton2 div:nth-child(2) {
    width: 60%;

}



}
@media (min-width: 700px) and (max-width: 900px) {  /*---------  media  700 to 900  -----------   */
    
    .choose_return1{width:33%; text-align:left;}
    .choose_return2{width:28%; text-align:left;}
    .choose_return3{width: 38%; text-align:left;}
    .choose_return4{width: 33%; text-align:left;  margin:20px 0px;}
    .choose_return5{width: 33%; text-align:left; margin:20px 0px;}
    
    .col-choospre-button{width:100%;margin-top:10px;}
     .col-calbtn{width:46%;float:left;}
     .col-clrbtn{width:44%;float:left;}
     .remove1010,.removecalbot{display:none;}
     .remove1012{display:none;}
}

@media (min-width: 600px) and (max-width: 900px) { /*---------  media  700 to 1000  -----------   */
    .choose_return1 {
        width: 60%;
        text-align: left;
        margin: 10px 0px;
    }

    .choose_return2 {
        width: 40%;
        text-align: left;
        margin: 10px 0px;
    }

    .choose_return3 {
        width: 60%;
        text-align: left;
        margin: 10px 0px;
    }

    .choose_return4 {
        width: 40%;
        text-align: left;
        margin: 10px 0px;
    }

    .choose_return5 {
        width: 48%;
        text-align: left;
        margin: 10px 0px;
    }

    .remove1012 {
        display: none;
    }

    .col-choospre-button {
        width: 100%;
        margin-top: 10px;
    }

    .col-calbtn {
        width: 46%;
        float: left;
    }

    .col-clrbtn {
        width: 44%;
        float: left;
    }

    .remove1010, .removecalbot {
        display: none;
    }

    .remove1012 {
        display: none;
    }

    .Email_headerr {
        margin: 0 auto;
        width: 70%;
    }

    .email_subb {
        width: 100%;
        border: 1px solid #f3f4f2;
        border-left: none;
        border-right: none;
    }

    .email_top {
        margin: 0 auto;
        width: 70%;
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 12px;
    }

    .subtexte {
        font-size: 16px;
        font-weight: bold;
    }

    .cataloghead_box {
        width: 100%;
    }

        .cataloghead_box .alien_contine:first-child {
            width: 100%;
            margin: 0 auto;
        }

        .cataloghead_box .alien_contine:nth-child(2) {
            width: 48%;
            margin-left: 0px;
            margin-top: 20px;
        }

        .cataloghead_box .alien_contine:nth-child(3) {
            width: 48%;
            margin-left: 15px;
            margin-top: 20px;
        }

    .free_resp {
        width: 100%;
    }

    .resp_freehead {
        margin: 0 auto;
        width: 48%;
    }

    .pop-massge {
        width: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0.5);
        height: 480vh;
        z-index: 999;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    .freesecton1 {
        width: 100%;
        display: inline-block;
        font-weight: bold;
        font-size: 10px;
        line-height: 35px;
    }

        .freesecton1 div:first-child {
            width: 10%;
            margin-top: 8px;
        }

        .freesecton1 div:nth-child(2) {
            width: 50%;
        }

        .freesecton1 div:nth-child(3) {
            width: 5%;
        }

        .freesecton1 div:nth-child(4) {
            width: 30%;
        }

    .freesecton2 {
        width: 100%;
        display: inline-block;
        font-weight: bold;
        font-size: 10px;
        line-height: 35px;
    }

        .freesecton2 div:first-child {
            width: 10%;
            margin-top: 8px;
            font-size: 18px;
        }

        .freesecton2 div:nth-child(2) {
            width: 60%;
        }


}


@media (min-width: 350px) and (max-width: 599px) {  /*---------  media  700 to 1000  -----------   */

     .choose_return1{width:93%; text-align:left;margin:10px 0px;}
    .choose_return2{width:93%; text-align:left;margin:10px 0px;}
    .choose_return3{width: 98%; text-align:left;margin:10px 0px;}
    .choose_return4{width: 93%; text-align:left;margin:10px 0px;}
    .choose_return5{width: 93%; text-align:left; margin:10px 0px;}
    
    .col-mobprecent{width:100%;}
    .remove1010,.removecalbot{display:none;}
    .remove1012{display:none;}
    
    .col-choospre-button{width:100%;margin-top:10px;}
     .col-calbtn{width:46%;float:left;}
     .col-clrbtn{width:44%;float:left;}

        .pricesub_cont{ max-width:700px;   margin:0 auto; }
    #sumary_containe{  max-width:700px;   margin:130px auto; }

   

}

 @media (min-width: 700px) and (max-width: 1000px) { /*---------  media  700 to 1000  -----------   */
       
    .remove1012{display:none;}
    
    .simu_summerybox:nth-child(1) { width:100%; }
    .simu_summerybox:nth-child(2) { width:100%; }
    .simu_summerybox:nth-child(3) { width:100%; }
    
    .font-cashf{font-size:18px;}
     .col-cashwidth1{width:41%;float:left; }
    .col-cashwidth2{width:5%;float:left; }
    .col-cashwidth3{width:28%;float:left; }
    
    .col-logo { width: 40%;  float: left;    }
    .col-logohead, .removediv1000 {  display: none; }
    .col-sign {  width: 20%;  float: left;    }
    .col-reedit {  width: 55%;  float: left;  text-align:right;  }

    .col-logo2 {  width: 40%; float: right;   }
    .col-logore2 {  width: 40%; float: right;   }
    .col-logore2 img{height:60px;}
    .col-logo2 img, .col-logo img { width: 80%;}
    #signbtn {  width: 70%;  margin: 0 auto; }
    .adddisplay_response {   width: 30%;  font-size: 12px;  }
    .col-profield {  width: 33.3%; float: left;  }
    
    #Ouery_response { padding-bottom: 5px; float:right;}
    .col_font-centen{font-size:14px;}

    
      .col-autosave{display:inline-block;float:left;margin-top:-10px;padding-left:5px;}
      .col-autosize{width:160px;height:18px;}

      .parcharts {width:300px;height:300px; margin:0 auto;  }
    .piechartes { width:300px;height:300px; margin:0 auto;  }
    
    .mar10 {   margin-top: 10px;  }
    .padd10 {  padding: 3px 3px;  }
    .padd1010 {  padding: 0px 0px 0px 0px; }
    
    .field_head {  font-size: 12px; text-align:left; }
    .col-md-name {   width: 25%;   float: left;   }
    .col-md-field, .col-md-year {  width: 25%;  float: left;    }
    .col_lia_year {  width: 25%;  float: left;     padding-top: 0px; }
    .col-md-goalhead {  width: 25%;   float: left;  }
    .col-md-field1, .col-md-head, .col-md-incomename, .col-md-incofield1 { width: 33.3%; float: left;     }

     .md_housname{ width:25%; float:left; margin-top:20px; font-size:12px;}
    .hous-md-field{width:25%; float:left; margin-top:20px;}
    .hous-md-year{ width:25%; float:left; margin-top:10px;}
    .hous-md-durac{width:25%; float:left; margin-top:10px;}
    
    .col-md-secflow{ width: 33%;float: left;  }
    .col-md-secflow1{ width: 33%;float: left;  }
    .col-totalgoalbot{  width: 59%; float: left;     padding: 0% 1%;}
    .col-ma-gapamount{  width: 59%; float: left;padding: 0% 1%;}
    .col-totalgoal1 {  width: 23%;  float: left;   padding: 0.3% }
    .col-totalgoal { width: 38%; float: left;     padding: 1%}
         .col-md-year .col-md-5{ width:auto; float:left; }
    .col-md-year .col-md-1 { width:auto; float:left;}

    .col-retir-head{width:100%;font-style:normal;border:1px solid rgba(0, 0, 0, 0.2)}
    .col-retirsubhead{width: 100%;text-align: center;color: #000;}
    .col-retirsubhead2{width:100%;text-align:center;color: #000;margin-top:-20px;}
    .font-15{font-weight:600;font-size:15px}
    .retirment-2,.retirment-1{background-color:#fff; height: auto; color: #000;}
    
    .col-totalincome1 {  width: 70%;  float: left;     }
    .col-totalincome2 {  width: 30%; float: right;    }
    .col-cashtotalincome1 {  width: 60%; float: left;    }
    .col-cashtotalincome2 {  width: 40%; float: right;   }
    .Col-incomegraph {  width: 30%; margin: 0 auto; float: right; display: inline-block}
    
    .Perp_percent {  display: inline-block; width: 80%;  padding-top: 10px; }
    .perp_head { width: 100%; float: left; font-size: 18px;  margin-top: 10px;}
    .validate_name { border: none;  border-bottom: none; font-weight: bold; }
    .remove_list {  right: 10px;  margin-top: -1px;   }
    
  
    
    .ressipbow{ width:80%; margin:0 auto;}
    .sip_amo{ width:49%; float:left;}
    .ressipbow  > p{  font-size: 23px;   }
    
    .simu_summerybox:nth-child(1) { width:100%; }
    .simu_summerybox:nth-child(2) { width:100%; }
    .simu_summerybox:nth-child(3) { width:100%; padding:0; min-height:200px;}
    .simulatorgap{   margin-top:40px;margin-bottom:40px; }
    .simu_Scenario1update .col-md-6{ width:60%; float:left;  padding-left:30px;}
    .simu_Scenario1update .col-md-1{ width:5%; float:left; }
    .simu_Scenario1update .col-md-4{ width:20%; float:left; margin-right:10px;}
    .simuemitable{ width:33%; float:left; font-size:15px;}
     
    .simulator_body{ width:90%;}
    .simulator_body .col-md-6{ width:48%; float:left;}

     #Detailed_Cash_Flow0 #first_name{ font-size:15px;}

     
    .modal-dialog { width: 490px;  margin: 30px auto }
     .numer_btnsubmit{ width:40%; margin:0 auto;  padding:0; text-align:right;}
    .numer_btnsubmit .btn{ width:auto;  text-align:right; padding:10px 30%;}
    .padding0{padding:0; }
     .otpsumitbox{ width:70%; margin:0 auto;}
     .otpsumitbox .col-md-6{ width:49%; float:left; margin-left:1%; }

      .otpsumitbox input{ width:80%;}

       .otpsumitbox .col-md-5{ width:60%; margin:0 auto; }
    .otpsumitbox .col-md-7{ width:60%;  margin:20px auto;}
     .recalsimulator{ width:30%;}
      .retiresimulator_body,.Resetretiresimulator_body {  min-height:600px; }

       .pricesub_cont{ max-width:700px;   margin:0 auto; }
    #sumary_containe{  max-width:700px;   margin:130px auto; }

     .right-summary{ width:250px; float:right;}
   .left-summary{ width:300px;float:left; }

    .playbtn_body {
        width: 99.9%;
        background-image: url('../image/Play_back.png');
    }
    .traingle_full, .triangle_left {  width: 100%; }
    #triangle_up {
        width: 100px;
        height: 0;
        float: right;
        border-left: 0px solid transparent;
        border-bottom: 0px solid #fff;
    }
    .afer_goobtn{width:100%;  display:inline-block;}
    .start_inves {
        width: 100%;
        font-size: 3em;
        margin-top: 40px;
        text-align: center;
    }
    .download_app {
        width: 100%;
        text-align: center;
        font-size: 2em;
        margin-top: 30px;
        margin-bottom: 30px;
    }

     .webstore{ display:none;}
    .phonestore{ display:block;}
}

@media (min-width: 992px) and (max-width: 1002px) {

   .col-retir-head{width:100%;font-style:normal;border:1px solid rgba(0, 0, 0, 0.2)}
    .col-retirsubhead{width: 100%;text-align: center;color: #000;}
    .col-retirsubhead2{width:100%;text-align:center;color: #000;margin-top:0px;}
    .font-15{font-weight:600;font-size:15px}
    .retirment-2,.retirment-1{background-color:#fff; height: auto; color: #000;}
   


}


@media (min-width: 500px) and (max-width: 700px) {  /*---------  media  500 to 700  -----------   */
       
    .remove1012{display:none;}
    #Detailed_Cash_Flow0 #first_name{ font-size:15px;}
    .col-cashwidth1 {  width: 41%;  float: left;}
    .col-cashwidth2{width:5%;float:left; }
    .col-cashwidth3{width:28%;float:left; }

    .dob1{ width:35px;}
    .dob2{ width:50px;}
    
    .col-logo {  width: 40%;  float: left;   }
    .col-logohead, .removediv1000 {  display: none; }
    .col-sign {  width: 20%;  float: left;   }
    .col-logo2 {  width: 40%; float: left;   }
    .col-logo2 img {  width: 100%; }
    #signbtn {   width: 70%;  margin: 0 auto;  }

   #Ouery_response { padding-bottom: 5px; float:left;width:100%;}
    .col_font-centen{font-size:14px;}

    
      .col-autosave{ width:200px; float:left;margin-top:15px;}
      .col-autosize{width:160px;height:18px;}

    
    .col-profield {  width: 33.3%; float: left;  }
   
    .field_head {  font-size: 11px;  }
    .col-md-goalhead {  display: none; }
         .col-md-year .col-md-5{ width:auto; float:left; }
    .col-md-year .col-md-1 { width:auto; float:left;}

    .modal-dialog { width: 490px;  margin: 30px auto }
     .numer_btnsubmit{ width:40%; margin:0 auto;  padding:0; text-align:right;}
    .numer_btnsubmit .btn{ width:auto;  text-align:right; padding:10px 30%;}
    .padding0{padding:0; }
    .otpsumitbox{ width:70%; margin:0 auto;}
     .otpsumitbox .col-md-6{ width:49%; float:left; margin-left:1%; }

      .otpsumitbox input{ width:80%;}

       .otpsumitbox .col-md-5{ width:60%; margin:0 auto; }
    .otpsumitbox .col-md-7{ width:60%;  margin:20px auto;}
    
    .mar10 { margin-top: 0px; }
    .padd10 {  padding: 3px 3px;}

     .pop_descrip {position: absolute;width: 400px;z-index: 999;background-color: #FFEA00;padding: 10px;border-radius: 15px;margin-top: 50px;}
    .desck_pop{font-size: 12px;}
    
    .col-md-head {  width: 33.3%;  float: left;     margin-top: 0px;  }
    .col-md-name {   width: 100%;  float: left;     margin-top: 0px;  }
    .md_housname{ width:60%; float:left; margin-top:20px;}
    .hous-md-field{width:38%; float:right; margin-top:20px;}
    .hous-md-year{ width:50%; float:left; margin-top:10px;}
    .hous-md-durac{width:50%; float:right; margin-top:10px;}

    .col-md-field, .col-md-year {
        width: 33%;
        float: left;
    }
    .col_lia_year { width: 33%;  float: left;     padding-top: 0px; }
    .col-md-field1 {  width: 33.3%;  float: left;   }
    
    .col-md-incofield1 {  width: 49%;  float: left;    }
    .col-md-secflow {  width: 33%;   float: left;     font-size: 20px; }
    .col-md-secflow1,.col-md-secflow{ width: 33%;float: left;  font-size:8px;}
    
    .remove_list {  right: 10px;  margin-top: 10px;    }
    .Perp_percent { display: inline-block;width: 100%; padding-top: 5px; margin-top: 20px; }
    .perp_head {  width: 100%;  float: left;  font-size: 14px; margin-top: 10px; }
    
    .col-totalgoal1 {  width: 21%;  float: left;      padding: 0.3% }
    .col-totalgoalbot{  width: 59%; float: left;     padding: 0% 1%;}
    .col-ma-gapamount{  width: 59%; float: left;padding: 0% 1%;}
    .col-totalgoal {  width: 39%;  float: left;    padding: 1% }

    .col-retir-head{width:100%;font-style:normal;border:1px solid rgba(0, 0, 0, 0.2)}
    .col-retirsubhead{width: 100%;text-align: center;color: #000;}
    .col-retirsubhead2{width:100%;text-align:center;color: #000;margin-top:-20px;}
    .font-15{font-weight:600;font-size:15px}
     .retirment-2,.retirment-1{background-color:#fff; height: auto; color: #000;}
    
    .col-totalincome1 { width: 70%;  float: left;    }
    .col-totalincome2 { width: 30%;  float: right;    }
    .col-cashtotalincome1 {  width: 60%; float: left;   }
    .col-cashtotalincome2 {  width: 40%; float: right;  }
    .adddisplay_response { width: 46%; font-size: 12px; }
    
    .validate_name { border: none;  border-bottom: none;  font-weight: bold; }
    .ressipbow  > p{   font-size: 20px; }
    
       .parcharts {width:300px;height:300px; margin:0 auto;  }
    .piechartes { width:300px;height:300px; margin:0 auto;  }
   
    .sip_amo{ width:49%; float:left;}
    .simu_summerybox:nth-child(1) { width:100%; }
    .simu_summerybox:nth-child(2) { width:100%; }
    .simu_summerybox:nth-child(3) { width:100%; padding:0; min-height:200px;}
    .simulatorgap{   margin-top:40px;margin-bottom:40px; }
    
    .simu_Scenario1update .col-md-6{ width:60%; float:left;  padding-left:30px;}
    .simu_Scenario1update .col-md-1{ width:5%; float:left; }
    .simu_Scenario1update .col-md-4{ width:20%; float:left; margin-right:10px;}
    
    .simuemitable{ width:33%; float:left; font-size:15px;}
    .simulator_body{ width:85%;}
     .recalsimulator{ width:40%;}
      .simulator_bodytop{ max-height:600px; overflow:scroll;}
       .retiresimulator_body,.Resetretiresimulator_body {  min-height:600px; width:490px;}
      .Reset_popdisk{ font-size:15px;}


        #sumary_containe{  max-width:600px;   margin:130px auto; }
      .right-summary{ width:300px; margin:20px auto; float:none;}
    .left-summary{ width:300px; margin:0 auto; float:none;}

    .basic_whole { width: 400px; float: none; margin:0 auto; }
    .pro_whole {  width: 400px; float: none; margin:30px auto;}

    .playbtn_body {
        width: 99.9%;
        background-image: url('../image/Play_back.png');
    }
    .traingle_full, .triangle_left {  width: 100%; }
    #triangle_up {
        width: 100px;
        height: 0;
        float: right;
        border-left: 0px solid transparent;
        border-bottom: 0px solid #fff;
    }
    .afer_goobtn{width:100%;  display:inline-block;}
    .start_inves {
        width: 100%;
        font-size: 3em;
        margin-top: 40px;
        text-align: center;
    }
    .download_app {
        width: 100%;
        text-align: center;
        font-size: 2em;
        margin-top: 30px;
        margin-bottom: 30px;
    }
   .webstore{ display:none;}
    .phonestore{ display:block;}
}

@media (min-width: 320px) and (max-width: 500px) { /*---------  media  320 to 500  -----------   */
   
    .col-logo {    width: 50%;   float: left;     }
    #col_calc{display:none;}
   
    .simu_summerybox:nth-child(1) {
        width: 100%;
    }
    .simu_summerybox:nth-child(2) { width:100%; }
    .simu_summerybox:nth-child(3) { width:100%; padding:0; min-height:200px;}
    .simulatorgap{   margin-top:40px;  }
    .simu_Scenario1update .col-md-6{ width:60%; float:left;  padding-left:30px;}
    .simu_Scenario1update .col-md-1{ width:5%; float:left; }
    .simu_Scenario1update .col-md-4{ width:20%; float:left; margin-right:10px;}

    .simuemitable{ width:33%; float:left; font-size:11px;}
           
  
    .col-cashwidth1{width:41%;float:left;}
    .col-cashwidth2{width:5%;float:left;}
    .col-cashwidth3{width:28%;float:left;}

    .col-logohead, .col-sign, .removediv1000, .removevalue, .col-webdate {  display: none;  }
    .col-mobdate {  display: block;  }
    .col-logo2 {  width: 50%; float: left;   }
    .col-logo2 img, .col-logo img {   width: 100%; }
    .col-md-year .col-md-5:first-child{  margin-left:-10px;}
     .col-md-year .col-md-5{ width:auto; float:left; }
    .col-md-year .col-md-1 { width:auto; float:left;}

    #signbtn {  width: 70%; margin: 0 auto; }
   .col-mosign {  display: block; width: 32%;  float: right; }
   .sign_btn { font-size: 13px;  }
   .col-profield { width: 100% }

   #Ouery_response { padding-bottom: 5px; float:left;width:100%;}
    .col_font-centen{font-size:14px;}

    
      .col-autosave{ width:200px; float:left;margin-top:15px;}
      .col-autosize{width:160px;height:18px;}
  



    #retirement_age {  width: 100%; }
   .field_head {  font-size: 13px;  text-align:left;}

    .col-md-head, .col-md-goalhead {  display: none; }
    .col-md-name, .col-md-head {  width: 100%;  float: left;font-weight: bold; font-size: 13px; margin-top: 3px; }
    .col-md-name > .col-md-12 {  width: 70%; }
    .col-md-3, .col-md-2 { padding: 0px;  }

        .md_housname{ width:60%; float:left; margin-top:20px;}
    .hous-md-field{width:38%; float:right; margin-top:20px;}
    .hous-md-year{ width:50%; float:left; margin-top:10px;}
    .hous-md-durac{width:50%; float:right; margin-top:10px;}

    .Perp_percent {  display: inline-block; width: 100%;  padding-top: 10px; margin-top: 20px; }
    .perp_head { width: 100%; float: left; font-size: 14px;  margin-top: 10px; }

    .col-md-field {  width: 34%;  float: left;   font-size: 13px; }
    .col-md-field1 {  width: 48%; float: left; }
    .col-md-incofield1 { width: 48%; float: left;  }

    .col-md-secflow{ width: 48%;float: left; }
    .col-md-secflow1{ width: 98%;float: left;}

    .col-totalincome1 {  width: 70%;  float: left;  }
    .col-totalincome2 {  width: 30%; float: right;   }
    .col-cashtotalincome1 {  width: 60%;  float: left;}
    .col-cashtotalincome2 {  width: 40%;  float: right; }

    .col-md-year {  width: 30%; float: left;  font-size: 13px; border: none; }
    .col_lia_year {  width: 32%;  float: left;   font-size: 13px;  border: none; padding-top: 0px;  }
    .remove_list { right: 10px;  margin-top: 10px;  }

    .mar10 { margin-top: 0px; }
    .padd10 { padding: 3px 3px; }

    .accor_head {  font-size: 15px;  }
    .inflotion {  font-size: 12px; }
    .adddisplay_response {  width: 55%;  font-size: 12px; }

    .add_more {font-size: 10px; }

    .col-totalgoal1 { width: 20%; float: left;   padding: 0.3%;}
    .col-totalgoalbot{  width: 59%; float: left;    padding: 0% 1%;}
    .col-ma-gapamount{  width: 59%; float: left;padding: 0% 1%;}
    .col-totalgoal {  width: 38%; float: left;   padding: 1%; }

    .pop_descrip {position: absolute;width: 290px;left:0; background-color: #FFEA00;padding: 10px;border-radius: 15px;margin-top: 40px;}
    .desck_pop{font-size: 11px;}
    
    .col-retir-head{width:100%;font-style:normal;border:1px solid rgba(0, 0, 0, 0.2)}
    .col-retirsubhead{width: 100%;text-align: center;color: #000;}
    .col-retirsubhead2{width:100%;text-align:center;color: #000;margin-top:-20px;}
    .font-15{font-weight:600;font-size:15px}
    .retirment-2,.retirment-1{background-color:#fff; height: auto; color: #000;}

     .modal-dialog { width: 340px;  margin: 30px auto; }
    .numer_btnsubmit{ width:50%; margin:0 auto;  padding:0; text-align:right;}
    .numer_btnsubmit .btn{ width:auto;  text-align:right; padding:10px 30%;}
    .padding0{padding:0; }
    .otp_enterboe{ width:80%;}
    .otpsumitbox{ width:90%; margin:0 auto;}
     .otpsumitbox .col-md-6{ width:49%; float:left; margin-left:1%; }

    .enteremailbox{ width:70%; margin:0 auto; }
    .otpsumitbox input{ width:100%;}

    .otpsumitbox .col-md-5{ width:70%; margin:0 auto; }
    .otpsumitbox .col-md-7{ width:70%;  margin:20px auto;}

    .cal_link{ display:none;}

    .Reset_popdisk{ font-size:13px;}

    .simulator_bodytop{ max-height:600px; overflow:scroll;}

    .validate_name { border: none;  border-bottom: none; font-weight: bold; }
    .sip_amo{ width:49%; float:left;}
     .simulator_body{ width:90%;}

      .retiresimulator_body,.Resetretiresimulator_body {  min-height:600px; width:340px;}
    .recalsimulator{ width:50%;}

    .retiresimulator_body h3,.Resetretiresimulator_body h3 { font-size:14px;}

       .parcharts {width:300px;height:300px; margin:0 auto;  }
    .piechartes { width:300px;height:300px; margin:0 auto;  }

    .perp_head{ margin-top:20px;}

    .subsedit_body,.subs_containe { width:320px; margin: 30px auto; background-color:#fff; border-radius:10px; }
    .credit_conten{font-size:15px;}
     .credit_count { margin-top:0px; font-size:1em;}
     .subspl_titel{width:100%; font-size:15px;}


       .right-summary{ width:300px; margin:20px auto; float:none;}
    .left-summary{ width:300px; margin:0 auto; float:none;}

    .basic_whole { float: none; margin:0 auto; width: 320px;}
    .pro_whole { float: none; width: 320px; margin:30px auto;}

    .playbtn_body {
        width: 99.9%;
        background-image: url('../image/Play_back.png');
    }
    .traingle_full, .triangle_left {  width: 100%; }
    #triangle_up {
        width: 100px;
        height: 0;
        float: right;
        border-left: 0px solid transparent;
        border-bottom: 0px solid #fff;
    }
    .afer_goobtn{width:100%;  display:inline-block;}
    .start_inves {
        width: 100%;
        font-size: 2.2em;
        margin-top: 40px;
        text-align: center;
    }
    .download_app {
        width: 100%;
        text-align: center;
        font-size: 1.8em;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .webstore{ display:none;}
    .phonestore{ display:block;}
 }












