@charset "utf-8";
/* CSS Document */

/*-------------------- Desktop CSS Start --------------------*/

/*-- Header Section Start --*/
.sky-banner{
background:url(../img/yoga-banner-img.jpg);
background-size: cover;
background-position:center;
width: 100%;	
padding: 8em 1em;
border: 4px solid #fbad1d;
-webkit-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
-moz-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
}
/*-- Header Section End --*/

/*-- WIY Section1 Start --*/
.sky-wiy-sec1{
padding-top:6em;	
padding-bottom:5em;	
}
.sky-wiy-sec1 h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
text-align:center;
margin-bottom:1.5em;
font-family: 'Kalam', cursive;
}
.sky-wiy-sec1 h3{
color: #242424;
font-size: 26px;
line-height: 34px;
margin-bottom:0.5em;
}
.sky-wiy-sec1 p{
color: #242424;
font-size:16px;
line-height:28px;
}
/*-- WIY Section1 End --*/

/*-- WIY Section2 Start --*/
.sky-wiy-sec2{
padding-top:0em;	
padding-bottom:3em;	
}
.sky-wiy-sec2 h2{
color: #fbad1d;
margin-top:2em;
font-size: 30px;
line-height: 40px;
font-weight:600;
text-align:left;
font-family: 'Kalam', cursive;
}
.sky-wiy-sec2 h3{
font-family: 'Kalam', cursive;
font-weight:600;
margin-top:2em;
color: #fbad1d;
font-size: 24px;
line-height: 34px;
margin-bottom:0.5em;
}
.sky-wiy-sec2 p{
color: #242424;
font-size:16px;
line-height:28px;
padding-right:1em;
}
/*-- WIY Section2 End --*/

/*-- WIY Section3 Start --*/
.sky-wiy-sec3-bg{
background: url(../img/principle-of-yoga-img.jpg);
background-size: cover;
text-align:center;
background-position:center;
}
.sky-wiy-sec3{
padding-top:3em;	
padding-bottom:3em;	
}
.sky-wiy-sec3 h2{
color: #fff;
font-size: 32px;
margin-bottom:1.5em;
line-height: 46px;
}
.sky-wiy-sec3 h2 span{
color: #fbad1d;
}
.sky-wiy-sec3 p{
color: #fff;
text-align:left;
font-size:16px;
line-height:28px;
}
.sky-wiy-sec3 ul{
text-align: left;
margin-left: -20px;
margin-top:2em;
color: #fbad1d;	
width: 65%;
}
.sky-wiy-sec3 ul li{
margin-bottom:1em;
}
.sky-wiy-sec3 .white{
color: #fff;
}

/*-- WIY Section3 End --*/

/*-- WIY Section4 Start --*/
.sky-wiy-sec4-bg{
background:url(../img/yoga-wellness-img.jpg);
background-size: cover;
text-align:left;
background-position:center;
}
.sky-wiy-sec4{
padding-top:3em;	
padding-bottom:3em;	
}
.sky-wiy-sec4-fr{
float:right;
width:50%;	
}
.sky-wiy-sec4 h2{
color: #242424;
font-size: 32px;
margin-bottom:1em;
line-height: 46px;
}
.sky-wiy-sec4 h2 span{
color: #fbad1d;
}
.sky-wiy-sec4 p{
color: #242424;
text-align:left;
font-size:16px;
line-height:28px;
}
.sky-wiy-sec4 ol{
text-align: left;
margin-left: -20px;
margin-top:2em;
color: #fbad1d;	
width: 100%;
font-weight: 800;
}
.sky-wiy-sec4 ol li{
margin-bottom:1em;
}
.sky-wiy-sec4 .dark{
color: #242424;
font-weight: 400;
}
/*-- WIY Section4 End --*/


/*-- WIY Section5 Start --*/
.sky-wiy-sec5-bg{
background: #f3f3f3;
margin-bottom:2em;
}
.sky-wiy-sec5{
padding-top:3em;	
padding-bottom:3em;	
}
.sky-wiy-sec5 p{
color: #242424;
text-align:left;
font-size:16px;
line-height:28px;
}
.sky-wiy-sec5 ol{
text-align: left;
margin-left: -20px;
margin-top:2em;
color: #fbad1d;	
width: 100%;
font-weight: 800;
}
.sky-wiy-sec5 ol li{
margin-bottom:1em;
}
.sky-wiy-sec5 .dark{
color: #242424;
font-weight: 400;
}
/*-- WIY Section5 End --*/

/*-------------------- Desktop CSS End --------------------*/

/*-------------------- Responsive CSS Start --------------------*/

@media (max-width: 1200px) {
/*-- WIY Section1 Start --*/	
.sky-wiy-sec1 h3 {
    font-size: 22px;
	margin-bottom: 1em;
    font-weight: 600;
}
/*-- WIY Section1 Start --*/

/*-- WIY Section4 Start --*/
.sky-wiy-sec4-fr {
    width: 60%;
}
/*-- WIY Section4 Start --*/
}
@media (max-width: 991px) { 
/*-- Header Section Start --*/
.sky-banner {
    padding: 6em 1em;
}
/*-- Header Section End --*/

/*-- WIY Section1 Start --*/
.sky-wiy-sec1 {
padding-top: 5em;
padding-bottom: 2em;
}
/*-- WIY Section1 End --*/

/*-- WIY Section2 Start --*/
.sky-wiy-sec2 h2 {
    margin-top: 1em;	
}
/*-- WIY Section2 End --*/

/*-- WIY Section4 Start --*/
.sky-wiy-sec4-bg{
background-position: center right;	
}
.sky-wiy-sec4-fr {
    width: 100%;
}
/*-- WIY Section4 Start --*/
}

@media (max-width: 768px) { 
/*-- Header Section Start --*/
.sky-banner {
    padding: 5em 1em;
}
/*-- Header Section End --*/

/*-- WIY Section1 Start --*/
.sky-wiy-sec1 {
padding-top: 4em;
padding-bottom: 2em;
}
.sky-wiy-sec1 h2{
font-size: 28px;
line-height: 42px;		
}
.sky-wiy-sec2 p {
padding-right:0;	
}

.sky-wiy-sec2 h3 {
margin-top:1em;	
}
/*-- WIY Section1 End --*/

/*-- WIY Section2 Start --*/
.sky-wiy-sec2 h2 {
font-size: 28px;
line-height: 42px;	
margin-bottom: 1em;
}
/*-- WIY Section2 End --*/

/*-- WIY Section3 Start --*/
.sky-wiy-sec3 h2 {
font-size: 28px;
line-height: 42px;	
margin-bottom: 1em;
}
.sky-wiy-sec3 ul{
width:100%;	
}

.sky-wiy-sec3 img{
width:70px;	
}
/*-- WIY Section3 End --*/

/*-- WIY Section4 Start --*/
.sky-wiy-sec4 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.sky-wiy-sec4 img{
width:70px;	
}
.sky-wiy-sec4 h2 {
font-size: 28px;
line-height: 42px;	
}
/*-- WIY Section4 End --*/

/*-- WIY Section5 Start --*/
.sky-wiy-sec5 {
    padding-top: 2em;
    padding-bottom: 2em;
}
/*-- WIY Section5 End --*/
}

@media (max-width: 480px) { 
/*-- Header Section Start --*/
.sky-banner{
padding: 0em;
background-color:#efe6d9;
background-image: none !important;
}
.sky-banner h1 {
font-size: 28px;
padding:1em 1em 0.25em 1em;
text-align:center;
width:100%;
}
.banner-sc{
display: block;	
}
/*-- Header Section End --*/
}
/*-------------------- Responsive CSS End --------------------*/