body{
	background-color: #red;
	width: auto;
	height:auto;
	padding:0px;
	margin:Auto;
	alignment-adjust:central;
	font-family: Kalpurush, Arial, Helvetica, Sans-Serif;
	font-size:16px;
	
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0;	
	padding-right: 10px;
	padding-left: 10px;
	font-size:3 rem;
  border-bottom: 3px solid orange;
  width: 100%;
  font-family: Kalpurush,Arial, Helvetica, Sans-Serif; 
}

 h2 {
	margin: 0;	
	padding-right: 10px;
	padding-left: 10px;
	font-size:3 rem;
	font-family: Kalpurush,Arial, Helvetica, Sans-Serif; 
}
 h3 {
	margin: 0;	
	padding-right: 5px;
	padding-left: 5px;
	font-size:2 rem;
	font-family: Kalpurush,Arial, Helvetica, Sans-Serif;
}
 h4, h5, h6 {
	margin: 0;	
	padding: 0;
	font-size:1 rem;
}

p.fr{
	margin:2px 30px 5px 30px ;

	text-align:center;
	
}

p.frks{
	margin:2px 30px 5px 30px ;
	text-align:center;
	height:80px;
	
}

p.rahim{
	margin:0;
	padding:10px 0 10px 0;
	font-size:2 rem;
	color:#00F;
	font:bold;
	text-align:center;
	border:3px solid #FFF;
	border-radius:10px;
}
tr:nth-child(even) {
  background-color: #F9E6EE;
}
.frbtn{
	padding:1px;
	margin:1px 1px 5px 5px ;
	text-align: center;
	color:#fff;
	border-radius:5px;
	background-color: gray;
	text-decoration:none;
	display:block;
	height:auto;
	width:auto;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;

}
.frbtn:hover {
  background-color: #909;
  color: white;
}

.frksbtn{
	padding:5px 10px 5px 10px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
	color:#fff;
	border-radius:5px;
	background-color: lightblue;
	text-decoration:none;
	height:auto;
	width:150px;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;

}
.frksbtn:hover {
  background-color: #909;
  color: white;
}

.frksbtnh{
	padding:5px 10px 5px 10px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
	color:blue;
	border-radius:5px;
	background-color: lightpink;
	text-decoration:none;
	height:auto;
	width:150px;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
 

}
.frksbtnh:hover {
  background-color: #909;
  color: white;
}
.btn {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding:5px 10px 5px 10px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 1;
  transition: 0.3s;
  border-radius: 20px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.btn:hover {opacity: 0.6}

.frbtnlogin{
	padding:1px;
	margin:5px 3px 5px 3px ;
	text-align: center;
	color:#fff;
	border-radius:5px;
	background-color: red;
	text-decoration:line-through;
	display:block;
	height:20px;
	width:120px;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;

}
.frbtnlogin:hover {
  background-color: #008CBA;
  color: white;
}

a img {
	border: none;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius:10px;
}

.word{
	padding: 10px;
	height:auto;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 7px solid;
	border-right: 7px solid;
	border-color: #000999;
	background-color: #FFF;
	border-radius:10px;
	}

.otherpage{
	padding: 5px;
	height:auto;
	width:96%;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #000999;
	background-color: lightgray;
	border-radius:10px;
	text-align:center;
	}
.user{
	color: blue;
	border-bottom:6px  double;
	text-align: center;
}

.button2 {
  background-color: #C63; 
  color: white; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}
.logo{
	float:left;
	width:25%;
	height:auto;
}
.header{
	height:auto;
	width:100%;
	background-color:#FFF;
}

.header1{
	float:none;
	width:75%;
	height:auto;
}


.navigation1{
	float:none;
	height:auto;
	width:100%;
	display: block;
}

.menu1 {
	padding: 2px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	display:none;
	
}

.ads1 {
	padding: 10px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}

.menu4 {
	padding: 10px;
	height:auto;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 7px solid;
	border-right: 7px solid;
	border-color: gray;
	background-color: #FFF;
	border-radius:10px;
	
}
.menu_home {
	padding: 10px;
	height:auto;
	
	background-color: #FFF;
	border-radius:10px;
	
	
}

.social {
	padding: 5px;
	height:auto;
	margin: 5px;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 10px solid;
	border-right: 10px solid;
	border-color: #000999;
	background-color: #FFF;
	border-radius:10px;
}

.counter {
	padding: 2px;
	height:auto;
	margin: 5px;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
	display:none;
}
.container{
	float: none;
	height:auto;
	width:100%;
	display: block;
}
.menu2 {
	height:auto;
	padding: 5px;
	width:auto;
	margin: 5px;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.ads2 {
	height:auto;
	width:98%;
	display: block;
	padding: 5px;
	height:auto;
	margin: 5px;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	text-align:center;
	border-radius:10px;
}
.tshort{
	height:auto;
	width:96%;
	display: block;
	float:right;
	padding: 4px;
	margin: 10px 2px 10px 2px ;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 7px solid;
	border-right: 7px solid;
	border-color: gray;
	background-color:#FFF;
	text-align:left;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
	border-radius:20px;
}
.home_cart{
	height:160px;
	width:330px;
	display: block;
	float:left;
	padding: 5px;
	margin: 5px 5px 5px 5px ;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 5px solid;
	border-right: 5px solid;
	border-color: blue;
	background-color:#FFF;
	text-align:left;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
	border-radius:20px;
}
div.ttcard {
  width: 97%;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  border-radius:20px;
}

div.ttheader {
  background-color: #E5E4E2;
  color: blue;
  padding: 1px;
  height:auto;
  border-radius:20px;
}

div.ttcontainer {
  padding: 10px;
}
.prevnext{
	height:auto;
	width:96%;

}
.prev{
	height:auto;
	width:43%;
	float:left;
	display: block;
	padding: 4px;
	margin: 10px 2px 10px 2px ;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 5px solid;
	border-right: 5px solid;
	border-color: green;
	background-color:#FFF;
	text-align:left;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
	border-radius:10px;
	text-align:center;
}
.next{
	height:auto;
	width:43%;
	float:right;
	display: block;
	padding: 4px;
	margin: 10px 2px 10px 2px ;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 5px solid;
	border-right: 5px solid;
	border-color: green;
	background-color:#FFF;
	text-align:left;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
	border-radius:10px;
	text-align:center;
}
.link{
	height:auto;
	width:96%;
	display: block;
	float:left;
	padding: 1px;
	margin: 10px 2px 10px 2px ;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 5px solid;
	border-right: 5px solid;
	border-color: gray;
	background-color:#FFF;
	text-align:left;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
	border-radius:10px;
	text-align:center;
}
.studybody {
	height:auto;
	width:100%;
	display: block;
}
.span11 {
	padding:8px;
	display:block;
	background-color:#eaf280;
	text-align:center;
	border:2px solid #FFF;
	border-radius:10px;
	width:55%;
	text-decoration:blink;
}
.span11 a:link{
	color:#FFF;
}
 
.navigation2{
	float: none;
	height:auto;
	width:100%;
	display: block;
}
.current {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.search {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.hitcounter {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.login {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.ads3 {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.menu3 {
	padding: 2px;
	margin: 5px;
	height:auto;
	border: 3px solid;
	border-color: #FFF;
	background-color: #FFF;
	border-radius:10px;
}
.footer{
	height:auto;
	width:98%;
	display: block;
	overflow:auto;
	alignment-adjust:central;
	background-color: #00F;
	border: 3px solid;
	border-color: #FFF;
	border-radius:10px;
	color:#FFF;
}

}


@media only screen and (min-device-width : 800px) {
/* Styles */
body{
	background-color:#FFF;
	width: 800px;
	height:auto;
	padding:0px;
	margin:0px;
	alignment-adjust:central;
	font-family:Kalpurush,Arial, Helvetica, Sans-Serif;
	font-size:15px;
	
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0;	
	padding-right: 15px;
	padding-left: 15px;
	font-size:4 rem; 
}
 h2 {
	margin: 0;	
	padding-right: 10px;
	padding-left: 10px;
	font-size:3 rem;  
}
 h3 {
	margin: 0;	
	padding-right: 5px;
	padding-left: 5px;
	font-size:2 rem; 
}
 h4, h5, h6 {
	margin: 0;	
	padding: 0;
	font-size:1 rem;
}
a img {
	border: none;
}

.logo{
	float:left;
	width:100%;
	height:auto;
}
.header{
	height:auto;
	width:100%;
	
}

.header1{
	float:none;
	width:100%;
	height:auto;
}

.navigation1{
	float: left;
	height:auto;
	width:157px;
	display: block;
}

.menu1 {
	padding: 2px;
	margin: 2px;
	height:auto;
	display:block;
}

.ads1 {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.menu4 {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.social {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.counter {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.container{
	float: left;
	height:auto;
	width:480px;
	display: block;
}
.menu2 {
	height:auto;
	width:476px;
	display: block;
}
.ads2 {
	height:auto;
	width:476px;
	display: block;
}
.studybody {
	height:auto;
	width:480px;
	display: block;
}

 
.navigation2{
	float: left;
	height:auto;
	width:160px;
	display: block;
}
.current {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.search {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.hitcounter {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.login {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.ads3 {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.menu3 {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.footer{
	height: auto;
	width: 800px;
	overflow: auto;
	alignment-adjust: central;
}
}



@media only screen and (min-device-width : 860px) {
/* Styles */
body{
	background-color:#FFF;
	width: 98%;
	height:auto;
	padding-left:2%;
	alignment-adjust:central;
	font-family:Kalpurush,Arial, Helvetica, Sans-Serif;
	font-size:18px;
	
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0;	
	padding-right: 15px;
	padding-left: 15px;
	font-size:4 rem; 
}
 h2 {
	margin: 0;	
	padding-right: 10px;
	padding-left: 10px;
	font-size:3 rem;  
}
 h3 {
	margin: 0;	
	padding-right: 5px;
	padding-left: 5px;
	font-size:2 rem; 
}
 h4, h5, h6 {
	margin: 0;	
	padding: 0;
	font-size:1 rem;
}
a img {
	border: none;
}


.header{
	height:auto;
	width:98%;
	color:#FC0;
}

.header1{
	float:left;
	width:100%;
	height:auto;
}

.navigation1{
	float: left;
	height:auto;
	width:20%;
	display: block;
}

.menu1 {
	padding: 2px;
	margin: 2px;
	height:auto;
	display:block;
}

.ads1 {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.menu4 {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.social {
	padding: 2px;
	margin: 2px;
	height:auto;
}

.counter {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.container{
	float: left;
	height:auto;
	width:58%;
	display: block;
}
.menu2 {
	height:auto;
	width:100%;
	display: block;
}
.ads2 {
	height:auto;
	width:100%;
	display: block;
}
.studybody {
	height:auto;
	width:100%;
	display: block;
}

 
 
.navigation2{
	float: left;
	height:auto;
	width:20%;
	display: block;
}
.current {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.search {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.hitcounter {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.login {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.ads3 {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.menu3 {
	padding: 2px;
	margin: 2px;
	height:auto;
}
.footer{
	height:auto;
	width: 98%;
	overflow: auto;
	alignment-adjust: central;
}
}