.p-0{padding: 0 !important;}
.templehomediv{min-height: 100vh;max-height: 100vh;background: url(../images/Temple-background-image-desktop.jpg);background-size: cover;background-position: center;}
.aartihomediv{min-height: 100vh;max-height: 100vh;background: url(../images/God-background-image-desktop.jpg);background-size: cover;background-position: center;}
.templehomebtn{text-align: center;width: 100%;position: fixed;bottom: 60px;}
.templehomebtn button{background: transparent;border: 0;}
.templehomebtnbuttonimg{height: 65px;display: block;}
.templehomebtnbuttonarrow{height: 30px;}

.aartielementsdiv{display: flex;justify-content: center;position: fixed;bottom: 0;width: 100%;z-index: +10;}
.aartielementsdiv button{background: transparent;border: 0;color: #fff;font-weight: 600;position: relative;bottom: -36px;text-shadow: 1px 1px #000;}
.aartielementsdiv button:focus-visible{outline: 0;}
.aartielementsdivbuttonimg{height: 70px;display: block;margin-bottom: 8px;z-index: 1;position: relative;}
.flowergifcls{width: 100vw;height: 100vh;z-index: +1;position: absolute;display: none;}
.prasadgifcls{display: none;animation: GFG 5s infinite linear;height: 110px;position: absolute;z-index: +1;left: 48%;top: 48%;}
.deepgifcls{display: none; height: 200px;position: absolute;z-index: +1;left: 35%;top: 46%;}
.aartigifcls{display: none; height: 200px;position: absolute;z-index: +1;left: 35%;top: 46%;}
.lighteffect{position: absolute;left: -8px;top: -13px;z-index: 0;height: 100px;animation-name: spin;animation-duration: 5000ms;animation-iteration-count: infinite;animation-timing-function: linear; }
.aartielementsdivinner{display: flex;flex-direction: column;margin: 0 40px;align-items: center;}

.openingdoorvideodiv{height: 100vh;width: 100%;position: relative;}
.openingdoorvideodiv video{width: 100%;height: 100%;object-fit: cover;display: block;object-position: bottom;}
#templestep3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.showtimingdiv{background-color: #671038;position: absolute;right: 10px;bottom: 10px;padding: 10px;border-radius: 6px;text-align: center;}
.showtimingdiv p{color: #fff;margin-bottom: 0;font-weight: 600;}

.templehometopbar{position: fixed;top: 0;width: 100%;display: flex;justify-content: space-between;padding: 5px 15px;align-items: center;}
.templehometopbarright a{text-decoration: none;}
.templehometopbarright a img{height: 20px;margin: 0 5px;}
.templehometopbarleft img{height: 85px;}
.templehometopbarlefta img{height: 135px;}
.pillerleft{height: 100px;}


#templestep1{display: block;}
#templestep2{display: none;}
#templestep3{display: none;}
/* .templehometopbar{display: none;}
.aartielementsdiv{display: none;}
.showtimingdiv{display: none;} */

/* animation css */

@keyframes GFG { 
    0% { 
        transform: rotate(0deg)  
              translateY(100px) rotate(0deg); 
    } 

    100% { 
        transform: rotate(360deg)  
              translateY(100px) rotate(-360deg); 
    } 
} 

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


#dooropeningvideomob{display: none;}
@media only screen and (max-width: 767px) {
    #dooropeningvideomob{display: block;}
    #dooropeningvideo{display: none;}
    .templehomediv{background: url(../images/Temple-Background-image-Mobile.jpg);background-size: cover;background-position: center;}
    .aartihomediv{background: url(../images/God-Background-image-Mobile.jpg);background-size: cover;background-position: center;}
    .aartielementsdivbuttonimg{height: 60px;display: block;}
    .lighteffect{height: 90px;}
    .flowergifcls{object-fit: cover;object-position: center;}
    .deepgifcls{left: 0;height: auto;width: 100%;}
    .aartigifcls{left: 0;height: auto;width: 100%;}
    .showtimingdiv{text-align: center;display: flex;padding: 5px;right: 5px;bottom: 5px;}
    .showtimingdiv p{font-size: 12px;}
    .showtimingdiv p:first-child{margin-right: 2px;}
    .aartielementsbtn2{left: 0;}
    .aartielementsbtn4{left: 0;}
    .aartielementsdivinner{align-items: center;margin: 0 2px;}
    .pillerleft{height: 85px;}
    .aartielementsdiv button{display: flex;flex-direction: column;align-items: center;}
    
  }