*{  padding: 0px;
    margin:0px;
    box-sizing: border-box;
    font-family:tohoma;
    
}
.main{display:grid;
     grid-template-rows: auto auto 400px  auto auto  40px ;
     grid-template-columns:1fr 1fr 1fr 1fr;
     grid-row-gap:0px;
     gird-auto-rows:320px;
  }
 .slider{grid-row:1/2;grid-column:1/4;background-color:white;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.myporducts{grid-row:1/2;grid-column:4/5;background-color:skyblue;display:flex;justify-content: center;align-items: center;}
.aboutus{grid-row:2/3;grid-column:1/3;background-color:whitesmoke;color:white;overflow:hidden;text-align: center;display:flex;justify-content:center;align-items:center;}
.chairman{grid-row:2/3;grid-column:3/4;-color:#330099;display: flex;justify-content: center;align-items: center;}
    .chairman img{width:80%;height:80%;border-radius: 5px;}
.principal{grid-row: 2/3 ; grid-column: 4/5;background-color:#330099;display:flex;justify-content: center;align-items: center;}
    
.notice{grid-row: 3/4 ; grid-column: 1/3;padding:10px;background-color:whitesmoke;border:2px solid maroon; }
     .notice .r{background-color: whitesmoke;border-bottom: 2px solid green;margin:3px;display:flex;justify-content: center;padding:3px;}
      .notice .r .t{font-family: sans-serif;width:100%; color:maroon;padding:3px;font-size: 1em;margin-bottom: 5px;}
       
.notice1{grid-row: 3/4 ; grid-column: 3/4;background-color:tomato;display: flex;justify-content: center;align-items: center; }
.notice2{grid-row: 3/4 ; grid-column: 4/5;background-color:orangered; }
.dept{grid-row: 4/5 ; grid-column: 1/-1;background-color:orange; }
.footer{grid-row:5/6;grid-column:1/-1;background-color:#003300;color:white;font-size:1em;font-family: sans-serif;text-align: center;}
.copyrights{grid-row:6/7;grid-column:1/-1;background-color:tomato;}


.principal{}
.principal img{width:80%;height:80%;}
.footer p{text-align: center;padding:10px;}
.slider #slider_image{width:100%;height:auto;}
.myporducts .cover .displayname{text-transform:uppercase;width:100%;min-height:60px;height:auto;border:2px solid maroon; padding:5px 0px;background-color: white;color:black;left:auto;right:auto;margin: 0px ;border-radius: 10px;box-shadow: 5px 5px 5px gray;margin-bottom:10px;}
    
   
    .aboutus .h{width:100%;font-weight:900;color:green;font-size:16px;text-align:center;margin:5px;}
.notice img{width:200px;height:auto;border:3px solid #1b9bff;}
 .cover .moreproducts{width:100%;padding:3px; background-color: skyblue;color:#cc3300;font-size: 24px;font-family: cursive;text-align: center;margin-top: 5px;text-decoration: none;display:flex;align-items: center;justify-content: center; margin-bottom: 5px;}
.moreproducts a{color:tomato;text-transform:uppercase;width:90%;height:auto;border:2px solid maroon;padding:10px 5px;background-color: white;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: .75em;border-radius: 30px; background-color:#192156;animation:bk 1s linear 2s infinite alternate ;overflow:hidden;}

.g{width:200px;height:auto;padding:10px; font-size: 20px;font-weight:800;color:maroon;text-align:center; border:5px solid maroon;border-radius: 10px;box-shadow: 5px 5px 10px gray;background-image: url(./Gallery1/g.jpg");background-repeat: no-repeat;background-size: cover;background-color: whitesmoke;}
@keyframes bk{
    0%{
        background:linear-gradiant(orange green yellow);
        color:red;
        
    }
    50%{
        background:linear-gradiant(orange green yellow);
        color:yellow;
        
    }
    100%{
         background:linear-gradiant(blue green blue);
        color:white;
    }
}
.menu ul{float: right;
        margin-right: 5px;}
.menu ul li{
	display: inline-block;
	line-height: 80px;
	margin: 0px 3px;
}
.menu ul li a{
	color: maroon;
	font-size: 14px;
	text-transform: uppercase;
	padding: 7px 5px;
	border-radius:3px ;
        font-weight: bolder;
        text-decoration: none;
}
a.active,a:hover{
	background: #1b9bff;
	transition: .5s;
}
.scroll{display: flex;justify-content: center;align-items: center;color:white;}
.myporducts iframe{display:flex;justify-content: center;align-items: center;width:100%;height:100%;}

.aboutus .pori{width:100%;border:10px solid maroon;border-radius:10px;border-image-source: url("../images/border image1.jpeg");border-image-slice: 70;border-image-repeat:repeat;border-image-width: 20px;display:flex;justify-content:center;align-items:center;}
.aboutus .pori .aboutus1{width:calc(100% - 20px);font-size: 14px;font-family:roboto;border-radius:15px;padding:10px;letter-spacing: 2px;background-color: white;color:black;border-image-outset: 20px;}
.menu ul li i{padding-right:3px;}
.myporducts img{width:130px;height:130px;border-radius:100%;padding:10px;}
.myporducts .cover{color:red;font-weight: 800;text-align: center;width:90%;}
.nav img{width:40px;height:40px;border-radius: 100%;}
#slider_image{width:100%;height:auto;background-color: white; display: flex;justify-content:center;align-items:center;overflow: hidden;}
#slider_image img{width:100%;height:auto;}

@media screen and (max-width:1024px){
    .main{
     display:grid;
     grid-template-rows: auto 300px auto auto auto auto 300px auto auto auto 40px 20px;
     grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
     grid-row-gap: 3px;
     gird-auto-rows:auto;
     }     
    .slider{grid-row:1/2;grid-column:1/-1;background-color:whitesmoke;display:flex;justify-content: center;align-items: center;border-bottom: 2px solid white;}
        .slider #slider_image{width:100%;height:auto;overflow: hidden;}
    .myporducts{grid-row:2/3;grid-column:1/-1;background-color:skyblue;border-bottom: 2px solid white;} 
    .aboutus{grid-row:3/4;grid-column:1/-1;background-color:whitesmoke;color:gold;font-size: 8px;overflow: hidden;border-bottom: 2px solid maroon;padding:0px;}
        .aboutus .aboutus1{width:calc(100% - 20px);height:auto;border:5px;font-size:12px;padding:10px;color:black;margin:5px;border-radius:0px;}
        .aboutus .aboutus1 p{padding:10px;}
    .chairman{grid-row:4/5;grid-column:1/-1;border-bottom: 2px solid white;}
    .principal{grid-row:5/6;grid-column:1/-1;background-color:whitesmoke;display:flex;justify-content: center;align-items: center;color:white;font-size:8px;border-bottom: 2px solid white;}
    .notice{grid-row:6/7;grid-column:1/-1;background-color:#262626;display:flex;justify-content: center;align-items: center;color:white;font-size:8px;border-bottom: 2px solid white;}
            .notice img{width:150px;height:auto;border:3px solid #1b9bff;}
    .notice1{grid-row:7/8;grid-column:1/-1;background-color:#262626;display:flex;justify-content: center;align-items: center;color:white;font-size:8px;}
    .notice2{grid-row:8/9;grid-column:1/-1;background-color:#262626;display:flex;justify-content: center;align-items: center;color:white;font-size:8px;}
    .dept{grid-row:9/10;grid-column:1/-1;background-color:green;display:flex;justify-content: center;align-items: center;}
    .footer{grid-row: 10/11;grid-column:1/-1;background-color: black;color:white;font-size: 10px;}
    .copyrights{grid-row:11/12;grid-column: 1/-1;background-color: whitesmoke;}
  
}