/*
#49736f зелёный 3a9289 #769c75;
#6f3700 красный
#3f3f3f тёмный
#444444
#f7d40e ye
*/


@media (min-width: 1000px){
	.statja{
		width: 97.7%;
	}
	#text, .text, #wrapper1, .abhideja, .mantras{
		transform: translateX(-12px);
	}
	#books table{
		transform: translateX(-15px);
	}
	.govinda{
		margin-left: 5em;
		font-size: 1.2em;
	}
}



@media (min-width: 800px){
	
	.govinda{
		margin-left: 3em;
		font-size: 1.1em;
	}
	
}



@media (min-width: 1281px){
	div,#text, .vaishnav p{
		font-size: 37px !important;
	}
	#links ul li{
		font-size: inherit;
	}
	#author h1{
		font-size: 88px;
		line-height: 73px;
	}
	.lang{
		right: 30px;
	}
	.fon {
		/*margin-bottom: -11px;*/
	}
	.menu ul li a {
		font-size: 30px;
	}
}




/* lg */
@media (max-width: 1280px)
{
	#author h1
	{
		font-size: 67px;
		line-height: 63px;
	}
	#otherBooks #links{
		padding-left: 0%;
		text-align: center;
	}
}


/* md */
@media  (max-width: 1200px)
{
	#links ul li a:hover
	{
		color: #296712;
	}
	#links ul li:hover
	{
		list-style-image: none;
		color: #1e4a0d;
  
	}
	#links{
		padding-left: 0%;
		text-align: center;
	}
	#otherBooks #links{
		padding-left: 25%;
	}
}

/**/

@media  (max-width: 1100px)
{
  
	figure#spinner { 
		height: 287px !important; 
	} 
	#otherBooks #links{
		padding-left: 0%;
		text-align: center;
	}
	.menu ul li a {
		font-size: 23px; 
		padding: 7px 6px;
	}
	.ganesh{
		font-size: 0.9em;
	}
}

/* sm */
@media (max-width: 1000px)
{
	.zajava{
		margin: 0.5em 1em;
	}
  
	#otherBooks #links{
		padding: 2% !important;
	}
	#Bhagavatam {
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
	#logo
	{
		width: 20%;
	}
	#logo img
	{
		width: 100%;
	}
	#author
	{
		width: 55%;
	}
	#book
	{
		width: 25%;
	}
	#links{
		padding-left: 0%;
		text-align: center;
	}
	#next{
		top: 39px;
		right: 117px;
	}
	#prev{
		top: 39px;
		left: 117px;
	}
	#text{
		padding: 0px;
		padding-bottom: 33px;
	}
	.search {
		top: 8px;
	}
	#author h1
	{
		font-size: 47px;
		line-height: 43px;
	}
	.math{
		font-size: 2.3em;
	}
	.content{
		padding: 0 33px;
		padding-bottom: 33px;
	}
	#links ul li{
		padding: 3px 0;
	}
	#fon{
		height: 202px;
	}
	.zajava{
		font-size: 1em;
	}
}


@media (max-width: 900px){
  
  *, div{
    font-size: 19px;
  }
	.html{
		padding: 0;
		font-size: 19px;
	}
	#text{
		font-size: 19px;
	}
	#pred{
		font-size: 1em !important;
	}
	.content{
		font-size: 25px !important;
	}
	.fff{
		font-size: 1em !important;
	}
	.forguru{
		font-size: 1.3em !important;
	}
	.forguru2{
		font-size: 1.2em !important;
	}
	.frame50{
		width: 100%;
	}
	.mantras{ 
		padding: 33px !important;
		font-size: 1em !important;
	}
	.mantras div{
		margin: 0 !important;
	}
	.mantras a{
		font-size: 1.3em !important;
	}
	.fl, .i{
		width: 50% !important;
		display: block;
		margin: 11px 0 !important;
		float: none !important;
	}
	.i{
		top: 11px !important;
	}
	.carouselItem{
		width: 222px;
		height: 177px;
	}
  
	#to_top img{
		width: 55px;
	}
	figure#spinner { 
		height: 277px !important; 
	} 
	div#carousel {
		perspective: 300px !important;
	}
	.ganesh{
		font-size: 0.8em;
	}
	audio{
		width: 100%;
	}
	#click{
		top: -111px;
	}
	#contentContainer{
		transform: scale(0.8);
	}
	.green2{
		height: 200px;
	}
	.c{
		font-size: 1em;
	}
	.textdiv{
		margin: 15px !important;
		padding: 0 !important;
	}
	.vaishnav{
		padding: 33px !important;
		padding-top: 0 !important;
		padding-right: 50px !important;
	}
	.vaishnav .shastra{
		font-size: 27px !important;
	}
	.glav{
		font-size: 1.5em;
	}
	.sambanda{
		font-size: 1em;
	}
	.dalbshe{
		font-size: 1.1em !important;
	}
	.bhag{
		font-size: 101%;
	}
	.shik{
		font-size: 22px;
	}
	.prajodzhana{
		font-size: 23px !important;
	}
	.html h2{
		font-size: 33px;
	}
	.forposts{
		padding: 1.5em 33px;
	}
	.forposts a{
		font-size: 135%;
	}
	.h1{
		font-size: 150%;
	}
	.h2{
		font-size: 133%;
	}
	.h3{
		font-size: 111%;
	}
}


/* xs */
@media (max-width: 800px)
{
	.fff{
		font-size: 0.9em !important;
	}
	.forguru{
		font-size: 1.2em !important;
	}
	.forguru2{
		font-size: 1.1em !important;
	}
	#logo
	{
		width: 20%;
	}
	#author
	{
		width: 60%;
		
	}
	#author h1{
		line-height: 33px;
		font-size: 33px;
	}
	#book
	{
		width: 20%;
	}
	#links{
		padding-left: 0%;
		text-align: center;
	}
	.math{
		font-size: 2em;
	}
	#to_top img{
		width: 55px;
	}
	figure#spinner { 
		height: 247px !important; 
	} 
  
	#contentContainer{
		transform: scale(0.6) translateY(33px);
	}
	blockquote UL{ 
		padding-left: 1em !important;}
	#to_top img{
		transform: scale(0.8);
		left: 14px;
		top: 14px;
		transform-origin: bottom left;
	}
  h2, h2 *{
    font-size: 25px;
  }
}



@media (max-width: 700px)
{
	*, div{
		font-size: 17px;
	}
	.math{
		font-size: 1.4em;
	}
	
	.mantras a{
		font-size: 1.3em !important;
	}
	#links{
		padding-left: 0%;
	}
	.math{
		font-size: 1.8em;
	}
  
	#author h1{
		line-height: 29px;
		font-size: 33px;
	}
	#contentContainer{
		transform: scale(0.6)  translateY(23px);
	}
	.text.vaishnav{
		margin-top: -51px;
	}
	.html p, .html div{
		line-height: 0.9;
	}
	.html h3 {
		font-size: 25px;
	}
	#c{
		bottom: 1px;
	}
}






/* XS Portrait */
@media (max-width: 600px)
{
	.prev, .next, .ss-icon{
		display: none !important;
	}
	.c{
		font-size: 17px;
	}
	*{
		font-size: 14px;
	}
	.content{
		font-size: 21px !important;
	}
	.fff{
		font-size: 0.9em !important;
	}
	.forguru{
		font-size: 1.1em !important;
	}
	.forguru2{
		font-size: 1em !important;
	}
	.mantras a{
		font-size: 1em !important;
	}
	#author h1{
		line-height: 1;
		font-size: 23px;
	}
	#pred{
		font-size: 0.9em !important;
		margin-top: 0.7em;
	}
	#text h2 {
		letter-spacing: -1px;
	}
	p{
		margin: 7px 0;
		padding: 0;
	}
	p.text{
		margin: 7px 0;
		padding: 0;
	}
	.author{
		font-size: 32px;
	}
	.shrimath{
		font-size: 17px;
	}
	iframe:not(#forwatch iframe){
		width: 444px;
		height: 333px;
		display: block;
		margin: auto;
	}
	#links{
		padding-left: 0%;
	}
	#contentContainer{
		transform: scale(0.5)  translateY(23px);
	}

	.math{
		font-size: 1.8em;
	}
	.html{
		font-size: 17px;
	}
	strong{
		font-size: inherit;
	}
	.rama{
		margin: 3px !important;
	}
	.pre{
		padding-left: 11px;
	}
	.shastra{
		font-size: 17px;
	}
	.BRimg{
		display: block;
	}
	.table, #logo, #book{
		padding: 0;
	}
	#prev{
		left: 7px;
		transform: scale(0.5);
	}
	#next{
		right: 7px;
		transform: scale(0.5);
	}
	#predimg{
	}
	#sod{
		top: 19px;
	}
	#sodimg{
	}
	.text{
		padding: 0 10px;
	}
	.textdiv{
		margin: 12px !important;
		padding: 0 !important;
		line-height: 1; 
	}
	.html h1, h1{
		font-size: 27px;
		line-height: 0.7;
	}
	i.prabhu{
		padding: 11px;
	}
	i.col{
		font-size: inherit !important;
		padding: 14px !important;
		margin-left: -12px;
	}
	.shloka{
		font-size: 16px;
	}
	
	h2{
		font-size: 24px;
	}
	h3{
		font-size: 20px;
	}
	.c{
		font-size: 1em !important;
	}
	div{
		font-size: 16px;
	}
	blockquote{
		margin: 0.2em !important;
		margin-left: 0.7em !important;
	}
	.matrix{
		font-size: 17px;
	}
	.vaishnav{
		padding: 12px !important;
	}
	.vaishnav .shastra{
		font-size: 20px !important;
	}
	.vaishnav p{
		font-size: 17px !important;
		line-height: 1.1;
	}
	.dalbshe{
		font-size: 1.1em !important;
	}
	.glav{
		margin: 0px 0 0 11px;
	}
	.sambanda{
		margin: 11px;
	}
	.shik{
		font-size: 16px;
	}
	.gan{
		font-size: 16px;
	}
	b.cent{
		padding: 11px;
	}
	.ganesh{
		font-size: 14px;
	}
	.princ{
		font-size: 19px !important;
	}
	.gita{
		font-size: 16px;
	}
	.predEkadashi{
		font-size: 21px !important;
	}
	.prajodzhana{
		font-size: 19px !important;
	}
	.html h2{
		font-size: 27px;
	}
	.statja{
		font-size: 19px;
	}
	.forposts a{
		font-size: 135%;
	}
	.forposts{
		padding: 1em 17px;
	}
	.sambanda .right {
		display: block !important;
	}
	blockquote UL{ 
		padding-left: 2em !important
	}
	blockquote UL ul{ 
		padding-left: 1em !important
	}
}





@media (max-width: 500px)
{
	*, i{
		font-size: 16px;
	}
	div{
		line-height: 0.8;
    font-size: 16px;	}
	ul li{
		margin-bottom: 11px;
	}
	iframe:not(#forwatch iframe){
		width: 100%;
		height: 177px;
		display: block;
		margin: auto;
	}
	.math{
		font-size: 1.7em;
	}
	.prev, .next{
		display: none;
	}
	.fff{
		font-size: 0.7em !important;
	}
	.forguru{
		font-size: 0.9em !important;
	}
	.forguru2{
		font-size: 0.8em !important;
	}
	.math{
		font-size: 1.7em;
	}
	#carousel{
		display: none;
	}
	.mantras{ 
		padding: 12px !important;
	}
	.zajava {
		margin: 12px;
		font-size: 0.9em;
	}
	.gan{
		font-size: 14px;
		line-height: 1.1;
	}
	.cent{
		width: 100%;
	}
	.w, .m {
		font-size: 1em;
		line-height: 1;
	}
	.g{
		font-size: 1em;
		line-height: 1;
	}
	.chaitanya {
		width: 100%;
	}
	.fl, .i, .mmi {
		width: 100% !important;
	}
	.mm {
		font-size: 16px;
	}
	#fon{
		height: 190px !important;
	}
	.Prabhu{
		width: 100%;
	}
	.fff{
		font-size: 0.8em !important;
	}
	.text .textdiv{
		margin: 0px !important;
		padding: 0 !important;
		line-height: 1; 
	}
	.krishna {
		font-size: 1em;
		margin: 0 12px;
	}
	i.col{
		font-size: inherit !important;
		padding: 12px !important;
	}
	.html h3 {
		font-size: 22px;
	}
	#forwatch{
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		padding: 0 !important;
	}
	#forwatch iframe{
		height: 255px;
		width: 100%;
	}
	.statimg{
		width: 100% !important;
	}
	.forposts a{
		font-size: 135%;
	}
	.firstImg, .bigimg{
		width: 100% !important;
	}
	.bhagavan {
		margin: 0.5em;
	}
	.sans{
		padding: 12px;
		line-height: 1.2;
		font-size: 17px;
		transform: scale(1);
	}
	blockquote UL{ 
		padding-left: 1em !important
	}
	blockquote UL ul{ 
		padding-left: 0.5em !important
	}
	#Bhagavatam {
		padding-left: 7% !important;
		padding-right: 4% !important;
	}
	#Bhagavatam li a{
		font-size: 22px;
	}
	.statimg2{
		width: 100%;
	}
	#pred{
		padding: 0;
	}
	.html{
		font-size: 16px;
	}
	img.slider2{
		transform: scale(0.9);
	}
}



@media (min-width: 400px) and (max-width: 800px){
  .statja i{
    font-size: 1em;
  }
}


@media (max-width: 400px)
{
	*, div{
		font-size: 18px;
	}
	.math{
		font-size: 1.4em;
	}
	.forguru{
		font-size: 0.8em !important;
	}
	.forguru2{
		font-size: 0.7em !important;
	}
	.forposts a{
		font-size: 135%;
	}
	#Bhagavatam li a {
		font-size: 19px;
	}
}