@media only screen and (min-width : 720px){
#toplinks{
margin-top: -1%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border:2px solid #cdef05;
background-color:purple;
background-attachment:fixed;
height:50px; 
font-size:70%;
}

#toplinks ul li{	
text-decoration:none;
display:inline;
}

#toplinks ul a{
	background-color:yellow;
padding:1px 1px;
display:block;
text-decoration:none;
float:left;
border-right:2px solid #000000;
}

#toplink2{
background-color: #fdcc80;
padding-top: 0.3%;
margin-right: 0;
margin-left: 0;
border-bottom:solid 3px #fc0000;
}

#toplink2 div.caption{
font-weight:normal;
font-size:100%;
font-style:italic;
text-align:center;
margin-left:0;
color:#dc0c0d;
}
#poja{
	display : none ;
}
.olele{
	text-align : center ;
	font-weight : bold ;
}
.fotoMac img{
	width : 30% ;
/*	height : 25% ; */
	text-align : center ;
}

	}
	@media only screen and (max-width : 720.9px){

#toplinks{
	display : none ;
}


#toplink2{
background-color: #fdcc80;
padding-top: 0.3%;
margin-right: 0;
margin-left: 0;
border-bottom:solid 3px #fc0000;
}

#toplink2 div.caption{
font-weight:normal;
font-size:100%;
font-style:italic;
text-align:center;
margin-left:0;
color:#dc0c0d;
}
#punjab , #poja{
	width : 100%;		
	margin-top: -1%;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	border:2px solid #cdef05;
	background-color:purple;
	background-attachment:fixed;
	height:50px; 
	font-size:70%;
	padding : 8px;
}
	.lonto{
		border : 1px solid gold ;
		background-color : purple ;
		margin-right : 8%;
		padding : 3px ;
		font-weight : bold ;
		color : pink ;
		margin-left : 8%;
	}	
	.lonto:hover{
		background-color : orange;
	}
/* Dropdown Button */
.dropbtn {
  background-color: #e498DB;
  color: white;
  padding: 1px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border-radius : 25%;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #68ac6f;
}

/* The container <div> - needed to position the dropdown content */
 .dropdown {
  position: relative;
  display: inline-block;
  float : left ;
  margin-right : 10%;
  margin-left : 2%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
 .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

		
	}

@media only screen and (max-width : 420px){
	#toplinks{
		margin-left:-13%;
	}
#toplinks a{
		font-size: 76%;	
	}
}

@media only screen and (max-width : 350px){
	
	#toplinks{
		margin-left: -15%;
	}	
#toplinks a{
		font-size: 70%;	
	}
}

	@media only screen and (max-width : 200px){
	
	#toplinks{
		margin-left: -23%;
	}	
#toplinks a{
		font-size: 35%;	
	}

}

@media only screen and (max-width:249px){
	div  .pilo{
		
		font-size : 160% ;
	}
	
}
@media only screen and (min-width:250px) {
	  div .pilo{
		
		font-size : 280% ;
	}
	
}