/* Index Css Style */
#style{
	margin-right:100px; font-family:Arrial;
}
#gly
{
	height:450px; width:100%; 
}
.icon
{
	width:100%; height:300px; 
}
.fontset
{
	font-weight:bold;
}

#set
{
	font-size:22px; margin-top:55px;
}
table, tr, th{
	  height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
	 }

/* Index Css End */

///*.bgimg{
	background-image:url('../Image/Body1.jpg');
	background-size:100% 100%;
	background-attachment:fixed;
	width:100%;
	height:650px;
}*///
/* Footer Css Style */


/* Footer Css End */

/*
<nav id="nav" class="navbar navbar-expand-md  bg-dark navbar-dark fixed-top">
  <a class="navbar-brand text-warning font-weight-bold" href="#">LPICE COMPUTER</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText">
    <span class="navbar-toggler-icon"></span>
  </button>
  
  
  
  
    <nav  class="navbar  navbar-expand-md  bg-dark  navbar-dark">
	<div class="container" >
		<a href="" class="navbar-brand text-warning">LPICE</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText">
		<span class="navbar-toggler-icon></span>
		</button>
	</div>
  </nav>
  */

 
 
 
@media (min-width:486px) and  (max-width: 600px)  {
	
.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:50px;
	}
.my{
	margin-left:40px;
	}
.mg1{
	margin-left:50px;
	}
.mg2{
	margin-left:10px;
	}
	#gly
{
	height:300px; width:100%; 
}
.icon
{
	width:100%; height:200px; 
}
	
}

@media only screen and (min-width: 600px) {
	.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:50px;
	}
.my{
	margin-left:40px;
	}
.mg1{
	margin-left:50px;
	}
.mg2{
	margin-left:10px;
	}
	#gly
{
	height:300px; width:100%; 
}
.icon
{
	width:100%; height:200px; 
}
	

}
@media only screen and (min-width: 768px) {
	.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:150px;
	}
.my{
	margin-left:140px;
	}
.mg1{
	margin-left:150px;
	}
.mg2{
	margin-left:50px;
	}
	#gly
{
	height:450px; width:100%; 
}
.icon
{
	width:100%; height:300px; 
}
	

}
@media only screen and (min-width: 992px) {
	.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:150px;
	}
.my{
	margin-left:140px;
	}
.mg1{
	margin-left:150px;
	}
.mg2{
	margin-left:50px;
	}
	#gly
{
	height:450px; width:100%; 
}
.icon
{
	width:100%; height:300px; 
}
	

}
@media only screen and (min-width: 1200px) {
	.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:150px;
	}
.my{
	margin-left:140px;
	}
.mg1{
	margin-left:150px;
	}
.mg2{
	margin-left:50px;
	}
	#gly
{
	height:450px; width:100%; 
}
.icon
{
	width:100%; height:300px; 
}
	

}
@media (max-width: 1600px) {
	.fontset{
		font-family:krutidev; font-size:18px;
		}
table,tr,th{
				height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;
			}
.mg{
	margin-left:150px;
	}
.my{
	margin-left:140px;
	}
.mg1{
	margin-left:150px;
	}
.mg2{
	margin-left:50px;
	}
	
	
	
#gly
{
	height:450px; width:100%; 
}
.icon
{
	width:100%; height:300px; 
}
}
	
	
	@media (min-width:600px) and (max-width: 768px) 
{
	.fontset{  font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:50px;	}
	.my{	margin-left:70px;	}
	.mt{	margin-left:80px;	}
	.mg1{	margin-left:50px;	}
	.mg2{	margin-left:10px;	}
	#gly{	height:300px; width:100%; }
	.icon{	width:100%; height:200px; }
	.ex1{ margin-left:5px; margin-top:-10px;}
}

	
	
	
	
	
	
	
@media (min-width:600px) and (max-width: 768px) 
{
	.fontset{  font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:50px;	}
	.my{	margin-left:70px;	}
	.mt{	margin-left:80px;	}
	.mg1{	margin-left:50px;	}
	.mg2{	margin-left:10px;	}
	#gly{	height:300px; width:100%; }
	.icon{	width:100%; height:200px; }
	.ex1{ margin-left:5px; margin-top:-10px;}
}
@media only screen and (min-width: 768px) 
{
	.fontset{ font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:150px;}	
	.my{	margin-left:180px;	}
	.mt{	margin-left:240px;	}
	.mg1{	margin-left:150px;	}
	.mg2{	margin-left:50px;	}
	#gly{	height:450px; width:100%; }
	.icon{	width:100%; height:300px; }
	.ex1{ margin-left:20px; margin-top:-10px;}
}
@media only screen and (min-width: 992px) {
	.fontset{ font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:150px;}	
	.my{	margin-left:180px;	}
	.mt{	margin-left:240px;	}
	.mg1{	margin-left:150px;	}
	.mg2{	margin-left:50px;	}
	#gly{	height:450px; width:100%; }
	.icon{	width:100%; height:300px; }
	.ex1{ margin-left:20px; margin-top:-10px;}
}
@media only screen and (min-width: 1200px) {
	.fontset{ font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:150px;}	
	.my{	margin-left:180px;	}
	.mt{	margin-left:240px;	}
	.mg1{	margin-left:150px;	}
	.mg2{	margin-left:50px;	}
	#gly{	height:450px; width:100%; }
	.icon{	width:100%; height:300px; }
	.ex1{ margin-left:20px; margin-top:-10px;}
}
@media (max-width: 1600px) {
	.fontset{ font-size:18px;		}
	table,tr,th{ height:20px;  border:2px solid:red;border: 1px solid black; font-size:15px;}
	.mg{	margin-left:150px;}	
	.my{	margin-left:170px;	}
	.mt{	margin-left:170px;	}
	.mg1{	margin-left:150px;	}
	.mg2{	margin-left:50px;	}
	#gly{	height:450px; width:100%; }
	.icon{	width:100%; height:300px; }
	.ex1{ margin-left:20px; margin-top:-10px;}
}