/* CSS Document */
@media (min-width: 1200px){
.container {
    width: 1000px !important;
}
}
@media (min-width:768px) {
  .page-wrapper {
    width: 750px;
	margin:0px auto;
  }
}

/*@media (min-width:992px) {
  .page-wrapper {
    width:982px; 
  }
}
*/
@media (min-width:992px) {
  .page-wrapper {
    width:980px; 
	margin:0px auto;
  }
}

@media only screen and (min-width:991px) and (max-width: 1200px){

.home .header-wrapper{
     width: 100%;
    display: inline-block;
	/*height:460px;*/
	height: auto;
	min-height: 550px;
	background:url(../images/banner-image.jpg) no-repeat;
	background-size:100%;
}
}

@media only screen and (min-width:767px) and (max-width: 992px){

.home .header-wrapper{
     width: 100%;
    display: inline-block;
	/*height:460px;*/
	height: auto;
	min-height: 420px;
	background:url(../images/banner-image.jpg) no-repeat;
	background-size:100%;
}
.header{
	background: rgba(0, 0, 0, 0.1);
	box-shadow:0px -9px 10px 5px rgba(0,0,0,0.4);
}
/* --------------- nav --------------- */
.nav ul li{
	margin-right: 0px;
	padding-bottom: 15px;
	display: inline-block;
}
.nav ul li:last-child{ margin-right: 0;}
.nav ul li a{
	color: #fff;
    display: inline-block;
	padding: 13px 19px;
}
.nav ul li a:hover, .active{
    text-shadow: none !important;
    padding: 13px 19px !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
}
/* ----------------------------------- popup ----------------------------------- */
	.celeb{
		font-size: 35px;
	}
	.birth{
		font-size: 46px;
		line-height: 45px;
	}
/* ----------------------------------- quick links ----------------------------------- */
.col{
    width: 25%;
    text-align: center;
    padding: 45px 0;
}

.align-center { margin: 0 16.8%;}

i.fa.fa-quote-left {
    color: #fff;
	font-size: 32px;
}
i.fa.fa-quote-right {
    color: #fff;
	font-size: 32px;
}

.quote-wrapper{ /*width: 60%;*/ width: 75%; padding:0px 0px 0px 20px; }
.quotes p{
	color: #fff;
	font-size: 17px;
	line-height: 16px;
}
.about_dadi {
    background: url("../images/about.png") no-repeat 0px 95px;
    /*background-size: 472px;*/
    background-size: 35%;

}

.social_links {
    width: 23%;
    margin: 0 auto;
}
/* --------------------------------------------------------------------- about page --------------------------------------------------------------------- */
.header-wrapper{
	height: 287px;
	background: url("../images/banner_inner.jpg") no-repeat;
	background-size:100%;
}
.video_frame {
    width: 100%;
    height: 215px;
    overflow: hidden;
}

.video h3 { background: #808ba0; width:99%; margin:0px 0px 0px 5px;}
.video a h3{ color: #fff;}

.video_frame iframe{
	width:350px;
	height:220px;
	margin:5px 0px 0px 5px;
}

.twitter-wrapper, .facebook-wrapper{
	/*width: 49.5%;*/
        width: 360px;
	background: #f8f8f8;
}

}


@media only screen and (min-width: 310px) and (max-width: 766px){
.home .header-wrapper{
    width: 100%;
    display: inline-block;
	height:230px;
}

.name{
	color: #fff;
	font-size: 65px;
	text-align: center;
	padding-top: 0;
	font-family: "italianno";
	text-transform: capitalize;
	text-shadow: 2px 2px 2px rgba(169, 169, 169, 0.4);
}
p.years {
    text-align: center;
    color: #fff;
    /*margin-top: -3px;*/
	margin-top: -25px;
	padding-bottom: 20px;
    font-size: 14px;
}
.nav .menu-button {
	display:block;
}
.nav ul{
	display:none;
	top:20px;
	z-index:999;
	padding:0px 0px;
}
.nav ul li{
	display:block;
	padding:5px 25px
}
.nav ul li a{
	font-size:15px;
	text-align:center;
	border:none;
	
}
.nav ul li a:hover, .active{
	border:none !important;

}
.nav li:hover > ul {
	display:none;
}
/* ----------------------------------- popup ----------------------------------- */
	#my-welcome-message p{
		width: 100%;
		margin: -30px 0;
	}
	#my-welcome-message .popup_dadi_image{
		width: 100%;
	}
	#my-welcome-message .popup_dadi_image img {
		width: 49%;
	}
	#my-welcome-message .popup_dadi_image .popup_dadi_desc {
		width: 50%;
		margin: 25px 0 55px;
	}
	#my-welcome-message .popup_dadi_image .popup_dadi_desc p{
		font-size: 15px;
	}
	.celeb{
		font-size: 40px;
	}
	.birth{
		font-size: 55px;
		line-height: 55px;
	}
	#app-wrapper {
		width: 85%;
		margin: 30px 30px 0 0;
	}
/* ----------------------------------- col ----------------------------------- */
.col{
    width: 100%;
    text-align: center;
    padding: 45px 0;
}
.align-center{
	margin: 0 1.3%;
}
.gal{
	/*width: 320px;*/
	width: 100%;
	float:left;
	margin: 0 1px 1px 0;
}
.gal_img {
    width: 100%;
    max-height: 200px;    
	overflow: hidden;
}

.quote-wrapper{ /*width: 60%;*/ width: 75%; padding:0px 0px 0px 10px; }

.quotes{
    width: 100%;
	margin-top: 40px;
	padding: 16px 0;
	background:url(../images/quote_bg_res.jpg) no-repeat;
	background-size:100% 180px;

}
.quotes p{
	color: #fff;
	font-size: 18px;
	line-height: 16px;
}
i.fa.fa-quote-left {
    color: #fff;
	font-size: 26px;
}
i.fa.fa-quote-right {
    color: #fff;
	font-size: 26px;
}
.about_dadi {
    background: url("../images/about.png") no-repeat 0px 0px	;
    /*background-size: 472px;*/
    background-size: 30%;
}

.about_desc{ width: 95%; margin-top: 50px;}


.social_links {
    width: 70%;
    margin: 0 auto;
	text-align:center;
}
/* --------------------------------------------------------------------- about page --------------------------------------------------------------------- */
.header-wrapper{
	background: url("../images/banner_inner.jpg") no-repeat;
	background-size:100% 230px;
	height:auto;
}
.col-3.video{
	width: 100% !important;
	
}
.video_frame{ width: 99.7%;}
.video_frame iframe{
	width:100%;
	height:220px;
	/*margin:5px 5px;*/
}

/*.col-3{/* width: 33.25%; float: none; margin:6px 0px;}*/

.jp-interface{position:relative;/*background-color:#eee;*/border: 1px solid #808ab0; width:100%}

.book_cont{ /*width: 22% !important;*/ width: 215px !important;	margin: 20px 39px 20px 48px; min-height: 361px;}

.follow-floatR{
	float:left;
}

.twitter-wrapper, .facebook-wrapper{
	/*width: 49.5%;*/
        width: 87%;
	background: #f8f8f8;
	margin:10px 30px;
}

/* ------------------------------- listen-page --------------------------------- */
#listen-bg-image, #books-bg-image {
	top: 155px !important;
}
.audio_file{
	width: 100%;
	text-align: center !important;
}
}