@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width:1600px){
.banner_section, .amitabh-bachhan-pic { height:600px;}
.amitabh-bachhan-pic { width:35%;}

.sunheri-soch{ width:415px; margin-left: -30px;}
.sunheri-soch-text{ line-height: 1.1;}
.text-one{font-size: 26px;}
.text-two{font-size: 29px;}
.text-three{font-size: 27px;}
.text-four{font-size: 30px;}
.red-fm{ width:100%; float: left; text-align: right; margin-top: 10px;}
.red-fm img{ width:180px;}
	
form{ padding: 12px 11px 0 10px}
.form_bg { padding: 0 6px;}
.form_bg h5 { font-size: 15px;}
.form_bg h6{ font-size: 17px;}
.thin-text { font-size: 16px;}


.block1{ margin-bottom:10px;}
.block2{ margin-bottom:10px;}
.block3{margin-bottom:10px;}
.block4{margin-bottom:10px;}
.block5{margin-bottom:10px;}
.block7 { margin-bottom: 15px; margin-top:12px;}
.block7 label{ font-size:11px;}
	
.block4-new{margin-bottom:7px;}
.block5-new{margin-bottom:7px;}
.textclass input, .submitclass input { height: 40px;}
.textclass input { font-size: 13px}

.submitclass input{ font-size: 17px;}
	
.video{ width: 634px; height: 570px; top:-45px; right:70px;}
.video h6 { font-size:26px; line-height: 1.3;}
.video .download .button button, .video .download .button span { font-size: 13px;}

.tab_section {top:70px; width: 350px; right:97px;}
.tab_button{ height:44px;}
.tab_button li{ line-height: 44px; width: 44%;}
.tab_button li a { font-size: 14px;}
.tab_content_box{ margin-top:-6px;}
.new-customer-heading { margin-top:5px;}
	
.stay-tuned li { margin: 0 10px;}

.share-your-story{ width: 250px; height: 166px; background-size: 100%;}
.share-your-story p { padding: 34px 0 0 22px; font-size: 18px;}
.share-your-story .text2 { font-size: 17px;}
.tnc { left:87px; font-size: 10px;  font-family: 'FrutigerLTStd55RomanRegular';}

.story-section { height: 422px;}

	
.gold-coin{ text-align:right;}
.gold-coin img{width:83%}
.gold-coin:before { left: 0px; background: url("../images/double-arrow2.png"); width:60px; height: 141px;}
.gold-coin:after { right: -104px; background: url("../images/or.png"); width:75px; height: 74px; top: 27%}

.mike img{ width: 80%;}
.mike-content { left: 125px; top:142px; font-size:18px}
.mike-content strong { font-size:36px;}
	
	
.amitabh-bachhan{ margin-top:130px; height: 486px; padding: 30px 71px}	
.amitabh-bachhan p{font-size:13px; line-height: 1.8;}
	
.amitabh-bachhan h4:before{width:224px; height: 152px; background: url(../images/sunheri-soch-small2.png);}
.amitabh-bachhan h4{ padding-left: 240px; font-size: 18px;}
.amitabh-bachhan h4 span{ font-size: 25px;}
.amitabh-bachhan h4 strong{font-size: 25px;}
.amitabh-bachhan h5 { margin-left:-71px; font-size: 17px; padding-left: 71px;}
.amitabh-bachhan h5:after {width: 63px; height: 54px; left: 72%; top: 10px; background: url(../images/red-fm-small2.png) no-repeat right center;}
	
.amitabh-bachhan li{ font-size: 14px; padding: 18px 0;}
.amitabh-bachhan li:after { border-right: 2px solid #ce5e60; height: 58px;}
.video .download .button button, .video .download .button span { font-size: 12px;}
.video .download .button button { padding: 11px 12px; width: 160px;}


.stay-tuned li{ margin:0 16px; width: 205px;}
.stay-tuned li img{width:100%}
.stay-tuned li .box .text{ font-size: 12px;}
	
.muthoot-finance { padding: 22px 70px}
.muthoot-finance li img { width:85%}
	
.wrapper{width:1175px;}
.muthoot-finance li:last-child { margin-top: 30px;}
.white_box li{ padding: 20px 0; position: relative; border-right: 0;}
.white_box li:last-child { margin-left: 150px;}
.white_box li:first-child:after{position:absolute; content: ''; width:1px; background: #d5d5d5; height: 100%; top:0; right: -80px;}
.white_box li h3 { font-size:25px;}
.white_box li p{ font-size: 15px;}
footer{font-size:10px;}
	
.yellow-logo li { padding: 0 8px;}

	
}

@media only screen and ( max-width:1300px){
.sunheri-soch{margin-left:-60px;}
.tnc { left:67px;}
.story-section{ padding-left: 40px; padding-right: 40px;}
.amitabh-bachhan{ padding: 30px 40px}
.muthoot-finance { padding: 22px 40px}
	
.yellow-logo li { padding: 0 50px}
.yellow-logo h3:before { left: -45%; width:40%;}
.yellow-logo h3:after{ right: -45%; width:40%;}

	
}

@media only screen and ( max-width:1100px){
.banner_section, .amitabh-bachhan-pic { height: 500px;}
.sunheri-soch{ width: 300px;}
.text-one{font-size: 18px;}
.text-two{font-size: 20px;}
.text-three{font-size: 20px;}
.text-four{font-size: 22px;}
.red-fm{ width:100%; float: left; text-align: right; margin-top: 10px;}
.tab_section{right:17px;}
.eight-hundred{ text-align: right;}
.eight-hundred img{width:80%;}
form { padding: 8px 5px 0 5px}
	
.block1{ margin-bottom:5px;}
.block2{ margin-bottom:5px;}
.block3{margin-bottom:5px;}
.block4{margin-bottom:5px;}
.block5{margin-bottom:5px;}
.block6 { margin-bottom: 6px;}

.block7 { margin-bottom: 15px; margin-top:5px;}
.new-customer-heading img { width:64%}
.textclass input, .submitclass input { height: 38px;}

.block7 label{ font-size:11px;}
	
.block4-new{margin-bottom:7px;}
.block5-new{margin-bottom:7px;}
	
.share-your-story p { font-size:16px;}
.share-your-story { height: 145px;}
.gold-coin:before { left: 16px;}
.mike-content { top:130px;}
.mike-content strong { font-size: 24px;}
.mike-content { font-size: 15px;}
.gold-coin:after { right:-72px;}
.tnc { left: 34px;}

.video { position: static; width:100%; height: auto; float:left;}


.amitabh-bachhan { height: auto; margin-top: 0; padding: 30px 0;}
.amitabh-bachhan .inner { width:100%; padding: 25px;}
.amitabh-bachhan h5 { margin-left: 0; margin-top: 20px;}
.amitabh-bachhan p br{ display:none;}
.stay-tuned { padding: 20px 0 20px 0}
.tnc2 { bottom: -10px}
.stay-tuned ul { margin-top: 20px;}
.wrapper { width: 90%}
.stay-tuned li { height: 265px; width: 265px;}
	
.yellow-logo h3:before { left: -25%; width:20%;}
.yellow-logo h3:after{ right: -25%; width:20%;}
.yellow-logo li { width:24%}
.yellow-logo li:nth-child(4n):after{ border-right: none;}


}



@media only screen and ( max-width:1023px){
.wrapper {width:98%}
.banner_section { display: block; height: auto}
.tab_section { position: static; width: 100%; float: left;}
.amitabh-bachhan-pic { width: 50%; float: left; display: block;}
.sunheri-soch{ width:50%; float: left; margin-left: 0;}
.white_box ul { display:block}
.white_box li{ width:100%; margin-right: 0;}
.white_box li:last-child{ margin-left:0}
.map_box { padding: 10px 0}
.muthoot-finance{ padding:20px 10px;}
.muthoot-finance li { width:50%}
.story-section { display:block;}
.share-your-story {  width:50%; margin: 0 auto; background-repeat: no-repeat; height: 290px;}
.share-your-story p{ font-size: 23px; padding: 49px 0 0 22px}
.gold-coin { text-align: center; margin: 50px 0 }
.story-section { height: auto}
.mike { text-align:center}
.mike-content{ top:220px; left:0; right:0;}

.gold-coin img { width: 65%}
.gold-coin:after { right: 0;}


.mike-content { font-size:18px;}
.mike-content strong { font-size:34px;}
.share-your-story .text2 { padding: 79px 0 0 0}
.mike img { width:60%}
	
.yellow-logo h3:before { left: -15%; width:10%;}
.yellow-logo h3:after{ right: -15%; width:10%;}
.video { padding: 30px 36px 50px 30px;}
.tnc2{ bottom:-40px;}
	
	.white_box li:first-child:after{right:0;}
	.form_bg { padding: 0 6px 20px 6px}
}


@media only screen and ( max-width:767px){
.share-your-story { width: 100%}
.gold-coin img { width: 82%}
.gold-coin:before { left: -34px;}
.gold-coin:after { right:-38px; top:36%;}
.story-section{ padding-top: 20px}
.share-your-story p{ padding: 34px 0 0 22px}
.mike img { width:100%}
.mike-content { top:142px;}
.amitabh-bachhan h4:before { top:-110px;}
.amitabh-bachhan h4 { padding-left: 0; margin-bottom: 10px;}
.amitabh-bachhan{ padding: 120px 0 0 0}

.amitabh-bachhan li br{ display:none;}
.amitabh-bachhan .inner { padding: 10px;}
.amitabh-bachhan h5 { height: auto; line-height: 1.5; padding:10px 10px 30px 10px;}
.amitabh-bachhan h5:after{ top:37px}
.amitabh-bachhan li{ width:100%}
.amitabh-bachhan li:after { width:100%; height: 1px; border-bottom: 1px solid #ce5e60; right:0;}
.video h6 { font-size:15px;}
.video { padding:30px 10px}

.video .download { display: block; width:100%; float: left;}
.video .download .button { width: 48%; margin: 0 1%}
	
.stay-tuned h4 { font-size:18px;}
.stay-tuned h4 span { font-size:19px}
.white_box li:first-child:after{ right:0}
.yellow-logo li { width: 32%}
.yellow-logo h3{ font-size:16px;}
.yellow-logo h3:before { left: -7%; width:6%;}
.yellow-logo h3:after{ right: -7%; width:6%;}
.yellow-logo li:nth-child(3n):after{ border-right: none;}
.yellow-logo li:nth-child(4n):after{ border-right: 1px solid #bcb266;}
.yellow-logo li { padding: 0 15px;}
	
.text_scroll { height: auto}
.white_box li { padding: 0 10px}
.sunheri-soch{ width:100%}
.amitabh-bachhan-pic{ display:none}
.amitabh-bachhan-pic1{ width:53%; display: block;}
.amitabh-bachhan-pic1 img{ width:100%}
.sunheri-soch-text{ text-align: center;}
.sunheri-soch-pic { text-align: right}
.sunheri-soch-pic > img { width:55%; text-align: right;}
.sunheri-soch-text { text-align: left}
.red-fm { text-align:center}
.text-two{width:auto; display: inline-block;}
.text-three{width:auto; display: inline-block;}
.sunheri-soch-pic { margin-top:30px;}
.sunheri-soch-text {margin-top: 117px;}
.text-one{ font-size:22px;}
.text-two{ font-size:22px;}
.text-three{ font-size:20px;}
.text-four{font-size:26px;}
.tab_section{ padding: 0 1.5% 10px 1.5%}
.video .download .button { text-align: center}
}


@media only screen and ( max-width:500px){
.yellow-logo li { width: 48%}
.yellow-logo li:nth-child(2n):after{ border-right: none;}
.yellow-logo li:nth-child(3n):after{ border-right: 1px solid #bcb266;}
.yellow-logo li:nth-child(6):after{ border-right:none;}
	
iframe{ height:250px!important;}
.fancybox-outer, .fancybox-inner { height: 250px;}


	
}

@media only screen and ( max-width:450px){
.sunheri-soch-text{ margin-top: 52px;}
}

@media only screen and ( max-width:400px){
.tnc2{ bottom:-20px;}
.video { padding: 20px 10px 40px 10px;}
.popup { width:auto}
}
