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

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

.flexslider .slides > li {min-height:inherit;}		
}
@media screen and (min-width:1200px) and (max-width:1279px) {
img {max-width:100%; }
.row, .row1 { width:1000px; }
.ddsmoothmenu ul li { margin: 0 12px 0 0;}
.ddsmoothmenu ul li a {font-size: 13px;}

.flexslider .slides > li {min-height:inherit;}	
}
 
@media screen and (min-width:1024px) and (max-width:1199px) {
img {max-width:100%; }
.row, .row1  { width:980px; }
.ddsmoothmenu ul li { margin: 0 8px 0 0;}
.ddsmoothmenu ul li a {font-size: 13px;}
ul.hd-social {margin-left: 15px;}
.flexslider .slides > li {min-height:inherit;}
.flex-caption {top: 120px;}	
.flex-caption h1 {font-size: 55px; line-height: 65px; margin-bottom: 15px;}
.logo img {width: 170px;}
.top-rgt {width: 80%;}
.about-us {padding: 60px 0 40px;}
.about-us .rectangle {top: 60px; width: 300px; height: 350px;}
.about-us h4 {margin-bottom: 40px;}
.about-us .abt-btm { margin-top: 20px;}
.about-us .abt-btm .abt-bg p {font-size: 26px; line-height: 36px;}
.vision-section { background-position: center center; height: 100%;}
.vision-section .vis-mis-bg {padding: 40px 30px; background: rgba(0, 0, 0, 0.8);}
.book-section { background-position: right center; height: 100%; padding: 60px 0 50px;}
.video-section {padding: 60px 0 40px;}
.events-section {padding: 60px 0;}
.contact-us {padding: 60px 0;}

.breadcum img {width: 550px;}
.breadcum ul { margin-top: 15px;}
.show-section { padding: 50px 0;}
.about-the-hosts { padding: 50px 0;}

.video-episodes { padding: 50px 0 30px;}

}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1 { width:750px; }
.logo { width: 150px;}
.top-rgt { display: none;}
.m-menu  { display:block; top: 0px; margin-top:3px; }

.flexslider .slides > li {min-height:inherit;}	
.ddsmoothmenu ul li {margin: 0 6px 0 0;line-height: 20px;}
.ddsmoothmenu ul li a {font-size: 12px;}

.flex-caption {top: 80px; }	
.flex-caption .flex-cont { width: 435px;}
.flex-caption .book-img img { width: 100px;}
.flex-caption h1 {font-size: 48px; line-height: 58px; margin-bottom: 10px;}
.flex-caption p {font-size: 14px; line-height: 24px;}
.demo a { bottom: 20px;}

.about-us {padding: 50px 0 40px;}
.about-us .rectangle {top: 220px; width: 350px; height: 300px;}
.about-us h4 {margin-bottom: 60px;}
.about-us .abt-btm { margin-top: 20px;}
.about-us .abt-btm .abt-bg p {font-size: 24px; line-height: 34px;}
.vision-section { background-position: center center; height: 100%;}
.vision-section .vis-mis-bg {padding: 30px 25px; width: 445px; background: rgba(0, 0, 0, 0.8);}
.book-section { background-position: right center; height: 100%; padding: 50px 0 50px;}
.video-section {padding: 50px 0 40px;}
.events-section {padding: 40px 0;}
.contact-us {padding: 40px 0;}
.about-us h1 {font-size: 44px; line-height: 54px;}
.book-section h1 {font-size: 44px; line-height: 54px;}
.video-section h1 {font-size: 44px; line-height: 54px;}
.events-section h1 {font-size: 44px; line-height: 54px;}
.contact-us h1 {font-size: 44px; line-height: 54px; margin-bottom: 30px;}
.form-rgt {padding-left: 60px;}
.book-section .book-rgt img { width: 250px;}

.madness-tracker .md-lft img {width: 320px;}
.madness-tracker .md-rgt h2 {font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.madness-tracker .md-rgt h4 {font-size: 14px; line-height: 24px; margin-bottom: 20px;}

.madness-tracker .md-rgt .md-form { width: 100%;}

.breadcum img {width: 450px;}
.breadcum ul { margin-top: 15px;}
.show-section { padding: 50px 0;}
.about-the-hosts { padding: 50px 0;}

.video-episodes { padding: 50px 0 30px;}
.video-episodes h1 {font-size: 44px; line-height: 54px;}

.other-videos ul li:nth-child(2n+2) {
	margin-right: 0;
}
.other-videos ul li {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 30px;
	position: relative;
	transition: all .5s ease;
}
.other-videos ul li:nth-child(3n+3) {
	margin-right: 2%;
}
.cust-review-msg ul li {width: 350px;}
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row1 { width:100%; padding:0px 15px; }
.flexslider .slides > li {min-height:inherit;}
.logo { width: 150px;}
.top-rgt { display: none;}
.m-menu  { display:block; top: 0px; margin-top:3px; }

.flex-caption {top: 120px; }	
.flex-caption .flex-cont { width: 100%;}
.flex-caption .book-img img { width: 100px;}
.flex-caption h1 {font-size: 50px; line-height: 60px; margin-bottom: 10px;}
.flex-caption p {font-size: 14px; line-height: 24px;}
.demo { display: none;}
.demo a { bottom: 20px;}

.top-banner { height:500px;}
.top-banner .flexslider { min-height:inherit; height:500px; display: none;}
.top-banner .flexslider .slides > li{ min-height:inherit; background: no-repeat left center; background-size: cover;}
.top-banner .flexslider .slides > li::after { position: absolute; right: 0; display: block; content: ""; height: 100%; background: rgba(0,0,0,0.5); width:100%; z-index: -1;}
.top-banner .flexslider .slides > li img {opacity: 0; display:none;}
.top-banner .flexslider .slides > li .book-img img { opacity: 1; display: inline-block;}

.top-banner .mobile-banner { display: block;}
.top-banner .mobile-banner::after { position: absolute; right: 0; display: block; content: ""; height: 100%; background: rgba(0,0,0,0.5); width:100%; z-index:0;}
.top-banner .mobile-banner img {opacity: 0; display:none;}
.top-banner .mobile-banner .flex-caption-mob .flex-cont img { opacity: 1; display: inline-block; margin-bottom: 10px;}

.about-us {padding: 50px 0 40px;}
.about-us .rectangle { display: none;}
.about-us .abt-lft { float: left; width: 100%; margin-bottom: 20px;}
.about-us .abt-rgt { width: 100%; margin-right: 0;}
.about-us .abt-btm p {width: 100%; padding-right: 0; line-height: 28px;}
.about-us .abt-rgt p {line-height: 28px;}
.about-us h4 {margin-bottom: 30px;}
.about-us .abt-btm { margin-top: 20px;}
.about-us .abt-btm .abt-bg p {font-size: 24px; line-height: 34px;}

.vision-section { background-position: right center; height: 100%; padding: 30px 0;}
.vision-section .vis-mis-bg {padding: 25px 20px; width: 100%; }
.book-section { background-position: left center; height: 100%; padding: 30px 0 40px;}
.video-section {padding: 30px 0 40px;}
.events-section {padding: 30px 0;}
.contact-us {padding: 30px 0;}
.about-us h1 {font-size: 38px; line-height: 48px;}
.book-section h1 {font-size: 38px; line-height: 48px; margin-bottom: 25px;}
.video-section h1 {font-size: 38px; line-height: 48px; margin-bottom: 30px;}
.events-section h1 {font-size: 38px; line-height: 48px;}
.contact-us h1 {font-size: 38px; line-height: 48px; margin-bottom: 30px;}
.book-section .book-rgt img { width: 250px;}
.book-section .book-lft { width: 100%; margin-right: 0;}
.book-section .book-rgt { float: left; width: 100%; text-align: center; margin-bottom: 20px; display: none;}
.book-section .book-rgt img { float: none; display: inline-block;}
.book-section .book-lft .mob-book { display: block;}
.form-lft { width: 100%; margin-bottom: 30px;}
.form-rgt { width: 100%; padding-left: 0px;}
.form-rgt h2 {padding-bottom: 15px;}
footer {padding: 15px 0 20px; text-align: center;}
.ftr-lft { width: 100%; margin-bottom: 10px;}
.ftr-lft p { width: 100%;}
.ftr-rgt { width: 100%;}
.ftr-rgt ul li { float: none; display: inline-block;}

.flex-caption .blk-txt h1 { color: #ffffff;}
.top-banner .book-img img {background: #fff; padding: 10px 12px; border-radius: 5px;}
.video-section .video-lst .video-cnt {margin-bottom: 0px;}

.popup { width: 100%;}
.cbox {  width: 100%;}

.madness-tracker .md-lft { width: 100%; margin-bottom: 20px;}
.madness-tracker .md-rgt { width: 100%;}
.madness-tracker { height: 100%; background-position: top center; padding: 50px 0 30px;}

.madness-tracker .md-rgt h2 {font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.madness-tracker .md-rgt h4 {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.flex-caption-mob .wht-txt p {font-size: 16px;}

.popup .para-popup { padding: 25px 10px 20px;}
.mob-scl-links { display: block;}
.swal2-content {  padding: 0 !important;}

.inner-banner { padding: 40px 0;}
.breadcum h1 {font-size: 32px; line-height: 42px;}
.breadcum img {width: 350px;}
.breadcum ul {margin-top: 10px;}
.breadcum ul li {font-size: 14px;}
.breadcum ul li a {font-size: 14px;}

.show-section { padding: 30px 0;}
.show-section h1 {font-size: 26px; line-height: 34px; padding-bottom: 10px;}
.show-section h1 span {font-size: 20px; line-height: 28px;}
.show-section p { line-height: 28px;}

.about-the-hosts { padding: 30px 0;}
.about-the-hosts h1 {font-size: 26px; line-height: 34px; padding-bottom: 10px;}
.about-the-hosts h1 span {font-size: 16px; line-height: 38px;}
.about-the-hosts p { line-height: 28px;}
.about-the-hosts .abt-goals ul { display: block; margin: 15px 0;}
.about-the-hosts .abt-goals ul li { width: 100%; font-size: 16px; margin-right: 0; margin-bottom: 15px; padding: 20px 20px;}
.about-the-hosts .abt-goals ul li:last-child { margin-bottom: 0;}
.about-the-hosts .abt-goals h3 {font-size: 22px; line-height: 32px;}
.about-the-hosts .abt-goals strong {font-size: 18px; line-height: 40px;}

.vision-section .vis-mis-bg .vision-cnt { margin-bottom: 20px;}
.show-section a { width: 100%; word-break: break-all;}
.about-the-hosts h1 strong, .about-the-hosts h1 span.bl-clr, .about-the-hosts h1 span.pk-clr { font-size: 18px; line-height: 30px;}

#onload-popup .pop-up .pop-cnt {padding: 20px 25px 30px;}
#onload-popup .pop-up .pop-cnt h1 {font-size: 22px; margin-top: 10px;}
#onload-popup .pop-up .pop-cnt h1 span { font-size: 16px; line-height: 24px;}
#onload-popup .pop-up .pop-cnt .btn-ctr {margin-top: 10px;}
#onload-popup .pop-up .pop-cnt .btn-ctr a {font-size: 13px;}

.video-episodes { padding: 30px 0 20px;}
.video-episodes ul li { width: 100%; margin-bottom: 15px; margin-right: 0;}
.video-episodes h1 {font-size: 38px; line-height: 48px; margin-bottom: 30px;}
.video-episodes ul li .video-lst .video-cnt span { width: 45px; height: 45px;}

.other-videos{ padding: 30px 0 20px;}
.other-videos ul li { width: 100%; margin-bottom: 15px; margin-right: 0;}
.other-videos h1 {font-size: 38px; line-height: 48px; margin-bottom: 30px;}
.other-videos ul li .video-lst .video-cnt span { width: 45px; height: 45px;}

.other-videos h1::after { background-size: contain;}
.other-videos ul li .video-lst h4 { margin-bottom: 10px;}
.other-videos ul li .video-lst h4 br { display:none;}
.other-videos ul li .video-lst .vido-des {min-height: inherit;}

.cust-review-msg ul li { width: 100%;}

.cust-review-msg h1 { font-size: 38px; line-height: 48px; margin-bottom: 15px;}
.cust-review-msg h1::after { background-size: contain;}
.comic-lst h1 { font-size: 38px; line-height: 48px; margin-bottom: 30px;}
.comic-lst h1::after { background-size: contain;}
.cust-review-msg {padding: 30px 0 20px;}
.cust-review {padding: 20px 15px;}
.comic-lst {padding: 30px 0 20px;}
}


/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
#onload-popup { width: 100%;} 
.comic-lst ul li { width: 100%; margin-right: 0; margin-bottom: 15px;}
.comic-lst ul li:last-child { margin-bottom: 0;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
.about-us h1 {font-size: 32px; line-height: 42px;}
.book-section h1 {font-size: 32px; line-height: 42px; margin-bottom: 15px;}
.video-section h1 {font-size: 32px; line-height: 42px;}
.events-section h1 {font-size: 32px; line-height: 42px;}
.contact-us h1 {font-size: 32px; line-height: 42px; margin-bottom: 20px;}
.about-us .abt-btm .abt-bg p { font-size: 22px; line-height: 28px;}
.about-us h1::after, .book-section h1::after, .video-section h1::after, .events-section h1::after, .contact-us h1::after, .video-episodes h1:after, .other-videos h1::after { background-size: contain; width: 100%;}

.cust-review-msg h1, .comic-lst h1 {font-size: 32px; line-height: 42px; margin-bottom: 15px;}
.cust-review-msg h1::after, .comic-lst h1::after { background-size: contain; width: 100%;}

.flex-caption-mob .book-order a { padding: 8px 22px 8px 22px; margin: 0px 2px; font-size: 12px; height: 35px;}
.cbox-lft{ float: left; width:100%; margin-bottom: 20px;}
.cbox-rgt{ float: left; width:100%; padding-left:0px;}
.cbox h2 { font-size: 18px; line-height: 24px;}

.mobile-banner img.bn-desk-logo { display: none !important;}
.mobile-banner img.bn-mob-logo { display: inline-block !important; margin-bottom: 20px !important;}
.madness-tracker .md-rgt .md-form { width: 100%;}

.breadcum img {width: 300px;}

.video-episodes h1 {font-size: 32px; line-height: 42px;}
}

@media screen and (max-width:359px) {
button.env-btn { width: 100%;}

.flex-caption-mob .book-order a { width: 200px; margin-bottom: 10px;}
ul.pop-txt li { width: 100%;}
.breadcum img {width: 250px;}
}

@media screen and (max-width:319px) {
}