body{width:100%; margin: 0; background-image:url("../img/background.jpg"); background-repeat: repeat; background-attachment: fixed; background-size: 100%; text-align: center; font-family:Mukta; Noto+Sans+Bengali,Tomosini, Alkatra; translate="no" }

a:link {text-decoration: none; color: none}
a:hover {text-decoration:none; cursor:pointer; color: #000}


@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');

.responsive {width: 100%; height: auto;}
.container{width:100%; display: flex; text-align: center; align-items: center; align-content: center; justify-content: center}
.container_ban{width:100%; display: flex; text-align: center; align-items: center; align-content: center; justify-content: center; margin-top: 1%; margin-bottom: 2%}
.logo{width: 16%; margin-left: 1%; margin-right: 1%}
.spon{width:8%; margin: 0.5%}
.menubar{width: 100%; display: flex; align-content: center; justify-content: center; text-align: center; align-items: center; margin-top: 0.5%; margin-bottom: 0.5%}
.menutab{font-size: 15px; text-transform: uppercase; width: auto; margin-left: 1%; padding-right: 1%; text-decoration: none; color: brown; font-weight: 600}
.s1{width:19%; margin: 0.35%; overflow: hidden; height: 400px; align-items: center; justify-content: center; align-content: center; position: relative; display: flex }
.s1txt_bangla{width: 90%; display: inherit; margin-top: 80%; position: absolute; background-color: rgba(236, 0, 140, 0.4); padding: 2%; 4%; padding:1% ; font-size:24px; line-height: 26px; font-weight: bold; text-decoration: none}
.s2{width:19%; margin: 0.35%; overflow: hidden; height: 400px; align-items: center; justify-content: center; align-content: center; color: white}
.s2txt_bangla{width:17.6%; position: absolute; font-family:Noto+Sans+Bengali; font-size:24px; line-height: 26px; font-weight: bold; background-color: rgba(255, 255, 255, 0.6);  display: block; margin-top: -12.75%; margin-left:0.7%}
.s3{width:19%; margin: 0.35%; overflow: hidden; height: 400px; align-items: center; justify-content: center; align-content: center}
.s4{width:19%; margin: 0.35%; overflow: hidden; height: 400px; align-items: center; justify-content: center; align-content: center}
.pannel_right{width:16.5%; margin-left: 1.5%; margin-bottom: 3%; align-content: center; align-items: center; justify-content: center; margin-top: 5%;}
.pannel_left{width:40%; margin-top: 3%;}
.right_st{width: 46%; float: left; margin-top: 2.5%; align-items: center; justify-content: center; align-content: center; margin-bottom: 0.5%}
.story1{width:50%; float: left; margin-right: 4%}
.story_img_hm{width:100%; height: 235px; overflow: hidden; margin-bottom: 0.5%; margin-top: 4%;}
.headline_medium{width: 100%; text-align: center; font-size:22px; font-weight:bold; line-height: 25px; padding-top: 3%; color: brown; padding-bottom: 2%}
.link_white(font-family: Noto+Sans+Bengali; color:#fff;)
.tv_pan{width: 100%; padding-top: 15%}
.img_sm{width:36%; margin-right: 3%; float: left}
.img_sm_txt{width: 60%; float: left; padding-right: 0.5%; font-size:14px; font-weight: bold; line-height: 19px; text-align: left}
.mid_cont{width:13.75%; margin-top:1.25%; margin-left: 0.5%; margin-right: 0.5%; border-top:solid; border-top-width: 2px; border-top-color: #255766; padding-top: 0.25%; margin-bottom: 2%}
.mid_cont_im{width: 100%; height: 100px; overflow: hidden}
.skin_lft{width:10%; top:0; left:0; align-content: center; align-items: center; position: fixed}
.skin_rght{width:10%; top:0; right:0; align-content: center; align-items: center; position: fixed}

.section{font-size:22px; text-align: center; color:white; margin-top:2%; background-color:#255766; padding-left: 1%; padding-right: 1%; margin-bottom: 2%}



@media only screen and (max-width: 620px) {
  /* For mobile phones: */
	
	.logo{width: 36%;}
	.text1{font-family:'Mukta'; font-weight:300; font-size:3.5vw }
	.spon{width:12%; margin: 0.75%}
	.menubar{margin-top: 22%; position: absolute; display: list-item; overflow: auto}
	.menutab{padding-left: 2%; padding-right: 2%; font-size: 13px}
	.top_container{width: 100%; margin-top: 32%; }
	.s1{width:98%; margin-left: 1%; margin-right: 1%}
	.s2, .s3, .s4{display: none}
}