@media only screen and (min-width:220px) and (max-width: 1000px)
{
#header
{
position: relative;
/*border: solid;*/
height: auto;
}
h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 4.0vw;
}

.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#header-wrapper
{
height: auto;
padding-bottom: 10px;
}


/*#header-wrap-space
{
display: none;
}*/

#header-guru
{
float: left;
width: 100%;
/*margin: 10px 0px 10px 0px;*/
height: auto;
text-align: center;
}

#header-logo
{
float: left;
width: 100%;
margin: 10px 0px 10px 0px;
height: auto;
text-align: center;
}

#header-letter
{
float: left;
width: 100%;
/*margin: 10px 0px 10px 0px;*/
height: auto;
text-align: center;
}




#logo
{
float: left;
width: 100%;
/*margin: 10px 0px 10px 0px;*/
height: auto;
text-align: center;
}


#sitetitle
{
float: left;
width: 100%;
margin: 1% 0;
height: auto;
text-align: center;
line-height: 40px;
padding-top: 0px!important;
}

#sitetitle-addr
{
float: left;
width: 100%;
margin: 1% 0;
height: auto;
text-align: center;
}

#main-nav
{
display: none;
}

iframe {
    
    width: 100%;
    height: 100%;
}
#scroll-site
{
display: none;
}

.rm-welcome
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-welcome-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.rm-welcome-wrapper h1, h2
{
line-height: 45px;
}
.rm-welcome-wrapper p
{
padding: 10px;
}

.rm-ourserv
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-ourserv-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.rm-ourserv-wrapper h2
{
line-height: 45px;
}

.rm-ourserv-box
{
margin-bottom: 25px;
}

.rm-mv
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.rm-mv-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.rm-mv-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
	}

.rm-mv-box
{
margin-bottom: 30px;
}


.rm-program
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-program-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.rm-program-wrapper h2
{
line-height: 45px;
}
.rm-program-box
{
margin-bottom: 30px;
}



.rm-quote
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.rm-quote-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.rm-quote-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
	}

.rm-celebrations
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-celebrations-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.rm-celebrations-wrapper h2
{
line-height: 45px;
}

.rm-celebrations-box
{
margin-bottom: 25px;
}



.rm-hp-3box-wrapper
{
width: 98%;
padding: 20px 0px;
height: auto;
}
.rm-hp-3box-box
{
float: left;
width: 280px;
height: auto;
margin-left: 10px;
margin-right: 10px;
}



/* Blog Page Responsive Css Code Starts From Here */

.reiki-blog, .reiki-blog-wrapper, .reiki-blog-posts-wrapper
{
width: 100%;
height: auto;
}

/* Blog Page Responsive Css Code Ends Here */

/* Individual Blog Page Responsive Css Code Starts From Here */

.reiki-indblog-posts
{
width: 96%;
padding: 20px 2% 20px 2%;
}

.reiki-indblog-posts-fimg
{
float: left;
width: 100%;
height: auto;
}


.reiki-indblog-posts-fimg img
{
width: 100%;
height: auto;
}

.reiki-indblog-posts-content
{
float: left;
width: 100%;
height: auto;
}

/* Individual Blog Page Responsive Css Code Ends Here */

/* Individual Celebration Page Responsive CSS Code Starts from Here */
.rmic
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rmic-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.rmic-wrapper h1, h2
{
line-height: 45px;
}
.rmic-wrapper p
{
padding: 10px;
}

.rmic-video-box
{
margin-bottom: 30px;
}

/* Individual Celebration Page Responsive CSS Code Starts from Here */

/* Reiki Attunement Page Responsive CSS Code Starts from Here */
.rm-attunement
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-attunement-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.rm-attunement-wrapper h1, h2
{
line-height: 45px;
}
.rm-attunement-wrapper p
{
padding: 10px;
}

.rm-attunement-train
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-attunement-train-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

/* Reiki Attunement Page Responsive CSS Code Ends Here */



/* About Us Page Responsive CSS Code Starts from Here */
.rm-aboutus
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-aboutus-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.rm-aboutus-wrapper h1, h2
{
line-height: 45px;
}
.rm-aboutus-wrapper p
{
padding: 10px;
}
.rm-aboutus-left, .rm-aboutus-right
{
width: 100%;
height: auto;
margin-left: 0px !important;
}

.rm-aboutus-rt
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-aboutus-rt-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.rm-aboutus-rt-wrapper h2
{
line-height: 45px;
}
.rm-aboutus-rt-box
{
width: 96%;
height: auto;
margin-bottom: 30px;
padding-right: 2%;
}


/* About Us Page Responsive CSS Code Ends Here */

/* Contact Us Page Responsive CSS Code Starts from Here */
.rm-contactus
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.rm-contactus-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.rm-contactus-wrapper h1, h2
{
line-height: 45px;
}
.rm-contactus-wrapper p
{
padding: 10px;
}

.rm-location
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.rm-location-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.rm-location-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
	}

/* Contact Us Page Responsive CSS Code Ends Here */

}

@media only screen and (min-width:220px) and (max-width: 680px)
{
.reiki-blog-sidebar
{
width: 320px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
}

}

@media only screen and (min-width:220px) and (max-width: 800px)
{
.reiki-blog-posts
{
width: 98%;
padding: 10px 1%;
height: auto;
}

.reiki-blog-posts-fimg, .reiki-blog-posts-content
{
width: 100%;
height: auto;
margin-left: 0px;
margin-bottom: 10px;
}
}

@media only screen and (min-width:680px) and (max-width: 1000px)
{
.reiki-blog-sidebar
{
float: left;
width: 96%;
padding: 10px 2%;
margin-left: 0px;
}

.reiki-f-sidebar, .reiki-s-sidebar, .reiki-t-sidebar
{
float: left;
margin-left: 20px;
}

}


@media only screen and (min-width:420px) and (max-width: 961px)
{
#site-addr {
width: 260px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:350px) and (max-width: 750px)
{
.rm-ourserv-box, .rm-mv-box, .rm-program-box, .rm-celebrations-box, .rm-hp-3box-box, .rm-location-box{
width: 300px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:250px) and (max-width: 350px)
{
.rm-ourserv-box, .rm-mv-box, .rm-program-box, .rm-celebrations-box, .rm-hp-3box-box, .rm-location-box{
width: 250px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:250px) and (max-width: 600px)
{
.rm-attunement-train-wrapper
{
padding: 10px;
margin-bottom: 20px;
}
.rm-attunement-train-left, .rm-attunement-train-right
{
width: 100%;
height: auto;
margin-left: 0px !important;
margin-bottom: 10px;
}
.rm-attunement-train-left img
{
width: 100%;
height: auto;
}
}
@media only screen and (min-width:600px) and (max-width: 1000px)
{
.rm-attunement-train-wrapper
{
padding: 10px;
margin-bottom: 20px;
}
.rm-attunement-train-left
{
width: 400px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  margin-bottom: 20px;
}
.rm-attunement-train-right
{
float: left;
height: auto;
margin-left: 0px !important;
margin-bottom: 10px;
}
.rm-attunement-train-left img
{
width: 400px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
}
}





@media only screen and (min-width:250px) and (max-width: 400px)
{
.rmic-intro-content
{
width: 100%;
}

.rmic-intro-content h1
{
font-size: 30px;
}

.rmic-video-box
{
width: 250px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  }
}

@media only screen and (min-width:400px) and (max-width: 500px)
{
.rmic-video-box, .rmic-intro-content{
width: 360px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  }
}

@media only screen and (min-width:500px) and (max-width: 800px)
{
.rmic-video-box, .rmic-intro-content{
width: 400px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:300px) and (max-width: 400px)
{
.rm-iyc-content{
width: 94%;
padding: 3%;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  }

.rm-iyc-vidimg
{
width: 100%;
height: auto;
padding-bottom: 20px;
margin-left: 0px;
}
.rm-iyc-vid, .rm-iyc-img
{
width: 100%;
height: auto;
padding-bottom: 20px;
}
.rm-iyc-vid h2, .rm-iyc-img h2
{
text-align: center;
}
.rm-iyc-vid-box
{
margin-bottom: 30px;
margin-left: 0px;
width: 100%;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}
}

@media only screen and (min-width:400px) and (max-width: 780px)
{
.rm-iyc-content{
width: 350px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  }

.rm-iyc-vidimg
{
width: 100%;
height: auto;
padding-bottom: 20px;
margin-left: 0px;
}
.rm-iyc-vid, .rm-iyc-img
{
width: 100%;
height: auto;
padding-bottom: 20px;
}
.rm-iyc-vid h2, .rm-iyc-img h2
{
text-align: center;
}
.rm-iyc-vid-box
{
margin-bottom: 30px;
width: 350px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}
}

@media only screen and (min-width:780px) and (max-width: 1060px)
{
.rm-iyc-content{
width: 350px;
margin-bottom: 25px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  }
.rm-iyc-vidimg
{
width: 100%;
height: auto;
padding-bottom: 20px;
margin-left: 0px;
}
.rm-iyc-vid, .rm-iyc-img
{
width: 800px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}
.rm-iyc-vid h2, .rm-iyc-img h2
{
text-align: center;
}

}

@media only screen and (max-device-width: 1024px) {
.rmic-banner {
background-attachment: scroll!important;
}
}