@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1280px) {
.logo img   { height: 55px;}
}

@media only screen and ( max-width:960px) {
	
/*header css start*/
.header_main{ position: relative; background-color: #43494c; height:auto;}

.top_main{ width:100%; background:#262a2d;}
.top{ width:100%; margin:0px auto; }
.top ul{  margin:0px; padding:0px; list-style-type: none; float:right;}
.top li { float: left; margin-right: 5px; font-size:90%;}

.header{ width:100%; margin:0px auto;   height:auto;  } 
.logo{  width:92%; margin:0px auto; float:none; margin-top:7px; text-align:center; }

.menu { width:100%; margin:0px auto; float:none; margin-top:20px; }
.menu ul{ margin:0px; padding:0px; list-style-type:none;}
.menu li{  font-size:12px; color:#6f6b6b; line-height:40px; float:left; text-transform:uppercase; }
.menu li a{ color:#6f6b6b; text-decoration:none; padding:0px 3px 0px 3px; line-height:40px; }
.menu li a:hover{ color:#4496d2;}

.left-bg { display:none;}

.phone_main{ width:100%; margin:0px auto; }
.phone{ width:100%; float:none; height: 56px; padding: 5px 0 20px 5px; text-align:center;  color: #fff; }
.phone h2{   font-size:120%; }
.phone h4{ font-size: 100%;}
.corner { display:none;}
.header_tagline { float: none; height: 56px; padding:8px 0; text-align: center; width: 100%;}
.header_tagline h3 {  line-height: 56px; color: #e0e1e1; font-weight:300; font-size:120%;}
/*header css end*/

/*banner css start*/
.banner { width:100%; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999; }
/*banner css end*/

/*content css start*/
.content{ width:98%; margin:0 auto;  overflow:hidden;}
.leftpanel{ width:62%; float:left; margin-right:2%; }
.rightpanel { width:34%; float:right;}
/*content css end*/

/*weldiv  css start*/
.weldiv {  margin-top:20px; }
.weldiv h1 { font-size:120%; }
.body_text {  font-size:100%; }
/*weldiv  css end*/

/*accreditation css start*/
ul#ticker { height:90px; overflow:hidden; }
ul#ticker li { width:60%; height:84px; padding:10px; font-size:90%;   }
ul#ticker li img { float:left; margin-right:10px; vertical-align:middle; }
.accrediations .text_padd { padding-top:5px;}
/*accreditation css end*/

/*adv box css start*/
.adv_box_main { width:98%; margin:0px auto; margin-top:20px; overflow:hidden;}
/*adv box css end*/

/*success stories css start*/
#newsticker-demo { width:31%; float:left; margin-right:3%;  }
#newsticker-demo h2 { font-size:120%; }

.newsticker-jcarousellite .info { float:left; width:268px;  font-size:12px; color:#788791; font-weight:bold; }
.newsticker-jcarousellite .text { float:left; width:268px;  font-size:11px; color:#333; font-weight:bold; padding-bottom:10px; }
.newsticker-jcarousellite .info span.cat { display: block;  font-size:12px; color:#333; font-weight:normal; padding-top:10px; }
/*success stories css end*/

/*news css start*/
.news {  width:31%; float:left; margin-right:3%; font-size:90%; color:#393939; text-align:justify; line-height:1.8em; text-decoration:none; }
.news h2 {  font-size:120%;}
.news h3 { font-size:110%;}
/*news css end*/

/*important link css start*/
.important_link { width:31%; float:left;}
.important_link h2 { font-size:120%; }
.important_link li { font-size:90%;}
/*important link css end*/

/*icon gallery and banking partner css start*/
.icon_gallery_main { width:98%; margin:0px auto;}
.icon_gallery { width:63%; float:left; margin-right:2%; margin-bottom:10px;}
.icon_gallery h2 { font-size:120%;}
#flexiselDemo3 p{ font-size:100%;}
.banking_partner { width:32%; float:right;}
.banking_partner h2 { font-size:120%;}
.banking_partner img {width:100%; height:auto;}
/*icon gallery and banking partner css end*/

/*footer css start*/
#footer { position: relative; padding-top: 86px; margin-top:1px; }
.grey-stripe { position: absolute;  width: 100%; background-color: #34393c; height: 140px; top: 0;}
.right-bg { display:none;}
/*footer css end*/

/*news letter css start*/
/*.newsletter {display:none;}*/
/*news letter css end*/

/*testimonial css start*/
.testimonial_main{ width:98%; margin:0px auto;  }
.testimonial_main h2{ line-height:33px;  font-size:120%; padding-top:8px; font-weight:normal; padding-bottom:8px; text-align:left; }
.testimonials blockquote { width:99%;   font-size:70%;}
.testimonials blockquote i  { color:#fff; font-size:20px;}
/*testimonial css end*/

/*bottom css start*/
.bottom_main { width:98%!important; margin:0px auto; padding:0px; }

.bott_link{ width:30%; float:left; padding:9px; margin-right:2%; border-right:1px solid #52585b;}
.bott_link h2 {font-size:120%; }
.bott_link li { font-size:80%;   }


.fee_submit { width:29%; float:left; padding: 15px 15px 15px 0px; margin-right:auto; border-right:1px solid #52585b;}
.fee_submit h2 { color:#e0e0e0;  padding-bottom: 7px; margin-bottom: 8px; font-weight:400; font-size:18px; }
.form_w2 { width:100%; height:auto; background:#3e4447; border:1px solid #52585b; font-size:12px; margin:2px 0px 4px 0; outline:none; text-indent:5px; line-height:30px; color:#abaeb4;}
.form_w3 { width:100%; height:auto; background:#3e4447; border:1px solid #52585b; font-size:12px; margin:2px 0px 4px 0; outline:none; text-indent:5px;line-height:35px; height:35px;  color:#abaeb4;}

.result{ width:30%; float:right; padding:13px;  }
.result h2 { color:#e0e0e0;  padding-bottom: 7px; margin-bottom: 8px; font-weight:400; font-size:18px; }
/*bottom css end*/

/*footer css start*/
.footer{ width:94%; padding:2%; margin:0px auto; }
.footer_left { width:58%; float:left; }
.footer_middle { width:20%; float:left; }
.footer_icon { width:20%; float:right;}
/*footer css end*/

.web_banner { width:100%; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999; height:auto; }
.web_banner img { width:100%; height:auto;}

/*forgot css start*/
.forgot { padding:20px 0px 20px 0px;}
.forgot h2 { font-size:120%;  }
/*forgot css end*/


/*registration css start*/
.registration { width:100%; margin:0px auto; margin-bottom:70px;}
.registration h2 { font-size:120%; }
.registration .text1 {  font-size:80%;  }
.reg_w1 { width:98%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 0px 5px 5px; margin:5px 0px 5px 0; }
.reg_w2 { width:91%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 5px 5px 0; margin:5px 0px 5px 0; }
.reg_submit {  margin-top:1px; }

.fee_pay_detail{ margin-top:10px;}
.registration h3 { font-size:120%; }
/*registration css end*/

/*result css start*/
.result_main { width:100%; margin:0px auto; }
.result_main h2 { font-size:120%; }
.result_main .text1 {  font-size:80%;  }
/*result css end*/

.thanks_img img { width:100%; height:auto;}

.narendra_modi { width:100%; float:none;}
.narendra_modi img { width:100%; height:auto;}

/*HDFC form css start*/
.form_content { width:80%;}
.form_main { width:86%;}
.form_content h2 { width:90%; margin:0px auto; overflow:hidden; background:#4496d2; padding:14px 20px 14px 20px; text-transform:uppercase; }
.form_content .box { width:89.8%; margin:0px auto; margin-bottom:10px; }
.form_text { width:100%; float:none;  }
.form_input_box { width:100%; float:left; }
.form_text1 { width:100%; float:left; }
.form_input { width:97%;}
.form_select { width:99%;}
/*HDFC form css end*/

.footer_hdfc { width:100%; }
.footer_hdfc_inner { width:96%;}

}

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

/*header css start*/
.header_main{ position: relative; background-color: #43494c; height:auto;}

.top_main{ width:100%; background:#262a2d;}
.top{ width:100%; margin:0px auto; }
.top ul{  margin:0px; padding:0px; list-style-type: none; float:right;}
.top li { float: left; margin-right: 5px; font-size:90%;}

.header{ width:100%; margin:0px auto;   height:auto;  } 
.logo{  width:92%; margin:0px auto; float:none; margin-top:7px; }
.logo img   { height: 45px;}

.menu { width:100%; margin:0px auto; float:none; margin-top:20px;}
.menu ul{ margin:0px; padding:0px; list-style-type:none;}
.menu li{  font-size:12px; color:#6f6b6b; line-height:40px; float:left; text-transform:uppercase; }
.menu li a{ color:#6f6b6b; text-decoration:none; padding:0px 3px 0px 3px; line-height:40px; }
.menu li a:hover{ color:#4496d2;}

.left-bg { display:none;}

.phone_main{ width:100%; margin:0px auto; }
.phone{ width:100%; float:none; height: 56px; padding: 10px 0 20px 5px; text-align:center; color:#fff; }
.phone h2{   font-size:120%; }
.phone h4{ font-size: 90%;}
.corner { display:none;}
.header_tagline { float: none; height: 56px; padding: 8px 0; text-align: center; width: 100%;}
.header_tagline h3 {  line-height: 56px; color: #e0e1e1; font-weight:300; font-size:100%;}
/*header css end*/

/*banner css start*/
.banner { width:100%; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999;}
/*banner css end*/

/*content css start*/
.content{ width:94%; margin:0px auto; overflow:hidden;}
.leftpanel{ width:100%; margin:0px auto; float:none; margin-right:0px; }
.rightpanel { width:100%; margin:0px auto; float:none; }
/*content css end*/

/*weldiv  css start*/
.weldiv {  margin-top:20px;  }
.weldiv h1 { font-size:120%;}
.body_text { font-size:100%;}
/*weldiv  css end*/

/*accreditation css start*/
div#info ul li { float:left; margin-right:10px;  } 
ul#ticker { height:90px; overflow:hidden; }
ul#ticker li { width:98%; height:84px; padding:10px;  font-size:80%; color:#FFF; line-height:1.6em; text-align:left;   }
ul#ticker li img { float:left; margin-right:10px; vertical-align:middle; }
.accrediations .text_padd { padding-top:15px;}
/*accreditation css end*/

/*callback form css start*/
.form { font-size:100%;  margin-top:-19px;  }
.form h2 { font-size:120%;}
.form_w { width:100%; height:auto; font-size:90%;  }
.form_w1 { width:100%; font-size:90%;}
.code { width:50%; font-size:90%;}
/*callback form css end*/

/*adv box css start*/
.adv_box_main { width:98%; margin:0px auto; margin-top:20px; overflow:hidden;}
/*adv box css end*/

/*success stories css start*/
#newsticker-demo { width:100%; float:none; margin-right:auto;  font-size:90%;  }
#newsticker-demo h2 { font-size:120%; }
.newsticker-jcarousellite .info { width:98%;  font-size:100%; }
.newsticker-jcarousellite .text { width:98%;  font-size:90%; padding-bottom:5px; }
.newsticker-jcarousellite .info span.cat {  font-size:90%; padding-top:0px;  }
/*success stories css end*/

/*news css start*/
.news {  width:100%; float:none; margin-right:auto;  font-size:90%; margin-top:10px; }
.news h2 {  font-size:18px; }
.news h3 { font-size:14px;  }
/*news css end*/

/*important link css start*/
.important_link {  width:100%; float:none; font-size:90%;  }
.important_link h2 {font-size:18px; }
.important_link li { font-size:96%; }
/*important link css end*/

/*icon gallery and banking partner css start*/
.icon_gallery_main { width:98%; margin:0px auto; margin-top:30px; overflow:hidden;}
.icon_gallery { width:98%; margin:0px auto; float:left; margin-right:auto; margin-bottom:10px;}
.icon_gallery h2 { color:#5d6f8d; border-bottom: 1px solid #E8EAEE; padding-bottom: 7px; margin-bottom: 8px; font-weight: 400; font-size:18px;}

.banking_partner { width:98%; margin:0px auto; float:none;}
.banking_partner h2 { font-size:120%;}
.banking_partner img { width:100%;  height:auto;}
/*icon gallery and banking partner css end*/

/*footer css start*/
#footer { position: relative; padding-top: 86px; margin-top: 30px; }
.grey-stripe { position: absolute;  width: 100%; background-color: #34393c; height: 140px; top: 0;}
.right-bg { display:none;}
/*footer css end*/

/*news letter css start*/
/*.newsletter {display:none;}*/
.newsletter { width:50%;
    height: auto;
    margin-top:5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}

.newsletter-box {
    background: #4496D2 no-repeat 0px 0px;
    color: #FFFFFF;
    float: none;
    height: 75px;
    padding-top: 40px;
    width:60% !important;
}

.triangle-arrow-newsletter { display:none;}

/*news letter css end*/

/*testimonial css start*/
.testimonial_main{ width:98%; margin:0px auto;  }
.testimonial_main h2{ line-height:33px;  font-size:120%; padding-top:8px; font-weight:normal; padding-bottom:8px; text-align:left; }
.testimonials blockquote { width:99%;   font-size:70%;}
.testimonials blockquote i  { color:#fff; font-size:20px;}
/*testimonial css end*/

/*bottom css start*/
.bottom_main { width:98%!important; margin:0px auto;  background-color: #43494c; z-index: 2; position: relative; overflow:hidden; padding:20px 0px 20px 0px;}

.bott_link{ width:96%; margin:0px auto; float:none; padding:0px; margin-right:auto; border-right:none;}
.bott_link h2 { color:#e0e0e0;  padding-bottom: 7px; margin-bottom: 8px; font-weight:400; font-size:120%; }
.bott_link li { font-size:85%; color:#000;  }
.bott_link  i { margin-right:5px;}

.fee_submit { width:96%; margin:0px auto; float:none; padding: 15px 0px 15px 0px; margin-right:auto; border-right:none;}
.fee_submit h2 {  font-size:120%; }
.form_w2 { width:98%;  }
.form_w3 { width:100%;  }

.result{ width:96%; margin:0px auto;float:none; padding:0px;  }
.result h2 { color:#e0e0e0;  font-size:120%; }
/*bottom css end*/

/*footer css start*/
.footer{ width:98%; padding:0px; margin:0px auto;  }
.footer_left { width:50%; margin:0px auto; text-align: center;  float:none; color:#827f80; font-size:80%; padding-top:5px;}
.footer_left img { margin-bottom:10px; }

.footer_middle {  width:50%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px; font-size:80%;}

.footer_icon {  width:25%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px;}
.footer_icon li { float:left;}
/*footer css end*/

.web_banner { width:100%; margin:0 auto; overflow:hidden;  position:relative; z-index:-99999; height:auto; }
.web_banner img { width:100%; height:auto;}

.web_form { margin-top:10px;}

/*forgot css start*/
.forgot { padding:20px 20px 20px 20px; }
.forgot h2 { font-size:120%;  }
/*forgot css end*/

/*registration css start*/
.registration { width:100%; margin:0px auto; margin-bottom:70px;}
.registration h2 { font-size:120%; }
.registration .text1 {  font-size:90%;  }
.reg_w1 { width:98%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 0px 5px 5px; margin:5px 0px 5px 0; }
.reg_w2 { width:91%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 5px 5px 0; margin:5px 0px 5px 0; }
.reg_submit {  margin-top:1px; }

.fee_pay_detail{ margin-top:10px;}
.registration h3 { font-size:120%; }
/*registration css end*/

.why_register {  padding:10px 10px 0 10px; margin-top:-59px;  }

/*result css start*/
.result_main { width:100%; margin:0px auto; }
.result_main h2 { font-size:120%; }
.result_main .text1 {  font-size:80%;  }
/*result css end*/

#facebox { margin-top:20px; }

/*HDFC form css start*/
.form_content { width:90%;}
.form_content .confirm { margin-bottom:15px; }
.form_main { width:96%;}
.form_content h2 { width:90%; margin:0px auto; overflow:hidden; background:#4496d2; padding:14px 20px 14px 20px; text-transform:uppercase; }
.form_content .box { width:89.8%; margin:0px auto; margin-bottom:10px; }
.form_text { width:100%; float:none;  }
.form_input_box { width:100%; float:left; }
.form_text1 { width:100%; float:left; }
.form_input { width:96%; }
.form_select { width:99%; }
/*HDFC form css end*/

.footer_hdfc { width:100%; }
.footer_hdfc_inner { width:98%;}

#boxes #dialog { width:84%; height:auto; padding: 10px 10px 10px 10px; background-color:#ffffff; font-size: 15pt; margin-left:-8px;}

}

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

.top_main{ width:100%; background:#262a2d;}
.top{ width:100%; margin:0px auto; }
.top ul{  margin:0px; padding:0px; list-style-type: none; float:none; width:70%; margin:0px auto;}
.top li { float: left; margin-right: 5px; font-size:90%;}	

.header{ width:100%; margin:0px auto; height:auto;  } 
.logo{  width:98%; margin:0px auto; float:none; margin-top:7px; }
.logo img{ width:100%; height:auto;}

.header_tagline h3 { line-height: 56px; color: #e0e1e1; font-weight:300; font-size:90%;}

/*accreditation css start*/
div#info ul li { float:left; margin-right:10px;  } 
ul#ticker { height:90px; overflow:hidden; }
ul#ticker li { width:98%; height:84px; padding:10px;  font-size:70%; color:#FFF; line-height:1.6em; text-align:left;   }
ul#ticker li img { float:left; margin-right:10px; vertical-align:middle; }
.accrediations .text_padd { padding-top:5px;}
/*accreditation css end*/

#footer { background-color:#262a2d; position:relative; padding-top: 106px; margin-top:10px;}

/*testimonial css start*/
.testimonial_main{ width:98%; margin:0px auto;  }
.testimonial_main h2{ line-height:33px;  font-size:120%; padding-top:8px; font-weight:normal; padding-bottom:8px; text-align:left; }
.testimonials blockquote { width:99%;   font-size:70%;}
.testimonials blockquote i  { color:#fff; font-size:70%;}
/*testimonial css end*/

/*weldiv  css start*/
.weldiv {  margin-top:20px;  }
.weldiv h1 { font-size:120%;}
.body_text { font-size:90%;}
/*weldiv  css end*/

.bott_link li { font-size:80%; color:#000;}

/*footer css start*/
.footer{ width:98%; padding:0px; margin:0px auto;  }
.footer_left { width:80%; margin:0px auto; text-align: center;  float:none; color:#827f80; font-size:90%; padding-top:5px;}
.footer_left img { margin-bottom:10px;}
.footer_middle {  width:50%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px;}
.footer_icon {  width:38%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px;}
.footer_icon li { float:left;}
/*footer css end*/

/*forgot css start*/
.forgot { padding:10px 5px 10px 5px; }
.forgot h2 { font-size:120%;  }
/*forgot css end*/

/*registration css start*/
.registration { width:100%; margin:0px auto; margin-bottom:70px;}
.registration h2 { font-size:120%; }
.registration .text1 {  font-size:80%;  }
.reg_w1 { width:98%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 0px 5px 5px; margin:5px 0px 5px 0; }
.reg_w2 { width:91%; background:#FFF; border: 1px solid #D6DCE1; color:#393939; padding:5px 5px 5px 0; margin:5px 0px 5px 0; }
.reg_submit {  margin-top:1px; }

.fee_pay_detail{ margin-top:10px;}
.registration h3 { font-size:120%; }
/*registration css end*/


.why_register h2 { font-size:90%;}

/*result css start*/
.result_main { width:100%; margin:0px auto; }
.result_main h2 { font-size:120%; }
.result_main .text1 {  font-size:50%;  }
/*result css end*/

/*start popup form css start*/
#facebox { margin-top:100px; }
#facebox .content2 { width:280px; padding:0px; }
.login_logo img { width:100%; text-align:center; }
/*start popup form css end*/

/*HDFC form css start*/
.form_content { width:90%;}
.form_main { width:96%;}
.form_content h2 { width:90%; margin:0px auto; }
.form_content .box { width:85%; margin:0px auto; margin-bottom:10px; }
.form_text { width:100%; float:none;  }
.form_input_box { width:100%; float:left; }
.form_text1 { width:100%; float:left; }
.form_input { width:95%; }
.form_select { width:100%; }
/*HDFC form css end*/

}

@media only screen and ( max-width:320px) {
	
.top_main{ width:100%; background:#262a2d;}
.top{ width:100%; margin:0px auto;}
.top ul{  margin:0px; padding:0px; list-style-type: none; float:none; width:87%; margin:0px auto;}
.top li { float: left; margin-right: 5px; font-size:90%;}	

.phone_main{ width:100%; margin:0px auto; }
.phone{ width:100%; float:none; height: auto; padding: 14px 0 20px 0px; text-align:center;  color: #fff; }
.phone h2{   font-size:100%; }
.phone h4{ font-size: 70%;}
.phone img{ width:15%; height:auto;}
.corner { display:none;}
.header_tagline { float: none; height:auto; padding: 8px 0; text-align: center; width: 70%; margin:0px auto;}
.header_tagline h3 { line-height: 26px; color: #e0e1e1; font-weight:300; font-size:90%;}

/*accreditation css start*/
ul#ticker li { width:98%; height:84px; padding:10px; font-size:60%; color:#FFF; line-height:1.6em; text-align:left; }
/*accreditation css end*/

#footer { background-color:#262a2d; position:relative; padding-top: 116px; margin-top:20px;}

/*testimonial css start*/
.testimonial_main{ width:98%; margin:0px auto; }
.testimonial_main h2{ line-height:33px; font-size:120%; padding-top:8px; font-weight:normal; padding-bottom:8px; text-align:left; }
.testimonials blockquote { width:99%; font-size:60%;}
.testimonials blockquote i  { color:#fff; font-size:80%;}
/*testimonial css end*/

/*weldiv  css start*/
.weldiv { margin-top:20px; }
.weldiv h1 { font-size:120%; }
.body_text { font-size:80%; }
/*weldiv  css end*/

/*footer css start*/
.footer{ width:98%; padding:0px; margin:0px auto;  }
.footer_left { width:80%; margin:0px auto; text-align: center;  float:none; color:#827f80; font-size:90%; padding-top:5px;}
.footer_left img { margin-bottom:10px;}
.footer_middle {  width:50%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px;}
.footer_icon {  width:52%; margin:0px auto; text-align: center;  float:none; padding-bottom:5px;}
.footer_icon li { float:left;}
/*footer css end*/

.why_register h2 { font-size:80%;}

/*result css start*/
.result_main { width:100%; margin:0px auto; }
.result_main h2 { font-size:120%; }
.result_main .text1 {  font-size:10%;  }
/*result css end*/

/*start popup form css start*/
#facebox .content2 { width:200px; padding:0px; }
.login_logo img { width:100%; text-align:center; }
/*start popup form css end*/

/*HDFC form css start*/
.form_content { width:90%;}
.form_main { width:96%;}
.form_content h2 { width:90%; margin:0px auto; }
.form_content .box { width:80%; margin:0px auto; margin-bottom:10px; }
.form_text { width:100%; float:none;  }
.form_input_box { width:100%; float:left; }
.form_text1 { width:100%; float:left; }
.form_input { width:92%; }
.form_select { width:100%; }
/*HDFC form css end*/

}