/*Index page styles*/

#menuBah{
        background-color:goldenrod;
        z-index:10; 
        height:30%; 
        width:100%; 
        top:0px;
        } 
.carousel-item img{
                  object-fit:cover; 
                  padding:10px 0px 0px 0px; 
                  height:100%;
                  width: 100%;
                }
#menuBah ul{
    list-style-type:none; 
    display:inline-flex;  
    float:right;  
             } 
#BarBtnDiv{display:none;
       position:absolute;
       left:10px;
       top:50px;
       }	 
             
#menuBah ul li{  
text-transform:capitalize;  
font-family:'Times New Roman', Times, serif;
background-color:goldenrod; 
color:indigo;
          } 
#menuBah ul li a{
                color:indigo;
                }
    
#submenu1{
    display:none;
    } 
#menuBah ul li:hover #submenu1{
                        display:block;
                        position:absolute; 
                         } 
           
#submenu1 ul li{ 
            width:200px; 
            z-index:10; 
            }
#indexBtnBar{visibility: hidden;}
#indexCloseBtn{visibility: hidden;} 


@media(max-width:1024px){#menuBah ul{display:none; visibility: hidden;}}
@media(max-width:1024px){#menuTitle{font-size: 16px;}}
@media(max-width:1024px){#indexBtnBar{display:block; visibility: visible; position:absolute; left:20px; top:90px;}}
@media(max-width:1024px){#menuTitle{text-align: center;}} 
@media(max-width:1024px){#logo{position:relative; float: right; padding:10px 0px 0px 100px;}} 
@media(max-width:1024px){#logo img{width:60px; height: 60px;}} 

/*footer-style*/
#indexQuickLinks{
                list-style-type: none;
                display: inline-flex;
                float: left;
                color:indigo;
                text-transform: capitalize;
               }
    #indexQuickLinks li{
                       padding:10px;
                       font-size:12px;
                       }
  #footer{
         height:30%;
         background-color:goldenrod;
        }
  #quickIcon{
            position:absolute; 
            top:10px; 
            left:200px;
           }
  #displayContacts{
                  position:absolute;
                  left:500px;
                  font-size:13px;
                  font-family:times new roman;
                  color:indigo;
                  line-height:5px;
                  top:10px;
                  }
  #socialLinks{
               position:absolute;
               font-size:13px;
               left:850px;
               color:indigo;
               top:10px;
              }
   #socialLinks ul{
                  list-style-type:none;
                  display:inline-flex;
                  }
   #socialLinks ul li:not(:last-of-type){margin:0px 25px 0px 0px;}
  #indexQuickLinks li:not(:first-of-type){margin: 0px 0px 0px 5px;}
  @media(max-width:1024px){#indexQuickLinks{display:block; font-size:8px;}} 
   @media(max-width:1024px){ #indexQuickLinks li:not(:first-of-type){margin:0px;}} 
    @media(max-width:1024px){#indexQuickLinks li{padding:0px;}} 
       @media(max-width:1024px){#footer{height:25%;}}
        @media(max-width:1024px){#quickIcon{left:25px; font-size:8px;}} 
         @media(max-width:1024px){#displayContacts{left:10px; top:5px; font-size:8px;}} 
          @media(max-width:1024px){#socialLinks ul{display:block; text-align:justify; font-size:13px;}} 
           @media(max-width:1024px){#socialLinks{left:300px; width:150px;}} 
           @media(max-width:1024px){#socialLinks ul li:not(:last-of-type){margin:0px 5px 0px 0px;}} 
            @media(max-width:1024px){#carouselUpdates{font-size:10px;}} 
/*Gallery page styles*/
#galleryTitle{
             font-family: Georgia, 'Times New Roman', Times, serif;
}
@media(max-width:1024px){#galleryTitle{font-size:16px;} img{width:100px; height:100px;}}