@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-wrapper
{
height: auto;
}

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

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

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

#main-nav
{
display: none;
}


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

.hb-nn-wrapper-head
{
margin: 0 auto;
width: 180px;
margin-bottom: 10px;
}
.hb-nn-wrapper-content
{
width: 100%;
margin-bottom: 10px;
}

.hp-about
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
background-image: -webkit-linear-gradient(180deg, #FF6600 99.5%, #211911 .5%);
}
.hp-about-wrapper
{
width: 96%;
padding: 10px 2% 10px 2%;
height: auto;
}

.hp-about-wrapper h1, h2
{
line-height: 45px;
}

.hp-about-left
{
width: 100%;
height: auto;
}

.hp-about-left-heading
{
width: 90%;
padding: 2%;
float: left;
}

.hp-about-left-heading span
{
display: block;
font-size: 30px;
}

.hp-about-right
{
width: 95%;
margin: 0 auto;
margin: 2%;
}


.hb-hpcont
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.hb-hpcont-wrapper
{
width: 96%;
padding: 10px 2% 10px 2%;
height: auto;
}

.hb-hpcont-image
{
width: 100%;
height: auto;
}

.hb-hpcont-image img
{
width: 100%;
height: auto;
}

.hb-hpcont-content
{
width: 94%;
margin: 0 auto;
padding: 3%;
}


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

.pm-facilitieso-content-border, .pm-facilitiese-content-border
{
border: none;
padding-left: 0px;
}

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

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

#scroll-site
{
display: none;
}



.hb-fs
{
display: none;
}


.hb-top-footer-wrapper
{
width: 98%;
padding: 20px 0px;
height: auto;
}
.hb-top-footer-box
{
float: left;
width: 280px;
height: auto;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
}

/* Prajnana Mission Page Responsive CSS Code Starts From Here */
@media (max-width: 1060px)
{
.hb-pm-intro-wrapper
{
width: 94%;
height: auto;
margin: 0 auto;
}
}
/* Prajnana Mission Page Responsive CSS Code Ends Here */

/* Our Masters Page Responsive CSS Code Starts From Here */

@media only screen and (min-width:220px) and (max-width: 600px)
{
.om-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%;
}

}

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

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

@media only screen and (min-width:220px) and (max-width: 1061px)
{
.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;
}



/* 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 */

}

@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;
}

}

/* Blog Page Responsive Css Code Ends Here */

/* Contact Us Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1000px)
{
.hb-contactus-2p-wrapper
{
width: 96%;
height: auto;
padding: 2%;
}

.hb-contactus-2p-box
{
width: 100%;
height: auto;
margin-bottom: 50px;
}

.hb-contactus-2p-divider
{
display: none;
}

.wpcf7 p {
width: 95%;
margin-right: 4%;
}

}

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


/* Facilities Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.hb-facilities-box
{
margin-bottom: 20px;
}
}

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

/* Facilities Page Responsive Css Code Ends Here */

/* Academics Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.hb-academics
{
width: 96%;
padding: 2%;
height: auto;
}

.hb-academics-wrapper p
{
padding-left: 10px;
padding-right: 10px;
}

}
/* Academics Page Responsive Css Code Ends Here */

/* Our Gallery Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.hb-gallery
{
width: 96%;
padding: 2%;
height: auto;
}

.hb-gallery-wrapper p
{
padding-left: 10px;
padding-right: 10px;
}

}
/* Our Gallery Page Responsive Css Code Ends Here */

/* Our Mission & Vision Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.hb-omv
{
width: 96%;
padding: 2%;
height: auto;
}

.hb-omv-wrapper p
{
padding-left: 10px;
padding-right: 10px;
}

}

@media only screen and (min-width:220px) and (max-width: 550px)
{
.hb-about-us-banner-cont h1
{
font-size: 30px;
}
}
/* Our Mission & Vision Page Responsive Css Code Ends Here */

/* About Us Page Responsive Css Code Starts From Here */
@media only screen and (min-width:220px) and (max-width: 1061px)
{
.hb-about-us-wrapper
{
width: 100%;
height: auto;
}
.hb-about-us-wrapper-limg
{
width: 45%;
height: auto;
margin-right: 3%;
}
.hb-about-us-wrapper-rtext
{
width: 50%;
height: auto;
margin: 0;
}

.hb-about-us-wrapper-ltext
{
width: 50%;
height: auto;
margin: 0;
}
.hb-about-us-wrapper-rimg
{
width: 45%;
height: auto;
margin-left: 3%;
}
}

@media only screen and (min-width:220px) and (max-width: 700px)
{
.hb-about-us-wrapper-limg
{
width: 100%;
height: auto;
}
.hb-about-us-wrapper-rtext
{
width: 95%;
height: auto;
margin: 0;
padding: 2%;
}

.hb-about-us-wrapper-ltext
{
width: 95%;
height: auto;
margin: 0;
padding: 2%;
}
.hb-about-us-wrapper-rimg
{
width: 100%;
height: auto;
margin: 0;
}

}
/* About Us Page Responsive Css Code Ends Here */


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

@media only screen and (min-width:260px) and (max-width: 400px)
{
#sitetitle span
{
font-size: 30px!important;
}
#site-addr {
width: 140px;
position: relative;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-60%, 0%);
  }
}

@media only screen and (min-width:300px) and (max-width: 630px)
{
.hp-about-left-container {
width: 95%;
margin-bottom: 30px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
.hp-about-left-container img{
width: 100%;
}

}


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

.pm-facilitiese-img, .pm-facilitiese-content, .pm-facilitieso-img, .pm-facilitieso-content
{
width: 100%;
height: auto;
}

.pm-facilitiese-content-box, .pm-facilitieso-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-facilitiese-content, .pm-facilitieso-content
{
width: 100%;
height: auto;
}

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

.pm-facilitiese-content-box, .pm-facilitieso-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-facilitiese-img
{
width: 600px;
margin: 0 auto;
height: 350px;
position: relative;
  
}
}

@media only screen and (min-width:800px) and (max-width: 1061px)
{
.pm-facilitiese-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:220px) and (max-width: 1061px)
{

.hb-guruji-msg
{
width: 100%;
/*margin: 1% 0;*/
margin: 0;
height: auto;
padding: 0;
}
.hb-guruji-msg-wrapper
{
width: 96%;
padding: 10px 2% 10px 2%;
height: auto;
}

.hb-guruji-msg-wrapper-image
{
width: 100%;
height: auto;
}

.hb-guruji-msg-wrapper-image img
{
width: 100%;
height: auto;
}

.hb-guruji-msg-wrapper-heading, .hb-guruji-msg-wrapper-content
{
width: 94%;
margin: 0 auto;
padding: 3%;
}
}