body {font-family:Century Gothic;background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);}
.clear{ clear:both;}
.banner{width:100%;display:inline-block;margin-bottom: 3%;}

.left-side-box{width: 18%;height:auto;float:left;margin: 0;}
.right-side-box{width: 18%;height:auto;float:left;margin: 0;}
.middile-box{width: 80%;float:left;position: relative;margin: 0 1% 0 1%;}
.middle-img-box{width: 204px;height:auto;float:left;margin: 0 1% 0% 1%;}


.call{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}
.call:hover{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}

.email{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}
.email:hover{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}


li  {list-style:none;}


h1 {color: #FFD700;margin-bottom: 15px;font-size: 2.0rem; font-weight:bold;}
.black_bg h1 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h1 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h1 {color: #c40747;}
.black_bg h1 {color:#fff;}
.vertical-menu h1 {color:#fff;}

h2 {color: #FFD700;margin-bottom: 15px;font-size: 1.80rem; font-weight:bold;}
.black_bg h2 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h2{padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h2 {color: #c40747;}
.black_bg h2 {color:#fff;}
.vertical-menu h2 {color:#fff;}


h3 {color: #FFD700;margin-bottom: 15px;font-size: 1.75rem; font-weight:bold;}
.black_bg h3 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h3 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h3 {color: #c40747;}
.black_bg h3 {color:#fff;}
.vertical-menu h3 {color:#fff;}

h4 {color: #FFD700;margin-bottom: 15px;font-size: 1.70rem; font-weight:bold;}
.black_bg h4 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h4 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h4 {color: #c40747;}
.black_bg h4 {color:#fff;}
.vertical-menu h4{color:#fff;}

h5 {color: #FFD700;margin-bottom: 15px;font-size: 1.65rem; font-weight:bold;}
.black_bg h5{padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h5 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h5 {color: #c40747;}
.black_bg h5 {color:#fff;}
.vertical-menu h5 {color:#fff;}

h6 {color: #FFD700;margin-bottom: 15px;font-size: 1.60rem; font-weight:bold;}
.black_bg h6 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h6 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h6 {color: #c40747;}
.black_bg h6 {color:#fff;}
.vertical-menu h6 {color:#fff;}

h7 {color: #f12c67;margin-bottom: 15px;font-size: 1.55rem; font-weight:bold;}
.black_bg h7 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.vertical-menu h7 {padding: 0px 0px 10px 0px;border-bottom: 2px solid #ffffde;text-align: center;}
.card h7 {color: #c40747;}
.black_bg h7 {color:#fff;}
.vertical-menu h7 {color:#fff;}
.overlay {
	
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:#ffffde8a;
  overflow: hidden;
  width: 100;
  height: 0;
  transition: .5s ease;
}
.img-box:hover .overlay {
  height: 100%;
}
.text {
  color: white;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px 20px;
  color: black;
  background-color: #fb8719;
  text-align: center;
  cursor: pointer;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}

.text button:hover {
  background-color: #f12c67;
  color: white;
}


.bar {
		height: 1037px;
    overflow-y: scroll;
		}



/**Ends**/

.orange {background-color: #ff5722;color: #fff!important;margin-top: 40px;}


.bgc {display:inline-block;background-color: #C3B26D; border: 2px solid #fb7d03;padding: 5px;}

.bgc a {color: #FF0000;}
.col-lg-10 span {float:right;display:inline-block;color: #ff5722;font-weight: bold;}
.col-lg-10 b {display: inline-block;}

img { width:100%; height: auto;}

.main {max-width: 1140px;height: auto;margin: 0 auto;}

.vertical-menu {
    width: 100%;
    background-color: #C3B26D; 
    margin-bottom: 20px;
    padding: 15px;
    position: relative;
    box-shadow: #000000ad 0px 1px 10px;
}

.vertical-menu a {
    color:black;
    display: block;
    padding: 5px 2px;
    text-decoration: none;
    border-bottom: dotted 2px #6f6c6c;
    font-size: 14px;
	font-weight:700;
}

.vertical-menu a:hover {
   /* background-color: #ccc;*/
}

.vertical-menu a.active {
    background-color: #4CAF50;
    color: white;
}
.mpt {text-align:justify;padding: 20px 20px 20px 20px;width: 98%;margin: !importent; 0 1%  0 1%;font-size: 16px;line-height: 24px;position: relative;box-shadow: #000000ad 0px 1px 10px;font-weight:bold}
.margin-top { margin-top:20px;}

.black_bg {background: #745D0D;transition: all 0.2s ease;
  padding: 15px;border: 2px solid #FC7579; border-radius: 25px;position: relative;margin-bottom: 20px;box-shadow: #000000ad 0px 1px 10px;}

.black_bg {}

select {
    width: 100%;
    padding: 3px;
    border: 1px solid #fff;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #383636e6;
    }
    
    
.bgeffect{
    width: 210px;height: 35px; /*padding:4px 0 0 75px;*/ color:#FFFFFF; text-align:center;}
.bgeffect1{/*background: url(../images/caption_bg1.html);*/width: 194px;height: 35px;  /*padding:4px 0 0 75px;*/ color:#FFFFFF; text-align:center;}



.bgeffect b{ font-size:20px;}
.bgeffect1 b{ font-size:20px;}
.img-box a{ text-decoration:none;}


.img-box{background-color: #000;border: 2px solid #fb7f05;width: 100%;height: auto;position: relative;box-shadow: #000000ad 0px 1px 10px;}

.img-box p{font-size: 13px;padding: 22px 10px 10px 10px;color: #481202;text-align:center;line-height: 18px;}

.corner-left-top{background: rgba(255, 255, 255, 0.05);width: 40px;height:auto;position:absolute;border-top: 5px solid #FE3548;border-left: 5px solid #FE3548;top:0;left: -1px;}
.corner-right-top{background: rgba(255, 255, 255, 0.05);width: 40px;height: auto;position:absolute;border-top: 5px solid #FE3548;border-right: 5px solid #FE3548;top:0;right: -1px;}
.corner-left-bottom{background: rgba(255, 255, 255, 0.05);width: 40px;height: auto;position:absolute;bottom:0;border-bottom: 5px solid #FE3548;border-left: 5px solid #FE3548;left: -1px;}
.corner-right-bottom{background: rgba(255, 255, 255, 0.05);width: 40px;height: auto;position:absolute;bottom:0;border-bottom: 5px solid #FE3548;border-right: 5px solid #FE3548;right: -1px;}

footer{background-color: black;color: #fff;}
footer p{ text-align:justify;}
footer a{ color:#fff;}
footer a:hover{ color:#ff5722;}
.social{background-color: #ff5722;border-radius:20px;width: 35px;height: 35px;line-height: 32px;}


.imgcitybox {
    width: 40%;
    padding: 1px;
    border: 2px solid #f2de72;
    margin: 0px 20px 5px 0px;
    float: left;
}


.city-text{ color:#fff; text-align:center; padding:0 20px; line-height:20px;}

.details-left{width: 28%;height:auto;background-color: black;float:left;margin: 0 2%;padding: 2% 1%;position: relative;border: 2px solid #fb7d03;}
.details-left h3{text-align:center;color:White;border-bottom: 2px solid #fff;font-size: 32px;padding: 0px 0px 20px 0px;}
.details-left p{text-align:center;color: white;}
.details-left b{text-align:center;color: #ff5722;font-size: 21px;padding: 0px 0px 10px 0px;display:  block;}
.details-right{width:50%;height:auto;float:left;}
.statstable{color:#fff;margin-bottom: 10px;}
.statstable td{border:1px solid #fff;padding: 5px;font-size: 14px;}

.detail-img{width: 48%;float:left;margin-bottom: 4%;/* border: 4px solid #fb7d03; */box-shadow: #000000ad 0px 1px 10px;padding: 4px 4px 8px 4px;background-color: #fb7d03;}
.detail-img-mr{ margin-right:4%;}


.footer-city a{ color:#fff; text-decoration:none;}

.keyword{display: inline-block;margin: 10px 10px 20px 10px;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{list-style:none;display:block;float:left;position:relative;background: rgba(20, 20, 20, 0.5);
 text-shadow: 0 .063em 0.125em var(--clr-blk);
  border-top: .031em solid var(--clr-bord1);
  border-left: .031em solid var(--clr-bord2);
  border-right: .031em solid var(--clr-bord2);
  border-bottom: .031em solid var(--clr-bord2);background-color: var(--clr-bkg-clr);
  box-shadow: inset 0 0 3.125em rgba(0, 0, 0, 0.5);border-top: 1px solid #04040485;border-bottom: 1px solid #04040485;border-left: 4px solid #040404ab;border-right: 4px solid #040404ab;padding: 2px 23px 2px 23px;margin: 5px 5px 5px 5px;border-radius: 14px 50px;}
.keyword ul li a{font-family:Century Gothic;line-height: 26px; text-decoration:none;color: White;font-size: 16px; font-weight:bold;}
.keywordnew{display: block; padding:10px; color: #F8F4F4;
background: linear-gradient(#ff0000, #f9902b);box-shadow: inset 0 0 3.125em rgba(0, 0, 0, 0.5);border-top: 1px solid #04040485;border-bottom: 1px solid #04040485;border-left: 4px solid #040404ab;border-right: 4px solid #040404ab;margin: 8px;border-radius: .375em;}



.footer-keyword{display: inline-block;margin: 21px 10px 0px 10px;color: white;}
.footer-keyword a{font-family:Century Gothic;line-height: 26px;text-decoration:none;color: white;font-size: 14px;}

.contact-box {
    width: 100%;
    display: block;
    height: 40px;
    position: fixed;
    color: #fff;
    z-index: 99999;
    text-align: right;
    padding: .5% 10% 0 10%;
}

@media (max-width:500px)
{.main{background-color:#000000;width:100%;margin: 0 auto;}
 .middile-box {
    width:100%;
    float: left;
    position: relative;
    padding: 0;
}

.menu-box-black{width:100%;}
.menu-box-orange{width:100%;}

.kboleft1{display:none;}
.kboright1{display:none;}
.menu-box-black1{ width:100%;background: linear-gradient(#fc7c01, #f9902b);}

.mpt{width: 100%;margin-bottom:20px;}
.border-right {
    border-right: 1px solid #ffffde00!important;
}
.bgeffect {
    width:100%;
    height: 35px;
	/*padding:4px 0 0 75px;*/
	color:#FFFFFF;
    border-top: 2px solid #7a3b18;
}

.bgeffect1 {
    width:100%;
    height: 35px;
	/*padding:4px 0 0 90px;*/
	color:#FFFFFF;
    border-top: 2px solid #7a3b18;
}

.bgeffect b{ font-size:18px;}


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display:block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.left-side-box{width: 100%;height:auto;float:left;margin: 0;}
.right-side-box{width: 100%;height:auto;float:left;margin: 0;}
.middile-box{width: 100%;float:left;position: relative;margin: 0;}
.middle-img-box{width: 100%;height:auto;float:left;margin: 0;}


.call{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}
.call:hover{text-decoration:none;color: #fff;font-size: 15px;font-weight:bold}


.bg-dark {
    background-color: #0D060B!important;
}

.banner{margin-top: 30%;}

.keyword{width:100%;display: inline-block;margin: 21px 10px 0px 10px;display: none;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{width: 92%;list-style:none;display:inline-block;float:left;position:relative;background: linear-gradient(#fc7c01, #f9902b);box-shadow: #000000a3 0px 0px 2px;border-top: 1px solid #04040485;border-bottom: 1px solid #04040485;border-left: 4px solid #040404ab;border-right: 4px solid #040404ab;padding: 2px 10px 2px 10px;margin: 5px 5px 5px 5px;border-radius: 14px;}
.keyword ul li a{font-family:Century Gothic;line-height: 26px;text-decoration:none;color: white;font-size: 14px;}

.navbar-collapse{ margin-top:20px;}



.details-left{width: 100%;height:auto;background-color: black;float:left;margin: 0 0 10% 0;padding: 2% 3%;position: relative;border: 2px solid #fb7d03;}

.details-right{width:100%;height:auto;float:left;}


.detail-img{width: 100%;float:left;margin-bottom: 4%;border: 4px solid #fb7d03;box-shadow: #000000ad 0px 1px 10px;}
.detail-img-mr{ margin-right:4%;}

.contact-box {
      width: 100%;
    display: block;
    height: 40px;
    position: fixed;
    color: #fff;
    z-index: 9999;
    text-align: right;
    padding: 0% 5% 5% 5%;
    font-size: 12px;
}

    }
	
	.social_bar div{width:30%;display:inline-block;text-align:center;font-size:14px}
.social_bar{width:100%;padding:8px 0;background-color:rgba(50,50,50,.8);bottom:35px;}


.social_bar{position:static}
@media screen and (min-width:769px){.social_bar{position:absolute}}
* {
 box-sizing: border-box;
}

.row {
 display: -ms-flexbox; /* IE10 */
 display: flex;
 -ms-flex-wrap: wrap; /* IE10 */
 flex-wrap: wrap;
 padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
 -ms-flex: 25%; /* IE10 */
 flex: 25%;
 max-width: 25%;
 padding: 0 4px;
}

.column img {
 margin-top: 8px;
 vertical-align: middle;
 border:solid  #F60;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
 .column {
   -ms-flex: 50%;
   flex: 50%;
   max-width: 50%;
 }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
 .column {
   -ms-flex: 100%;
   flex: 100%;
   max-width: 100%;
 }
 }
.nowcalling{display:block;position:fixed;bottom:0;width:100%;z-index:9999}.lcol,.rcol{float:left;width:50%}.lcol{background-color:#B7008D}.rcol{background-color:#06B27D}.lcol a,.rcol a{display:block;padding:10px 0;text-align:center;text-decoration:none;color:#fff}
}
<!--New Layout-->
.pic-container {
  padding: 10px 10px;
  margin: 0;
  width: 80%;
  margin: 0 auto;
}
div.pic-row {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  padding: 0;
}
div.pic-section {
  float: left;
  width: 18%;
  float: left;
}
img.img-responsive.lazy {
  width: 100%;
}
@media (min-width: 300px) and (max-width: 426px) {
  div.pic-section {
    padding: 3px;
    float: left;
    width: 48%;
    margin: 5px 3px 20px 3px;
  }
  .pic-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 426px) and (max-width: 769px) {
  div.pic-section {
    padding: 3px;
    float: left;
    width: 33.333%;
  }
  .pic-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 769px) {
  div.pic-section {
    padding: 5px 5px 5px 5px;
    float: left;
    width: 30%;
    margin: 10px 10px 30px 10px;
  }
  .pic-container {
    padding: 10px;
    margin: 0;
    width: 90%;
    margin: 0 auto;
  }
}
  .locations-bg-section {
  background-image: url(../index.html);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
}
.pic-data-locations {
  position: relative;
  text-align: center;
  margin-top: -5px;
  background: linear-gradient(0deg, #000, #d00000);
}
.locations-name {
  font-size: 18px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #fff;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
}
  .gallery-cont {
  padding-bottom: 60px;
}
.pic-container {
  padding: 10px 10px;
  margin: 0;
  width: 80%;
  margin: 0 auto;
}
.pic-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  @media (min-width: 300px) and (max-width: 426px) {
	   .pic-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  }
  @media (min-width: 426px) and (max-width: 769px) {
	  .pic-container {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  }
  @media (min-width: 769px) {
	    .pic-container {
    padding: 10px;
    margin: 0;
    width: 100%;
    margin: 0 auto;
  }
}
div.pic-row {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  padding: 0;
}
.pic-data-bottom {
  position: relative;
  text-align: center;
  margin-top: 0px;
  margin-bottom:15px;
  background: linear-gradient(0deg, #d00000, #000);
  padding: 25px 15px;
}
.locations-category {
  font-size: 14px;
  text-shadow: 0 0 3px #000;
  color: #fff;
  margin-bottom: 20px;

}
.pic-data-bottom {
  position: relative;
  text-align: center;
  margin-top: -5px;
  background: linear-gradient(0deg, #d00000, #000);
  padding: 25px 15px;
}
.locations-btn a {
  background: #000;
  padding: 10px 20px;
  border-radius: 50px;
  border: 1px solid #000;
}
.locations-btn a:hover {
  background: linear-gradient(138deg, #b2001a, #000);
  border: 1px solid #fed161;
}
.keyword2 {display: inline-block;
			list-style: none;
			border: 1px solid;
			background-color:#000;
			text-align:center;
			
			border-top-left-radius: 30px;
			border-bottom-right-radius: 30px;
			box-shadow: 9px -6px 1px #fff;
            padding:10px 70px;}
			.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
	.newlist li{
list-style-type: circle; // thumbs up sign ; 
}
			
iframe {max-width:100%;}
.bar2 {
	height: 750px;
    overflow-y: scroll;
	}
	
.bar3 {
	height: 400px;
    overflow-y: scroll;
	}