@media screen and (min-width: 768px){
 
}

@media (min-width: 992px) {
	
	.rightText{
	margin-top:4px;	
	}
 
}

 

/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
	 
 	
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 59%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}

	}


@media screen and (max-width: 1561px) {
 

}


	
@media  screen and (max-width: 1366px) {
 
		
}

	
	

 @media screen and (max-width: 1440px) {
	 
	 label {
 
    font-size: 15px;
	 }
	 

 }
	@media  screen and (max-width: 1366px) {
	 
 }

 @media screen and (max-width: 767px) {
	 
	  
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 46%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width:38%;
   
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 10px;
    padding-right: 7px;
}


	  .fieldOuter{ margin-bottom:19px; }
	  .graphDetails canvas{  
		 
	 }
	 
	 
.assumptionsInner{
	align-items: center;
 
    display: block;
}
.assumptionBox ul {
    border-left: 0px solid #ddd3a5;
    padding: 6px 0 0;
}
	 
	 
	 .graphDetails canvas{ margin-bottom:40px; 
		 
	 }
	 
.navbar-brand {
    margin: 0 auto;
    display: block;
    text-align: center;
}


		 
	 
	 .callIcon {
    color: #717171;
    display: flex;
    justify-content: center;
    align-items: center;
}
	 
	 .assumptionBox {
 
    margin-bottom: 15px;
}
	 
	 .investmentDetails {
    margin: 0 0 20px;
}
	 
	 .topHeader h2 {
    font-size: 22px;
     margin: 10px 0;
}

	 
	 .main-header {
  
    padding: 10px 0;
}
	.outerBg {
     padding: 25px 6px;
}
.assumptionBox{
	margin:0 0 15px;	
}
 
	 .retirementSummary ul li + li {
    border-top: 1px solid #cee5fd;  border-left: 0px solid #cee5fd;
    padding: 13px 0;
}

.retirementSummary ul li:nth-child(2) {
    padding: 13px 0;
}



	 .retirementSummary ul {
    display: block;
}
.retirementSummary ul li span {
   
    margin: 0 0 15px;
    color: #424242;
}

.retirementSummary ul li {
 
    padding: 13px 0;
    width: 100%;
}
.contactContent {
    display: block;
    justify-content: space-between;
}



.knowMoreBtn {
    text-decoration: none;
    transition: ease 0.5s all;
    font-size: 18px;
    color: #06ad79;
    border: 1px solid #06ad79;
    background: #fff;
    border-radius: 10px;
    display: block;
    
    padding: 10px 14px;
    text-align: center;
}


.contactContent h3 { margin:0 0 15px;
     font-size: 17px;
     text-align: center;
 }


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

  @media (min-width: 768px) and (max-width: 1024px) {
	  
	  .card.retirementSummary h3 {
     margin: 0 0 10px;
}


	  	.desktop{ display:none; }
.mobile{ display:block; }


	.retirementSummary ul li span {
     display: block;
    margin: 0 0 15px;
   
}  
	 .contactDetails {
   
    padding: 19px 25px 28px 25px;
  
}

 
	  .retirementSummary ul li {
     margin: 0 0 11px;
    padding: 0;
    width: 100%;
    float: left;
}
.retirementSummary ul {
    display: inline-block;
}
 
.retirementSummary ul li strong {
  
    font-size: 22px;
 
}
.retirementSummary ul li:nth-child(2) {
    padding: 19px 0 0 0;
}
.retirementSummary ul li:nth-child(3) {
  margin: 0 0 0;
}
 
 .retirementSummary ul li + li {
    border-left: 0px solid #cee5fd;
	 border-top: 1px solid #cee5fd;
    padding: 15px 0 15px;
}

.contactContent {
    display: block;
    justify-content: space-between;
}

.knowMoreBtn {
  
    display: inline;
 
    padding: 8px 30px;
}

.contactContent h3{
	margin:0 0 25px;
}

.contactContent h3 span {
    display: inline;
}
.contactContent h3 {
   
    font-size: 16px;
 
}
.knowMoreBtn strong {
    padding: 0;
}
	  
  }
   
@media screen and (max-width: 912px) {
	 

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
 	
 
}

 
 
 @media only screen and (min-width:768px) and (max-width:999px) {
	 
	 .topHeader h2 {
    font-size: 24px;
	
	 }
	  .fieldOuter{ margin-bottom:19px; }
	  
	  
	  .graphDetails canvas{ margin-bottom:40px; 
		 
	 }
	 
	 .investmentDetails {
    margin: 0 0 20px;
}

.contactContent {
    display: block;     text-align: center;
    justify-content: space-between;
}

.knowMoreBtn {
    
    display: inline-block;
   
    text-align: center;
}
	
	.contactContent h3 {
    line-height: 28px;
    margin: 0 0 10px; text-align:center;
    
} 

.knowMoreBtn strong {
    padding: 0;
}


 .retirementSummary ul li + li {
    border-top: 1px solid #cee5fd;  border-left: 0px solid #cee5fd;
    padding: 13px 0;
}

.retirementSummary ul li:nth-child(2) {
    padding: 13px 0;
}



	 .retirementSummary ul {
    display: block;
}
.retirementSummary ul li span {
   
    margin: 0 0 15px;
    color: #424242;
}

.retirementSummary ul li {
 
    padding: 13px 0;
    width: 100%;
}
 
 .knowMoreBtn strong {
    padding: 0;
}
 }
 
  /* surface pro 7 portrait	*/
 @media only screen and (min-device-width: 912px) and (max-device-height: 1368px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}

  /* surface pro 7 landscape	*/
 @media only screen and (min-device-width: 1368px) and (max-device-height: 912px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
 }
 
  /* iPad Air  portrait*/
 @media only screen and (min-device-width: 820px) and (max-device-height: 1180px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
	 
 }
 
 
 
 /*Ipad air ----------- */



@media only screen and (min-device-width: 1180px) and (max-device-height: 820px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	
	label {
    font-size: 13px;
}


 input#monthlyExp {
    width: 65%;
  }
  input#ContributionsExp {
    width: 65%;

  }
  input#savedAmt {
  width:65%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 25%;
   
}
  
  
 
	  	.desktop{ display:none; }
.mobile{ display:block; }



 .retirementSummary ul li + li {
    border-top: 1px solid #cee5fd;  border-left: 0px solid #cee5fd;
    padding: 13px 0;
}

.retirementSummary ul li:nth-child(2) {
    padding: 13px 0;
}



	 .retirementSummary ul {
    display: block;
}
.retirementSummary ul li span {
   
    margin: 0 0 15px;
    color: #424242;
}

.retirementSummary ul li {
 
    padding: 13px 0;
    width: 100%;
}
.retirementSummary ul li strong {
    position: relative;
}
.retirementSummary ul li span em {
    display: inline;
    font-style: normal;
}

.contactContent {
    display: block;
    justify-content: space-between;
}

.knowMoreBtn {
  
    display: inline;
 
    padding: 8px 30px;
}

.contactContent h3{
	margin:0 0 25px;
}

.contactContent h3 span {
    display: inline;
}
.contactContent h3 {
   
    font-size: 16px;
 
}




	
}



/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
 
}


/*    Iphone XR----------- */
@media only screen and (min-device-width: 896px) and (max-device-height: 414px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
	
.agefield{
    
    width:130px;
}

		 
	
}
/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
		

}

@media only screen and (min-device-width: 844px) and (max-device-height: 390px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	
.agefield{
    
    width:130px;
}



 
}

@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3) {
 
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 55%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}
	
}

 @media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
	 
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 56%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}
 
 
 
 }


 /* Landscape*/

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	 
		
		}

    /* Portrait*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
		
		
		}
	


/* iPhone X  iPhone 12/pro----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {
	 
	
}


 @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) {
 
}





@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) and 
       (min-width: 1500px) and (max-width : 2000px) and
       @-ms-viewport {
  
}
@media only screen and (max-width: 768px) and (orientation : portrait) {
	 
}


     /* Samsung Galaxy S8 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 4 ){
/* Styles */
  


}

     /* Samsung Galaxy S22 ----------- */
@media only screen and (min-device-width: 915px) and (max-device-height: 412px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2 ){
	
		
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 64%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}


.agefield{
    
    width:130px;
}

 

}


     /* Samsung Galaxy S22 ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 915px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 3 ){
	
		
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 56%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}

.retirementSummary ul li strong {
    position: relative;
	
}
 

}


 


     /* Surface duo portrait ----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2 ){
 

}

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
 
}


	   /*1280 x 1024*/
 @media screen and (min-width: 1280px) and (max-height: 1024px)  {
	 
 
	
 }
 
 
 
 

     /* Surface duo  landscape----------- */
@media only screen and (min-device-width: 850px) and (max-device-height: 720px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1 ){
	 
 

 }



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2.6){
   
 
 
   
}



@media screen and (device-width: 411px) and (device-height: 731px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2.6){

 
   
}


@media only screen and (-webkit-min-device-pixel-ratio: 2.6),
                    only screen and (min--moz-device-pixel-ratio: 2.6),
                    only screen and (-o-min-device-pixel-ratio: 2.6/1),
                    only screen and (min-device-pixel-ratio: 2.6)
{
	
 
	}



/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
	
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 58%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}
 label {
    font-size: 10px;
} 
  
  
  .retirementSummary ul li strong {
    position: relative;
}
.retirementSummary ul li span em {
    display: inline;
    font-style: normal;
} 
 
	  
  }



/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
 
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	  
	   
	  
  }
  
 
 

	
	
	 
  
  /* Galaxy S5 portrait */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: portrait) {
		 
 input#monthlyExp, input#ContributionsExp, input#savedAmt {
    width: 53%;
  }
  
  #input-slider-green, #input-slider-red, #input-slider-blue {
   
    width: 30%;
   
}

    }

    /* Galaxy S5 landscape */
    @media screen 
      and (device-width: 360px) 
      and (device-height: 740px) 
      and (-webkit-device-pixel-ratio: 4) 
      and (orientation: landscape) {
 
    }
	
	

	
	
/* iPad Mini in landscape only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	

 

}

/* iPad Mini in portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 	   


 }	
 
 
 
 
 @media screen and (min-width: 1824px) {
  
	 
	 
 }
 
  @media screen and (min-width: 1075px) {
	 
 

  }