.responsive_btn {
display: none;
cursor: pointer;
text-align: center;
width: 40px;
height: 40px;
margin: -2px 0;
float: right;
position: relative;
z-index: 20;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after {
background: #222222;
-webkit-border-radius: 1px;
border-radius: 1px;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #014baf;}
.responsive_nav {
display: block;
position: fixed;
left: -280px;
top: 0;
bottom: 0;
width: 280px;
min-height: 100%;
z-index: 20;
background: #6c366e;
-moz-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
transition: all 300ms ease-in-out 0s;
}
.responsive_nav ul {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
text-transform: capitalize;
font-size: 15px;
line-height: 20px;
color: #fff;
}
.responsive_nav ul li:first-child {border-top: none;}
.responsive_nav ul li:after{display: none;}
.responsive_nav ul li > a {display: block; padding: 12px 10px 8px; color: inherit; position: relative; text-transform: uppercase;}
.responsive_nav ul li a:hover,.responsive_nav ul li a:focus,.responsive_nav ul li.active > a{color: #fff; background: #f0b126;}
.responsive_nav ul ul {padding: 0 0 15px 15px;}
.responsive_nav ul .sub-menu,.responsive_nav ul li a i {display: none;}
.responsive_nav .subarrow {display: block; pointer-events: inherit; width: 30px; height: 40px; line-height: 40px !important; right: 0;}
.responsive_nav ul .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 20;
transform: none;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
-webkit-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0; }
.responsive_nav{
display: flex; flex-direction: column-reverse;
justify-content: space-between;
}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}  @media only screen and (max-width: 1400px) {
} @media only screen and (max-width: 1199px) { 
.header_main{padding: 40px 0 0;}
} @media only screen and (max-width: 1169px) {
.heading, h2, h1, .fcontact_info h2{font-size: 28px;}
.bannertext .heading, .bannertext h2, .bannertext h1{ font-size: 50px; margin-bottom: 25px;}
.nav_menu > ul > li { margin: 0 20px 0 0; }
.hphone { margin-left: 20px; font-size: 17px; }
.header_main {
padding: 20px 0 0;
}
.bannertext{bottom: 30%;}
.count_sec .d-flex{flex-wrap: wrap;}
.count_sec .block{width: 25%;padding: 0 10px;}
.count_sec .number{font-size: 44px; line-height: 46px; min-width: 240px;}
.count_sec{padding: 20px 0; background-size: cover;}
.eo_bottom_content{font-size: 18px; line-height: normal;}
.rbox{width: 300px; height: 300px; margin: 20px auto;}
.rbox:before {
top: -3px;
left: -8px;
height: 304px;
}
.rbox:after{ 
width: 290px;
height: 320px;
top: -15px;
left: 12px;
}
.rbox .para{
overflow-y: auto;
max-height: 120px;
}
.contact_info h2{font-size: 24px;}
.contact_info .para{font-size: 16px; line-height: 20px;}
.home_book_lenny h2 {
font-size: 28px;
}
.home_book_lenny .block .para{
height: 72px;
overflow-y: auto;
}
.video_block p:last-of-type{padding-bottom: 0;}
.watch { 
top: -36px;
left: 15px;
width: 290px;
}
.ftop .container {
padding-left: 280px;
}
.fcontact_info h4{font-size: 18px;}
.watch{width: 242px;}
.white_part .container{padding-left: 15px;}
.white_part .d-flex{justify-content: center !important; }
.brochure_sec .btext{font-size: 20px;}
.brochure_sec .book_img{width: 150px; flex-shrink: 0;}
.home_book_lenny .block h3{font-size: 20px;}
.video_wrap{padding: 40px;}
.fcontact_info h3{font-size: 20px;}
.fhead{font-size: 20px;}
.fbottom{padding: 40px 0;}
.fbottom h2 {
font-size: 38px;
}
} @media only screen and (max-width: 991px) {
.heading, h2, h1{font-size: 28px;}
.responsive_btn{height: 48px; background: #f0c600; width: 50px; margin-left: 10px;}
.responsive_btn, .widget_block{display: block;}
.nav_menu, .hmiddle{display: none;} 
.header_main{padding: 10px 0; position: relative;}
.hphone{border-bottom-color: #6c366e;}
.bannertext .heading, .bannertext h2, .bannertext h1 {
font-size: 30px;
margin-bottom: 25px;
letter-spacing: 10px;
}
.bannertext-in .para{font-size: 14px;}
.scroll_down{bottom: 10px;}
.bannertext{bottom: 100px;}
[type="submit"], [type="reset"], [type="button"], .btn{font-size: 14px;}
.brochure_sec .btn{flex-shrink: 0;}
.about-section{padding-top: 40px;}
.about_img{
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
height: 300px;
opacity: 0.5;
}
.about_img img{
max-height: 100%;
}
.hborder {
margin-bottom: 40px;
}
.heading.hborder:after, h2.hborder:after, h1.hborder:after, .heading.hborder:before, h2.hborder:before, h1.hborder:before{bottom: -18px;}
.heading.hborder:before, h2.hborder:before, h1.hborder:before{bottom: -20px;}
.count_sec .number {
font-size: 34px;
line-height: 36px;
min-width: 165px;
}
.count_sec .subheading{font-size: 14px;}
.eo_btn .btn {
font-size: 16px;
min-width: 145px;
height: 50px;
line-height: 42px;
border-bottom-color: #efb125;
}
.eo_bottom_content{font-size: 16px;}
.eo_bottom{margin-top: 25px;}
.EverlastingOptimism{padding-bottom: 30px;}
.round_sec{padding-bottom: 40px;}
.home_keynotes, .home_quotes{padding: 40px 0;}
.home_client{background: #f0b327; padding: 40px 0;}
.mlt-img{margin-top: 30px;}
.t_slider .center .item { transform: none; }
.t_slider .item{margin-top: 0;} .ftop .container{padding-left: 15px;}
.ftop .d-flex{flex-wrap: wrap; justify-content: center !important;}
.fcontact_btn{margin-top: 10px;}
.fbottom h2 { font-size: 28px; }
.mainFooter .social a .fa {
font-size: 20px;
background: #fff;
color: #5c085f;
width: 30px;
height: 30px;
line-height: 30px;
}
.fpara { 
font-size: 16px;
line-height: 28px;
}
.about_img{display: none;}
.tobses{
background-color: #451f46;
padding: 15px;
text-align: center;
}
.tobses .logo_text{
margin-top: 8px;
font-size: 18px;
}
.tobses .social a .fa{
font-size: 18px;
background: #fff;
color: #5c085f;
width: 30px;
height: 30px;
line-height: 30px;
}
.ftop{
display: none;
}
.owl-carousel .owl-nav [class*="owl-"]:hover{
color: #3d063f;
}
} @media only screen and (max-width: 767px) {
.mlt-img div{width: 25%; padding: 6px;}
.fbottom h2 {
font-size: 24px;
margin-bottom: 20px;
}
.fhead{margin-top: 30px;}
.copyright .d-flex{flex-direction: column; text-align: center; justify-content: center !important; }
.video_popup_link{margin-bottom: 20px;}
.home_book_lenny {
padding: 50px 0;
}
.ebg .d-flex{flex-wrap: wrap; justify-content: center !important; }
.contact_info{width: 100%; padding: 20px 0; text-align: center;}
.ebg{padding: 30px 0;}
.MonthlyQuote{flex-wrap: wrap;}
.MonthlyQuote h2{margin: 0 0 20px; margin-top: 10px;}
.qbox{margin: 0;}
.center .qbox {
transform: scale(1);
}
.keynotes_list [class*="col-"], .keynotes_list [class*="col-"]:nth-child(2){
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
.keynotes_list [class*="col-"]:nth-child(1) .images_box{transform: none;}
.keynotes_list [class*="col-"] .images_box{text-align: center; transform: none !important;}
.content_box{margin-top: 10px;}
.brochure_sec .d-flex{flex-wrap: wrap; justify-content: center !important; text-align: center;}
.brochure_sec .book_img{margin: 20px 0; display: none;} 
.brochure_sec{padding: 15px 0; }
.brochure_sec .btext{order: 1; width: 100%; margin-bottom: 10px;}
.brochure_sec .btn:nth-child(1){order: 3;}
.brochure_sec .btn:last-child{order: 2;}
.brochure_sec .btn{margin: 4px;} .about_img{
position: static;
opacity: 1;
height: auto;
margin-bottom: -4%;
}
.about_img:before{
display: none;
}
.about_content{text-align: center;}
.about_content h2:before, .about_content h2:after, .EverlastingOptimism_row .hborder:before, .EverlastingOptimism_row .hborder:after{right: 0; left: 0; margin: 0 auto}
.count_sec .block{
width: 50%;
border: 1px solid #fff;
padding: 10px;
}
.count_sec .number{min-width: auto;}
.EverlastingOptimism_img{text-align: center;}
.eo_btn{margin-bottom: 20px;}
.EverlastingOptimism_row{text-align: center;}
.home_video{padding: 50px 0;}
.video_wrap{padding: 15px;}
.contact_info h2{margin-bottom: 20px;}
.eo_bottom .d-flex{flex-wrap: wrap; justify-content: center !important; }
.eo_book{margin: 0 0 10px; width: auto;}
.eo_bottom_content{padding: 0 0 20px;}
.eo_bottom{padding: 30px 20px;}
.keynotes_list .owl-item{pointer-events: all; opacity: 1;}
.keynotes_list .owl-item .keynotes_box {
margin: 0;
}
.about-section, .round_sec {
padding-top: 30px;
}
.EverlastingOptimism, .section{padding: 30px 0px;}
.eo_btn {
text-align: center !important;
margin-bottom: 0;
}
.rbox .para {
overflow-y: auto;
max-height: inherit;
}
.about_content {
padding-bottom: 0px;
}
.home_book_lenny .block{
padding: 15px;
}
.home_book_lenny .block{
display: block;
text-align: center;
}
.home_book_lenny .block .para{
height: auto;
}
.home_book_lenny .block figure{
margin: 0 auto;
margin-bottom: 15px;
}
.about_img{display: block;}
.homeslider .bannerimg{
padding-top: 56%;
}
.watch { position: static;
margin: 0 auto;
margin-bottom: 15px;
text-align: center;
}
.watch img {
width: 100%;
margin: 0 auto;
text-align: center;
}
.home_book_lenny h2{
text-align: center;
}
.home_book_lenny .hborder:before, .home_book_lenny .hborder:after{
display: none;
}
.ftop .d-flex{
flex-wrap: nowrap;
}
.fcontact_info h2, .fcontact_info h3 span{
font-size: 16px !important;
text-align: left;
line-height: 22px;
}
.fcontact_info h2{
margin-bottom: 20px;
}
.fcontact_btn{
position: absolute;
right: 2%;
height: 80px;
width: 80px;
background-color: #6c366e;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-align: center;
top: -48%;
font-size: 14px;
bottom: auto;
}
} @media only screen and (max-width: 599px) {
.t_slider{padding: 0;}
.bannertext-in .para{display: none;}
.bannertext .heading, .bannertext h2, .bannertext h1{font-size: 22px;}
.MonthlyQuote h2{text-align: center;}
.bannertext {
bottom: 50px;
}
.scroll_down{width: 20px;}
.brochure_sec .btn{min-width: 230px;}
.MonthlyQuote {
margin-top: 0px;
}
.rbox {
width: 100%;
height: 350px;
margin: 0;
border-radius: 30px;
}
.rbox:before, .rbox:after{display: none;}
} @media only screen and (max-width: 479px) { 
.heading, h2, h1 {
font-size: 24px;
}
.EverlastingOptimism{padding-bottom: 0;}
.white_part a{width: 100%;margin: 0 auto; text-align: center;}
.fcontact_info {
padding: 0;
}
.about_img{
position: static;
opacity: 1;
height: auto;
margin-bottom: -11%;
}
.about_img:before{
display: none;
}
.fhead {
font-size: 20px;
margin-bottom: 30px !important;
}
.fllowtag {
position: absolute;
top: 12%;
margin: 0;
}
}
@media only screen and (max-width: 359px) { 
.rbox:after, .rbox:before{display: none;}
.rbox .para p{
padding-bottom: 0px;
}
.rbox .para{padding: 0 10px;}
}