/*-----------------    Default Css By Amit Silori   ----------------------------------*/
*{margin: 0px; padding: 0px; box-sizing:border-box;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{	margin:0;	font-weight:400;overflow-x:hidden;font-family: 'Poppins', sans-serif; font-size:15px; color: #222;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow-x: hidden;}
body a{	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;	-o-transition: 0.5s all ease;	-ms-transition: 0.5s all ease;font-family: 'Poppins', sans-serif; color: #222;}

/* CSS TOP MARGINS * -------------------------- */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; 
}

h1,h2,h3,h4,h5,h6{margin:0; color: #000;  font-family: 'Poppins', sans-serif; font-weight: 300; }

h1{ font-size:36px; }
h2{ font-size:26px; }
h3{ font-size:20px; }
h4{ font-size:20px; }
h5{ font-size:15px; }

p{font-weight: 400;  color: #222; font-size: 15px;  line-height: 24px; margin: 0px 0 0 0; color:666;font-family: 'Poppins', sans-serif; }

p a {color: #222;}
b.normal{font-weight: 400;}

ul,label{	margin:0;	padding:0;}

body a:hover{	text-decoration:none;}
html input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {border-radius: 10px;  height: 42px;  padding: 0 10px; box-sizing: border-box;   width: 100%; color: #777;border:1px solid #ddd;	font-size: 13px;background:#fff;}
html select { padding: 0 11px;font-size:13px;}
html select option {font-size:14px;	font-weight:300;}
html textarea { padding:10px 10px; box-sizing: border-box;width: 100%; color: #999;border:1px solid #ddd;border-radius:0px;	font-size: 15px;}
html button, html input[type="button"]{  color: #fff;  display: inline-block;  padding: 13px 20px;  text-transform: uppercase;  font-size: 16px;
    border-radius:2px; border:none;	font-weight:600;height:50px;}
html button:hover, html input[type="button"]:hover{   color: #fff;}
html input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.form-control:focus { color: #495057; background-color: #fff;   outline: 0; }
.form-control{font-size: 13px; height: 42px;border-radius: 10px; margin-bottom: 10px;}
textarea.form-control {
    height: 120px;
    border-radius: 10px;
}
.btn {font-size:12px;	padding: 10px 40px;	font-weight:400;	border-width:2px; border-radius:30px; line-height:normal; font-family: 'Poppins', sans-serif;    font-weight: 400; text-transform: uppercase; }
.btn-primary {   color:#000;  background:#3cc3a9;  border:1px solid #3cc3a9; position: relative; overflow: hidden;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background:#ef6259;  border-color: #ef6259;}
.btn-primary2 {   color: #044871;  background-color:transparent;  border-color:#044871;  }
.btn-primary2:hover, .btn-primary2:focus {  color: #fff;  background-color:#044871;  border-color: #044871;}
.btn-primary-outline {  color: #fff; background-color: transparent; border-color: #0048a8;}
.btn-primary-outline:hover, .btn-primary-outline:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary:focus, .btn-primary:focus { color: #fff; background-color: #333; border-color: #333;}
.btn-primary.focus, .btn-primary:focus { box-shadow: none;}
.text-uppercase{ text-transform:uppercase;}
.text-capitalize{ text-transform:capitalize;}
.btn-primary:before{content: ''; position: absolute; top: 0px; left: 10%; height: 50%; width: 1px; background: #fff; transition: .5s all;}
.btn-primary:hover:before{ height: 75%; }
.btn-primary:after{content: ''; position: absolute; bottom:  0px; right: 10%; height: 50%; width: 1px; background: #fff; transition: .5s all;}
.btn-primary:hover:after{ height: 75%; }

/*--HeaderS ection--*/
.container{ padding: 0px;}

/*--nav Section--*/
.img-fluid{width: 100%;}

/*--General CSS--*/
.section{ padding:4em 0;}
.title{font-size:40px; line-height:50px; color: #000; font-weight:300; font-family: 'Poppins', sans-serif; margin: 0 0 20px 0;  }
.title.white{color: #fff;}
.title span{ color: #3CA3B9; }
p.sub-title{color: #222; font-size: 15px;   font-weight: 400;    letter-spacing: 1px; padding: 0 10%; margin:5px 0;}
.title-box{margin-bottom: 30px;}
p.just{ text-align: justify; margin-bottom: 10px; }
hr{width: 100px; margin: 1em 0px; background:#e182a8; height: 3px !important; opacity: 1; }
hr.hr-center{width: 100px; margin: 1em auto; height: 3px; }
img.hr{padding: 20px 0;}
ul.navbar-nav li.nav-item.dropdown{transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown:hover .dropdown-menu{ display: block;  padding: 0px; border-top: 5px solid #3cc3a9;}
.navbar-brand{width: 6%; }
.back-gry{background: #f9fdff;}
/*-- end General CSS--*/

/*-----------------   End Default Css By Amit Silori   ----------------------------------*/



.header-start {background:transparent; transition: .5s all; position: ; z-index: 999; left: 0px; top: 0px; width: 100%;}
.header-start .navbar{background: transparent; padding: 0px;}
.header-start .navbar-light .navbar-nav .nav-link { color: #333; font-size: 14px;  padding: 28px 20px;  }
.header-start .navbar-light .navbar-nav .nav-link:hover{color: #5BB8CC;}
.header-start.darkHeader{position: fixed;top: 0px;left: 0px; width: 100%;z-index: 999999; transition: .5s all;}
.header-start.darkHeader .top-header{display: none; transition: .5s all;}
ul.navbar-nav li.nav-item.dropdown .dropdown-menu li a.dropdown-item{font-size: 13px; padding: 10px 15px; border-bottom: 1px solid #ddd; }
.header-start .navbar-light .navbar-nav .nav-link.book-btn {    background: #227179;    padding: 10px 25px;    margin-top: 16px; color: #fff; border-radius: 30px;}
.header-start .navbar-light .navbar-nav .nav-link.book-btn:hover{background:#ef6259 ;}
/*end header css*/

.top-header{background: #227179; padding: 6px 0;}
.left-header{float: left;}
.right-header{float: right;}
.left-header span{color: #fff; padding-right: 15px; margin-top: 5px; display: inline-block;}
.left-header span a{color: #fff; display: inline-block; font-size: 13px;}
.left-header span a i{margin-right: 5px;}
.right-header a{display: inline-block;}
.right-header a i{display: inline-block; height: 30px; width: 30px; line-height: 30px; background: #165f66; color: #fff; border: ; text-align: center; font-size: 13px; margin-right: 5px; border-radius: 100%;}


/*start banner css*/
.main-banner{margin-top:0;}
.main-banner .carousel-control-prev { left: -50px; top: 45%;}
.main-banner .carousel-control-next { right: -50px; top: 45%;}
.main-banner-overlay{background: rgba(0, 0, 0, .5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.main-banner .carousel-caption{z-index: 999;    position: absolute; right: 15%; bottom: 32%; left: 15%;  padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff;}
.main-banner .carousel-caption .heading{ font-size: 75px; color: #fff;  font-weight: 700; line-height: 56px;  text-shadow: 2px 2px 2px #000;}
.main-banner .carousel-caption p{ font-size: 18px; color: #fff; margin: 15px 0; text-shadow: 2px 2px 2px #000;}
/*end banner css */


.highlight-box{padding: 5em 3em; background: #fff; width: 90%; margin: 0 auto; margin-top: -12em; position: relative; border:1px solid #eee;}
.highlight-box p{font-weight: 300; font-size: 40px; line-height: 60px; font-family: 'Poppins', sans-serif;}
.highlight-box p span{color:#5BB8CC; }


.upcomimg-dates-box-outer{ display: block; width: 100%; padding: 12px; background: #fff; border-radius: 15px; border: 1px solid #ddd; box-shadow: rgb(0 0 0 / 71%) 2px 3px 8px;}

.upcomimg-dates-box span{display: inline-block; width: 20%; background: #227179;border-radius: 5px; overflow: hidden; vertical-align: middle;}
.upcomimg-dates-box p{display: inline-block; width: 75%; vertical-align: middle; font-weight: 600; font-size: 18px; line-height: 22px; padding-left: 20px;}
.upcomimg-dates-box p small{display: block; font-size: 14px; color: red;}
.upcomimg-dates-box span b, .upcomimg-dates-box span strong{padding: 10px; text-align: center; display: block; color: #fff; font-weight: 500;}
.upcomimg-dates-box span b{background: #EC6857; color: #fff;}
.upcomimg-dates-text .title{font-size: 30px;}









.about-text{margin: 3em 0 0 2em;}
.about-text p{text-align: justify;}


.class-text{padding-top: 10em; padding-right: 10em;}
.class-text.class-text2{padding-top: 10em; padding-right: 0em; padding-left: 10em;}
.youtube-video{width: 70%; margin: 0 auto}




.inner-banner{ position: relative; background: url(../images/banner3.jpg) no-repeat center; background-size: cover; padding: 15em 0 10em 0; }

.main-title-section h1{ font-size: 40px;  text-align: center; color: #fff; font-weight: 500; margin:auto; }
    .about-me{ position: relative; }
    .about-me-text{position: absolute; width:30%; bottom:178px; left:243px;}
    .about-me-text p{ font-size: 38px; line-height: 50px; color: #000; font-weight: 500; font-family: 'Poppins', sans-serif;
      background:#EDEEFB;  padding: 60px 40px; justify-content: center;}
      .about-del{ background:#EDEEFB;}
 .about-del h3{ font-size: 35px; margin-top: 32px; font-weight: 500; padding:30px 0px 30px 0px;}
 .about-del .yoga-text p{ margin: 22px 0 0; display: block;  margin-top: 20px;}
 .about-section-2 h3{font-size: 35px; margin-top: 32px; font-weight: 500; padding:30px 0px 30px 0px;  }
 .about-section-2 .yoga-text-2 ul li{ font-size: 18px; padding:10px; margin-left: 20px; }





.contact .info-item { position: relative; padding: 20px; background: #EDEEFB; margin:20px 20px;
}
.contact  h3{ font-size: 32px; }
.contact .info-item .info-icon i { display: inline-block; width:25%;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    background: #1076e0;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 2.2;
}
.contact .info-item .info-icon { display: inline-block; width:25%;}
.contact .info-item .info-content  { display: inline-block; width:70%;}
.form-group {
    margin: 15px 6px;
}
.gallery-tabs .nav-tabs{ padding: 40px;}
 .gallery-img{margin-bottom:20px;}
 .gallery-tabs .nav-tabs li{margin-right:20px;}


.home-course-box{background: #fff; border: 1px solid #ddd; overflow: hidden; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;}
.home-course-text ul  li{padding: 10px 0; border-bottom: 1px dashed #ddd; list-style: none;}
.home-course-text{padding: 20px;}
.home-course-text h3{ font-weight: 800; color:#227179 ; margin-bottom: 20px; font-size: 20px;}
.home-course-text ul  li b{margin-right: 10px; display: inline-block;}
.home-course-text a.btn{margin-top: 15px;}

.why-us-box{ margin-bottom: 15px; padding: 20px; border: 1px dashed #ddd; background: #fff; border-left: 5px solid #3CA3B9;}
.why-us-box span{display: inline-block; width: 15%; vertical-align: middle; margin-right: 12px;}
.why-us-box p{display: inline-block; width: 80%; vertical-align: middle;}
.why-us-box p b{display: block; font-size: 20px; color: #3CA3B9; margin-bottom: 10px;}
.img-border{border: 5px solid #fff; border-radius: 5px; box-shadow: 0 0 10px #d5bbe5;}
.rys-box{padding: 3em 2em; background: #fff; border-radius: 15px;box-shadow: 0 0 10px #555; position: relative;overflow: hidden;}
.rys{background: #3CA3B9; }
.rys-box .chakra1{position: absolute; top: -5em; right: -5em; width: 18%;}
.rys-box .chakra2{position: absolute; bottom: -5em; left: -5em; width: 18%;}
.rys-img{width: 50%; background: #fff; position: relative; margin: 0 auto; margin-top: 20px;}

.drop-class ul.thead { background: #419170;}
.drop-class ul.thead li {    color: #fff;}
.drop-class ul {    padding: 0px;    margin: 0px;    border: 1px solid #ddd;}
.drop-class ul li {    list-style: none;    display: inline-block;    width: 19%;    text-align: center;    padding: 8px;    margin: 0px;    height: 100%;    font-size: 15px;}
.drop-class ul li strong{display: none;}


.teacher-img {border-radius: 100%; padding: 10px; overflow: hidden; border: 5px solid #ef6259; box-shadow: 0 0 8px 0 #828282;}
.teacher-img img{border-radius: 100%; }
.teacher-text b{display: inline-block; font-size: ; margin-top: 10px; padding: 5px 20px; background: #ef6259; color: #fff;}
.teacher-box{margin: 0 10px;}
.review-box{padding: 20px;box-shadow: 0 0 8px 0 #828282; background: #fff; border-bottom: 5px solid #3CA3B9;}
.start-review .item{ margin:10px; }
.review-box strong{ color: #ef6259; }
.owl-nav{display: none;}



.faq .accordion-item .accordion-button:focus{box-shadow: none; outline: none;}
.faq .accordion-item .accordion-button{color: #fff; background: #3CA3B9;}
.faq .accordion-item .accordion-button:hover{color: #fff; background: #3CA3B9;}
.faq .accordion-item .accordion-button.collapsed{color: #000; background: #fff;}
.faq .accordion-item{margin-bottom: 10px;}



.main-footer{background: #333;}
.footer-logo{ width: 75%;margin: 0 auto; margin-bottom: 15px;}
.footer-box p, .footer-box a, .footer-box i{color: #9b9b9b;}
.footer-social a{display: inline-block;}
.footer-social a i{display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center;  border: 1px solid #9b9b9b; color: #9b9b9b; margin: 2px; transition: .5s all;}

.footer-social a i:hover{ background: #fff; color: #000; }
.footer-box h4{ color: #ef6259; font-size: 22px; margin-bottom: 15px; }
.footer-box ul li {list-style: none;}
.footer-box ul li a{ display: block; width: 100%; padding: 8px 0; transition: .5s all;}
.footer-box ul li a:hover{color:#ef6259 ;}
.footer-box ul li a i{margin-right: 5px;}
.footer-links {margin-left: 20px; margin-top: 2em;}
.footer-contact p i{color:#ef6259 ; margin-right: 5px;}
.footer-contact p {margin-bottom: 15px;}
.footer-contact{margin-top: 2em;}
.copy-footer{ background: #000; text-align: center;padding: 20px 0; }
.copy-footer p{ color:#9b9b9b ; font-size: 13px; }
.copy-footer p a{ color:#9b9b9b ; font-size: 13px; }



.swami-box{ background: #fff; padding: 2em; border-radius: 20px;box-shadow: 0 0 8px 0 #828282; margin-top: -20em; position: relative; }

.teacher-page-box{ background: #fff; overflow: hidden; padding: 30px; box-shadow: 0 0 10px #555; margin-bottom: 30px;}
.teacher-page-img{text-align: center;} strong{}
.teacher-page-img strong{ display: inline-block ; padding: 5px 20px; color: #fff; background-color:#ef6259 ; margin: 10px 0; }
.teacher-page-img span{color: #227179; display: block;}
.start-enroll-form {    padding: 3em;    background: #fff;    border: 1px solid #ddd;    box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%), 0 4px 32px 0 rgb(103 151 255 / 9%);}
.start-enroll-form form label {    margin-bottom: 5px;    font-weight: 500;    position: relative;}
.start-enroll-form form label::before {
    content: "*"; color: #EC6857; position: absolute;right: -15px;top: -5px; font-size: 20px;    line-height: 2.4rem;}
.start-enroll-form form .form-select {    font-size: 14px; margin-bottom: 12px;}
.start-enroll-form form .form-control { height: 45px; font-size: 14px; margin-bottom: 12px;}
.start-enroll-form form textarea.form-control { height: 100px;}
.why-join-ttc-text ul li{list-style: none; padding: 5px 0; text-align: justify;}
.why-join-ttc-text ul li i{margin-right: 5px; color: #EC6857;}
.overview-box{ padding: 20px; background: #fff; margin-bottom: 20px; border:1px solid #ddd }
.overview-box h4{ color: #ef6259; font-size: 24px; margin-bottom: 10px; }
.ttc-schedule ul li{list-style: none; margin: 3px 0; border: 1px solid #ddd; font-size: 14px;}
.ttc-schedule ul li span{ display: inline-block; padding: 5px 10px; background: #ef6259; margin-right: 5px; width: 35%; color: #fff;  }
.ttc-date-start ul li{ display: inline-block; width: 19%; padding: 10px 0; text-align: center; font-size: 15px; vertical-align: middle;}
.ttc-date-start ul { border-bottom: 1px solid #ddd; }
.ttc-date-start ul.thead{ background: #227179; }
.ttc-date-start ul.thead li{color: #fff;}
.ttc-food-box ul li{list-style: none; padding: 10px 0; border-bottom: 1px dashed #ddd;}

.ttc-policy-box h5{font-size: 24px; color: #ef6259; margin-bottom: 10px;}

.ttc-include ul li{list-style: none; padding: 10px 0;}
.ttc-include ul li i{margin-right: 5px; color: #EC6857;}
.ttc-include h4{font-size: 24px; color: #EC6857; margin-bottom: 20px;}
.yoga-retreat-box{ background: #fff; padding: 20px; border:1px solid #ddd; margin-bottom: 20px; }
.yoga-retreat-page-text{padding: 20px;}
.yoga-retreat-page-text h3{font-size: 24px; margin-bottom: 15px; color: #EC6857;}
.ttc-date-start ul li strong{display: none;}
.retreat-date-start{margin-bottom: 20px; background: #fff;}
.retreat-page-date ul li{list-style: none ; padding: 10px; display: inline-block; width: 45%; border-bottom: 1px dashed #ddd; margin: 10px; border-left: 3px solid #EC6857;}

.reiki-page ul li{list-style: none; padding: 10px; border: 1px dashed #ddd; border-left: 3px solid #EC6857; display: inline-block; width: 40%; margin: 5px 10px; background: #fff;}
.reiki-box{padding: 2em; background: #fff; margin-top: 30px; box-shadow: 0 0 8px 0 #828282;}

.drop-in-fees-box table.table{background: #fff;}
.drop-in-fees-box table.table thead{background: #3CA3B9;}
.drop-in-fees-box table.table thead th{color: #fff;}
.drop-in-rule h4{font-size: 24px; margin-bottom: 15px; color: #EC6857;}
.drop-in-rule ul li{list-style: none; padding: 8px 0;}

.daily-class-start h3{background: #EC6857; padding: 12px ; color: #fff; font-size: 22px;}
.daily-class-start ul li strong{color: #000; display: block;}
.daily-class-start ul li {width: 30%;}
.daily-class-start{ margin-bottom: 30px; }


.home-reiki-text ul li{list-style: none; padding: 8px 0; border-bottom: 1px solid #ddd; position: relative;}
.home-reiki{position: relative; overflow: hidden;}
.home-reiki-img{position: relative; z-index: 99;}
.home-reiki:after{content: '' ; position: absolute; top: 0px; right: 0px ; width: 20%; height: 100%; background: #EC6857}

.fix-whatsapp {
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 999;
}

.yttc-certificate{ background: url(../images/certification-bg.jpg) no-repeat ; background-size: cover;  }
.yttc-certificate .title{color: #fff;}
.yttc-certificate .title span{color: #fff;}
.yttc-certificate p{color: #fff;}
.yttc-certificate-img{}


.paypal-box form{ padding: 30px; border:1px solid #ddd;     box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%), 0 4px 32px 0 rgb(103 151 255 / 9%); text-align: center; }


.modal-offer button.btn-close{    position: absolute;
    top: -5px;
    right: -5px;
    background: #000;
    padding: 0px;
    height: 30px;
    width: 30px;
    line-height: 31px;
    text-align: center;
    opacity: 1;
    color: #fff;
    border-radius: 100%;
}
.modal-text strong{font-size: 20px; display: block; color: #4facb1;}
.modal-text p{color: red;}
.modal-text small{display: block; color: red;}
.modal-form{padding: 20px 0;}
.modal-text{padding: 30px;}
.modal-body{padding: 0px;}
.modal-form .form-control{border: 1px solid #4facb1}
.modal-text span{ font-size:18px; font-weight:600; padding:10px; border:1px dashed #EC6857; display:block; text-align:center;color:#EC6857; margin:20px 0 }
.modal-text a.btn {display: block; border-radius: 0px; margin-bottom: 10px; font-size: 18px; color: #fff;}















/*XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) { 
  



    
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1024px) { 
.right-header a { display: inline-block; padding: 14px; color: #fff;}
.about-me-text p{ font-size: 28px; padding: 40px 20px;}
.about-me-text { position: absolute; width: 36%; bottom: 139px; left: 124px;}
.private-online .col-md-6{width:100%;  }
.private-online .col-md-6 h3{ margin-top:30px; }
.form-req { width: 70%;}
}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 

}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.copy-footer p {text-align: center;}
.main-footer .col-md-4{ width:100%; }
.main-footer .col-md-8{ width:100%; }
.main-footer .footer-left{ text-align: center; }
.main-footer .right-header{ text-align: center; }
.main-footer .footer-social{ padding-bottom: 30px; }
.highlight-box p { font-weight: 300;  font-size: 28px;}
.highlight-box {padding: 3em 1em; width: 80%;}
.about .col-md-5{ width:100%; }
.about .col-md-7{ width:100%; }
.about-text{ margin-top:30px; margin-left: 0px; }
.classes .col-md-6{ width:100%; }
.navbar-light .navbar-toggler { border-color: #fff; color:#fff;  background: #EC6857;}
.header-start .navbar-light .navbar-nav .nav-link { color: #000;}
.navbar-collapse {background: #fff;}
.about-me-text p { font-size: 20px; padding: 20px 10px;}
.about-me-text {  position: absolute;  width: 39%;  bottom: 139px;  left: 85px;}
.title {font-size: 32px;}
.about-del .col-md-6{ width:100%; }
.about-section-2 .col-md-6{ width:100%; }
.gallery-tabs .nav-tabs li { margin-right: 7px;}
.private-online .col-md-6{width:100%;  }
.private-online .col-md-6 h3{ margin-top:30px; }
.contact .col-md-6{ width: 100%;  }
.header-start .navbar-light .navbar-nav .nav-link {
    color: #333;
    font-size: 14px;
    padding: 10px 14px;
    border-bottom: 1px solid #ddd;
}
.why-ttc .col-md-6{ width: 100%; max-width: 100%; flex: 100%; }
.yoga-retreat-box .col-md-4{ width: 100%; max-width: 100%; flex: 100%; }
.yoga-retreat-box .col-md-8{ width: 100%; max-width: 100%; flex: 100%; }
.schedule .col-md-7, .schedule .col-md-5{ width: 100%; max-width: 100%; flex: 100%; }
.schedule-img{margin-top: 20px;}
.main-footer .col-md-3{ width: 50%; max-width: 50%; flex: 50%; }
.footer-links {
    margin-left: 0;
    margin-top: 2em;
}
.course-start .col-md-4{ width: 50%; max-width: 50%; flex: 50%; }
.why-us .col-md-6{ width: 100%; max-width: 100%; flex: 100%; }
.rys-img {
    width: 100%;
    background: #fff;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.home-reiki:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20%;
    height: 100%;
    background: #EC6857;
    display: none;
}
.home-reiki-img{margin-top: 20px;}
.home-reiki  .col-md-6{ width: 100%; max-width: 100%; flex: 100%; }
.yttc-certificate .col-md-7{ width: 100%; max-width: 100%; flex: 100%; }
.yttc-certificate .col-md-5{ width: 100%; max-width: 100%; flex: 100%; }
.faq .accordion-item .accordion-button {
    color: #000;
    background: #fff;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 13px;
}
.upcomimg-dates .col-md-3{width: 100%; max-width: 100%; flex: 100%;}
.upcomimg-dates-box-outer{margin-bottom: 20px;}
}





@media (max-width: 667px) { 
.navbar-brand { width: 14%;}
.contact h3 {font-size: 32px; margin-top: 30px;}
.highlight-box p { font-weight: 300; font-size: 23px;}
.youtube-video { width: 100%;}
.ttc-date-start ul.thead {
    background: #227179;
    display: none;
}
.ttc-date-start ul li {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    border-bottom: 1px dashed #ddd;
}
.ttc-date-start ul{border: 1px solid #ddd; border-top: 5px solid #EC6857; border-radius: 15px; margin-top: 20px;}
.container {
    padding: 0px 15px;
}
.right-header {
    float: right;
    display: none;
}
.left-header {
    float: none;
    text-align: center;
}
.retreat-page-date ul li {
    list-style: none;
    padding: 10px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    margin: 10px;
    border-left: 3px solid #EC6857;
}
.main-footer .col-md-3 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}
.ttc-date-start ul li strong {
    display: inline-block;
    margin-right: 5px;
}
}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.highlight-box {margin-top: -5em}
.about-me-text {
    position: absolute;
    width: 52%;
    bottom: 269px;
    left: 44px;
}
.inner-banner {
    padding: 4em 0 4em 0;
}
.main-title-section h1 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin: auto;
}
.title {
    font-size: 29px;
    line-height: 37px;
}
.main-footer {
    background: #333;
    text-align: center;
}
.course-start .col-md-4{ width: 100%; max-width: 100%; flex: 100%; }
.drop-class ul.thead {
    background: #419170;
    display: none;
}
.drop-class ul{border: 1px solid #ddd; border-top: 3px solid #419170; margin-bottom: 20px;}
.drop-class ul li{display: block; border-bottom: 1px dashed #ddd; padding: 8px 0; width: 100%;}
.drop-class ul li strong{display: inline-block; margin-right: 8px;}
}













@media (max-width: 480px) { 
 .navbar-light .navbar-toggler { margin-left: ;}
 .contact .col-md-6{ padding:30px; }
}


@media (max-width: 400px) { 
.highlight-box {
    padding: 1em 1em;
    width: 84%;
}
.highlight-box p {
    font-weight: 300;
    font-size: 18px;
}
.highlight-box p { font-size: 18px;}
}