body {font-family:Century Gothic;background: #31373f;}
.clear{ clear:both;}
.banner{width:100%;display:inline-block;margin-bottom: 3%; margin-top:8%;}

.left-side-box{width: 18%;height:auto;float:right;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}


h1 {color: #f12c67;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: #c40747;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: #c40747;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: #c40747;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: #c40747;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: #c40747;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: #c40747;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;
  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: #c40747;
  color: white;
}
/**Ends**/

.orange {background-color: #ff5722;color: #fffimportant;margin-top: 40px;}


.bgc {display:inline-block;background-color: #212529;border: 2px solid #7e2cc9;padding: 5px;}

.bgc a {color: #c40747;}
.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 {background-color:#000;max-width: 1140px;height: auto;margin: 0 auto;}

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

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

.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: 0 1%  0 1%;font-size: 14px;line-height: 24px;position: relative;box-shadow: #000000ad 0px 1px 10px;font-weight:bold}
.margin-top { margin-top:20px;}

.black_bg {background-color:#212529;padding: 15px;border: 2px solid #5756c2;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;}
.bgeffect1{background: url(../index.html);width: 194px;height: 35px;  padding:4px 0 0 75px; color:#FFFFFF;}



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


.img-box{background-color: #000;border: 2px solid #7e2cc9;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-color: #fff0;width: 20px;height: 20px;position:absolute;border-top: 5px solid #7e2cc9;border-left: 5px solid #3373c6;top:0;left: -1px;}
.corner-right-top{background-color: #fff0;width: 20px;height: 20px;position:absolute;border-top: 5px solid #7e2cc9;border-right: 5px solid #3373c6;top:0;right: -1px;}
.corner-left-bottom{background-color: #ffffff00;width: 20px;height: 20px;position:absolute;bottom:0;border-bottom: 5px solid #7e2cc9;border-left: 5px solid #3373c6;left: -1px;}
.corner-right-bottom{background-color: #ffffff00;width: 20px;height: 20px;position:absolute;bottom:0;border-bottom: 5px solid #7e2cc9;border-right: 5px solid #3373c6;right: -1px;}

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


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


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

.details-left{width: 28%;height:auto;background-color: #13002d;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:justify;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: 0px 10px 20px 10px;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{list-style:none;float:left;position:relative;background: linear-gradient(#7e2cc9, #3373c6);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 23px 2px 23px;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;}


.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:#ff0157;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: #000!important;
}

.banner{margin-top: 30%;}

.keyword{width:100%;display: inline-block;margin: 21px 10px 0px 10px;}
.keyword ul{ margin:0px; padding:0px;}
.keyword ul li{width: 92%;list-style:none;display:inline-block;float:left;position:relative;background: linear-gradient(#dc3545, #dc3545);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  #7e2cc9;
}

/* 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}
}
.keyword-menu ul {
                        margin-bottom: 16px;
                        padding: 0;
                    }
                    
                    .keyword-menu ul li {
                        display: inline-block;
                        list-style: none;
                        border: 4px solid;
                        background-color: #c40747;
                        margin: 20px 0px 0;
                        border-top-left-radius: 0px;
                        border-bottom-right-radius: 0px;
                        box-shadow: 5px 5px 5px 5px #000;
                    }
                    
                    .keyword-menu ul li a {
                        text-decoration: none;
                        line-height: 15px;
                        font-size: 13px;
                        color: #ffffff;
                        font-weight: 400;
                        padding: 7px 26px;
                        display: block;
}
<!--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, #7e2cc9);
}
.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, #7e2cc9, #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 ; 
}

 li {color:#FFF;}
 
 
 .schema-faq-code {
	border: 1px solid #dedee0;
	border-radius: 10px;
	background-color:#FF3;
	overflow:hidden;
}
.schema-faq-code .faq-q {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 56px 12px 12px;
line-height: 1.4;
cursor: pointer;
position: relative;
border-bottom: 1px solid #dedee0;
-webkit-touch-callout: none; 
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}
.faq-q:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 0;
    width: 56px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: bold;
    color: #000;
    font-size: 20px;
}
.faq-q.faq-q-open:after {
    content: "-";	
}
.faq-a {
	margin: 0;
	padding: 12px;
	background-color:#000;
	font-size: 14px;
	line-height: 1.4;
	border-bottom: 1px solid #dedee0;
	display: none;
}
.schema-faq-code .faq-question:last-child .faq-a {
  border-bottom:0px;
}