body, html, *{margin: 0; padding:0; box-sizing: border-box; font-family: 'Helvetica', sans-serif;}

img{display: inline-block; vertical-align: bottom; width: 100%}
.pd-top-30{padding-top: 30px;}
.pd-btm-30{padding-bottom: 30px;}
.pd-20{padding-left: 20px; padding-right: 20px;}
a{text-decoration: none; color: #23104d; text-decoration: none;}
a:hover{color: #fff; text-decoration: none;}
strong{color: #3e0220}
.cl{clear: both}

.mr-10{margin-top: 10px;}

.panel-text p{line-height: 28px; font-size: 19px; margin-bottom: 15px; text-align: justify; color:#13072d}

.text-center{text-align: center;}
.container-wrapper{padding: 20px 50px;}
h1{font-size: 34px; color:#23104d; font-family: 'Helvetica', sans-serif; font-weight: 800; margin-bottom: 10px;}
h2{font-size: 32px; color:#23104d; font-family: 'Helvetica', sans-serif; font-weight: 800; margin-bottom: 10px;}
h3{font-size: 30px; color:#23104d; font-family: 'Helvetica', sans-serif; font-weight: 800; margin-bottom: 10px;}

.main-headingh1{font-size: 30px; color:#23104d; font-family: 'Helvetica', sans-serif; font-weight: 800;}

.header-box{}
.header{} 

.header-logo{text-align: center; }
.header-logo a{display: inline-block;padding:0px 0; width:305px; color: #603; font-family: 'Helvetica', sans-serif; font-size: 35px; font-weight: 600; text-decoration: none;}
.header-logo a span{color: #000; font-family: 'Helvetica', sans-serif; margin-left: 10px;}
.header-logo a img{width: 100%}
.header-menu{position: relative; text-align: center;}
.call-btn{font-size: 27px; font-weight:800; color: #000; width: 100%}
.avail{font-size: 18px; color: #000; width: 100%;}
.header-menu ul{margin:0; padding:0; text-align: center;}
.header-menu ul li{display: inline-block; position: relative;}
.header-menu ul li a{font-size: 16px; font-weight: 700; text-transform: uppercase; color: #000; display: inline-block; padding:15px 20px; font-family: 'Helvetica', sans-serif; text-decoration: none;}

.header-menu ul li ul{position: absolute; width: 250px; background: #b40158; top: 38px; height: 300px; overflow: auto; display: none; z-index: 99}
.header-menu ul li ul li{display: block; position: relative;}
.header-menu ul li ul li a{padding: 10px; display: block; text-align: left; color: #fff}
.header-menu ul li ul li a:hover{background: rgba(0,0,0,0.2);}

.header-menu ul li:hover ul{display: block;}

.arrw-down{height: 0; width: 0; border-top: #000 solid 5px; border-left: transparent solid 5px; border-right: transparent solid 5px; position: relative; top: 13px; margin-left: 10px;}

.header-menu-trigger{font-size: 19px; padding:5px 15px; color: #fff; display: none; padding:15px 10px; cursor: pointer;}


.top-main-content{display: flex; margin: 0 -30px;}
.top-main-content-lf{width: 70%; padding: 30px 30px;}
.top-main-content-rt{padding:30px 30px; width: 30%}

.home-main-img{margin-bottom: 30px; border: #23104d solid 3px}
.banner{border-top: #23104d solid 3px;border-bottom: #23104d solid 3px}
.main-content-inner{margin-top: 25px;}


.about-girls{display: flex; margin: 0 -20px;}
.about-girls-img{width:28%; padding: 20px;}
.about-girls-details{width:72%; padding: 20px;}


.main-lf-img-box{margin-top: 35px;}

.lf-img{margin-bottom: 10px; border: #23104d solid 3px}


.img-holder-box{}
.img-holder{display: flex; margin: 0 -15px;}
.img-holder-inner{width: 25%; padding: 15px; }
.img-holder-inner-img{border:#23104d solid 3px; padding: 3px;}
.img-holder-inner img{border:#23104d solid 3px; position: relative;}

.pick-up-box{}
.pick-up{display: flex;}
.pick-up-lf{width: 50%; padding: 30px;}
.pick-up-rt{width: 50%; padding: 30px;}
.pick-up-list ul{margin:0; padding:0;}
.pick-up-list ul li{display: block; position: relative; padding: 10px; padding-left:30px; color: #fff; font-size: 19px; line-height: 30px;}
.pick-up-list ul li:before{content: ''; position: absolute; height: 5px; width: 15px; border: #fff solid 2px; border-top:0; border-right: 0; transform: rotate(-45deg); top: 18px; left: 0;} 

.service-avail{background:#300b33; padding: 30px;}
.service-avail-q ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.service-avail-q ul li{display: block; width: 25%; padding: 5px; display: flex; color: #fff; font-size:20px; line-height: 30px; text-align: center;}

.ser{width: 100%; background: rgba(255,255,255,0.1); padding: 10px; border-radius: 5px;}
.ser span{color: #23104d; font-size: 16px;}
.location-menu ul{margin:0 -15px; padding:0; display: flex; flex-wrap: wrap;}
.location-menu ul li{display: block; position: relative; padding: 15px; width: 20%; transition: .3s ease;}
.location-menu ul li a{display: block;}

.location-menu-fig{position: absolute; background: linear-gradient(to bottom, rgba(0,0,0,0), #000); padding: 40px; height: 50px; width: 100%; bottom: 0; left: 0; transition: .3s ease;}
.location-menu-img{position: relative; text-align: center; border-radius: 10px; overflow: hidden; background: #23104d; transition: .3s ease;}
.location-menu-name{font-size: 20px; color: #fff; font-weight: 600;}
.location-menu ul li:hover .location-menu-img img{opacity: 0.5}
.location-menu ul li:hover .location-menu-fig{padding: 60px 40px; transition: .3s ease;}

.panel-text ul{margin: 0; margin-left: 15px; margin-bottom: 15px; padding: 0;}
.panel-text ul li{color: #13072d; font-size: 19px; padding:5px 10px;}

.rate-table table{border: 0; width: 100%;}
.rate-table table tr th{background: rgba(255,255,255,0.1); padding: 10px; color: #fff; font-size: 19px; font-weight: 600;}
.rate-table table tr td{font-size: 19px; padding: 10px; color: #fff; text-align: center;}
.rate-table table tr:nth-child(odd){background: rgba(255,255,255,0.05);}


.location-inner-box{border-top: rgba(255,255,255,0.1) solid 1px; border-bottom: rgba(255,255,255,0.1) solid 1px; margin-top:30px; padding: 30px 0;}
.location-inner-hd{font-size: 30px; color: #23104d; font-family: 'Helvetica', sans-serif; font-weight: 800; margin-bottom: 10px;}
.location-inner ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap}
.location-inner ul li{display:block; width:25%; position: relative;}
.location-inner ul li a{display: block; font-size: 18px; color: #fff; font-weight: 600; text-transform: uppercase; padding: 10px 0;}
.location-inner ul li a:hover{color: #23104d}

 
.btm-gallery ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.btm-gallery ul li{width:20%; position: relative; display: inline-block; padding: 10px; border-radius: 15px; overflow: hidden;}
.btm-gallery ul li a{display: block; overflow: hidden;}

.verified{padding: 10px; color: #fff; background:#9b2525; font-size: 14px; display: block; font-weight: 600; text-align: center; border-top-left-radius: 15px;border-top-right-radius: 15px;}
.girls-name{padding: 10px; color: #fff; background: #23104d; display: block; font-size: 20px; font-weight: 600; text-align: center; border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}


.footer{background:rgba(18, 12, 30); margin-top: 20px; padding: 20px 0; text-align: center; color: #fff;}

.whatsapp-box{position: fixed; left: 10px; bottom: 10px;}
.whatsapp-box a{display: block; padding: 10px; height: 60px; width: 60px; border-radius:20px; background: #0c6830; box-shadow: rgba(0,0,0,0.4) 1px 1px 10px;}
.phone-box{position: fixed; right: 10px; bottom: 10px;}
.phone-box a{display: block; padding: 10px; height: 60px; width: 60px; border-radius: 20px; background: #23104d; box-shadow: rgba(0,0,0,0.4) 1px 1px 10px;}



@media(max-width: 1200px){
	.btm-gallery ul li{width: 23.33%}
	.age-gall{padding: 1px 5px;}
}


@media(max-width: 767px){

	.container-wrapper{padding: 15px;}

	.header-menu-trigger{display: block; background: #000; border-top:rgba(255,255,255,0.1) solid 1px; border-bottom:rgba(255,255,255,0.1) solid 1px;}
	.header-menu ul.active-menu{display: none;}
	.main-content-inner, .img-holder{display: block;}
	
	.header-menu{text-align: center;}
	.header-menu ul li, .header-menu ul li a{display: block;}
	.header-menu ul li ul{position: relative; width: 100%; top: 100%}

	.header-menu ul li:hover ul{display: none;}
	.header-menu ul li.drop-sub ul{display: block;}
	.header, .header-menu{display: block;}

	h1{font-size: 28px;}
	.main-content-left, .img-holder-inner{width: 100%;}
	.main-content-right{width: 100%; padding-left: 0;}

	.category-box1, .category-box2{display: block;}
	.category-rt{width: 100%}
	.category-lf{position: relative; width: 100%}
	.category-box2 .category-rt{float: none;}
	.btm-gallery ul{display: block; text-align: center;}
	.btm-gallery ul li{width: 45%}

	.top-main-content{display: block; margin: 0;}
	.top-main-content-lf, .top-main-content-rt{width: 100%; padding: 15px 0;}


	.header-logo a{width:305px;}

	.location-menu ul li{width:50%}
	.btm-gallery ul li{margin: 0;}

	

	.about-girls{display: block; margin: 0;}
	.about-girls-img{width: 100%; text-align: center;}
	.about-girls-details{width: 100%; padding-left: 0; padding-right: 0;}
}

@media(max-width: 480px){
	.btm-gallery ul li{width:100%;}
}