/*-----------------    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: 'Roboto', sans-serif; font-size:16px; color: #201F25;	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

article{overflow: hidden;}
article.overflow{overflow: visible;}
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: 'Roboto', sans-serif;color: #201F25;}

/* 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: 'Roboto', sans-serif; }

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

p{font-weight: 400;  color: #201F25 ; font-size: 16px;  line-height: 25px; margin: 0px 0 0 0; color:666;font-family: 'Roboto', 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; text-transform: capitalize;
    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:15px;	padding: 12px 35px;	font-weight:500;	border-width:2px; border-radius:30px; line-height:normal;   }
.btn-primary {   color:#fff;  background-image: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);  border:none;}
.btn-primary:hover, .btn-primary:focus {  color: #fff;  background-image: linear-gradient(135deg,  rgb(0 148 210)  0%, rgb(255 144 10)100%); border-color: #fff;}
.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;}

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

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

/*--General CSS--*/
.section{ padding:5em 0;}
.title{font-size:38px; line-height:48px; color: #222; font-weight:500;     font-family: 'Roboto', sans-serif; margin: 0 0 0px 0;  }
.title.white{color: #fff;}
.title span{}
p.sub-title{color: #0b93d2; font-size: 15px; font-weight: 500;    letter-spacing:; text-transform: uppercase; padding:; margin:0px 0 10px 0;}
hr{width: 100px; margin: 1em 0px; background:#e182a8; height: 3px !important; opacity: 1; }
.hr { margin-bottom: 20px; }
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 #0b93d2;}
.navbar-brand{width: 7%; position: absolute; top: -40px; padding: 8px; border-radius: 100%; background: #fff; }
.back-gry{background: #f0f7f2;}
/*-- end General CSS--*/
header .navbar-brand img {
    animation: logo-animation 10s infinite;
}

@-webkit-keyframes logo-animation {
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}
/*-----------------   End Default Css By Amit Silori   ----------------------------------*/


/*start header section css*/
.top-header{  background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); color: #fff; padding: 4px 0}
.top-header .left-header{display: inline-block; font-size: 14px;float: left; color: #fff; padding: 5px 0; padding-left: 12%;  }
.top-header .left-header span a i{color: #fff;}
.top-header .left-header span a{color: #fff; padding: 5px 0 }
.top-header .right-header{text-align: right; padding:5px; color: #fff; font-size: 15px; float: right;}
.top-header .right-header i{color:#fff; padding-right: 18px; font-size: 20px; }
.top-header .left-header span{ padding: 0 10px; color: #fff;}




.header-start {z-index: 999; background: #fff; transition: .5s all; position: fixed; left: 0px; top: 0px; width: 100%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.header-start .navbar{ padding: 0px; position: relative;}
.header-start .navbar-light .navbar-nav .nav-link { color: #222; font-size: 16px;  padding: 12px 30px; font-weight: 500; position: relative; margin: 8px 0; }
.header-start .navbar-light .navbar-nav .nav-link:before{position: absolute; bottom: 0px; left: 0px; height: 2px; width: 0%; background: #0b93d2;  content: ''; transition: .5s all;}
.header-start .navbar-light .navbar-nav .nav-link:hover:before{width: 100%;}
.header-start .navbar-light .navbar-nav .nav-link:hover{color: #0b93d2; }
.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.btn{color: #fff; }
.header-start .navbar-light .navbar-nav .nav-link.btn:before{ display: none; }
/*end header css*/

/*start banner css*/
.main-banner{margin-top: 78px;}
.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{    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-family: 'Roboto', sans-serif; font-weight: 700; line-height: 56px;  text-shadow: 2px 2px 2px #000;}
.main-banner .carousel-caption h5 { font-size: 50px; font-weight: 800; line-height: 70px; color: white; }
.main-banner .carousel-caption p{ font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 20px; font-family: 'Merriweather',serif; font-style: italic; }
.main-banner .carousel-caption a { margin-right: 10px; }
.main-banner .carousel-inner .carousel-item:before { content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100% ;
 background: #000; opacity: .3; }

/*end banner css */

.quote{padding: 2em 0px; font-size: 25px; font-style: ; text-align: center;}
.quote p{font-size: 30px; font-style: ; color:#ff900a ; font-weight: 500;  }
.welcome-note {position: relative; text-align: center; padding: 4em;}
.welcome-note .border-left{position: absolute; top: 0px; left: 0px; width: 15%; }
.welcome-note .border-right{position: absolute; bottom: 0px; right: 0px; width: 15%; }



/*start about section css*/
.about-text p{text-align: justify; margin-top: 10px;}
.about-img{position: relative;}
.about-img .leaf{position: absolute; top: 0px; right: 0px;}

/*end about section css*/

.why-box {margin-bottom: 60px; text-align: right;}
.why-box span{display: inline-block; width: 22%; margin-left: 10px; vertical-align: top;}
.why-box p{display: inline-block; width: 72%;  vertical-align: top; }
.why-box p strong{display: block; font-size: 22px; margin-bottom: 10px; font-weight: 500;}
.why-box.why-box2{text-align: left;}
.why-box.bottom-none{margin-bottom: 0px;}
.why-box.why-box2 span{margin-left: 0px; margin-right: 10px;}
.subjects .col-md-4{position: relative;overflow: hidden;}
.why-img .chakra{position: absolute; bottom: -24%;  left: 15%; width: 75%; opacity: .6;}
.why-img .chakra img{animation: spin 15s infinite linear;}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}
.self-text .title{font-family: 'Dancing Script', cursive;}
/*start yoga for section css*/
.yoga-for .owl-carousel .item{ margin: 10px; }
.yoga-for-box{margin-top: 30px; box-shadow: ; background: #fff; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; border-radius: 10px;; overflow: hidden; border:1px solid #ddd;}
.yoga-for-txt{background: #fff; padding: 20px; text-align: left;text-align: center;}
.yoga-for-txt h3{ font-size: 18px;   display: block;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #f4cace;}
.yoga-for-txt p{font-size: 14px; margin-bottom: 15px;text-align: justify; text-align-last: center; }
.yoga-for .owl-nav .owl-prev{position: absolute; top: 45%; left: -20px;}
.yoga-for .owl-nav .owl-next{position: absolute; top: 45%; right: -20px;}
.yoga-for .owl-nav i{ height: 40px; width: 40px;  text-align: center; line-height: 35px;   border: 2px solid #fff; background-image:  linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);  color: #fff;}
.flip-card b{display: block; margin: 12px 0;}
.flip-card{margin-top: 0px;  position: relative; background: #fff; transition: .6s ease-in-out; }



.flip-card {
  background-color: transparent;
  width: 100%;
  height: 340px;
  border:;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  border-radius: 10px ; 
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fff;
  color: black;
  border:;  padding: 0px;
}
.flip-card-front img{border-radius: 10px;}

/* Style the back side */
.flip-card-back {
  background-image: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);
  color: white;
  transform: rotateY(180deg);
  padding: 50px  30px;}

.flip-card-back p{color: #fff;}  

.flip-card-inner b{display: block; font-weight: 600; font-family: 'Prata', serif; font-size: 18px;}  
.flip-card-back strong{display: block; padding: 10px 0; border-bottom: 1px dashed; font-size: 20px;  font-weight: 400;}


.download-img{width: 35%; margin: 0 auto}

.section.home-sly {padding-top: 0px;}

.sly-home-text .accordion-button:after{display: none;}
.sly-home-text .accordion-button{border-left: 5px solid #0b93d2;}
.sly-home-text .accordion-button p{display: block; text-align: center; margin: 0 auto}


/*start ayurvda  section css */
.ayurveda { position: relative; }

.ayurveda-text{padding: 0 2em 0 0; position: relative;z-index: 9;}
.ayurveda-text p.sub-title{padding: 0px;}
.ayurveda-text p{text-align: justify;}
.ayurveda-text a.btn{display: inline-block; margin-top: 30px;}
/*end ayurveda section css*/


.user{margin-top: 30px;}
.user span{display: inline-block; width: 20%; border-radius: 100%; overflow: hidden; vertical-align: middle; margin-right: 10px;}
.user p{display: inline-block; width: 72%;  vertical-align: middle;}
.user p b{display: block; font-size: 18px}
.review-box{padding: 20px; background: #fff; margin: 0 5px; border:1px solid #ddd;}
.review-box p{text-align: justify;}
.review .owl-nav {position: absolute; bottom: -5px;right: 0px;}

.review .owl-nav i{ height: 40px; width: 40px;  text-align: center; line-height: 40px;   border: none; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%);  color: #fff; margin: 0 3px;}
.owl-dots{display: none;}



.yoga-alllince-text p{text-align: justify;}
.lower-img{margin-top: 30px; padding: 10px; background: ;}
.yoga-alllince-img{position: relative; padding-top: ; border-radius: 10px ; overflow: hidden;}
.yoga-alllince-img .leaf{position: absolute; top: -10px; left: 20px; }
.yoga-alllince-img .upr-img img{border-radius: 10px;}
.rys-text p{text-align: justify;  }

.teacher-box{margin: 10px;}
.teacher-box .teacher-img{overflow: hidden;width: 100%; border-radius: 100%;}
.teacher-text{padding-top: 12px;  background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); border-radius: 15px; margin: 0 auto; margin-top: -50px; position: relative; z-index: 9; height: 80px;}
.teacher-text strong{ color: #0b93d1; display: block; font-size: 15px;  margin-bottom: 10px; border-bottom: 1px dashed #ddd; font-family: 'Prata', serif; font-weight:normal;}
.teacher-text small{  display: block; font-size: 16px;   }
.yoga-teachers .owl-nav .owl-prev{position: absolute; top: 45%; left: -20px;}
.yoga-teachers .owl-nav .owl-next{position: absolute; top: 45%; right: -20px;}
.yoga-teachers .owl-nav i{ height: 40px; width: 40px;  text-align: center; line-height: 35px;   border: 2px solid #fff; background-image:  linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);  color: #fff;}



.yoga-teachers .swami .img { padding: 20px; height: 70%; width: 70%; margin: 0 auto; margin-bottom: 10px;}
.yoga-teachers .swami { text-align: left; margin: 50px 0; background: #fff; padding: 50px; border-top-left-radius: 80px;   border-bottom-right-radius: 80px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);}
.yoga-teachers .swami strong { font-family: 'Roboto', sans-serif; font-size: 24px; text-align: center; display: block; 
margin-bottom: 14px; }
.yoga-teachers .swami.one{ border-radius: 0px; border-top-left-radius: 80px; border-bottom-right-radius: 80px;}
.yoga-teachers .swami .title{ font-size: 28px; }
.yoga-teachers .swami ul li i{margin-right: 5px; color: #0b93d2;}
.yoga-teachers .some-gurus .swami p { font-size: 16px; text-align: justify;}
.yoga-teachers .some-gurus { padding-top:6em; }
.yoga-teachers .some-gurus .head .hr { margin-bottom: 0px; }
.yoga-teachers .swami b{font-size: 22px; margin: 15px 0; display: block;}
.yoga-teachers .some-gurus .swami.second .list-title{ font-size: 16px; margin: 12px 0; }
.yoga-teachers .swami ul{padding: 0px;}
.yoga-teachers .swami ul li { margin-bottom: 2px; list-style: none; padding: 8px 0;}
.yoga-teachers .some-gurus .swami.second .last-p { margin-top: 10px; }
.yoga-teachers .some-gurus .swami.second strong { margin-top: 10px; }
.yoga-teachers .some-gurus .swami.second .title {  font-family: 'Roboto', sans-serif; font-size: 21px; text-align: center;
    display: block; margin-top: 45px; font-weight: 600; }




.teacher-box .teacher-img{overflow: hidden;width: 100%; border-radius: 100%;}
.teacher-text-owl{padding-top: 12px;  background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); border-radius: 15px; margin: 0 auto; margin-top: -30px; position: relative; z-index: 9; height: 48px; padding-bottom: 10px;}
.teacher-text-owl strong{ color: #0b93d1; display: block; font-size: 15px;  margin-bottom: 10px;  font-family: 'Prata', serif; font-weight:normal;}
.teacher-text-owl small{  display: block; font-size: 16px;   }


.google-review{padding: 20px; margin: 10px; border:1px solid #ddd; background: #fff;}

.path-img{background: url(../images/path.jpg) no-repeat top; background-size: cover; padding: 2em 0 14em 0; margin-top: 7em;}
.path-img .title{color: #ff8900; text-shadow: 2px 2px 2px #000;}


/*-------------------------------------start image gallery lightbox css-------------------------------------------*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .lb-nav a.lb-prev, .lb-nav a.lb-next{opacity: 1} .gallery-start .col-md-3, .gallery-start .col-lg-3{padding: 5px 5px;} .gallery-img{overflow: hidden; height: 200px;} .gallery-img img{transition: .5s all; height: 100%;} .gallery-img:hover img{ transform: scale(1.05); }

/*=======================================end image gallery lightbox css================================================*/
.gallery .nav-pills .btn {
  border-radius: 0px;
  height: auto;
  padding: 15px 50px;
  font-weight: bold;
  text-transform: capitalize;
  font-family: 'Bree Serif', serif;
  font-size: 16px; 
  letter-spacing: 1px;
}

.gallery .nav-pills{margin-top: 50px;  }


.home-schedule .title{ margin-bottom: 30px;}
.home-schedule{background: ; background-size: cover;}
.home-schedule-box {background: rgba(255, 255, 255, .0); padding:0px; border-radius: 15px;}
.home-schedule-box table.table{border-radius: ;overflow: hidden; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18); margin-bottom: 0px;}
.home-schedule-box table.table .td-primary{background: #0b93d2; color: #fff;}
.home-schedule-box table.table td, .home-schedule-box table.table th{font-size: 15px;}
.home-schedule-img{ height: 100%}
.home-schedule-img img {height: 100%}




.rys-text{padding-left: 2em;}






/*start footer section css*/
.main-footer{background: #f5f8fc ; background-size: cover; position: relative; overflow: hidden;}
.footer-box{position: relative; z-index: 9}
.footer-box p, .footer-box a, .footer-box i, .footer-box ul li{ color: #333; list-style: none; font-size: 15px; }
.footer-box p{text-align: justify; margin-bottom: 10px;}
.footer-box h5{color: rgb(9, 150, 214); padding: ;  margin-bottom: 15px;  font-size: 24px; }
.footer-box ul li a{display: block; width: 100%; padding:8px 0; border-bottom: 1px dotted #333; }
.footer-box p b{display: block; text-transform: uppercase;}
.copy-footer{background:#f5f8fc; padding: 15px; text-align: center; position: relative;z-index: 9; border-top: 1px dashed #999;}
.copy-footer p, .copy-footer p a{color: #333; font-size: 14px; }
.fix-social{position: fixed; top: 200px; left: 0px;}
.fix-social a {display: block;}
.fix-social a i{height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px;}
.fix-social .fa-facebook-f{background:#1a4790; }
.fix-social .fa-twitter{background: #1c9deb }
.fix-social .fa-whatsapp{background: #0bb365;}
.fix-social .fa-linkedin-in{background: #4c6ef5;}
.fix-social .fa-instagram{background:linear-gradient( 10deg,#efa513,#9007dc); }
.fix-social .fa-pinterest-p {background:#c62026; }
 .fix-social .fa-youtube{background:#ac1419; }
.quick-link{background:#f5f8fc; text-align: center; padding : 3em 0; border-top: 1px dashed #999; }
.quick-link a{ padding: 2px 8px; font-size: 13px; color: #fff; background: rgb(9, 150, 214); border-radius: 30px; display: inline-block; margin: 4px; }
.quick-link h5{color: #333; font-size: 20px; padding-bottom: 20px;}


#google_translate_element{position: fixed; bottom: 20px; right: 130px;z-index: 99;}
#google_translate_element select{height: 25px; background: #e9e9ed; border-radius: 2px; color: #000; border:1px solid #555;}








 /*end fotter section css*/




.about1{background: url(../images/about.jpg) no-repeat top;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}
.about1.inner-100{background: url(../images/100-inner.jpg) no-repeat center;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}
.about1.inner-200{background: url(../images/200-inner.jpg) no-repeat top;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}
.about1.inner-3{background: url(../images/3-inner.jpg) no-repeat top;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}
.about1.inner-6{background: url(../images/6-inner.jpg) no-repeat top;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}

.about1.inner-10{background: url(../images/10-inner.jpg) no-repeat center;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}
.about1.inner-300{background: url(../images/300-inner.jpg) no-repeat top;background-size: auto; background-size: cover;padding: 15em 0 8em 0 ; position: relative; overflow: hidden;}

.about1 .title{color: #fff; position: relative; text-transform: uppercase;}
.about h3{color: #fdc800; text-align: center; font-size: 15px; }
.about1  small {  color: #fff; display: inline-block; position: relative;}
.about1  small i{margin: 0 5px;}
.about1  small a {  color: #fff; display: inline-block;}
.abouta .abo {padding:0px 30px; text-align: justify;}
.about1 .overley {position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: .5}
.aim-text{background: url(../images/discount_background.jpg)no-repeat top;background-size: auto;background-size: cover;}
.aim-text .text1 { text-align: justify; box-shadow: 0px 0px 5px 3px #0000002e; padding: 20px;margin: 10px; }
.text1 img{color: #0b93d2; width: 5%;  }
.text1{display: inline-block;}
.text1 p{display: inline; margin-left: 10px; text-align: justify;}

.mis{text-align: justify;}
.ttc .img{padding: 10px; text-align: justify;}
.ttc2 {background: #1abc9c; padding: 30px;  text-align: center;}
.ttc-text{padding:15px;}



.cour{background:url(../images/ch.jpg) no-repeat; background-size: cover; padding: 10em 0 10em 0;}
.cour small i{margin: 0 5px; color: #fff; }
.cour .test small {  color: #000; display: inline-block;}
.cour .test  small a {  color: #000; display: inline-block;} 
.contact-info{width: 100%;float: left; height: auto; border: 1px solid #dcdcdc; border-radius: 5px;padding: 30px 15px; background-color: #fafafa;border-radius: 12px; margin: 40px; text-align: center;}
.contact-info i{ color: #5dade2 ; font-size: 38px; text-align: center;  }
.contact-info h3{text-align: center; margin: 20px 0}
.contact-info p {text-align: center; } 
.contact-info p a{text-align: center;color:#222; }

.contat1{background:   #fafafa;}
.contat1 form {padding: 10px 10px; margin: 0 auto;border: 1px solid #ffb607; padding: 50px; height: 400px; }
   .contat1 form input.form-control {font-size: 15px; height: 40px; padding: 20px 20px; margin-bottom: 5px;}
.contat1 textarea {height: 100px; margin-bottom: 30px; padding: 10px;} 

.food{text-align: justify;}
.food-img1{ overflow: hidden; height: auto;  width: 100%; margin-top: 20px; } 
.food ul li{display: inline-block;width: 46%; padding: 5px 8px; border:1px solid #ddd; margin-right: 10px; margin-bottom: 5px; text-align: left;}
.food ul{text-align: left;}
.food ul li i {margin-right: 5px; color: #089add;}


.teacher .row{box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.2);width: 95%;margin: 0 auto; margin-top: 0px;margin-top: 50px; border-radius: 12px;}
.teacher h3{padding: 15px; text-align: left;}
.teacher h4{padding: 15px; text-align: left;  }
.teacher-img img{width: 100%; border-radius: 12px;}
.teacher-box p{text-align: justify; padding:10px;}

.faq{}

.faq-right-side {position: sticky;top: 70px;  padding-left: 30px;}
.faq-right-box {background: #fff;box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%),0 4px 32px 0 rgb(103 151 255 / 9%) ; padding-bottom:20px;)
  border: 1px solid #ddd;}
.faq-right-box h5 {padding: 2em 17px;background:linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%);color: #fff;font-size: 17px;}
.faq-right-box ul {padding: 20px;}
.faq-right-box ul li  {padding: 10px 20px; border: 1px dashed #999; border-left-color: rgb(153, 153, 153);
  border-left-style: dashed; border-left-width: 1px;display: block; margin-bottom: 8px;width: 100%;border-left: 5px solid #999; }
.accordion-item{margin-bottom: 8px; background: #ddd; }
.accordion-item .accordion-body{text-align: left; background: #fff; }
.accordion-item button p{font-weight: 500;}

/*course schedule ande fees*/
.time{padding: 24px; box-shadow: 0 2px 8px 0 rgb(103 151 255 / 9%),0 4px 32px 0 rgb(103 151 255 / 9%) ;}
.time ul li{list-style: none; padding: 12px 0; border-bottom:1px solid #ddd;}
.time ul li span{float: right; font-weight: 500;}
.time strong{padding: 10px; display: block; text-align: center; color: #fff; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); font-weight: 500; font-size: 20px;}
.time a.btn{display: block; margin-top: 20px;}
.schedule-fees{background: ;}
.schedule-fees .row.border{border: 1px solid #ddd; background: #ddd; color: #ddd;overflow: hidden; margin-top: 10pc; margin: 0 15px 0 0;}
.table101 p{text-align: justify;}
.timing{background: #0992d1; padding: 10px;}
.schedule-fees .row.border .col-md-4{padding: 0px;}
.timing p{color: #fff; text-align: center;}
.routine{text-align: left;padding: 10px; }
.routine p{vertical-align: middle; color: #000; text-align: center;}
.white{background: #fff;}
.course-schedual{text-align: left; margin-top: 2em; }
.course-schedual h4{color: #0b93d2;}
.course-topic-box{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; margin: 0 5px 30px 5px; position: relative; height: 270px; overflow: hidden;} 
.course-topic-box b{display: block; margin: 15px 0; font-size: 20px; color: #333;}
.course-topic-box span{width: 30%; display: inline-block;}
.course-topic-box:before{position: absolute; top: 0px; left: 0px; width: 10%; height: 10%;  border-top: 3px solid #0992d1; border-left: 3px solid #0992d1; content: '';transition: .8s all;}
.course-topic-box:after{position: absolute; bottom: 0px; right: 0px; width: 10%; height: 10%;  border-bottom: 3px solid #0992d1; border-right: 3px solid #0992d1; content: '';transition: .8s all;}
.course-topic-box:hover:before{height: 30%; width: 30%;}
.course-topic-box:hover:after{height: 30%; width: 30%;}
.strat-course-topic{margin-bottom: 3em;}
.start-course-food{text-align: justify;}


.include p{text-align: center;}
.include h3{text-align: center;}
.include ul li{list-style: none;}
.include .cc2 ul li{ position: relative; margin-bottom: 8px; display: inline-block;
width: 100%;}
.include ul li i{padding: 8px; }

.why-ttc p{text-align: center;}
.why-ttc h4{text-align: center;}
.why-ttc .ttc-text p{text-align: justify; padding: 7px;}
.ttc-text b{text-align: justify;}

.ho-hour .date-wrp {background-color: #f84a67;padding: 12px 8px;margin-bottom: 15px; } 
.date-wrp span{padding: 7em;  font-weight: 600;color: #fff; font-size: 15px;}
.date-box-wr span{display: inline-block;}

.table-text table{  width: 100%; }
.table-text .table thead{background:linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); padding: 10px; color: #fff;}
.table-text tr td {align-items: center; margin: 5px 0; padding: 5px 8px;border-bottom: 1px solid #ddd;}


.book  .owl-carousel .item{box-shadow:0 0 16px #aaa; margin: 10px; }
.book {margin-top: 30px; box-shadow: ; background: ; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative;}
.book {background: ;  text-align: left;}
.book-box p{font-size: 15px;   text-align: left;
 padding: 10px;}
 .book-box .book-img {border: 2px solid #f84a67;}
.book-box .owl-nav .owl-prev{position: absolute; top: 45%; left: -20px;}
.book-box .owl-nav .owl-next{position: absolute; top: 45%; right: -20px;}
.book-box .owl-nav i{ height: 40px; width: 40px;  text-align: center; line-height: 35px;   border: 2px solid #fff; background-image:  linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);  color: #fff;}

.book-box .book-img p i{font-size: 16px; color: #000;margin: 10px; float:right;}

.excur2 img{padding-top: 30px;}

.other h6{text-align: center;}
.other p{text-align: justify; padding: 10px;}
.other ul li{list-style: none;}
.other ul li i{padding: 10px;}

.yoga12 h2{text-align: center;}
.yoga12 h3{font-size: 20px; margin: 20px 0 20px 0;}
.yoga12 p{text-align: justify;}

.ho-topic ul li{ list-style: none;margin-bottom:10px;  }

.ho-topic ul li i{padding: 8px;}
.topics1 p{text-align: justify;font-size: 16px; margin-bottom: 10px;}
.topics img{width: 35%; text-align: center;}
.topics{width:98%;border: 2px solid #0b93d2;background-color: #fff;padding: 10px 10px;text-align: center;
-webkit-box-shadow: 0 0 5px 0 #a2a2a2dd;box-shadow: 0 0 5px 0 #a2a2a2dd;margin-bottom: 18px; height: 89%;}
.topics b{text-align: center;font-weight: 600;font-size: 15px;margin-bottom: 5px; display: block; margin-top: 10px;}

.topics p{text-align: center;margin-bottom: 0; font-size: 14px;}

.ho-promo .accordion-button {color: #fff; background-image: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);box-shadow: none;}

.ho-promo .accordion-body{background: #ddd;}

.table .bg-pr {background: #0892d1;color: #fff;}
.table{
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);}


.ho-promo .accordion-item{margin-bottom: 8px; background: #ddd; }
.ho-promo .accordion-item .accordion-body{text-align: left; background: #fff; }
.ho-promo .accordion-item button p{font-weight: 500;}
.ho-promo  .accommodation-heading{font-size: 17px;font-weight: 500;position: relative;margin-bottom: 22px;color: #fff;z-index: 9;padding: 8px 5px;}

.ho-promo  .accommodation-heading span{position: absolute;width:100%;background-color: #744974; text-align: center; padding: 8px 8px;}
.heading {border: 2px solid #744974;  background-color: #fff;  padding: 35px 25px 35px 25px; }
.ho-promo  .accommodation-heading p{margin-bottom: 10px;}
.ho-promo  .accommodation-heading img{width: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 8px;}

.schedul .table{width: 100%;}
.table th td{background: #744974;}
.table-text11 .table12   {  color: #fff; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%);}

 .table12 tr th{background:#f84a67; padding: 10px; color: #fff;}
.table-text11 .table12 tr td { align-items: center; margin: 5px 0; padding: 5px 8px;border-bottom: 1px solid #ddd;}

.include-box ul li{list-style: none;position: relative;margin-bottom: 8px;
display: inline-block; vertical-align: top;
width: 46%;}
.include-box ul li i{margin-right: 5px; color: #0b93d2;}
.include-box p i{margin-right: 10px;}
.other-ruls ul li {list-style: none;position: relative;margin-bottom: 8px;
display: inline-block;width: 100%;}
.other-ruls ul li i{margin-right: 10px;}

.section-gap {
  padding: 70px 0;
  position: relative;
}

.ho-course-syllabus h4 {
  background-color: #744974;
  padding: 10px 20px;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  position: relative;
  z-index: 9;
  margin-top: 30px;
}

.sly-text p{
  text-align: justify;
  font-size: 16px;margin-bottom: 20px;}
.theme-list li {list-style: none;position: relative; margin-bottom: 8px;display: inline-block;width: 48%;}
.theme-list .fa-solid, .fas {font-weight: 900;margin-right: 10px;} 


.payment .col-md-6{flex: 0 0 auto;
width: 50%;}
.payment-from{margin: 30px 0;background-color: #faf8fa;border: 2px solid #744974;height: 95%;padding: 70px 35px 0 35px;}
.payment-from  strong{text-align: center;}
.payment-from ul li {padding-left: 40px;position: relative;margin-bottom: 8px;display: inline-block;width: 100%;
}


#ho-course-syllabus h4{padding: 10px; color: #fff; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); margin-bottom: 15px;}

#ho-course-syllabus   strong{color: #0b93d2; font-size: 17px; text-transform: uppercase;}


.slider .carousel-control-next, .slider .carousel-control-prev {
  position: absolute;
  top: 45%;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}

.start-course-food .owl-carousel .owl-nav .owl-next{position: absolute; top: 45%; right: -20px;}
.start-course-food .owl-carousel .owl-nav .owl-prev{position: absolute; top: 45%; left: -20px; }
.start-course-food .owl-carousel .owl-nav i{  height: 40px;  width: 40px;  text-align: center;  line-height: 35px;  border: 2px solid #fff;  background-image: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);  color: #fff;}


.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;
}
.start-enroll-form form .form-control {
  height: 45px;
  font-size: 14px;
}
.start-enroll-form form textarea.form-control {
  height: 100px;
}



.table-text11 table.table tr td{font-size: 14px;}

.accommodation-heading {position: relative; overflow: hidden; margin-top: 20px;}
.accommodation-heading span{display: inline-block; position: absolute; top: 10px; left: 0px; padding: 10px 20px; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%); color: #fff;}

/*X-Large devices (large desktops, 1200px and up)*/



.include .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 45%;
  left: -20px;
}

.include .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 45%;
  right: -20px;
}

.include  .owl-carousel .owl-nav i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 35px;
  border: 2px solid #fff;
  background-image: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(0 148 210) 100%);
  color: #fff;
}

.ttc-img{margin-top: 25%; }



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



.payment-from table{ width: 100%; }
.modal-body{ position: relative; overflow: hidden; padding: 0px;}
.modal-body .col-md-7{padding: 0px; background: transparent;}
.modal-body  button.btn-close{position: absolute; top: 0px; right: 0px; height: 35px; width: 35px; text-align: center; color: #fff; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); opacity: 1; border:1px solid #fff; border-radius: 100%; }
.modal-form{padding: 2em;}
.modal-body .col-md-5{padding: 0px;}
.modal-img{height: 100%;}
.modal-img img{height: 100%;}
.modal-offer strong{display: inline-block; padding: 10px 30px;background:linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); color: #fff; font-size: 30px;  text-align: center; display: block; margin: 0 auto; width: 50%;}
.modal-offer p{font-size: 20px;  text-align: center; font-weight: 800; padding: 15px;}
.modal-form span{display: block; width: 25%; margin: 0 auto; position: relative; z-index: 99; }
.modal-content{background: transparent; border:none;}
.modal-offer{background: #fff; padding: 2em 2em 2em 2em; margin-top: ; text-align: center; position: relative; border-radius: 20px;}





















.fix-pdf{position: fixed; bottom: 100px; left: 40px; height: 55px; width: 55px; line-height: ; z-index: 99; overflow: hidden; border-radius: 35px; padding: 16px; transition: .5s; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); border:2px solid #fff; box-shadow: 0 2px 8px 0 rgb(46 47 48 / 70%), 0 4px 7px 0 rgb(36 36 36 / 50%);}
.fix-pdf a{ display: inline-block; color: #fff; width: 100%; display: block;   }
.fix-pdf a i{font-size: 25px; display: inline-block;}
.fix-pdf:hover{width: 410px;}
.fix-pdf span{display: none; opacity: 0; transition: .8s; display: inline-block; width: 0%; height: 20px; overflow: hidden; }
.fix-pdf:hover span{ display: inline-block; opacity: 1; width: 90% }




.ceremony-box{position: relative; z-index: ;background: #fff; border-radius: 15px;}
.ceremony-img{border-radius: 12px;  overflow: hidden;}
.ceremony-box:after{content: ''; display: none; position: absolute; top: -5px; left: -5px; width: 104%; height: 102% ; background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%); z-index: -1;  border-radius: 12px; opacity: .8;}

.ceremony-text{text-align: center; padding: 20px;}
.ceremony-text p{font-size: 14px;}
.ceremony-text strong{display: block; font-size: 20px; font-family: 'Roboto', sans-serif; margin-bottom: 5px;}








@media (max-width: 1024px) { 
  .benefits-box p {
  width: 74%;
}

.online-box {
  width: 100%;
}
}


/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 
.why-box p{
    display: inline-block;
    width: 72%;
    vertical-align: top;
    text-align: left;
}
}


/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
.left-header {
  float: none;
  text-align: center;
}
.right-header {
  float: none;
  text-align: center;
  display: none;
}
.top-header span{padding: 6px 0;}
.header-start .navbar {
  background: #fff;
  padding: 0px;
}
.header-start .navbar-light .navbar-toggler {
  padding: 0px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: linear-gradient(135deg, rgb(255 144 10) 0%, rgb(6 116 163) 100%);
  color: #fff;
}
.header-start .navbar-light .navbar-toggler  i{margin: 0px; padding: 0px;}
.header-start .navbar-light .navbar-nav .nav-link {
  padding: 11px 20px;
  border-bottom: 1px solid #ddd;
}
.highlight-box b {
  font-size: 18px;
}
.start-yoga-style .col-md-4{width: 50%; max-width: 50%; flex: 50%;}
.yoga-benefits .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.online-box {
  width: 90%;
}
.header-start{z-index: 999;}
.highlight-box {
  position: relative;
  padding: 2em 2em;
  position: relative;
  z-index: 9;
}
.about .col-md-6 {width: 100%; max-width: 100%; flex: 100%;}
.about-text{margin-top: 20px;}
.ayurveda-text {
  padding: 0 0 0 0;
  position: relative;
  z-index: 9;
}
.ayurveda:before{width: 62%;}
.online-box {
  width: 100%;
  margin-bottom: 20px;
}
.online .col-md-3{width: 50%; max-width: 50%; flex: 50%;}
.gallery-img{height: 140px;}
.main-footer .col-md-3{width: 50%; max-width: 50%; flex: 50%; margin-bottom: 20px;}
.fix-social{z-index: 999}
.about-page .col-md-6{width: 100%; max-width: 100%; flex: 100%;}
.about-page::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40%;
  content: '';
  background: #f0625f;
}
.inner-banner {
  padding: 4em 0 6em 0;
  margin-top: 87px;
}
.inner-text {
  background: rgba(255, 255, 255, .5);
  padding: 2em;
  width: 100%;
}
.yoga-ttc-page .col-md-8, .yoga-ttc-page .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.retreat-page .col-md-8, .retreat-page .col-md-4{width: 100%; max-width: 100%; flex: 100%;}
.ayurveda-page-inner .col-md-7, .ayurveda-page-inner .col-md-5{width: 100%; max-width: 100%; flex: 100%;}
.ayurveda-page-text{margin-bottom: 20px;}




.heading a:link{text-decoration: none; margin: 10px;} 

.navbar-brand {position: static;}
.welcome-note .border-left {width: 25%;}
.welcome-note .border-right {width: 25%;}
.subjects .col-md-4{ width:100%; }
.why-box {margin-top: 40px;}
.yoga-alllince .col-md-7{ width:100%; }
.yoga-alllince .col-md-5{ width:100%; }
.rys-sec .col-md-6{ width:100%; }
.home-schedule .col-md-7{ width:100%;}
.home-schedule .col-md-5{ width:100%; }
.yoga-alllince .col-md-4{ width:100%; }
.yoga-alllince .col-md-8{ width:100%; }
.flip-card {height: 235px;}
.flip-card-back strong {display: block; padding: 8px 0; border-bottom: 1px dashed; font-size: 14px;}
.ayurveda .col-md-5{ width: 100%; }
.ayurveda .col-md-7{ width:100%; }
.ayurveda-text {margin-bottom: 40px;}
.abou .col-md-6{ width:100%; }
.vision-text .col-md-5{ width:100%; }
.vision-text .col-md-7{ width:100%; }
.faq .col-md-8{ width:100%; }
.faq .col-md-4{ width:100%; }
.faq-right-box h5 {margin-top: 60px;}
.slider .col-md-8{ width:100%; }
.slider .col-md-4{ width:100%; }
.course-topic-box .col-md-3{width:100%;}

.schedule-fees .col-md-7{width:100%;}
.schedule-fees .col-md-5{width:100%;}
.section-gap .col-md-8{ width:100%; }
.section-gap .col-md-4{ width:100%; }
.why-ttc .col-md-6{ width:100%; }
.payment .col-md-6{ width:100%; }
.contact-item .col-md-4{ width: 100%; }
.ho-topic .col-md-7{ width:100%; }
.ho-topic .col-md-5{ width:100%; margin-top:60px; }
.accommodation .col-md-3{ width:100%; }
.accommodation .col-md-6{ width:100%; }
.flip-card {height: 240px; margin-bottom: 30px;}
.flip-card-back strong {display: block;padding: 7px 0;border-bottom: 1px dashed;font-size: 16px;}
.flip-card-back {
  padding: 34px 30px;
}
.ttc-img{margin-top:0px; }
.navbar-brand {
  width: 10%;
}
.home-sly .col-md-6{max-width: 100%; width: 100%; flex: 100%;}

.rys-text{padding-left: 0px;}
.modal-img{display: none;}
.modal-body .col-md-7{width: 100%; max-width: 100%; flex: 100%;}
#exampleModal{margin-top: 0px;}
.modal-form span {
    display: block;
    width: 35%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.modal-offer strong {
    padding: 6px 30px;
    color: #fff;
    font-size: 24px;
    width: 100%;
}
}




@media (max-width: 667px) { 
.navbar-brand {
  width: 12%;
}
.main-banner .carousel-control-next {
  right: -20px;
  top: 45%;
}
.main-banner .carousel-control-prev {
  left: -20px;
  top: 45%;
}
.main-banner{margin-top: 110px;}
.online-box {
  width: 90%;
  padding: 2em;
}
.team-box h5 {
  margin: 10px;
  font-size: 17px;
}
.contact-form{margin-top: 30px;}
.highlights{padding-top: 0px;}
.ayurveda::before {
  width: 100%;
}
.online .col-md-3{width: 100%; max-width: 100%; flex: 100%;}
.gallery-img {
  height: 210px;
}
.retreat-price {
  display: inline-block;
  width: 67%;
  background: #0b751b;
  color: #fff;
}
.retreat-btn {
  display: inline-block;
  width: 26%;
  text-align: right;
  vertical-align: top;
  height: 100px;
  line-height: 100px;
}
.topics1 a:link {
    text-decoration: none;
    margin: 10px;
}
.course-topic-box {
    padding: 7px;}
.why-img .chakra {
  position: absolute;
  bottom: -24%;
  left: 22%;
  width: 55%;
  opacity: .6;
}
.why-box.why-box2 span {
  margin-left: 0px;
  margin-right: 10px;
  padding: 15px;
}
.flip-card {
  height: 500px;
  margin-bottom: 30px;
}
.flip-card-back strong {
  display: block;
  padding: 15px 0;
  border-bottom: 1px dashed;
  font-size: 21px;
}
.food ul li {
  display: inline-block;
  width: 100%;
  padding: 5px 8px;
  border: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 5px;
  text-align: left;
}
}


 /*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.container{padding: 0 15px;}
.start-yoga-style .col-md-4 {
  width: 100%;
  max-width: 100%;
  flex: 100%;
}
.online-box h3 {
  font-size: 24px;
  position: relative;
}
.online-box p {
  margin: 10px 0;
  position: relative;
}
.our-teacher .owl-nav .owl-prev {
  left: -40px;
}
.our-teacher .owl-nav .owl-next {
  right: -40px;
}
.retreat-page-text ul li {
  list-style: none;
  padding: 10px 20px;
  display: inline-block;
  width: 100%;
}
.ayurveda-price-time span {
  display: inline-block;
  width: 49%;
  }
  .welcome-note .border-left {width: 25%;}
.welcome-note .border-right {width: 25%;}
.timing p {
  color: #fff;
  text-align: center;
}
.table101 p {
  text-align: center;
}
.theme-list li {
  list-style: none;
  position: relative;
  margin-bottom: 8px;
  display: inline-block;
  width: 100%;
}
.course-schedual p{text-align: justify;}
.yoga p{text-align: justify;}
#exampleModal {
  margin-top: 0px;
}
}

@media (max-width: 480px) { 
.left-header{display: block;}
.main-banner {
  margin-top: 80px;
}

.main-banner .carousel-control-prev {
  left: -20px;
  top: 240;
}
.main-banner .carousel-control-next {
  right: -20px;
  top: 40%;
}
.highlights .row {
  margin-top: 0px;
  position: relative;
  z-index: 999;
}
.title {
  font-size: 23px;
  line-height: 27px;
}
.section {
  padding: 3em 0;
}
p{font-size: 14px;}
.highlights{padding-top: 0px;}
.gallery-start .col-md-3, .gallery-start .col-lg-3 {
  padding: 5px 5px;
  width: 50%;
}
.main-footer .col-md-3 {
  width: 1000%;
  max-width: 1000%;
  flex: 1000%;
  margin-bottom: 20px;
}
.top-header span{ font-size: 12px; }
.about-page::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20%;
  content: '';
  background: #f0625f;
}
.retreat-price {
  display: inline-block;
  width: 72%;
  background: #0b751b;
  color: #fff;
}
.ayurveda-price-time span {
  display: inline-block;
  width: 30%;
  font-family: 'Bree Serif', serif;
  padding: 15px;
  background: #0b751b;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  height: 81px;
  vertical-align: top;
}
.navbar-brand {
  width: 18%;
  padding: 5px;
}
.flip-card {
  height: 420px;
  margin-bottom: 30px;
}
.welcome-note {
  position: relative;
  text-align: center;
  padding: 3em 2em;
}
.self-text .title {
  font-family: 'Dancing Script', cursive;
  margin-top: 30px;
}
.modal-offer p {
    font-size: 18px;
    text-align: center;
    font-weight: 800;
    padding: 14px;
}
}


@media (max-width: 400px) { 
.navbar-brand {
  width: 17%;
}
.yoga-style-box .yoga-style-text2 p {
  font-size: 16px;
  color: #000;
  margin: 7px 0;
}
.online-box h3 {
  font-size: 19px;
  position: relative;
}
.top-header .call {
  margin-right: 8px;
  padding-right: 11px;
  border-right: 1px solid #aaa;
}
.retreat-price {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  background: #0b751b;
  color: #fff;
}
.retreat-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: top;
  height: auto;
  line-height: 10px;
  padding: 0px;
}
.welcome-note {
    position: relative;
    text-align: center;
    padding: 2em;
}
.quote p {
    font-size: 20px;
}
.payment-from {
    margin: 19px 0;}
    .flip-card {
  height: 350px;
  margin-bottom: 30px;
}
.modal-form span {
    display: block;
    width: 45%;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.modal-offer {
    background: #fff;
    padding: 1em 1em 1em 1em;
    margin-top: 0em;
    text-align: center;
    position: relative;
    border-radius: 20px;
}
}

@media (max-width: 370px) { 
.flip-card {
  height: 286px;
  margin-bottom: 30px;
}
.fix-whatsapp {
  position: fixed;
  bottom: 80px;
  left: 10px;
  z-index: 999;
}
}

@media (max-width: 320px) { 
.flip-card {
  height: 286px;
  margin-bottom: 30px;
}
.fix-whatsapp {
  position: fixed;
  bottom: 80px;
  left: 10px;
  z-index: 999;
}
}