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

@media handheld, only screen and (max-width: 990px) { 

#navHolder { background:none; position:relative; }
#navHolder .nav { width:100%; border:0; position:absolute; z-index:99; }
#navHolder .nav ul li { background-color:#ffc800; }
.navPan { width:100%; float:right; margin:0px 0 0 5%; }
#siteMnuBtn{ display:block;}
.headerPan { width:100%; margin:0 auto; padding:0px 0 0 0; }
.logoPan { font-size:18px; color:#4d4d4f; font-family: 'Ek Mukta', sans-serif; font-weight:bold; width:250px; float:left; margin:30px 0 0 5px;}

.container{ width:100%; margin:0 auto;}
.bookCon{ width:100%;}
.innerCon h1{ margin:0 0 0 5px;}
.aboutkumbh { margin: 15px 0 15px 5px;}
.aboutkumbh ul li{ width:100%; float:none; padding:0; }
.aboutkumbh ul li:last-child{ width:100%; float:none; padding:0; }
.kumbhBulbCon{ width:75%; margin:0 auto;}
.innerCon { margin: 18px 0 0 0; width: 98%; margin: 18px auto;}
.kumbhBulb{ width:100%; float:left;}
.imagePan{ float:left;}
.kumbhBulb .blurbDetail { width:300px; float:left; background:none;}
.prefacePan{ width:100%; margin:50px auto 0 auto; float:none;}
.leftNav { width: 230px; float: none; position: absolute; background-color:#ffffff; left: -240px; top:130px; padding:0 0 0 10px;}
.bookvoiceBlurbCon ul { width:450px; margin:0 auto;}
.aboutDescription{ width:100%; margin: 35px auto 0 auto;}
.aboutDescription img{ width:100%; height:auto;}
.filmCon .filmDetail .posterImgPan { width: 460px; float: none; margin:0 auto;}
.filmCon .filmDetail .detLeftPan{ width: 96%; float: none; padding: 13px 0 0 0px; margin: 10px 0 0 10px;}
.aboutDescription h1{ padding: 0 0 18px 10px;}
.aboutBlurbCon .anugrahaImgPan { padding: 0 0 5px 10px;}
.teamBlurbCon { margin: 15px 0 0 10px;}
#team-pan{ margin: 0 0 0 10px;}
.breadcrumbs { padding: 15px 0 15px 10px;}
#navHolder .nav .socialTab { padding:8px 0 0px 0px; margin: 0px 0px 0 0; width: 100%; text-align: center; background-color: #d7d4cc;}
.filmCon h1 { padding: 0 0 0 10px;}
.filmCon span{ padding: 12px 0 12px 10px;}
.filmCon p{ margin:0 0 15px 10px;}
.prefacePan p{ margin:0 0 0 5px;}
.mapPan { width: 100%; margin: 20px 0 0px 5px;}
.aboutmap { margin: 0 0 20px 5px;}
#abtDesc h1{ margin:0; padding: 0 0 18px 5px;}
#abtDesc p{ margin:0; padding: 0 0 0px 5px;}
.bookVolPan { width: 98%; margin: 32px 0 0 5px; overflow-x: hidden;}
.bookVolPan h1{ margin:0;}
.contentDet { width: 100%; float: none;}
.rslides_container { width: 100%!important; margin: 0 auto;}
.rslides img.imgbanner { width: 100%!important; height:auto;}
.expertDetright img { width:100%; height:auto;}

.characterLeft { width: 100%; text-align:center; float:none; padding: 20px 0 0 0px;}
.characterRight { width: 100%; margin:0 auto; float:none; padding: 20px 0 0 0px;}

.bookVoltwoPan{ width:100%; margin: 32px 0px 0 0;}  
.conTwoDet{ width:100%; float:none;}
.volTwoExpLeft{ float:none; margin:0 auto;}
.volTwoExpright { float:none; margin:0 auto; text-align:center;}

#overflow{ overflow:hidden;}

.bookVolfourPan{ width:97%; margin:0 auto 0 5px;}
.bookVolfourPan h1{ margin:32px 0 0 0px;}

.bookVolfivePan{ width:97%; margin:32px auto 0 5px;}
.bookVolfivePan h1{ margin:0;}

.volSixPan{ width:99%; margin:32px 0 0 5px;}
.volsevenPan{ width:99%; margin:32px 0 0 5px;}
.volsevenPan h1{ margin:0;}
.volSevenExpRight { float:none; margin:0 auto; text-align:center;}
.volEightExpRight { float:none; margin:0 auto; text-align:center;}


.voleightPan{ width:98%; margin:32px 0 0 5px;}
.voleightPan h1{ margin:0;}
.charEightRight{ width:100%; padding:0;}
.charEightLeft{ width:100%; }
.conEightDet{ width:100%;}
}

@media handheld, only screen and (max-width: 800px) {
ul.slimmenu.collapsed li {width: 99.8%;}
.kumbhBulbCon { width: 90%; margin: 0 auto;}
.imagePan { float: none;}
.kumbhBulb .blurbDetail { width: 100%; float: none; background: none; padding: 22px 0 0 0; margin: 0 auto 20px auto;}
.kumbhBulb .blurbDetail h2 span { padding: 0 0 0 0px;}
.prefaceDet .prefaceDetLeft { width: 100%; float: none;  margin: 0 0px 30px 0;}
.prefaceDet .prefaceDetRight { width: 95%; float: none;}
.prefaceDet { margin: 0px 0 50px 0;}
.aboutDescription{ width:90%; margin: 35px auto 0 auto;}
.expertDet { width:100%; float: none; padding: 15px 0px 0 0;}
.expertImgPan{ width:100%; float:none; margin: 0 0 40px 0px;}
.preOrderImg{ width:90%; margin:0 auto 20px auto;}
.preOrderImg img{ width:100%; height:auto;}
.aboutBlurbCon .blurbDesc{ width:100%; margin:0 0 0 10px;}
.expertDetright { width:400px; margin:0 auto; float: none;}

.volTwoExpLeft{ float:none;}

.bookVolthreePan{ width:99%; margin:32px 0 0 5px;}
.bookVolthreePan h1{ margin:0 0 0 0px;}
#str img{ width:100%; height:auto;}
.volConTwoDetPan { margin: 0 0 0 5px;}
.volthreeConPan { width: 100%; }
.charthreeLeft { width: 100%; float: none; text-align: center;}
.charthreeLeft p{ text-align:left;}
.charthreeRight { width: 100%; float: none; padding: 0px 0 0 0px;}
.profileBlurbCon ul li:nth-child(3n){ padding:0 12px 10px 0;}
.confourDet,.conThreeDet{ width:100%; float:none;}
.charfourLeft { width: 100%; float: none;}
.charfourRight { width: 100%; float: none; padding: 0px 0 0 0px;}
.volFourBot img{ width:95%; height:auto;}
.confiveDet,.confiveDet{ width:100%; float:none;}
.volfiveExpright{ width:100%; float:none; text-align:center;}
}
@media handheld, only screen and (max-width: 600px){
.filmCon .filmDetail .posterImgPan{ width:100%; text-align:center;}
.filmCon .filmDetail .posterImgPan img{ width:95%; height:auto;}
.filmCon .filmDetail .posterImgPan span{ padding:10px 0 10px 10px;}
}
@media handheld, only screen and (max-width: 480px){
.imagePan { width:100%; float: none;}
.imagePan img{ width:100%; height:auto;}
.bookvoiceBlurbCon ul { width:100%; margin:0 auto;}
.bookvoiceBlurbCon ul li { width: 95%; float: none; margin:0 0 20px 0;}
.prefaceDetLeft img{ width:100%;}
.prefaceDet .prefaceDetRight img{ width:100%;}
.aboutmap ul li { width: 100%; float:none;}
.aboutmap ul li:last-child { width: 100%; padding: 0 0px 0 0px;}
.aboutBlurbCon .anugrahaImgPan { padding: 0 0 5px 10px;}
.teamPan02 {width: 100%;}
.teamPan { padding: 0 5px;}
.bookvoiceBlurbCon { margin: 0 0 25px 5px;}
.voltwoBlurbCon ul li { float: none; width: 100%; margin: 0 0px 0 0; padding: 0 20px 10px 0; text-align: center;}
.voltwoGallery ul li {  float: none; width: 100%; margin: 0 20px 10px 0; text-align: center;}
}
@media handheld, only screen and (max-width: 440px){
.logoPan {  margin:30px 0 0 5px;}
.volTwoExpright img{ width:100%; height:auto;}
.headsImgPan img { width: 100%; padding: 0 0 15px 0;}
.volSevenExpRight img{ width:98%; height:auto;}
}
@media handheld, only screen and (max-width: 420px){
.logoPan {  margin:30px 0 0 5px;}
.characterLeft { width: 100%;}
.characterLeft img{ width: 97%; height:auto;}
.characterRight { width: 100%;}
.characterRight img{ width: 98%; height:auto;}
.expertDetright{ width:100%;}
/*.collapse-button { background-size: 30px 35px; background-position-x: 20px;}*/
.turnerProfile .imgPanLeft { float: none; margin: 0 0px 10px 0;}
.turnerProfile { width: 100%;}
.turnerProfile img { width: 95%; height:auto;}
.turnerProfile .imgPanRight { float: none;}
.volfiveExpright{ width:100%; float:none;}
.volfiveExpright img{ width:100%; height:auto;}
.darshanBlurbCon ul li { padding: 0 11px 10px 0;}


}