@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 1180px) {
	
	#slider-vertical{ margin-left: 30px !important}
}
@media only screen and (max-width: 1024px) {
	
	#slider-vertical{ margin-left: 0 !important}
	.top-bar li{ font-size: 10px; padding: 0 5px  }
}


@media only screen and (max-width: 1024px) {
	.select-holder { width: 20%; margin-bottom: 10px;}
	.select-holder p { margin-top: 30px; font-weight: 700;}
	.genderR + label.male {width: 70px; height: 70px; padding-top: 70px; background-size: 70px auto}
	.genderR:checked + label.male {background-position:0 -70px;}
	.genderR + label.female {width: 70px;height: 70px;padding-top: 70px; background-size: 70px auto}
	.genderR:checked + label.female {background-position:0 bottom;}
	.genderR + label.transgender {width: 70px;height: 70px;padding-top: 70px; background-size: 70px auto}
	.genderR:checked + label.transgender {background-position:0 bottom;}
	.form-holder{ width: 35%;
margin: 0 10px;}
	.name{ background-size: 30px auto;}
		.mobile{ background-size: 30px auto;}
	.annual{ background-size: 30px auto;}
	.date{ background-size: 30px auto;}
	.mail{ background-size: 30px auto;}
	.education{ background-size: 30px auto;}
	.form-field {
    width: 100%;
		padding: 5px 5px 5px 35px;}
	.form-field select{ padding: 2px}
	.form-field input{ padding: 2px}
	
}


@media only screen and (max-width: 768px) {
	.left-logo {width: 180px; margin-top: 15px}
	.right-logo {width: 80px; margin-top: 15px; margin-right: 10px;}
	.top-bar { top: 0;}
	.top-bar li{ font-size: 10px; padding: 0 5px  }
	.nav-bar{ width: 100%; position: relative;  right: 0; bottom: 0; margin-top: 10px;  }
	.nav-bar li { font-size:12px}
	.heading1 {font-size: 13px;}
	.accordion{ font-size:14px; padding:5px 15px 5px 5px}
	.select-holder { width: 20%; margin-bottom: 10px;}
	.select-holder p { margin-top: 30px; font-weight: 700;}
	.genderR + label.male {width: 50px; height: 50px; padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.male {background-position:0 -50px;}
	.genderR + label.female {width: 50px;height: 50px;padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.female {background-position:0 bottom;}
	.genderR + label.transgender {width: 50px;height: 50px;padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.transgender {background-position:0 bottom;}
	.form-holder{ width: 35%;
margin: 0 10px;}
	.name{ background-size: 30px auto;}
		.mobile{ background-size: 30px auto;}
	.annual{ background-size: 30px auto;}
	.date{ background-size: 30px auto;}
	.mail{ background-size: 30px auto;}
	.education{ background-size: 30px auto;}
	.form-field {
    width: 100%;
		padding: 5px 5px 5px 35px;}
	.form-field select{ padding: 2px}
	.form-field input{ padding: 2px}
	.investment-holder{margin: 0 auto}
	.investment-field{ width:45%; margin: 0 auto}
	.investment-field li{ padding: 5px 0; font-size: 12px }
	.inf-1 { height: 230px;}
	.investment-field select { width: 100%; padding: 5px; font-size: 12px}
	.investment-field select:nth-child(3){ width: 100%; margin-top: 10px}
	.investment-field h1 { padding:5px 5px 5px 35px; height: 30px;}
	.i-icon1{background-size: 30px auto;}
	.i-icon2{background-size: 30px auto;}
	.i-icon3{background-size: 30px auto;}
	.i-icon4{background-size: 30px auto;}
	.i-icon5{background-size: 30px auto;}
	.i-icon6{background-size: 30px auto;}
	
	.fund-holder{ margin:0 auto;}
	.investment-form input{ font-size: 12px;}
	.fund-dis{ display: none !important;}
	.cell{ display: inline-block; width: 100% !important }
	.cell p{ font-size: 12px}
	#slider-vertical { height: 10px !important; width: 100%; margin-left:0 !important; margin-bottom: 20px}
	.ui-widget-header{ height: 100% !important;}
	.low{ right: 0; font-size: 12px; left:0; top:10px }
	.medium{ right: 0; top:10px; left: 40%;  font-size: 12px; float: left;}
	.high{ right: 0; font-size: 12px; top:10px;  }
	
	.total-bg2{ display:table-cell !important; width: 50% !important;}
	.wht{ color: #6b6b6b;}
	.funds-value-holder div{ padding: 0 0px;}
	.per{ font-size: 20px; width: 30px;}
	.per-txt{ font-size: 14px; margin-top: 15px;}
	.per-form input{ border: 1px solid #ffa800 !important; }
	.value-inner {
    width: 260px;
    height: 91px;
		background: none!important;
	}
	
	.perform-bg{ font-size: 13px !important }

	.perform-bg1{ font-size: 13px !important }
	.cell2{ font-size: 12px;vertical-align: top !important;}
	.ja_bottom .col-md-3 {
    width: 50%;
    margin: 0;
    padding: 0;
		float: left;}
	.ja_bottom ul {
		padding-left: 0;}
	.ja_bottom .col-md-6 {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
}

@media only screen and (max-width: 500px) {
	.left-logo {width: 180px; margin-top: 15px}
	.right-logo {width: 80px; margin-top: 15px; margin-right: 10px;}
	.top-bar { top: 0;}
	.top-bar li{ font-size: 6px; padding: 0 5px  }
	.nav-bar{ width: 100%; position: relative;  right: 0; bottom: 0; margin-top: 10px;  }
	.nav-bar li { font-size:12px}
	.heading1 {font-size: 13px;}
	.accordion{ font-size:14px; padding:5px 15px 5px 5px}
	.select-holder { width: 100%; margin-bottom: 10px;}
	.select-holder p { margin-top: 10px; font-weight: 700;}
	.genderR + label.male {width: 50px; height: 50px; padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.male {background-position:0 -50px;}
	.genderR + label.female {width: 50px;height: 50px;padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.female {background-position:0 bottom;}
	.genderR + label.transgender {width: 50px;height: 50px;padding-top: 50px; background-size: 50px auto}
	.genderR:checked + label.transgender {background-position:0 bottom;}
	.form-holder{ width: 100%; margin: 0 auto; float: none}
	.name{ background-size: 30px auto;}
		.mobile{ background-size: 30px auto;}
	.annual{ background-size: 30px auto;}
	.date{ background-size: 30px auto;}
	.state{ background-size: 30px auto !important;}
	.country{ background-size: 30px auto !important;}
	.mail{ background-size: 30px auto;}
	.education{ background-size: 30px auto;}
	.adjust-select{left:0px;}
	.form-field {
    width: 100%;
		padding: 5px 5px 5px 35px;}
	.form-field select{ padding: 2px}
	.form-field input{ padding: 2px}
	.investment-holder{margin: 0 auto}
	.investment-field{ width: 100%; margin: 0 auto}
	.investment-field li{ padding: 10px 0; font-size: 12px }
	.inf-1 { height: auto;}
	.investment-field select { width: 100%; padding: 10px; font-size: 12px}
	.investment-field select:nth-child(3){ width: 100%; margin-top: 10px}
	.investment-field h1 { padding:5px 5px 5px 35px; height: 44px;}
	.i-icon1{background-size: 30px auto;}
	.i-icon2{background-size: 30px auto;}
	.i-icon3{background-size: 30px auto;}
	.i-icon4{background-size: 30px auto;}
	.i-icon5{background-size: 30px auto;}
	.i-icon6{background-size: 30px auto;}
	
	.fund-holder{ margin:0 auto;}
	.investment-form input{ font-size: 12px;}
	.fund-dis{ display: none !important;}
	.cell{ display: inline-block; width: 100% !important }
	.cell p{ font-size: 12px}
	#slider-vertical { height: 10px !important; width: 100%; margin-left:0 !important; margin-bottom: 20px}
	.ui-widget-header{ height: 100% !important;}
	.low{ right: 0; font-size: 12px; left:0; top:10px }
	.medium{ right: 0; top:10px; left: 40%;  font-size: 12px; float: left;}
	.high{ right: 0; font-size: 12px; top:10px;  }
	
	.total-bg2{ display:table-cell !important; width: 50% !important;}
	.wht{ color: #6b6b6b;}
	.funds-value-holder div{ padding: 0 0px;}
	.per{ font-size: 20px; width: 30px; }
	.per-txt{ font-size: 14px; margin-top: 15px;}
	.per-form input{ border: 1px solid #ffa800 !important; }
	.value-inner {
    width: 260px!important;
    height: 91px!important;
		background: none!important;
	}
	
	.perform-bg{ font-size: 13px !important }

	.perform-bg1{ font-size: 13px !important }
	.cell2{ font-size: 12px;vertical-align: top !important;padding:10px 0px;}
	.ja_bottom .col-md-3 {
    width: 50%;
    margin: 0;
    padding: 0;
		float: left;}
	.ja_bottom ul {
		padding-left: 0;}
	.ja_bottom .col-md-6 {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
	.PD_click input {
    border: #ffa800 solid 1px;
    padding: 5px;
    width: 164px !important;
    float: none !important;
    margin: 20px auto !important;
    color: #000;
    border-radius: 5px;
}
	.c-btn {
    width: 100%;
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
	.set-top50 {
     padding-top: 0px; 
}
}