.header a{display:block;width:28px;height:18px;position:absolute;left:10px}
.header a:after,.header a:before{content:'';display:block;background:#fff;height:2px;width:20px}
.header a span{background:#fff;display:block;height:2px;margin:6px 0;width:20px}
.mm-navbar a{color:#fff!important; font:700 14px/40px Lora,Helvetica,sans-serif;text-transform:lowercase!important;font-size:26px!important}
.mm-navbar a.mm-navbar__title span{overflow:inherit!important;height:40px; font:700 14px/40px Lora,Helvetica,sans-serif; text-transform: uppercase;}
.header.mm-slideout{margin-top:20px;text-indent:40px;color:#fff;text-transform:uppercase; font:700 18px Lora,Helvetica,sans-serif;}
.footer,.header{position:fixed;left:0;right:0}
.header{top:0}
.footer{bottom:0}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{ font:400 16px Lora,Helvetica,sans-serif;}
/* brand logo  -------------------------------------------------- */  #brand-logo { position:absolute; top:20px; right:5%; z-index:888; }
.welcome-box{float:left;width:100%;height:inherit;font-size:18px}
.innerpage-box{float:left;width:100%;position:relative;margin-top:115px;padding:5% 5% 20% 5%}
.innerpage{background:#fff;padding:2%;display:inline-block;width:100%}
.innerpage h1{width:100%;font:400 24px 'Monoton', cursive;text-transform:uppercase;text-align:center;color:#000;padding-bottom:15px;margin:auto; letter-spacing: 4px; word-spacing: 5px;}
.innerpage h2{font:700 30px Lora,Helvetica,sans-serif;text-transform:uppercase;text-align:center;color:#fff;padding:10px 0}
.welcome-text{color:#e5b5c9; text-align:justify;padding:10px 0 15px 0}
.innerpage img.headerimg{vertical-align: middle;     border: 1px solid #fff;     box-shadow: 0 0 5px #c8c8c8;     padding: 10px; margin-bottom: 40px;}
.innerpage.qoft h1{background:#e72e6b;padding:10px 0; color: #fff;}
.innerpage.lifeq h1{background:#02b7a4;padding:10px 0; color: #fff;}
.innerpage.loveq h1{background:#8fc13e;padding:10px 0; color: #fff;}
.innerpage.faithq h1{background:#ef5122;padding:10px 0; color: #fff;}
.innerpage.inspirationalq h1{background:#ee214a;padding:10px 0; color: #fff;}
.innerpage.hinduismq h1{background:#16578f;padding:10px 0; color: #fff;}
.innerpage.islamq h1{background:#02b7a4;padding:10px 0; color: #fff;}
.innerpage.christianq h1{background:#29b996;padding:10px 0; color: #fff;}
.innerpage.birthdayq h1{background:#f9e02c;padding:10px 0; color: #fff;}
.innerpage.contactus h1{background:#8fc13e;padding:10px 0; color: #fff;}
.innerpage.aboutus h1{background:#e72e6b;padding:10px 0; color: #fff;}


.innerpage.videos .quotes_items { background:darkgrey; border-radius: 3px;}
.innerpage.videos .quotes_items p{ line-height: 20px; height: 50px; overflow: hidden; text-align: center; font-weight: 700;}


.quote-items{background:#f2f7f1;display:inline-table;border:1px solid #977c39;border-radius:5px}
.quote-items img{padding:0 0 10px 0}
.quote-items p{text-align:justify;color:#000}
.quote-items span.quotes-author{text-align:left;text-transform:uppercase;color:#e72e6b; font:400 12px Lora,Helvetica,sans-serif;}
.quote-items-new{background:#f2f7f1;display:inline-table;  padding: 5px; border-radius:0px; border:1px solid #13cfa1 ; }
.quote-items-new img{padding:0 0 10px 0; }
.quote-items-new p{text-align:justify;color:#000; }
.quote-items-new span.quotes-author{text-align:left;text-transform:uppercase;color:#e72e6b; font:400 12px Lora,Helvetica,sans-serif; display: none;}
.quotebyauthor-text{  padding: 20px 0; text-align:  justify; margin-bottom: 30px; border-bottom: 1px #c8c8c8 solid; font:400 18px/24px 'Josefin Slab', serif;}
.quotebyauthor-text h2{font:700 30px 'Dancing Script',cursive; text-transform: capitalize; color: #ff0000;}
.quotesotherauthor{text-transform: uppercase; border: 1px solid #eee; width: 100%; border-width: 1px 0; padding: 15px 0; margin: 20px 0;  font-size: 14px;}
.quotesotherauthor a, .quotesotherauthor a:visited{ padding:5px; text-transform: uppercase; font-size: 13px; font-weight: 700;}
.quotesotherauthor a:hover{ text-decoration: none; color: #d7a529;}
.innerpage img.lifequotes{vertical-align:middle}
.innerpage img.quoteoftheday{vertical-align:middle}
.qoft_items{color:#fff;display:inline-table;border:1px solid #c8c8c8;border-radius:5px;width:100%;margin:1% 0;padding:1%; font:400 24px/30px 'Josefin Slab', serif;}
.qoft_items.special{background:#fff;display:block;float:left;width:100%;color:#e72e6b;padding:1.5%}
.qoft_items .fas.fa-quote-left{color:#454545;font-size:16px}
.qoft_items .fas.fa-quote-right{color:#454545;font-size:16px}
.qoft_items span.quotes-author{text-align:left;text-transform:uppercase;color:#000;font-size:12px; font-weight: 700;}
.quotes_items{display:inline-table;width:49%;padding:1%;margin:15px 0;font-size:22px; font:400 18px/24px 'Josefin Slab', serif;color:#000!important}
.quotes_items:nth-of-type(1n+0){float:right!important;clear:right}
.quotes_items:nth-of-type(2n+0){float:left!important;clear:left}
.quotes_items .fas.fa-quote-left{color:#e72e6b;font-size:14px}
.quotes_items .fas.fa-quote-right{color:#e72e6b;font-size:14px}
.quotes_items p{text-align:justify;margin:0;padding:0}
.quotes_items span.quotes-author{text-align:left;text-transform:uppercase;color:#e72e6b;  font:400 12px Lora,Helvetica,sans-serif;}
.quotes_items img{vertical-align: middle;     border: 1px solid #fff;     box-shadow: 0 0 5px #c8c8c8;     padding: 10px;}
.adsbygooglebox{ overflow: hidden;     position: relative;     float: left;     width: 100%;     min-width: 200px;     text-align: center; }
.adsbygooglebox .adsbygoogle{ width: 100%!important; height: auto !important;}
#st-2.sharethis-inline-share-buttons{ padding: 20px 0;}
.contactformwrap{width:100%; display: inline-block; padding: 25px 0;}
.contactform{width:49%; float: left;}
.contactformwrap-right {width:49%; float: right;}
.contactform-items{ float: left; width: 100%;}
.contactform-items label{ float: left; width: 100%; color: #8fc13e; font:400 16px Lora,Helvetica,sans-serif;}
.contactform-items input{ float: left; width: 100%; margin-bottom: 15px; border: 1px solid #8fc13e; padding: 5px;}
.contactform-items textarea{ float: left;     width: 100%;     margin-bottom: 15px;     min-height: 248px;    border: 1px solid #8fc13e; padding: 10px;}
.contactformwrap .contactform-itemsbtn{ text-align: center; }
.contactformwrap .reset-btn{ width: 100px; float: none; border: none; padding: 7px;text-transform: uppercase; margin: 10px;}
.contactformwrap .submit-btn{ width: 100px; float: none; background: #8fc13e; border: none; padding: 7px;text-transform: uppercase;margin: 10px;}
.contactformwrap iframe{ padding: 7px; border: 1px solid #c8c8c8; margin: 35px 0;}
.innerpage.aboutus{ text-align: center;}
.innerpage.aboutus { text-align: center; font-size: 20px;}
.aboutus-quotes{  text-align: center; margin: 30px 0;}
.aboutus-quotes span{text-align:left;text-transform:uppercase;color:#e72e6b }

.socialmedia{}
.socialmedia iframe{ width:100% !important;}

.socialmedia-manual{ float: left; width: 50%;}
.socialmedia-auto{ float: right; width: 35%;}

@media screen and (max-width:767px){ #brand-logo img{ width:100px !important;}
.innerpage-box{margin-top:80px;}
.innerpage h1{font:400 14px 'Monoton', cursive;}
.welcome-box{height:100vh}
.carousel-inner .item.active,.carousel-inner .item.next.left,.carousel-inner .item.prev.right{text-align:center}
  .carousel-inner .item img, .carousel-inner .item  source {max-width:240px}
.quote-items, .quote-items-new{width:100%;padding:2%;margin:2% 0}
.quotes_items{width:100%;padding:1%;margin:2% 0}
.contactform{width:100%; float: left;}
.contactformwrap-right {width:100%; float: right;}
.carousel-caption p{ font-size:16px;}
.quotes_items{font:700 15px/18px 'Josefin Slab', serif;color:#000!important}
.quotes_items span.quotes-author{ font:400 11px Lora,Helvetica,sans-serif;}
.quotes_items .fas.fa-quote-left{color:#e72e6b;font-size:12px}
.quotes_items .fas.fa-quote-right{color:#e72e6b;font-size:12px}
.footer-box { font-size:12px; padding:15px 0 15px 0; color:#d8d8d8; position:fixed; bottom:-10px; text-align:center; }
p.disclaimer{ display:none;}
  .socialmedia-manual{ float: left; width: 100%;}
.socialmedia-auto{ float: left; width: 100%;}
}
@media screen and (min-width:768px) and (max-width:1023px){.header.mm-slideout{display:none}
.carousel-inner .item.active,.carousel-inner .item.next.left,.carousel-inner .item.prev.right{text-align:center}
.carousel-inner .item img, .carousel-inner .item  source {max-width:240px}
  
  
.quote-items, .quote-items-new{width:46%;padding:2%;margin:1%}
.quotes_items{width:100%;padding:1%;margin:2% 0}
.contactform{width:100%; float: left;}
.contactformwrap-right {width:100%; float: right;}
    .socialmedia-manual{ float: left; width: 100%;}
.socialmedia-auto{ float: left; width: 100%;}
}
@media screen and (min-width:1024px){.header.mm-slideout{display:none}
.carousel-inner .item{text-align:center}
.carousel-inner .item.active,.carousel-inner .item.next.left,.carousel-inner .item.prev.right{text-align:center}
.carousel-inner .item img, .carousel-inner .item  source {max-width:300px}
.quote-items, .quote-items-new{width:30.5%;padding:1%;margin:1%}
}
@media screen and (min-width:1280px){.header.mm-slideout{display:none}
.carousel-inner .item{text-align:center}
.carousel-inner .item.active,.carousel-inner .item.next.left,.carousel-inner .item.prev.right{text-align:center}
.carousel-inner .item img, .carousel-inner .item  source {max-width:380px}
.quote-items, .quote-items-new{width:30.5%;padding:1%;margin:1%}
}
@media (min-width:800px){.header a{display:none}
}