@media only screen and (min-width: 1000px) {
html {
    scroll-behavior: smooth;
  }
  .ig img
  {
  margin-right:40px;
  margin-left:20px;
  float: left;
  width:85px;
  height:33px;
  padding-left:20px;
  margin-top:-6px;
  }
  .header{
      position:fixed;
      width:100%;
      box-shadow:0 2px 4px 0 rgba(22,45,61,.12), 0 0 6px 0 rgba(22,45,61,.12);
   overflow: hidden;
    background-color: #fff;
    height:55px;
  }
  .container1
  {
      width:1400px;
          margin:0 auto;
  
  }
  .header a
  {
  float: left;
  color: #162d3d;
  padding-right:40px;
  margin-top:19px;
  padding-bottom:25px;
  text-decoration: none;
  font-size: 17px
  }
  .header a:hover
  {
      color: #3899ec;
  }
  .banner
  {
      background-color:#ACABAB;
      height:650px;
      padding-top:200px;
      text-align:center;
      font-size:35px;
      color:white;
      background-image:url("backg.PNG");
      background-size:cover; 
  }
  .but
  {
      margin:0px;
      padding-top:12px;
      padding-bottom:12px;
      padding-left:40px;
      padding-right:40px;
      background-color:white;
      border-radius: 20px;
      border:none;
      font-size:15px;
      text-decoration:none;
      
  }
  
  .but:hover{
      color:white;
      background-color:#e27ad1f2;
  }
  .cls
  {
      
      font-size:25px;
      padding-left:370px;
      padding-right:370px;
      font-family:rubic;
  }	
  .para
  {
      
      font-size:18px;
      font-family:rubic;
  
      
  }
  .Learh
  {
      margin-top:30px;
      text-align:center;
      padding-top:40px;
      background-color:#F2F2F2;
      color:black;
      height:1100px;	
      font-family:rubic;
  }
  .big
  {
      padding-top:2px;
      padding-bottom:2px;
      font-size:40px;
  }
  .boxss
  {
      width:182px; height:190px;
    padding:10px;
    padding-top:0px;
    border: 1px solid gray;
    
    background-color:white;
    color:black;
    text-align:left;
    margin:0px;
    }
  
  .but1
  {
      float:left;
      margin-top:15px;
      padding-top:8px;
      padding-bottom:8px;
      padding-left:40px;
      padding-right:40px;
      background-color:black;
      color:white;
      border: 1px solid black;
      border-radius:20px;
      font-size:15px;
      text-decoration: none;
  }
  .but1:hover{
      color:black;
      background-color:white;
  }
  .left{
      
      float:left;
      margin-left:30px;
      margin-top:30px;
  }
  .container
  {
      width:780px;
      margin:0 auto;
  }
  .lh
  {font-size:18px;
      font-family:rubic;
  }
  
  .bs{
      box-shadow:2px 2px solid black;
  }
  .cback
  {
      margin-top:90px;
      background-color:#f1f7fb;
      background-size:cover;
      height:1015px;
  
  
  }
  .gap
  {
      padding-top:40px;
  }
  .conback
  {
      padding-top:40px;
      background-image:url("coba.jpg");
  
      color:white;
      background-size:cover;
      height:750px;
      font-family:rubic;
  
  }
  .cont {
    border-radius: 5px;
    padding: 20px;
  }
  
  input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  
  input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: #45a049;
  }
}
@media only screen and (max-width: 768px) {
    .menu{
        display: none;
	}
	
.ig img{
	height: 40;
    width: 100;
}
	.banner
	{
		background-color:#ACABAB;
		height:250px;
		padding-top:60px;
		text-align:center;
		font-size:16px;
		color:white;
		background-image:url("backg.PNG");
		background-size:cover; 
	}
	.but
	{
		margin:0px;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:40px;
		padding-right:40px;
		background-color:white;
		border-radius: 20px;
		border:none;
		font-size:15px;
		text-decoration:none;
		
	}
	.but:hover{
		color:white;
		background-color:#e27ad1f2;
	}
	.cls
	{
		
		font-size:16px;
		padding-left:10px;
		padding-right:10px;
		font-family:rubic;
	}
	.Learh 
	{
		margin-top:30px;
		text-align:center;
		padding-top:40px;
		background-color:#F2F2F2;
		color:black;
		height:2500px;	
		font-family:rubic;
	}
	.container
	{
		width:100%;
		margin:0 auto;
		
	}
	.big
  {
      padding-top:2px;
      padding-bottom:16px;
      font-size:20px;
  }
  .boxss
  {
      width:182px; height:190px;
    padding:10px;
	padding-top:0px;
	margin:0 auto;
    border: 1px solid gray;
    
    background-color:white;
    color:black;
    text-align:left;
    
	}
	.but1
	{
		float:left;
		margin: 0 auto;
		
		padding-top:8px;
		padding-bottom:8px;
		padding-left:40px;
		padding-right:40px;
		background-color:black;
		color:white;
		border: 1px solid black;
		border-radius:20px;
		font-size:15px;
		text-decoration: none;
		margin: 0 auto;
	}
	
	.but1:hover{
		color:black;
		background-color:white;
	}
	.cback
  {
      margin-top:90px;
      background-color:#f1f7fb;
      background-size:cover;
      height:1020px;
   }
  .gap
  {
      padding-top:40px;
  }
  .conback
  {
      padding-top:40px;
      background-image:url("coba.jpg");
  
      color:white;
      background-size:cover;
      height:1550px;
      font-family:rubic;
  
  }
  .cont {
    border-radius: 5px;
    padding: 20px;
  }
  input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  
  input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: #45a049;
  }
}

@media only screen and (max-width: 768px) {
    .menu{
        display: none;
	}
	
.ig img{
	height: 40;
    width: 100;
}
	.banner
	{
		background-color:#ACABAB;
		height:250px;
		padding-top:60px;
		text-align:center;
		font-size:16px;
		color:white;
		background-image:url("backg.PNG");
		background-size:cover; 
	}
	.but
	{
		margin:0px;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:40px;
		padding-right:40px;
		background-color:white;
		border-radius: 20px;
		border:none;
		font-size:15px;
		text-decoration:none;
		
	}
	.but:hover{
		color:white;
		background-color:#e27ad1f2;
	}
	.cls
	{
		
		font-size:16px;
		padding-left:10px;
		padding-right:10px;
		
		font-family:rubic;
	}
	.Learh
	{
    padding-bottom: 30px;
		margin-top:30px;
		text-align:center;
		padding-top:40px;
		background-color:#F2F2F2;
		color:black;
		height:auto;	
		font-family:rubic;
	}
	.container
	{
		width:100%;
		margin:0 auto;
		
	}
	.big
  {
      padding-top:2px;
      padding-bottom:16px;
      font-size:20px;
  }
  .boxss
  {
      width:182px; height:190px;
    padding:10px;
	padding-top:0px;
	margin-bottom: 20px;;
    border: 1px solid gray;
    
    background-color:white;
    color:black;
    text-align:left;
    
	}
	.cback
	{
		margin-top:90px;
		background-color:#f1f7fb;
		background-size:cover;
		height: auto;
		padding-bottom: 90px;
	}
	.but1
	{
		margin:0 auto;
		float:left;
		padding-top:8px;
		padding-bottom:8px;
		padding-left:40px;
		padding-right:40px;
		background-color:black;
		color:white;
		border: 1px solid black;
		border-radius:20px;
		font-size:15px;
		text-decoration: none;
	}
	.but1:hover{
		color:black;
		background-color:white;
	}
	
  .gap
  {
      padding-top:40px;
  }
  .conback
  {
      padding-top:40px;
	  background-image:url("coba.jpg");
	  padding-bottom: 40px;;
      color:white;
      background-size:cover;
      height:auto;
      font-family:rubic;
  
  }
  .cont {
    border-radius: 5px;
    padding: 20px;
  }
  input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  
  input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: #45a049;
  }
}