@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Raleway:300,500,600&display=swap');
*, html {
    font-family: 'Roboto', sans-serif;
}
a:focus {
  outline: none !important;
}
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border-color: transparent;
}
.btn:active {
    color: #d2232a !important;
    background-color: #fff !important;
    border-color: #fff !important;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
a {
    outline: 0 !important;
    text-decoration: none !important;
}
p {
    font-weight: 300;
    color: #5c5c5c;
}
button {
    outline: 0 !important;
}
h2.secTitle {
    color: #d4b02f !important;
}
h2.secTitle::before {
    content: '';
    width: 55px;
    position: absolute;
    height: 3px;
    bottom: 0;
    z-index: 2;
    background: #000;
}
h2.secTitle::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 0;
    background: #b8b8b8;
    left: 0;
}
h2.secTitle.text-center::before {
    left: 0;
    right: 0;
    margin: auto;
}
h2.secTitle.text-center::after {
    right: 0;
}
h2.sectionTitle.dark::before {
    background: #000;
}
input, input:focus, input.active {
    outline: 0 !important;
    box-shadow: none !important;
 }
/*h2.sectionTitle.red::before {
    background: #d2232a;
}*/
.transition {
    transition: 0.5s !important;
}
.z-1 {
    z-index: 1 !important; 
}
.z-2 ?{
    z-index: 2 !important;
}
.fit-image {
    object-fit: cover;
}
.luminosity {
    background-blend-mode: luminosity;
}
.bg-cover {
    background-size: cover !important;
}
.section-padding {
    padding: 70px 0;
}
.sp-top {
    padding-top: 70px;
}
.sp-bottom {
    padding-bottom: 70px;
}
.mrmButton.white {
    color: #000;
    background: #d4b02f;
}
.mrmButton {
    border: 2px solid #fff;
    padding: 12px 30px;
}
.mrmButton.dark {
    color: #fff !important;
    background: #000;
}
.mrmButton.dark:hover {
    color: #000 !important;
    background: #fff;
}
.mrmButton.white:hover, .mrmButton.white.active {
    color: #d4b02f !important;
    background: #000 !important;
}
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff2") format("woff2"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-pin:before { content: "\f100"; }
.flaticon-phone-call:before { content: "\f101"; }
.flaticon-envelope:before { content: "\f102"; }
/*---------------------------------------------------
:::::Header Section
---------------------------------------------------*/
.header {
    z-index: 9999;
}
.navbar.sticky {
    position: fixed !important;
    top: 0;
    transition: all 300ms ease-in-out;
    background: #000;
    padding: 0 0 20px;
}
.navbar.sticky a.navbar-brand {
    width: 80px;
    top: -2px;
    transition: 0.5s;
}
.header .contactDetails li:nth-child(2) {
    border-right: 1px solid rgba(255,255,255,0.20);
}
.header .top-header .fa-phone-alt, .header .top-header .fa-envelope {
    width: 20px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #242424;
    border-radius: 50%;
    margin-right: 10px;
}
.header .top-header .fab {
    padding: 15px 12px 0;
}
.header .top-header a {
    color: #d4b02f;
}
.header .top-header .socialIcons > li:last-child > a > i {
    padding-right: 0;
}
.header nav {
  /*background: #fff !important;*/
  padding: 0 15px;
  position: relative;
  z-index: 0;
}
.header .navbar-brand {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 9;
}
.header nav ul.navbar-nav {
    margin-top: 3px;
    align-items: center;
}
.header nav ul.navbar-nav {
    margin-top: 20px;
}
.header nav ul.navbar-nav li a {
    margin: 0 2px;
    padding: 10px 20px !important;
}
.header nav ul.navbar-nav li a img {
    margin-right: 10px;
}
.header nav ul.navbar-nav li a i {
    font-size: 16px;
}
.header nav ul.navbar-nav > li > a:hover, .header nav ul.navbar-nav > li > a.active {
    color: #000 !important;
    background: #d4b02f;
}
.header .navbar-expand-lg .navbar-nav li > a.dropdown-toggle::after {
    border: 1px solid #242424;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 0;
    border-left: 0;
}
.header .navbar-expand-lg .navbar-nav li:hover a.dropdown-toggle::after {
    border-color: #d2232a;
}
.dropdown-menu::before {
    content: ;
    content: '';
    width: 15px;
    position: absolute;
    height: 15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d2232a;
    top: -5px;
    left: 30px;
}
.dropdown-item:hover {
    background: transparent !important;
}


.dropdown{
    border-radius:0;
    border:0;
}
.dropdown-menu {
    background: #d2232a;
    border: 0;
    top: 100%;
    border-radius: 0;
    padding-top: 20px;
    background: -moz-linear-gradient(bottom, #d2232a 90%, rgba(255,255,255,0) 10%);
    background: -webkit-linear-gradient(bottom, #d2232a 90%, rgba(255,255,255,0) 10%);
    background: -ms-linear-gradient(bottom, #d2232a 90%, rgba(255,255,255,0) 10%);
    background: -o-linear-gradient(bottom, #d2232a 90%, rgba(255,255,255,0) 10%);
}
.dropdown-menu a::before {
    content: '';
    border: 1px solid #fff;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-bottom: 0;
    border-left: 0;
    position: absolute;
    top: 10px;
    left: 6px;
}
.dropdown-item:hover{
    background:#085ca5;
    color:#fff;
}
.dropdown-menu a:hover {
    padding-left: 18px;
    color: #ffbabd;
}
.dropdown-menu a{
    color:#fff;
    transition: 0.5s;
}
/*---------------------------------------------------
:::::Banner Section
---------------------------------------------------*/
.bannerSlider .item > .container {
    top: 50%;
}
.bannerSlider .owl-stage-outer::before, .innerBanner::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 50%;
    top: 0;
    background-image: linear-gradient(to bottom, black, transparent);
    left: 0;
    z-index: 2;
    opacity: 0.9;
}
.bannerSlider .item h1 {
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0.5), rgba(0,0,0,0));
    padding: 15px 150px;
 }
.bannerSlider .item h1 > span {
    color: #d4b02f;
}
.bannerSlider .owl-dots, .testiMonials .owl-dots {
    position: absolute;
    padding-left: 15px;
    left: 0;
    right: 0;
}
.bannerSlider .owl-dots button span, .testiMonials .owl-dots button span {
    width: 25px !important;
    height: 3px !important;
    margin: 0 10px 0 0 !important;
    background: #000 !important;
    transition: 0.5s all;
    border-radius: 0 !important;
}
.bannerSlider .owl-dots button.active span, .testiMonials .owl-dots button.active span {
    /*width: 50px !important;*/
    background: #d4b02f !important;
    transition: 0.5s;
}
.bannerSlider .item .shape {
    bottom: 0;
    margin-right: 150px;
}
/*---------------------------------------------------
:::::About Us Section
---------------------------------------------------*/
.aboutArea .imgBox > img {
    padding-top: 30px;
}
.aboutArea .imgBox::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 180px;
    top: 0;
    background-image: radial-gradient(circle, #d9b939, #ecda5d, #d9b939);
    left: 0;
    z-index: -1;
}
/*---------------------------------------------------
:::::Book Of The Month Section
---------------------------------------------------*/
.bookMonth {
    background: url(../images/book-of-the-month-bg.jpg) no-repeat #d4b02f;
}
.bookMonth::before, .guestSpeaker::before, .testiMonials::before, footer::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    background: rgba(212, 176, 47, 0.85);
    left: 0;
    z-index: -1;
}
.bookMonth .contentArea > h3 {
    color: #000;
}
.bookMonth .contentArea > ul > li {
    padding-left: 30px;
}
.bookMonth .contentArea > ul > li::before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #000;
    font-size: 20px;
    top: -5px;
    position: absolute;
    left: 0;
}
.flyers .flyerBox {
    padding: 15px;
}
.flyers .flyerBox > .row > [class*="col-"]:first-child {
    padding-right: 15px;
}
.flyers .flyerBox .mrmButton {
    font-size: 12px;
    padding: 10px 20px;
}
.flyers .flyerBox p > strong {
    color: #d4b02f;
}
.flyers .flyerBox h5::before {
    content: '';
    width: 30px;
    position: absolute;
    height: 2px;
    bottom: 0;
    background: #d4b02f;
    left: 0;
}
/*---------------------------------------------------
:::::Our Current Group Discussion Section
---------------------------------------------------*/
.sevenHabits .imgBox::before {
    height: 100%;
    width: 60%;
    right: 15px;
    left: auto;
}
.sevenHabits .imgBox > img {
    padding: 30px 30px 30px 0;
}
.sevenHabits ul > li::before, .aboutPage ul> li::before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 10px;
    color: #d4b02f;
}
.sevenHabits ul > li, .aboutPage ul> li {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 15px;
}
/*---------------------------------------------------
:::::Guest Speaker Section
---------------------------------------------------*/
.dark-bg::before, .dark-bg::after, .white-bg::after {
    background: #d4b02f !important;
}
.guestSpeaker {
    background: url(../images/Guest-speakers-bg.jpg) no-repeat #000;
    background-blend-mode: luminosity;
}
.guestSpeaker::before {
    background: rgba(0,0,0,0.70);
}
.guestSpeaker .listBox, .guestSpeaker .listBox .imgArea > img {
    border: 3px solid #d4b02f;
}
.guestSpeaker.updateSpeaker .listBox .imgArea > img {
    height: auto !important;
}
.updateSpeaker .listBox h5::before {
    content: '';
    width: 24px;
    position: absolute;
    height: 2px;
    bottom: 0;
    background: #d4b02f;
    left: 0;
    margin: auto;
    right: 0;
}
.guestSpeaker .listBox h3, .guestSpeaker .listBox h5 {
    color: #d4b02f;
}
.guestSpeaker .listBox h3 > span, .guestSpeaker .listBox h5 > span {
    color: #000;
}
.guestSpeaker .listBox > .imgArea {
    background: #e6e6e6;
}
.guestSpeaker > .container > .row > [class*="col-"] {
    margin-top: 30px;
}
.guestSpeaker .listBox .imgArea > img {
    height: 160px !important;
    object-fit: cover;
}
.updateSpeaker .listBox:hover .imgArea > img {
    opacity: 0.5;
}
.guestSpeaker .listBox > .imgArea > a:hover {
    background: #d4b02f;
    color: #d4b02f !important;
}
.guestSpeaker .listBox > .imgArea > a {
    background: #000;
    padding: 8px;
    transform: translate(-50px, 0px);
    opacity: 0;
    visibility: hidden;
}
.guestSpeaker .listBox:hover > .imgArea > a {
    transform: translate(0px, 0px);
    opacity: 1;
    visibility: visible;
}
.guestSpeaker .listBox > .imgArea > a > i {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    font-size: 13px;
}
.guestSpeaker .listBox h4 {
    font-size: 16px;
    color: #525252;
}
.guestSpeaker .listBox p {
    font-size: 14px;
}
.guestSpeaker .listBox .videoBox > i {
    font-size: 40px;
    color: #f00;
}
.guestSpeaker .listBox .videoBox:hover > i {
    color: #d4b02f;
}
/*---------------------------------------------------
:::::Donation Section
---------------------------------------------------*/
.donateNow {
    background: url(../images/donate.jpg) #fff no-repeat;
    background-blend-mode: luminosity;
}
.donateNow::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    background: rgba(255,255,255,0.80);
    left: 0;
}
/*---------------------------------------------------
:::::Testimonial Section
---------------------------------------------------*/
.testiMonials {
    background: url(../images/testimonial-bg.jpg) no-repeat #000;
}
.testiMonials::before {
    background: rgba(255,255,255,0.80);
}
.testiMonials .owl-carousel .owl-item > .item > .imgSec {
    border: 5px solid #d4b02f;
}
.testiMonials .owl-carousel .owl-item > .item > .imgSec::after {
    content: '';
    width: 23px;
    position: absolute;
    height: 21px;
    bottom: -45px;
    background: url(../images/quotation.png) no-repeat;
    transform: translate(-50%, 0);
}
.testiMonials .owl-carousel .owl-item {
    border-right: 1px solid #d4b02f;
    padding-right: 20px;
}
.testiMonials .owl-carousel .owl-item h4 {
    font-size: 20px;
    color: #000;
}
/*---------------------------------------------------
:::::Newsletter Section
---------------------------------------------------*/
.newslwtterSec {
    background: #d4b02f;
}
.newslwtterSec .mainBox {
    background: #000;
}
.newslwtterSec .mainBox::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    background: url(../images/newsletter-bg.jpg) no-repeat;
    left: 0;
    z-index: -1;
    opacity: 0.1;
}
.newslwtterSec .mainBox > form input::placeholder {
    opacity: 1;
    color: #fff;
    font-weight: 300;
}
.newslwtterSec .mainBox > form input {
    background: rgba(255,255,255,0.30);
    border: 1px solid #fff;
    padding: 12px 15px;
}
.newslwtterSec .mainBox .row [class*="col-"] {
    margin-top: 30px;
}
.newslwtterSec .mainBox .capctha {
    width: 67%;
}
.newslwtterSec .mainBox button.btn.mrmButton {
    width: 30%;
    height: 100%;
    font-size: 18px;
}
.newslwtterSec .mainBox .capctha > input {
    background: #d4b02f;
    height: 100%;
    border: 0;
    padding-left: 0;
}
.newslwtterSec .mainBox .capctha button[type="button"] {
    border: 0;
    background: #d4b02f;
    height: 100%;
    padding: 0 20px;
}
.newslwtterSec .mainBox .capctha > input::placeholder {
    color: #000 !important;
    font-weight: 400 !important;
}
/*---------------------------------------------------
:::::Footer Section
---------------------------------------------------*/
footer {
    background: url(../images/footer-bg.jpg) no-repeat #000;
}
footer::before {
    background: rgba(0,0,0,0.9) !important;
}
footer h5 {
    color: #d4b02f;
    font-size: 25px;
}
footer h5::after {
    background: rgba(255,255,255,0.20);
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
}
footer ul.quickLinks > li > a::before {
    content: '\f0b2';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #d4b02f;
    margin-right: 8px;
    transition: 0.5s;
}
footer ul.quickLinks > li:hover > a, footer ul.quickLinks > li > a.active {
    color: #d4b02f !important;
}
footer ul.quickLinks > li:hover > a::before, footer ul.quickLinks > li > a.active::before {
    margin-right: 5px;
}
footer ul.contactInfo > li > a {
    word-break: break-all;
    padding-left: 32px;
}
footer ul.contactInfo > li > a > i {
    left: 0;
    top: -4px;
}
footer ul.contactInfo > li > a > i::before {
    margin: 0 !important;
    font-size: 22px;
    color: #d4b02f;
}
footer ul.contactInfo > li:hover > a {
    color: #d4b02f !important;
}
footer > .copyright p > a {
    color: #d4b02f;
    border-bottom: 1px solid;
}
footer > .copyright p > a:hover {
    color: #fff;
}
footer > .copyright {
    margin-top: 15px;
    padding: 25px 0;
    border-top: 1px solid rgba(212,176,47,0.3);
}
/*---------------------------------------------------
:::::Inner Banner Section
---------------------------------------------------*/
.innerBanner {
    background: #000;
}
.innerBanner h1 {
    margin-bottom: 80px;
}
.innerBanner > img {
    /*opacity: 0.3;*/
    opacity: 1;
}
/*---------------------------------------------------
:::::Gallery Page Section
---------------------------------------------------*/
.galleryArea .row [class*="col-"] {
    padding: 0;
}
.galleryArea > .container > .row:first-child > [class*="col-"]:first-child > a, 
.galleryArea > .container > .row:last-child > [class*="col-"]:first-child > a {
    padding-right: 10px !important;
}
.galleryArea > .container > .row:nth-child(2) {
    padding: 10px 0;
}
.galleryArea > .container > .row:nth-child(2) > [class*="col-"]:nth-child(2) > .row [class*="col-"] {
    padding: 0 10px !important;
}
.galleryArea > .container > .row:nth-child(2) > [class*="col-"]:nth-child(2) > .row [class*="col-"]:first-child {
    padding-bottom: 10px !important;
}
/*---------------------------------------------------
:::::Guest Speakers Page Section
---------------------------------------------------*/
.aboutSec h2.secTitle > span {
    font-size: 20px;
    font-weight: 600;
}
.aboutSec .imgArea > img {
    border: 2px solid #000;
}
.aboutSec::before {
    content: '';
    width: 35vw;
    position: absolute;
    height: 100%;
    top: 0;
    background: #d4b02f;
    left: 0;
    z-index: -1;
}
.guestPage {
    background: transparent !important;
}
.guestPage::before {
    background: #fff;
}
.guestPage a.showMore {
    width: 180px;
    height: 50px;
}
.guestPage a.showMore::after {
    content: 'SHOW MORE';
    transition: 0.5s;
    position: absolute;
    top: 14px;
    left: 32px;
}
.guestPage a.showMore.showLess::after {
  content: 'SHOW LESS';
  transition: 0.5s;
}
.guestPage a.showMore::before {
    content: '\f107';
    font-family: 'Font Awesome 5 free';
    font-weight: 600;
    font-size: 22px;
    position: absolute;
    right: 32px;
    top: 9px;
}
.guestPage a.showMore.showLess::before {
    content: '\f106';
    transition: 0.5s;
}
/*---------------------------------------------------
:::::Contact Page Section
---------------------------------------------------*/
.contactArea ul.contactInfo > li:first-child {
    margin: 15px 0 35px;
}
.contactArea ul.contactInfo > li:nth-child(2) {
    margin-bottom: 50px;
}
.contactArea ul.contactInfo > li > a {
    color: #848484;
    padding-left: 80px;
}
.contactArea ul.contactInfo > li > a i {
    width: 70px;
    height: 70px;
    background: #d4b02f;
    left: 0;
}
.contactArea ul.contactInfo > li > a i::before {
    font-size: 28px;
    margin: 0;
    transition: 0.5s;
}
.contactArea ul.contactInfo > li > a span strong {
    color: #000;
}
.contactArea ul.contactInfo > li:hover > a i {
    background: #000;
}
.contactArea ul.contactInfo > li:hover > a i::before, .contactArea ul.contactInfo > li:hover > a strong {
    color: #d4b02f;
}
.contactArea ul.contactInfo > li:hover > a {
    color: #000 !important;
}
.contactArea .row [class*="col-"]:last-child > h2.secTitle, .contactArea form .row [class*="col-"] {
    margin-bottom: 30px;
}
.contactArea form input, .contactArea form textarea {
    background: #f7f7f7;
    border: 1px solid #c7c7c7;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
}
.contactArea form input::placeholder, .contactArea form textarea::placeholder {
    color: #000;
}
.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 30%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 70%;
    width: 100%;
}
/*---------------------------------------------------
:::::
---------------------------------------------------*/
.aboutSec .imgArea img{ margin-bottom: 30px; }
.maparea iframe{ margin-bottom: -7px;; }

/*---------------------------------------------------
:::::Events Page Section
---------------------------------------------------*/
.eventPageflyer .flyerBox > .row > [class*="col-"]:first-child {
    padding-right: 0;
    margin-bottom: 20px;
}
.eventPageflyer .flyerBox {
    padding: 15px 15px 20px;
}
.eventPageflyer .flyerBox ul > li > a {
    color: #242424;
    transition: 0.5s;
}
.eventPageflyer .flyerBox ul > li > a:hover {
    color: #d4b02f;
}
.eventPagelaptop .imgBox > img {
    object-fit: contain !important;
    object-position: top;
}
p.stanAnderson {
    color: #d4b02f;
}
p.stanAnderson > strong {
    color: #000;
}
/*---------------------------------------------------
:::::Testimonial Page Section
---------------------------------------------------*/
.testiMonialsPage .textBox {
    background-image: linear-gradient(to bottom, transparent 96px, #fff 96px);
    padding: 0px 30px 30px;
}
.testiMonialsPage .textBox > span.imgSec {
    border: 5px solid #d4b02f;
}
.testiMonialsPage span.imgSec > i {
    width: 50px;
    height: 50px;
    background: #d4b02f;
    bottom: 20px;
    right: -12px;
    font-size: 22px;
}
.testiMonialsPage .textBox > h6 {
    color: #000;
    text-transform: uppercase;
    font-size: 18px;
}


/*---------------------------------------------------
:::::Back To Top Section
---------------------------------------------------*/
.back-to-top {
    visibility: hidden;
    background: #d4b02f;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    position: fixed;
    bottom: 65px;
    right: 35px;
    z-index: 90;
    cursor: pointer;
    border-radius: 1px;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transition: all .5s;
}
.back-to-top i {
    font-size: 16px;
    color: #000;
    transition: all .5s;
}
.back-to-top:hover {
    background: #000;
    opacity: 1
}
.back-to-top:hover i {
    color: #d4b02f;
}
.back-to-top.show {
    visibility: visible;
    bottom: 35px;
    opacity: 1;
}
@media only screen and (max-width: 1199px) {
    .header nav ul.navbar-nav li a {
        padding: 8px 15px !important;
        font-size: 14px;
    }
    .newslwtterSec .mainBox button.btn.mrmButton {
        padding: 12px;
    }
    .newslwtterSec .mainBox .capctha {
        width: 64%;
    }
    .innerBanner h1 {
        margin-bottom: 40px;
        font-size: 30px;
    }
    .bannerSlider .item .shape {
        bottom: 0;
        margin-right: 0;
        margin-left: 50px;
    }
    .bannerSlider .item .shape > img {
        width: 75%;
    }
    .flyers .flyerBox p {
        font-size: 14px;
    }
    .flyers .flyerBox h5 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 991px) {
    .section-padding {
        padding: 50px 0;
    }
    .sp-top {
        padding-top: 50px;
    }
    .sp-bottom {
        padding-bottom: 50px;
    }
    .header .navbar-brand {
        width: 120px;
    }
    .navbar.sticky {
        padding: 0;
        height: 82px;
    }
    .navbar.sticky > .container {
        top: 0;
        position: absolute !important;
        left: 0;
        right: 0;
    }
    .navbar.sticky > .container > .toggle {
        top: auto !important;
    }
    .navbar.sticky > .container ul.navbar-nav.ml-auto.navbar-light {
        margin: 0;
        transform: translate(0px, 82px);
    }
    .header .top-header .fa-phone-alt, .header .top-header .fa-envelope {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 5px;
    }
    .header .top-header .lcmButton {
        padding: 2px 10px;
        font-size: 13px;
    }
    .header nav .navbar-toggler {
        color: #d4b02f;
        border: 0;
    }
    .header nav ul.navbar-nav {
        margin-top: 60px;
        padding: 40px 0 10px;
        background: #fff;
        pointer-events: auto;
    }
    .header nav div#navbarCollapse {
        z-index: 9;
        pointer-events: none;
    }
    .header nav ul.navbar-nav > li > a {
        font-size: 16px;
        margin: 2px 0 !important;
        padding: 12px 20px 10px !important;
        color: #242424 !important;
    }
    .header .dropdown-menu {
        position: absolute !important;
    }
    .header .toggle {
        position: absolute;
        display: block;
        cursor: pointer;
        top: 19px;
        right: 0;
        z-index: 9;
        padding: 0;
    }
    .header .toggle span {
        display: block;
        background: #d4b02f;
        width: 38px;
        height: 4px;
        border-radius: 0;
        -webkit-transition: 0.25s margin 0.25s, 0.25s transform;
        -webkit-transition: 0.25s margin 0.25s, 0.25s -webkit-transform;
        transition: 0.25s margin 0.25s, 0.25s -webkit-transform;
        transition: 0.25s margin 0.25s, 0.25s transform;
        transition: 0.25s margin 0.25s, 0.25s transform, 0.25s -webkit-transform;
    }
    .header .toggle span:nth-child(1) {
        margin-bottom: 8px;
    }
    .header .toggle span:nth-child(3) {
        margin-top: 8px;
    }
    .header .toggle.active span {
        -webkit-transition: 0.25s margin, 0.25s transform 0.25s;
        -webkit-transition: 0.25s margin, 0.25s -webkit-transform 0.25s;
        transition: 0.25s margin, 0.25s -webkit-transform 0.25s;
        transition: 0.25s margin, 0.25s transform 0.25s;
        transition: 0.25s margin, 0.25s transform 0.25s, 0.25s -webkit-transform 0.25s;
    }
    .header .toggle.active span:nth-child(1) {
        margin-top: 13px;
        margin-bottom: -4px;
    }
    .header .toggle.active span:nth-child(1),
    .header .toggle.active span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .header .toggle.active span:nth-child(3) {
        margin-top: -4px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    .bannerSlider .item h1 {
        font-size: 25px;
    }
    .bannerSlider .item .shape {
        margin-left: 160px;
    }
    .bannerSlider .item .shape > img {
        width: 60%;
    }
    .aboutArea .row [class*="col-"]:first-child, .aboutSec .row [class*="col-"]:first-child {
        margin-bottom: 30px;
    }
    .bookMonth .row [class*="col-"]:last-child {
        margin-top: 30px;
    }
    .bookMonth .contentArea {
        padding: 30px 0 !important;
    }
    .flyers .flyerBox h5 {
        font-size: 22px;
    }
    .sevenHabits .imgBox > img {
        padding: 30px 30px 0;
    }
    .sevenHabits .imgBox::before {
        height: 180px;
        width: 100%;
        right: 0;
        left: 0;
    }
    .guestSpeaker .listBox .row [class*="col-"]:last-child {
        border-top: 1px solid #d4b02f;
        margin-top: 10px;
        padding-top: 20px;
    }
    .newslwtterSec .mainBox .capctha {
        width: 70%;
    }
    .newslwtterSec .mainBox button.btn.mrmButton {
        width: 25%;
    }
    .innerBanner h1 {
        font-size: 22px !important;
    }
    .aboutSec::before {
        width: 100%;
        height: 350px;
    }
    .contactArea .row [class*="col-"]:last-child > h2.secTitle {
        margin-bottom: 30px;
    }
    .contactArea form .row [class*="col-"] {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .section-padding {
        padding: 30px 0;
    }
    .sp-top {
        padding-top: 30px;
    }
    .sp-bottom {
        padding-bottom: 30px;
    }
    .header .navbar-brand {
        width: 100px;
    }
    .bannerSlider .item h1 {
        padding: 15px 50px;
    }
    .bannerSlider .item h1 > span > br {
        display: none !important;
    }
    .bannerSlider .item .shape {
        margin-left: 0;
        margin-right: 60px;
    }
    .bannerSlider .item .shape > img {
        width: 50%;
        margin: auto;
    }
    h2.secTitle {
        font-size: 25px;
    }
    .bookMonth .contentArea > h3 {
        font-size: 25px;
    }
    .flyers .flyerBox > .row > [class*="col-"]:first-child {
        padding-right: 0;
    }
    .guestSpeaker .listBox .imgArea > img {
        height: auto !important;
        object-fit: contain;
    }
    .guestSpeaker .listBox h4 {
        color: #fff;
        background: #d4b02f;
        margin: 0 0 20px !important;
        padding: 10px 30px;
    }
    .donateNow p {
        font-size: 15px;
    }
    .testiMonials .owl-carousel .owl-item {
        border: 0 !important;
        padding: 0 15px !important;
    }
    .testiMonials .owl-dots {
        margin: 0 !important;
        padding: 0;
    }
    .testiMonials {
        padding-bottom: 50px !important;
    }
    .newslwtterSec .mainBox .capctha {
        width: 64%;
    }
    .newslwtterSec .mainBox button.btn.mrmButton {
        width: 30%;
    }
    footer .row [class*="col-"]:nth-child(2) {
        margin: 30px 0;
    }
    .innerBanner h1 {
        font-size: 18px !important;
        margin-bottom: 10px;
    }
    .aboutSec::before {
        height: 280px;
    }
    .contactArea > .container > .row > [class*="col-"]:last-child {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 575px) {
    .navbar.sticky {
        height: 63px;
    }
    .navbar.sticky a.navbar-brand {
        width: 60px;
        left: 5px;
    }
    .navbar.sticky > .container > .toggle {
        right: 5px;
    }
    .header .navbar-brand {
        width: 70px;
    }
    .bannerSlider .item > img {
        height: 250px;
        object-fit: cover;
    }
    .bannerSlider .item h1 {
        font-size: 18px;
        padding: 10px 15px !important;
    }
    .bannerSlider .owl-dots {
        margin-top: 0 !important;
    }
    .aboutArea .imgBox {
        padding: 15px 0 0 !important;
    }
    .aboutArea .imgBox > img {
        padding-top: 0;
    }
    h2.secTitle {
        font-size: 20px;
    }
    .mrmButton {
        padding: 8px 20px;
        font-size: 13px;
    }
    .bookMonth .contentArea > h3 {
        font-size: 18px;
    }
    .guestSpeaker .listBox h5 {
        font-size: 17px;
    }
    .donateNow > .container > .row > [class*="col-"]:last-child {
        text-align: left !important;
    }
    .donateNow .mrmButton {
        padding: 12px 20px;
    }
    .newslwtterSec .mainBox .row [class*="col-"]:last-child {
        display: block !important;
    }
    .newslwtterSec .mainBox .row [class*="col-"] {
        margin-top: 10px;
    }
    .newslwtterSec .mainBox .capctha {
        width: 100%;
        height: 50px !important;
    }
    .newslwtterSec .mainBox button.btn.mrmButton {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .newslwtterSec .mainBox .capctha button[type="button"] {
        padding: 0 15px;
    }
    .newslwtterSec .mainBox .capctha > input {
        font-size: 13px;
    }
    .innerBanner > img {
        height: 180px;
        object-fit: cover;
    }
    .bannerSlider.innerBanner {
        align-items: center !important;
    }
    .bannerSlider.innerBanner h1 {
        margin: 40px 0 0;
        padding: 10px 50px !important;
    }
    .galleryArea {
        padding: 0 15px;
    }
    .galleryArea .row [class*="col-"] {
        padding: 0;
    }
    .galleryArea > .container > .row:first-child > [class*="col-"]:first-child > a, 
    .galleryArea > .container > .row:last-child > [class*="col-"]:first-child > a {
        padding-right: 0 !important;
    }
    .galleryArea > .container > .row:nth-child(2) {
        padding: 0;
    }
    .galleryArea > .container > .row:nth-child(2) > [class*="col-"]:nth-child(2) > .row [class*="col-"] {
        padding: 0 !important;
    }
    .galleryArea > .container > .row:nth-child(2) > [class*="col-"]:nth-child(2) > .row [class*="col-"]:first-child {
        padding-bottom: 0 !important;
    }
    .galleryArea > .container > .row:first-child [class*="col-"]:first-child > a {
        padding-top: 30px;
    }
    .galleryArea .row [class*="col-"] > a {
        padding-bottom: 30px;
    }
    .aboutSec::before {
        height: 200px;
    }
    .testiMonialsPage .textBox {
        padding: 0px 15px 10px;
    }
}