header {
    width:  99vw;
    height: 80vh;
    /* background-color: black; */
    background-image: url('../img/top/bg3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}




.square {
   position: relative;
   top: 130px;
   left: 40px;
   width: 30%;
   height: 50%;
   /* background-color: rgba(0, 0, 0, 0.7); */
   background-color: white;
}

      /* top items biryani tandoori lolipop  */

      .main {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

      .mainitem{
        border: 1px solid #add;
        border-radius: 10px;
        padding: 10px;
        margin: 10px;
        width: 200px;
        text-align: center;
        transition: transform .2s;
    }

    .mainitem:hover{
        -ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.0); /* Safari 3-8 */
transform: scale(1.2); 
/* animation-timing-function: ease-in-out; */
    }
    
    .mainitem img {
        max-width: 100%;
    
    }
    
    .pro-title{
        font-weight: bold;
        color: white;

    }

    /* end top items biryani tandoori lolipop  */


    .three{
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
      }
    
      .thead{
        width: 100%;
        display: inline;
        height: auto;
        text-align: center;
        margin-top: 2%;
        color: white;
      }
    
      .smalllogo{
        padding: 1%;
        margin: 1%;
        width: 30%;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
    
      .smalllogo h3{
        font-size: 2rem;
      }
    
      .smalllogo img{
        width: 30%;
        align-self: center;
        align-items: center;
        display: block;
        margin: auto;
        
      }
  
      /* why choose us code ended  */


       /* slideshow code  */
    .mySlides {display:none;}

    .slides img{
      border-radius: 10px;
      
    }
   

    .story{
     width: 100vw;
   
     margin-top: 20px;
     align-items: center;
     text-align: center;
     padding: 10px;

     background-image: url('../img/top/bggg.png');


    }

    .slides{
      width: 900x;
      /* padding-left: 500px; */
      margin: auto;
      width: 500px;

    }

    .story h2{
      color: white;
      text-shadow: 3px 6px 10px black;
    
    }

   /*  end slideshow code  */

   /* lolipo  */
   .loli{
    width: 99vw;
    height: 800px;
    margin-top: 20px;
  
    background-image: url("../img/top/LOLI2.png");
   }
 
   .loli video{
     width: 27%;
     padding-left: 120px;
     padding-top: 30px;
   }

   /* end lolipop  */