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

/*		@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap');*/




.feedbackdiv{
       /*
       background-color: #f9fcff;
       */
       background-color: rgba(255,255,255,0.9);
       /*
background-image: linear-gradient(147deg, #f9fcff 0%, #dee4ea 74%);
*/
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    opacity: 1.0;
    box-shadow: 2px 2px 2px 2px #0333;
    margin: 10px auto;
    border:5px dashed #794e03;
}

.feedbackdiv img {
    width:98%;
    opacity:1;
    padding:10%;
    
}

#ypara{
    font-size:2.2rem;
}
		#sign{
		    width:200px;
		    height:200px;
		}
	.txt{
		
		margin-bottom:.0001pt;
		text-align:justify;
		font-size:2.3rem;	
		font-family: 'Kalam', cursive;
		color:#041537;
		margin-top: 50px;

		
		
	}
		
		.writer{
			text-align: right;
		
			font-size: 2.4rem;
			margin-top: 0;
		font-family: 'Kalam', cursive;
		color:#041537;
			font-weight: 700;
			
		}
		#details{
	font-size:1.2vw; 
}

.landscape{
    /*width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    width:484px; height:334px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
}
.portrait{
    
    height:325px; width:250px; border-radius: 20px; border: 10px solid #49045F ; object-fit: fill;  box-shadow: 5px 2px 2px black;
}
.imgfooter{
    
    color: wheat;margin-left: 15px;  font-size: 2rem;font-family: 'Tiro Devanagari Hindi', serif;
}

#btextwrap {
    top: 10%;
    position: absolute;
    left: 30%;
    width: 40%;
    
    background-color: rgba(70,29,91,.7);
    padding: 30px;
}

	.titl{		
    font-size: 40px;
    
	}

.banner_text {
    width: 58%;
    margin: auto;
    margin-top: 90px;
    padding: 50px;
    height: auto;
    height: 230px;
    margin-left: 25%;
    background-color: rgba(70,29,91,.7);
}



.imgtitle{
    color: wheat;margin-left: 15px;  font-family: 'Tiro Devanagari Hindi', serif; 
}
.affix{
	width: 100%;
	
}
.btext p{font-size: 2.3rem;
    font-family: kalam; font-weight:normal;   text-align: justify; color: white
    
}	
.caption1{
	font-family: 'Tiro Devanagari Hindi', serif;
	font-size: 2.3rem;
		color: wheat;
}

	.thumbnail.landscape{
		height: 250px;
		width: 100%;
	}

	#magazines{
		margin-top: -60px;
	}
	/*
	#books{
		margin-top: -60px;
	}
	*/

	.intron{
	font-family: 'Tiro Devanagari Hindi', serif;
font-size: 1.8rem;		
}
	.prof{
		font-size: 2.8rem;
	}
	
	.profile img{
		height: 550px;
		
	}
	.partner {
		width: 34rem;
		height: 35rem;
			
	}
/*	
	.fh5co-top-banner{
		background-position: center center;
		height: 285px;
		
	}
*/	
	

#break{

margin: 0; padding: 0;margin-bottom: 0px;}
.intron{
	font-family: 'Tiro Devanagari Hindi', serif;
font-size: 2.0rem;
}

.caption1{
	font-family: 'Tiro Devanagari Hindi', serif;
	font-size:2.3rem;
	color: wheat;
}
.intron p{text-align: justify;}
#yatracard{
    min-height:400px;
}
.imgfooter{
    background-color: transparent;
    width: 98.6%;
    height: 40px;
    padding: 0px;
    margin-left: 12px;
    margin-bottom: 42px;
    text-align: center;
    margin-top: -30px;
}


@media (min-width:376px) and  (max-width:575px){ 
    		#sign{
display:none;		}

    	#details{
	font-size:3.2vw; 
}
#ypara{
    font-size:1.2rem;
}
    #aalekh{
		height:955px;
	}

    .inner_banner_text{
    
    width: 36%;
    position: absolute;
    top: 25px;
}   
 
 .titl{		
    font-size: 1.7rem;
    
	}
.banner_text {
    width: 90%;
    margin: auto;
    background-color: rgba(120,12,10,0.7);
    margin-top: 100px;
    padding: 10px;
    height: auto;
    height: 199px;
    margin-left: 0;
	color: green;
}
}
@media (max-width: 576px) { 
    #sign{
display:none;		}

    #ypara{
    font-size:1.5rem;
}
    	#details{
	font-size:4.2vw; 
}
    .landscape{
    width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
    
}
.portrait{
    
    height:325px; width:250px; border-radius: 20px; border: 10px solid #49045F ; object-fit: fill;  box-shadow: 5px 2px 2px black;
}

    .col-md-4.landscape_div{
        margin-left:-20px;
        margin-top:-30px;
    }
    #nv{
        font-size:24px;
        line-height:inherit;
    }
    #btextwrap{
 position: absolute;
    top: 5%;
    width: 60%;
    /* margin: auto 10px; */
    text-align: center;
    height: auto;
    left: 20%;
    background-color: #5c107780;
}
    
    #aalekh{
		height:950px;
	}

    .titl{		
    font-size: 1.7rem;
    
	}
 .inner_banner_text{
    
    width: 36%;
    position: absolute;
    top: 25px;
}   
    .imgtitle{
            color: wheat;
    margin-left: 15px;
    font-family: 'Tiro Devanagari Hindi', serif;
    font-size: 2rem;
}
        
    
    .imgdesc{
        font-family: 'Tiro Devanagari Hindi', serif;
    font-size: 2rem;
    }
    .imgfooter{
            background-color: transparent;
    width: 98.6%;
    height: 40px;
    padding: 0px;
    margin-left: 12px;
    margin-bottom: 56px;
    text-align: center;
    margin-top: -30px;
    font-size:1.7rem;
}
    
	.caption1{
	font-family: 'Tiro Devanagari Hindi', serif;
	font-size: 2.3rem;
		color: wheat;
}

	.thumbnail.landscape{
		height: 250px;
		width: 100%;
	}
	#certificates{
		margin-top:1650px;
	}
	#magazines{
		margin-top: -60px;
	}
	
	#books1, #books2{
		margin-top: -60px;
	}
	

	.intron{
	font-family: 'Tiro Devanagari Hindi', serif;
font-size: 1.8rem;		
}
	.prof{
		font-size: 2.8rem;
	}
	
	.profile img{
		height: 550px;
		
	}
	.partner {
		width: 100%;
		height: 100%;
			
	}
	
	
	
	.fh5co-top-banner{
		background-position: center center;
		height: 250px;
		
	}
	
	   .banner_text {
    width: 58%;
    margin: auto;
    background-color: rgba(120,12,10,0.7);
    margin-top:90px;
    padding: 50px;
    height: auto;
    height: 235px;
    margin-left: 25%;
}
	
	.btext {
    font-family: kalam;
    font-weight: normal;
    text-align: justify;
    color: white;
    width: 80%;
    left: 5%;
    position: relative;
    margin: 10px;
    
	}
	.btext p{
	
    
    font-size: 1.2rem;
    
	}
	
	.site-footer{
		margin-top: -60px;
	}
	
	#poems{
		margin-top:-60px;
	}
	#break{
		margin-top: -60px;
	}
	
	#aalekh{
		height:950px;
	}


#btextwrap {
    position: absolute;
    top: 5%;
    width: 60%;
    /* margin: auto 10px; */
    text-align: center;
    height: 235px;
    left: 20%;
    background-color: #5c107780;
}

.btext {
    font-family: kalam;
    font-weight: normal;
    text-align: justify;
    color: white;
    width: 80%;
    left: 5%;
    position: relative;
    margin: 10px;
    top: -30px;
}

}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
    #sign{
display:none;		}

     #ypara{
    font-size:1.6rem;
}
#aalekh{
		height:500px;
	}
	#yatracard{
	    min-height:480px;
	}
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
#aalekh{
		height:520px;
	}

#ypara{
    font-size:1.8rem;
    
}
	#btextwrap {
    top: 28%;
    position: absolute;
    left: 25%;
    width: 62%;
    background-color: rgba(70,29,91,.7);
    padding: 30px;
}    
    
}




/* X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) { 
#aalekh{
		height:400px;
	}
	
	#btextwrap {
    top: 28%;
    position: absolute;
    left: 25%;
    width: 62%;
    background-color: rgba(70,29,91,.7);
    padding: 30px;
}


.landscape{
    /*width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    width:335px; height:260px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
}
.portrait{
    
    height:325px; width:250px; border-radius: 20px; border: 10px solid #49045F ; object-fit: fill;  box-shadow: 5px 2px 2px black;
}


}
@media (min-width: 1300px) { 
#btextwrap {
    top: 28%;
    position: absolute;
    left: 25%;
    width: 62%;
    background-color: rgba(70,29,91,.7);
    padding: 30px;
}

.fh5co-top-banner {
    padding-top: 130px;
    height: 550px;
    background-color: #000;
    /*opacity: 0.5;*/
}


.landscape{
    /*width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    /* width:484px; height:334px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    width:390px; height:260px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
}


.portrait{
    
    height:325px; width:250px; border-radius: 20px; border: 10px solid #49045F ; object-fit: fill;  box-shadow: 5px 2px 2px black;
}
}
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
    
.landscape{
    /*width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    width:430px; height:280px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
}
.portrait{
    
    height:325px; width:250px; border-radius: 20px; border: 10px solid #49045F ; object-fit: fill;  box-shadow: 5px 2px 2px black;
}

#btextwrap {
    top: 10%;
    position: absolute;
    left: 25%;
    width: 60%;
    
    background-color: rgba(70,29,91,.7);
    padding: 30px;
}
	.btext p{
	font-size: 2.2rem;
	}
	.titl{
		font-size: 60px;
	}
	#break{margin-top: 1px;}
	
	
	.fh5co-top-banner {
    background-position: center center;
    height: 970px;
}
	
	#aalekh{
		height:400px;
	}
.banner_text {
    width: 58%;
    margin: auto;
    /* background-color: rgba(120,12,10,0.7); */
    margin-top: 90px;
    padding: 50px;
    height: auto;
    height: 253px;
    margin-left: 25%;
}	
}


@media (min-width: 1500px) { 
.landscape{
    /*width:284px; height:234px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;*/
    width:484px; height:334px; border-radius: 20px; border: 10px solid #49045F; object-fit: fill; box-shadow: 5px 2px 2px black;
}
}