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

#header-top
{
width: 100%;
height: auto;
}
#header-top-wrapper
{
width: 100%;
height: auto;
}

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


#header
{
width: 100%;
height: auto;
background-image: none;
}
#header-wrapper
{
width: 100%;
height: auto;
}


#baba-logo, #logo, #guruji-img
{
float: left;
width: 100%;
margin: 10px 0px 30px 0px;
height: auto;
text-align: center;
}


#menu
{
display: none;
}


.pm-banner
{
background-position: center center;
background-attachment: scroll;
}

.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%; }

.pm-uevents
{
width: 100%;
margin-bottom: 40px;
margin: 0;
height: auto;
padding: 0;
}
.pm-uevents-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 50px 0px;
}

.pm-uevents-wrapper h1, h2
{
line-height: 45px;
}

.pm-pnanda
{
display:flex;
flex-direction: column;
}
.pm-pnanda-content { order: 2 }
.pm-pnanda-img { order: 1 }

.pm-hhnanda-content-border, .pm-pnanda-content-border
{
border: none;
padding-left: 0px;
}

.pm-pnanda-content-box h2
{
text-align: left;
}
.pm-pnanda-content-box-bborder
{
float: left;
}

.pm-pnanda-content-box p
{
text-align: left;
}

#scroll-site
{
display: none;
}

.pm-om-box
{
margin-bottom: 20px;
}

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

.pm-hm-apm-wrapper h2
{
font-size: 25px;
line-height: 45px;
}

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

.pm-apm-wrapper h2
{
font-size: 25px;
line-height: 45px;
}

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

.pm-olb-wrapper h2
{
font-size: 25px;
line-height: 45px;
}

.pm-quote
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.pm-quote-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.pm-quote-wrapper
	{
width: 100%;
height: auto;
	}
.pm-quote-wrapper p
{
width: 96%!important;
padding: 2%!important;
height: auto!important;
margin-left: -15px!important;
}

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

.pm-insta-wrapper h2
{
font-size: 25px;
line-height: 45px;
}

.pm-donation
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.pm-donation-wrapper
{
width: 100%;
height: auto;

}



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

.pm-ov-wrapper h2
{
font-size: 25px;
line-height: 45px;
}

.pm-ov-box
{
margin-bottom: 30px;
}


.pm-top-footer-wrapper
{
width: 98%;
padding: 20px 0px;
height: auto;
}
.pm-top-footer-box
{
float: left;
width: 280px;
height: auto;
margin-left: 10px;
margin-right: 10px;
}
	
/* Individual Magazine Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.pm-ind-mag
{
padding-top: 40px;
padding-bottom: 20px;
}
.pm-ind-mag-wrapper
{
width: 95%;
margin: 0 auto;
height: auto;
}

.pm-ind-mag-img
{
width: 280px;
height: auto;
margin: 0 auto;
position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
}

.pm-ind-mag-cont
{
width: 100%;
height: auto;
margin-left: 0px;
margin-top: 30px;
}

}
/* Individual Magazine Page Responsive CSS Code Ends Here */


/* Individual Mission Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 550px)
{
.pm-ind-mission-banner-cont
{
width: 100%;
height: auto;
}
.pm-ind-mission-banner-cont h1
{
font-size: 30px;
}
}

.pm-ind-mission-banner-cont
{
padding-left: 20px;
}
.pm-ind-mission-cont-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-mission-faq-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-mission-imggal-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-mission-oa-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}

/* Individual Mission Page Responsive CSS Code Ends Here */

/* Books Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.books-intro-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}

.books-ind
{
height: 450px;
}

}

/* Books Page Responsive CSS Code Ends Here */

/* Youth Orientation Programme Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1100px)
{
.yop-intro-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}

.yop-intro-wrapper li
{
width: 96%;
padding: 2%;
}

.yop-intro-box-container
{
width: 90%;
height: auto;
padding: 5%;
}
}

@media only screen and (min-width:220px) and (max-width: 600px)
{
.yop-imgcont-img, .yop-imgcont-content
{
width: 100%;
height: auto;
}

.yop-imgcont-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}

.yop-imggal-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
}

@media only screen and (min-width:600px) and (max-width: 1061px)
{
.yop-imgcont-wrapper
{
display:flex;
flex-direction: column;
}

.yop-imgcont-content
{
width: 100%;
height: auto;
}

.yop-imgcont-img
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.yop-imgcont-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

/* Youth Orientation Programme Page Responsive CSS Code Ends Here */

/* Medical Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.med-intro-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}

.med-intro-balighai-wrapper, .med-intro-arua-wrapper, .med-intro-dental-wrapper
{
display:flex;
flex-direction: column;
}
.med-intro-balighai-content, .med-intro-arua-content, .med-intro-dental-content { order: 2 }
.med-intro-balighai-img, .med-intro-arua-img, .med-intro-dental-img { order: 1 }

.med-intro-balighai-content-box h2, .med-intro-arua-content-box h2, .med-intro-dental-content-box h2
{
text-align: left;
}

.med-intro-balighai-content-box p, .med-intro-arua-content-box p, .med-intro-dental-content-box p
{
text-align: left;
}
}

@media only screen and (min-width:220px) and (max-width: 600px)
{
.med-intro-balighai-img, .med-intro-balighai-content, .med-intro-imgcont-img, .med-intro-imgcont-content, .med-intro-bhisindipur-img, .med-intro-bhisindipur-content, .med-intro-arua-img, .med-intro-arua-content, .med-intro-athagarh-img, .med-intro-athagarh-content, .med-intro-dental-img, .med-intro-dental-content
{
width: 100%;
height: auto;
}

.med-intro-balighai-content-box, .med-intro-imgcont-content-box, .med-intro-bhisindipur-content-box, .med-intro-arua-content-box, .med-intro-athagarh-content-box, .med-intro-dental-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

@media only screen and (min-width:600px) and (max-width: 1061px)
{
.med-intro-wrapper
{
display:flex;
flex-direction: column;
}

.med-intro-wrapper-container
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.med-intro-imgcont-wrapper, .med-intro-balighai-wrapper, .med-intro-bhisindipur-wrapper, .med-intro-arua-wrapper, .med-intro-athagarh-wrapper, .med-intro-dental-wrapper
{
display:flex;
flex-direction: column;
}

.med-intro-balighai-content, .med-intro-imgcont-content, .med-intro-bhisindipur-content, .med-intro-arua-content, .med-intro-athagarh-content, .med-intro-dental-content
{
width: 100%;
height: auto;
}

.med-intro-imgcont-img, .med-intro-balighai-img, .med-intro-bhisindipur-img, .med-intro-arua-img, .med-intro-athagarh-img, .med-intro-dental-img
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.med-intro-balighai-content-box, .med-intro-imgcont-content-box, .med-intro-bhisindipur-content-box, .med-intro-arua-content-box, .med-intro-athagarh-content-box, .med-intro-dental-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

/* Medical Page Responsive CSS Code Ends Here */


/*Residential Brhmachari Training Course Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1100px)
{
.rbtc-intro-wrapper
{
width: 95%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
}

@media only screen and (min-width:220px) and (max-width: 600px)
{

.rbtc-intro-2p
{
width: 100%;
height: auto;
margin: 10px 0px;
}

.rbtc-event-img, .rbtc-event-content
{
width: 100%;
height: auto;
}

.rbtc-event-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
.rbtc-intro-wrapper h2::before,
.rbtc-intro-wrapper h2::after {
display: none;
}
}

@media only screen and (min-width:600px) and (max-width: 1061px)
{
.rbtc-intro-2p
{
width: 100%;
height: auto;
margin: 20px 0px;
}

.rbtc-event-wrapper
{
display:flex;
flex-direction: column;
}

.rbtc-event-content
{
width: 100%;
height: auto;
}

.rbtc-event-img
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.rbtc-event-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

/* Residential Brhmachari Training Course Page Responsive CSS Code Ends Here */


/* Geeta Sugeeta Kartavya Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1100px)
{
.gsk-intro-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}

.gsk-event-lp-wrapper
{
display:flex;
flex-direction: column;
}
.gsk-event-lp-content { order: 2 }
.gsk-event-lp-img { order: 1 }

.gsk-event-lp-content-box h2
{
text-align: left;
}

.gsk-event-lp-content-box p
{
text-align: left;
}
}

@media only screen and (min-width:220px) and (max-width: 600px)
{
.gsk-event-lp-img, .gsk-event-lp-content, .gsk-event-img, .gsk-event-content
{
width: 100%;
height: auto;
}

.gsk-event-lp-content-box, .gsk-event-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

@media only screen and (min-width:600px) and (max-width: 1061px)
{
.gsk-event-wrapper, .gsk-event-lp-wrapper
{
display:flex;
flex-direction: column;
}

.gsk-event-lp-content, .gsk-event-content
{
width: 100%;
height: auto;
}

.gsk-event-img, .gsk-event-lp-img
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.gsk-event-lp-content-box, .gsk-event-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}


/* Geeta Sugeeta Kartavya Page Responsive CSS Code Ends Here */

/* Geeta Chanting Competition Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 1100px)
{

.gcc-intro-box
{
width: 90%;
height: auto;
margin: 0 auto;
max-width: 800px;
}

#gcc-content-wrapper
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 10px;
padding-bottom: 30px;
}

#gcc-content-wrapper h2
{
line-height: 30px;
}

iframe {
  width: 100%; /* for responsiveness */
}
}

#gcc-content-box
{
width: 96%;
height: auto;
padding: 2%;
margin-bottom: 20px;
}
/* Geeta Chanting Competition Page Responsive CSS Code Ends Here */


/* Our Mission Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.pm-osf
{
display:flex;
flex-direction: column;
}
.pm-osf-content { order: 2 }
.pm-osf-img { order: 1 }

.pm-osf-content-box h2
{
text-align: left;
}

.pm-osf-content-box p
{
text-align: left;
}
}

@media only screen and (min-width:220px) and (max-width: 600px)
{
.pm-osf-img, .pm-osf-content, .pm-our-mission-img, .pm-our-mission-content
{
width: 100%;
height: auto;
}

.pm-osf-content-box, .pm-our-mission-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

@media only screen and (min-width:600px) and (max-width: 1061px)
{
.pm-our-mission, .pm-osf
{
display:flex;
flex-direction: column;
}

.pm-osf-content, .pm-our-mission-content
{
width: 100%;
height: auto;
}

.pm-our-mission-img, .pm-osf-img
{
width: 600px;
margin: 0 auto;
height: auto;
/*position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);*/
}

.pm-osf-content-box, .pm-our-mission-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}


/* Our Mission Page Responsive CSS Code Ends Here */

	
/* Contact Us Page Responsive CSS Code Starts From Here */

.contact-bigcol
{
width: 95%;
padding: 0px;
margin: 0px;
}

/* Contact Us Page Responsive CSS Code Ends Here */
	
/* Individual Activity Responsive CSS Code Starts From Here */
.cut
{
display: none;
}

.pm-ind-act-banner-cont
{
padding-left: 20px;
}
.pm-ind-act-cont-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-act-faq-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-act-imggal-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.pm-ind-act-oa-wrapper
{
width: 98%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
/* Individual Activity Responsive CSS Code Ends Here */

/* Donation Page Responsive CSS Code Starts From Here */
.pm-donation-banner
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.pm-donation-banner-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.pm-donation-banner-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
	}
.pm-donation-banner-left
{
width: 100%;
height: auto;
margin: 10px 0px;
}

.pm-donation-intro-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}
/* Donation Page Responsive CSS Code Ends Here */

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

.pm-blog-top-heading
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.pm-blog-top-heading-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

.pm-blog-top-heading-wrapper h1
{
font-size: 25px;
line-height: 45px;
}

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

/* Blog Page Responsive Css Code Ends Here */

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

.pm-indblog-posts
{
width: 98%;
padding: 20px 1% 20px 1%;
}

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


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

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

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

/* Featured Post Page Responsive Css Code Starts From Here */

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

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

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

/* Featured Post Page Responsive Css Code Ends Here */


}


/* Individual Page Responsive CSS Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.pm-ip-wrapper
{
width: 96%;
margin: 0 auto;
height: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
}
}

/* Individual Page Responsive CSS Code Ends Here */



/* Other Ashrams Page Responsive CSS Code Starts from Here */

@media only screen and (min-width:220px) and (max-width: 1100px)
{
.pm-ashrams-intro
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.pm-ashrams-intro-wrapper
{
width: 96%;
padding: 20px 2% 20px 2%;
height: auto;
padding: 20px 0px;
}

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

.pm-location
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.pm-location-overlay
	{
		padding-top: 15px;
		height: auto;	
	}
.pm-location-wrapper
	{
		width: 97%;
		padding-left: 1%;
		padding-right: 1%;
		height: auto;
	}
}
/* Other Ashrams Page Responsive CSS Code Ends Here */

/* Head Office New Page responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.head-office-new
{
width: 100%;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
}

@media only screen and (min-width:220px) and (max-width: 500px)
{
.head-office-3c
{
width: 90%;
height: auto;
padding-left: 5%;
padding-right: 5%;
margin-top: 10px;
margin-bottom: 10px;
text-align: left!important;
border-bottom: none;
}
.head-office-new-bar
{
float: left!important;
}

.head-office-content
{
width: 90%;
height: auto;
padding-left: 5%;
padding-right: 5%;
margin-top: 10px;
margin-bottom: 10px;
text-align: left!important;
}

.head-office-map
{
width: 90%;
height: auto;
padding-left: 5%;
padding-right: 5%;
margin-top: 20px;
margin-bottom: 10px;
text-align: left!important;
}
}

@media only screen and (min-width:500px) and (max-width: 1000px)
{

.head-office-new
{
display:flex;
flex-direction: column;
width: 100%;
height: auto;
}
	
.head-office-3c
{
float:left;
width: 500px;
height: auto;
margin: 0 auto;
text-align: left!important;
border-bottom: none;
}
.head-office-new-bar
{
float: left!important;
}

.head-office-content
{
float:left;
width: 500px;
height: auto;
margin: 0 auto;
text-align: left!important;
}

.head-office-map
{
float:left;
width: 500px;
height: auto;
margin: 0 auto;
text-align: left!important;
margin-top: 20px;
}
}


/* Head Office New Page responsive Css Code Ends Here */



/* Head Office Page responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1100px)
{
.headoffice
{
width: 100%;
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.headoffice-map iframe {

top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
    }
	
.headoffice-cont, .headoffice-map
{
float: left;
width: 96%;
margin: 2% 0;
padding-left: 2%;
padding-right: 2%;
height: auto;
text-align: left;
}
}
/* Head Office Page responsive Css Code Ends Here */



/* Lineage of Masters New Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 600px)
{
.lom-top-head-wrapper h1
{
font-size: 45px;
line-height: 50px;
}
}

@media only screen and (min-width:220px) and (max-width: 1100px)
{
.wddmfd-banner
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.wddmfd-banner-overlay
	{
		height: auto;	
	}
.wddmfd-banner-wrapper
	{
		width: 100%;
		height: auto;
	}
.wddmfd-banner-left
{
width: 100%;
height: auto;
}

.wddmfd-banner-right
{
width: 96%;
padding: 2%;
height: auto;
margin: 10px 0px;
}

.wddmfd-rguru-banner
	{
		width: 100%;
		height: auto;
		background-repeat: repeat;
	}
.wddmfd-rguru-banner-overlay
	{
		height: auto;	
	}
.wddmfd-rguru-banner-wrapper
	{
		display:flex;
flex-direction: column;
width: 100%;
height: auto;
	}
.wddmfd-rguru-banner-left { order: 2 }
.wddmfd-rguru-banner-right { order: 1 }

.wddmfd-rguru-banner-left
{
width: 96%;
padding: 2%;
height: auto;
margin: 10px 0px;
}
.wddmfd-rguru-banner-right
{
width: 100%;
height: auto;
margin: 0px;
}
}

@media only screen and (min-width:560px) and (max-width: 1100px)
{

.wddmfd-banner-wrapper
{
display:flex;
flex-direction: column;
width: 100%;
height: auto;
}
	
.wddmfd-banner-left
{
float:left;
width: 560px;
height: auto;
margin: 0 auto;
}
.wddmfd-banner-left img
{
width: 100%;
}

.wddmfd-rguru-banner-wrapper
{
display:flex;
flex-direction: column;
width: 100%;
height: auto;
}
	
.wddmfd-rguru-banner-right
{
float:left;
width: 560px;
height: auto;
margin: 0 auto;
}
.wddmfd-rguru-banner-right img
{
width: 100%;
}

}

/* Lineage of Masters New Page Responsive CSS Code Ends Here */

@media only screen and (min-width:220px) and (max-width: 550px)
{
/* Lineage of Masters Page Responsive CSS Code Starts From Here */
.pm-lom-wrapper
{
display:flex;
flex-direction: column;
width: 100%;
height: auto;
}
.pm-lom-ltext { order: 2 }
.pm-lom-rimg { order: 1 }
.pm-lom-ltext-button	{float: right;}
	
.pm-lom h2
{
line-height: 35px;
}
.pm-lom-limg
{
float:left;
width: 95%;
height: auto;
margin: 0 auto;
padding-top: 15px;
}
.pm-lom-limg img
{
width: 100%;
}

.pm-lom-rtext
{
float:left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: auto;
margin: 0;
}

.pm-lom-ltext
{
float:left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: auto;
margin: 0;
margin-bottom: 20px;
}

.pm-lom-rimg
{
float:left;
width: 95%;
height: auto;
margin: 0 auto;
padding-top: 15px;
}
.pm-lom-rimg img
{
width: 100%;
}
/* Lineage of Masters Page Responsive CSS Code Ends Here */

}

@media only screen and (min-width:550px) and (max-width: 1100px)
{
/* Lineage of Masters Page Responsive CSS Code Starts From Here */
.pm-lom-wrapper
{
display:flex;
flex-direction: column;
width: 100%;
height: auto;
}
.pm-lom-ltext { order: 2 }
.pm-lom-rimg { order: 1 }
.pm-lom-ltext-button	{float: right;}
	
.pm-lom h2
{
line-height: 35px;
}
.pm-lom-limg
{
float:left;
width: 400px;
height: auto;
margin: 0 auto;
padding-top: 20px;
}
.pm-lom-limg img
{
width: 100%;
}

.pm-lom-rtext
{
float:left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: auto;
margin: 0;
}

.pm-lom-ltext
{
float:left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: auto;
margin: 0;
margin-bottom: 20px;
}

.pm-lom-rimg
{
float:left;
width: 400px;
height: auto;
margin: 0 auto;
padding-top: 20px;
}
.pm-lom-rimg img
{
width: 100%;
}
/* Lineage of Masters Page Responsive CSS Code Ends Here */

}

/* Individual Master Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:250px) and (max-width: 1100px)
{
.pm-ind-master-intro-wrapper
{
width: 96%;
height: auto;
padding: 2%;
display:flex;
flex-direction: column;
}

.pm-ind-master-intro-left
{
float:left;
width: 250px;
height: auto;
margin: 0 auto;
padding-bottom: 20px;
}
.pm-ind-master-intro-left img
{
width: 100%;
}

.pm-ind-master-intro-left-content
{
margin-bottom: 30px;
}

.pm-ind-master-intro-right
{
float:left;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: auto;
margin: 0;
}

.pm-ind-master-content-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}
}

/* Individual Master Page Responsive CSS Code Ends Here */


@media only screen and (min-width:220px) and (max-width: 550px)
{
	
.pm-ind-act-banner-cont
{
width: 100%;
height: auto;
}
.pm-ind-act-banner-cont h1
{
font-size: 30px;
}

.pm-quote-wrapper h2
{
width: 100%;
height: auto;
font-size: 18px;
}

.pm-quote-wrapper h3
{
width: 100%;
height: auto;
font-size: 15px;
}
	
.pm-quote-wrapper p
{
width: 100%;
height: auto;
font-size: 14px;
}
}

@media only screen and (min-width:220px) and (max-width: 700px)
{
.pm-ind-act-2p-img, .pm-ind-act-2p-content
{
width: 100%;
height: auto;
}
.pm-ind-act-2p-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

@media only screen and (min-width:700px) and (max-width: 1100px)
{
.pm-ind-act-2p-content
{
width: 100%;
height: auto;
}

.pm-ind-act-2p-img
{
width: 700px;
margin: 0 auto;
height: 720px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
  margin-bottom: 30px;
}

.pm-ind-act-2p-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}


@media only screen and (min-width:220px) and (max-width: 680px)
{
.pm-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)
{
.pm-blog-posts
{
width: 98%;
padding: 10px 1%;
height: auto;
}

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

}

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

.pm-sidebar-fw, .pm-sidebar-sw, .pm-sidebar-tw
{
float: left;
margin-left: 20px;
}

}

@media only screen and (min-width:220px) and (max-width: 700px)
{
.pm-donation-2p-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.pm-donation-box
{
width: 100%;
height: auto;
margin-bottom: 50px;
}

.pm-donation-divider
{
display: none;
}

}

@media only screen and (min-width:220px) and (max-width: 450px)
{
.pm-donation-wrapper-box
{
width: 96%;
height: auto;
padding: 2%;
padding-bottom: 15px;
}

.pm-donation-wrapper-slider
{
width: 100%;
height: auto;
padding: 0px;
}

}

@media only screen and (min-width:220px) and (max-width: 1050px)
{
.pm-uevents-ind
{
width: 100%;
height: auto;
margin: 0;
margin-bottom: 30px;
}

.pm-uevents-ind-img
{
width: auto;
margin: 0 auto;
height: auto;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}

.pm-uevents-ind-text
{
width: 96%;
padding: 2%;
height: auto;
text-align: center;
margin-left: 0px;
}

.pm-uevents-ind-text h3, .pm-uevents-ind-text p
{
text-align: center;
}

.pm-uevents-ind-text-button
{
float: none;
margin: 0 auto;
}

.oustick
{
margin: 0 auto;
}
}

@media only screen and (min-width:450px) and (max-width: 750px)
{
.pm-donation-wrapper-box
{
width: 96%;
height: auto;
padding: 2%;
padding-bottom: 15px;
}

.pm-donation-wrapper-slider
{
width: 100%;
height: auto;
padding: 0px;
margin: 0 auto;
}

}

@media only screen and (min-width:750px) and (max-width: 1050px)
{
.pm-donation-wrapper-box
{
width: 96%;
height: auto;
padding: 2%;
padding-bottom: 15px;
margin-bottom: 30px;
}

.pm-donation-wrapper-slider
{
width: 100%;
height: auto;
padding: 0px;
margin: 0 auto;
}

}


@media only screen and (min-width:220px) and (max-width: 600px)
{

.pm-pnanda-img, .pm-pnanda-content, .pm-hhnanda-img, .pm-hhnanda-content
{
width: 100%;
height: auto;
}

.pm-pnanda-content-box, .pm-hhnanda-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
.pm-apm-wrapper h2::before,
.pm-apm-wrapper h2::after {
display: none;
}

.pm-hm-apm-wrapper h2::before,
.pm-hm-apm-wrapper h2::after {
display: none;
}

.pm-olb-wrapper h2::before,
.pm-olb-wrapper h2::after {
display: none;
}

.pm-quote-wrapper h2::before,
.pm-quote-wrapper h2::after {
display: none;
}

.pm-insta-wrapper h2::before,
.pm-insta-wrapper h2::after {
display: none;
}

.pm-ov-wrapper h2::before,
.pm-ov-wrapper h2::after {
display: none;
}

.pm-blog-top-heading-wrapper h1::before,
.pm-blog-top-heading-wrapper h1::after {
display: none;
}

.pm-ind-act-cont-wrapper h2::before,
.pm-ind-act-cont-wrapper h2::after {
display: none;
}

.pm-ind-act-faq-wrapper h2::before,
.pm-ind-act-faq-wrapper h2::after {
display: none;
}

.pm-lom h1::before,
.pm-lom h1::after {
display: none;
}

}



@media only screen and (min-width:600px) and (max-width: 1061px)
{
.pm-pnanda-content, .pm-hhnanda-content
{
width: 100%;
height: auto;
}

.pm-hhnanda-img
{
width: 600px;
margin: 0 auto;
height: 350px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, 0%);
}

.pm-pnanda-content-box, .pm-hhnanda-content-box
{
width: 96%;
height: auto;
padding-left: 2%;
padding-right: 2%;
padding-top: 30px;
padding-bottom: 30px;
}
}

@media only screen and (min-width:600px) and (max-width: 800px)
{
.pm-pnanda-img
{
width: 450px;
margin: 0 auto;
height: 250px;
position: relative;
  top: 50%;
  right: 50%;
  /* bring your own prefixes */
  transform: translate(68%, 0%);
}
}

@media only screen and (min-width:800px) and (max-width: 1061px)
{
.pm-pnanda-img
{
width: 600px;
margin: 0 auto;
height: 350px;
position: relative;
  top: 50%;
  right: 50%;
  /* bring your own prefixes */
  transform: translate(68%, 0%);
}
}




@media only screen and (min-width:220px) and (max-width: 550px)
{
#header-top-wrapper-social, #header-top-wrapper-sa, #header-top-wrapper-mail
{
width: 100%;
margin: 0 auto;
text-align: center;
}
}

@media only screen and (min-width:350px) and (max-width: 600px)
{
.pm-om-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)
{
.pm-om-box {
width: 250px;
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)
{
.pm-ov-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)
{
.pm-ov-box {
width: 250px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}