/**************************************************************************************
							General Styles
/*************************************************************************************/		

* {box-sizing:border-box; margin:0; padding:0}					
body{font-family:'Montserrat', sans-serif; font-size:1em; margin:0; padding:0; line-height:18px; -webkit-font-smoothing: antialiased;background:#000; letter-spacing:0.22px; color:#fff;}
img{border:0;padding:0; outline:none; margin:0;}
header, nav, section, aside, footer {display: block;}
figure, ol, ul, li, h1, h2, h3, h4, p, label{margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0; font-family:'Lato', sans-serif; font-weight:300;}
a{outline:0; text-decoration:none; cursor: pointer;}

@viewport {  
    orientation: portrait;  
  }

/* .main{display:flex}
.logo-cont{ padding:10% 5%}
.banner{background: url(../images/soldier.jpg) no-repeat; background-size: cover; width:80%;}
.contact-ban{background:#ffc900; padding:10px 15px; display:flex; justify-content:flex-end;}
.contact-ban>span{margin-right:20px; color:#222}
.contact-ban>a{color:#222}
.mail-icon, .call-icon{display:inline-flex; vertical-align:middle; height:12px;}
.mail-icon{background:url(../images/envelope-open-regular.svg) no-repeat; width:18px;}
.call-icon{background:url(../images/mobile-alt-solid.svg) no-repeat; width:15px;} */

.main{background: url(../images/blur-BG.jpg) no-repeat; background-size:cover; height:650px; width:100%; position:relative}
.overlay-bg{background:rgba(0,0,0,0.6); position:absolute; width:100%; height:100%}
.logo-cont{position:absolute; z-index:1; padding:20px; background:#000; left:20px; top:0; display:flex; align-items:center;}
.logo-cont img{height:276px;}

.art-gallery h1{color:#ffc900; font-size:24px; text-align:center; margin:30px 0;}
.btn{background:#ffc900; color:#333; font-size:13px; font-weight:700; padding:10px 20px; display:flex; margin:1rem auto; border:none; cursor:pointer; border-radius:30px; margin-bottom:0}
.btn:hover{background:#ffad00;}
.gallery-cont{padding:0 30px 30px 30px}
.gallery-cont .gallery-tiles{display:flex; flex-wrap:wrap; gap:5rem; justify-content: center;}
.gallery-cont .gallery-tiles li > a{display:block; padding:5px; border:1px solid transparent; cursor:pointer;}
.gallery-cont .gallery-tiles li > a:hover{border:1px solid #ffc900}
.gallery-cont .gallery-tiles li > label{color:#fff; letter-spacing:0.33px; font-family:'Montserrat', sans-serif; font-size:14px; padding:5px; display:block;}

.horiz-wdh > img{width:195px}
.mySlides {display:none;}

.table-holder{display:flex; gap:20px;}
.table-cont{width:400px}
.popup-table{flex-wrap:nowrap; display:flex; gap:0 !important}
.popup-table li{background:#000; color:#ffad00; padding:8px 10px; font-size:12px; border-left:1px solid #555; font-weight:600;
width:25%;}
.popup-cont{display:flex; flex-direction:column; gap:0 !important}
.popup-cont li{display:flex; flex-direction: row; width:100%}
.popup-cont li > span{width:25%; padding:5px 10px;border-left:1px solid #999; border-bottom:1px solid #999; font-size:12px;}
.popup-cont li > span:last-child{border-right:1px solid #999}
.popup-msg{margin:20px 0;}
.popup-msg > p{font-size:12px; margin-bottom:10px;}
.popup-msg p > sup{font-size:16px; color:#ffad00; top:0em; margin-right:5px;}
.popup-msg p.dial{font-size: 24px; margin-top:20px}

#image{width:100%}

/*****************************Popup*******************************************/
.w3-section{margin:0 !important}
.w3-modal{padding-top:0;}
.w3-modal-content{transform: translate(-50%, -50%); top:50%; left:50%; margin:0; color:#000}
.w3-button{padding:5px 10px; font-size:30px;}


/*****************************About*******************************************/
.about-cont{display:flex; padding:10px 20px;background: linear-gradient(180deg, #222 0%, #111) 100%;}
.about-hdr{padding:20px 0;}
.about-hdr .h1{font-size:28px; border-radius:2px; color:#ffc900; font-family:'Josefin Sans', sans-serif;}
.about-hdr p{font-size:12px; color:#eee; margin-bottom:10px}

/*****************************FOOTER*******************************************/

.footer{background-color:#282a2b; color:#8c8989; padding:20px;}


/************************************************************************/
/* 								Media Quries								*/
/************************************************************************/
@media (max-width: 768px) {
	.logo-cont img{height:230px;}
	.logo-cont{position:static; justify-content:center;}
	.horiz-wdh > img{width:145px}
	.btn{margin:3rem auto;}
	.gallery-cont ul{gap:20px;}
    .table-holder{flex-direction:column;}
    .table-cont{width:100%}
}

@media (min-width: 993px) {
    .w3-modal-content {
        width: fit-content; padding:30px 15px;
    }
}
@media (max-width: 768px) {
    .w3-modal-content {
        width: fit-content; padding:30px 15px;
    }
}
@media screen  and (max-device-width: 768px) and (orientation: portrait) { 
    .w3-modal {padding-top:80px;}
    .w3-display-topright { top:20px;}
  }