body { font-family: Arial, Helvetica, sans-serif; width: 100%; background: url(../images/bg.png) repeat; 
font-family:  Arial, Helvetica, sans-serif; /* font-family: 'Open Sans Condensed', sans-serif; */}
a:hover { transition: 0.5s ease-in;}

.container { background: url(../images/header-bg2.png) repeat; }

.header { width: 100%; min-height: 85px; }
.header .col-lg-3 {float:right; }
.hd-top{ min-height:85px; margin:0 auto; }
.top-lf-pd{ width:415px; float:left; margin:0 auto; }
.top-lf-pd .img{ padding:15px 0 0 0; }
.top-rt-pd{ float:right; margin:0 auto; min-height:50px; display:inline-flex; }
.top-rt-pd .sms-logo{ width:150px;float:left; margin:0 auto; min-height:48px; }
.top-rt-pd .sms-logo .img{ margin:10px 0px 0 0; float:right; }
.top-rt-pd .f-book{ width:120px; float:right; margin:0 auto; min-height:48px; }
.top-rt-pd .f-book .f-img{ width:30px; float: left; margin:0 auto; min-height:48px; }
.top-rt-pd .f-book .img{ margin:10px 0 0 0px; }		
.top-rt-pd .f-book h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ccc; float:left; letter-spacing:.5px; font-weight:600; text-transform:uppercase; margin:22px 0 0 0; float:left; }
		/*-----button home contact--------*/
.top-bt-pd{ float: right; margin:0 auto;display:inline-flex; }
.top-bt-pd .homepad{ width:88px; background:url(../images/homebase.jpg)no-repeat; float: left; min-height:25px; margin:0 0 0 8px; }
.top-bt-pd .homepad p{ font-family: Verdana, Arial, Helvetica, sans-serif; width:88px; color:#ccc; margin-bottom:0px; text-decoration:none; text-transform:uppercase; font-size:12px; letter-spacing:.5px; font-weight:500; text-align:center; padding:2px 0 0 0; }

.top-bt-pd .homepad p a{ font-family: Verdana, Arial, Helvetica, sans-serif; width:88px; color:#fff; text-decoration:none; text-transform:uppercase; }
.top-bt-pd .homepad p a:hover{ color:#973f46; }
		
.top-bt-pd .contactpad{ width:110px; background: url(../images/contactbase.jpg)no-repeat; float:left; min-height:25px; margin:0 0 0 10px; }
.top-bt-pd .contactpad p{ font-family: Verdana, Arial, Helvetica, sans-serif; width:110px; margin-bottom:0px; color:#ccc; text-decoration:none; text-transform:uppercase; font-size:12px; letter-spacing:.5px; font-weight:500; text-align:center; padding:2px 0 0 0; }
.top-bt-pd .contactpad p a{ font-family: Verdana, Arial, Helvetica, sans-serif; width:110px; color:#fff; text-decoration:none; text-transform:uppercase; }
.top-bt-pd .contactpad p a:hover{ color:#973f46; }
		

/*--- slider-css --*/
.slider { position: relative; width:100%; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; background-image: url(images/Upcomming-Events.jpg); }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.caption{ width:210px; position:absolute; bottom:5%; left:50px; opacity:0.9; }
.caption h3{ color:#666; font-weight:500; font-size: 14px; letter-spacing:.25px; line-height: 1.0em; text-transform:uppercase; padding:12px 0px 0 28px; }
/* ------------------Text move-----------------------------*/
.slider .mover { width:950px; min-height:20px; margin:0 auto; }
.slider .mover p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #FF0000; letter-spacing:.5px; }
	
	.about .base-bnt .link-pad1 { width: 1024px; min-height: 150px; margin: 0 auto; padding: 30px 0 0 0; }
.about .base-bnt { background: url(../images/link-pad.jpg)no-repeat; background-size: cover; min-height: 215px; width: 100%; float: left; }
.white-pad { width: 100%; min-height: 230px; margin: 55px 0 0 0; }
.about .base-bnt .link-pad1 table tr td a:hover { color: #052f8e; }
.about .base-bnt .link-pad1 table tr td a { width: 340px; font-family: Verdana, Arial, Helvetica, sans-serif; min-height: 20px; text-transform: capitalize; color: #7f622a; text-decoration: none; font-size: 16px; }
.about { background-size: cover; width: 100%; margin: 0 0 0 0; }
		
.footer { position: relative; }
#copy-rt { width: 100%; background: #f7f0d4; float: left; }

#copy-rt p { font-size: 13px; color: #333; font-weight: 400; text-align: center; line-height:35px; margin-bottom:0; }	
.container.footer-nav {padding: 40px 20px;    border-top: 6px solid #d6c180;   border-bottom: 6px solid #d6c180; }
.footer-nav { }		
.footer-nav ul { margin:0px; padding:0px; }
.footer-nav li { list-style:none; }
.footer-nav li a {/*font-family: Verdana, Arial, Helvetica, sans-serif;*/ line-height: 23px; text-transform: capitalize; color: #7f622a; text-decoration: none; font-size: 16px; }
.footer-nav li a:before { content:"";transition: 0.5s ease-in;}
.footer-nav li a:hover:before { content: "» ";transition: 0.5s ease-out;}
.footer-nav li a:hover {color: #052f8e; }
#content{ padding-top:15px;}
#content h1 {    color: #544315;font-weight: bold;    font-size: 25px;    margin: 0px 0px 12px 0px;}
 #content2 h2 {    color: #544315;font-weight: bold;    font-size: 25px;    margin: 0px 0px 0px 0px;}
#content2 .sub-head span { font-size: 12px;  font-weight: bold; background: #544315; padding: 1px 5px; border-radius: 12px; color: #f5e5ba;   text-shadow: 1px 1px 1px #000000;}
#content p, #content2 p { text-align:justify; font-size:15px;}
#content2 .sub-head { color:#990000; font-size:14px; font-weight:bold; margin: 0px 0px 10px 0px;}
.sub-head a{color:#990000;}
.sub-head a:hover{color:#007bff; text-decoration:none;border-bottom:1px dotted #990000;}
.pad { }
.pad a.LeftLinks { display: block; background-color: #b39f68/*#544315*/; color: #f3e4b9; line-height:25px;margin:0px 0px 10px; padding: 3px 15px; /*font-family: Verdana, Arial, Helvetica, sans-serif; */ border: 1px solid #887747; position:relative; text-shadow:1px 1px 1px #333; font-size: 15px; }
.pad a.LeftLinks:after {    content: "»"; font-size: 20px; font-weight: bold; position: absolute; right: 10px; top: -1px; } 
.pad a.LeftLinks:hover { display:block; background-color:#f3e4b9; color:#544315;border: 1px solid #b39f68; text-decoration:none;text-shadow:none; font-weight:bold; font-size:16px;}
.YouTube {width:100%; text-align:right; }
.YouTube a{ display:inline-block;margin: 0px 0 5px 0;}
.YouTube a img{ border:none;    max-width: 140px;}
.LeftBox {    position: absolute;  bottom: 13px;  text-align: center; left: 15px;  z-index: 1;}
.LeftBox a {display:block;}
.RightBoxes .content {background-color:#fbefd7; padding:10px; text-align:justify; max-height: 175px;overflow: hidden; border: 1px solid #e6d8bc;}
.RightBoxes .content span {animation:blinkingText 0.5s infinite; border: dotted 1px #fbefd7;
    padding: 1px 3px;
    border-radius: 8px 0;
    color: #f4e5ba;
    font-size: 10px;
    transform: rotate(-25deg);
    display: inline-block;}

@keyframes blinkingText{
    0%{    background-color: #59c903; }
    51%{   background-color: #FF0000; }
    100%{  background-color: #59c903;    }
}
.RightBoxes .title { display: block; background-color: #b39f68; color: #f3e4b9;  line-height: 25px; padding: 3px 15px; text-align:center;  border: 1px solid #b39f68;  position: relative; text-shadow: 1px 1px 1px #333;}
.RightBoxes a.title:hover { text-decoration:none;background-color:#f3e4b9; color:#544315;border: 1px solid #b39f68; }
.title:before {     content: "»"; font-size: 26px;  font-weight: bold; position: absolute; left: 10px; top: 1px; transform: rotate(90deg);} 
.fadeImg img {right:0px;}
.fadeImg {min-height:153px; margin: 0px auto 15px auto;}
.nav-shrink { display:block; position:absolute; top:0; right:0; margin-right:15px; cursor:pointer;z-index: 2;}
.menuNew {display:none;position: absolute; background: #f4e5ba; z-index: 1; top: 0;left: -15px;}
.menuNew ul { margin:0; padding:0;}
.menuNew li { list-style:none; width: 47%; float: left;  margin-right: 15px;}
.menuNew li a { display: block; background-color: #b39f68/*#544315*/; color: #f3e4b9; line-height:25px;margin:0px 0px 10px; padding: 3px 15px; /*font-family: Verdana, Arial, Helvetica, sans-serif; */ border: 1px solid #887747; position:relative; text-shadow:1px 1px 1px #333; font-size: 15px;  }
.menuNew li a:after {    content: "»"; font-size: 20px; font-weight: bold; position: absolute; right: 10px; top: 1px; } 
.menuNew li a:hover { display:block; background-color:#f3e4b9; color:#544315;border: 1px solid #544315; text-decoration:none;text-shadow:none; font-weight:bold; font-size:16px;}
.NavClose {display:none;}
.RightBoxes .fadeImg1 a img{ border:0px; }
.RightBoxes .fadeImg1 a:hover img{ border:0px; }
/****************** 11072020 *********************************/

.res800 {display:none;}
.ftrTxtInd {text-indent: 60px;}
.topNav {text-align:center;}
.topNav img { max-width:100%; max-height:35px;}
.brdLft {border-left: 2px solid #d6c180;}
.KhalsaNews .sub-head { color:#990000; font-size:14px; font-weight:bold; margin: 0px 0px 10px 0px;}
.KhalsaNews .sub-head span { font-size: 12px;  font-weight: bold; background: #544315; padding: 1px 5px; border-radius: 12px; color: #f5e5ba; text-shadow: 1px 1px 1px #000000;}
.KhalsaNews h2 { color: #544315; font-weight: bold; font-size: 25px; margin: 0px 0px 0px 0px;}
.KhalsaNews p { text-align: justify; font-size: 15px;}
.Establishment { min-height:172px; max-height:172px;}
.fadeImg1 {margin-bottom:10px;}
.abt {text-align:center; background:#faefd6;max-width: 255px;  display: table;margin: auto;    margin-bottom: 15px;}
.abt h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #727272;}
.img{ max-width:100%;}

@media (max-width:991px){
/*.pad a.LeftLinks {    width: 47%;  float: left;  margin-right: 15px;}*/
 .LeftPanel { display:none;}
 .res800 {display:inherit;}
.topNav { text-align: center;  margin: 10px 0;  padding: 10px 0; border-top: 2px solid #d6c180; border-bottom: 2px solid #d6c180;}
#content { padding-top:0px;}
 .menuNew {    left: 0;}
 .menuNew li {width:46%;}
 }

@media (max-width:769px){
.Establishment { min-height:inherit; max-height:inherit;}
.top-lf-pd { width:100%; text-align:center;}
.top-lf-pd img{ max-width:100%;}
.top-rt-pd, .LeftPanel { display:none;}
.top-bt-pd {width: 100%; float: none; text-align: center;display: block;}
.top-bt-pd .homepad, .top-bt-pd .contactpad { float: none; display: inline-block; margin: 10px 5px;}
img.navOpen.NavClose {left: 10px;
    position: relative;
    width: 70%;}
.fadeImg1 img{ min-width:100%;}
.RightBoxes .content { max-height:185px;}
.ftrTxtInd {text-indent: inherit;}
}


@media (max-width:577px){ 

 .menuNew li {width:93%;}
}