* {
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	
}
body{
    background-color:#ed008c87;
    background-image:url('https://www.gurgaoncallgirlservices.com/images/heart.jpg')!important;

}

a{color: #000000!important;}
h1,h2,h3,h4,h5,h6,li{
	color: #fff!important;
}
p{padding-right: 25px!important;
    font-size:16px!important;
}

@media only screen and (max-width: 600px) {
  h1,h2,h3 {
    font-size: 24px!important;
  }
  .col-md-4{
      padding: 0!important;
  }
}

.btn{
	background-color: #ED008C;
	color: #fff;
	box-shadow: #ED008C 0px 2px 10px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(http://www.downgraf.com/wp-content/uploads/2014/09/01-progress.gif?e44397) 50% 50% no-repeat rgb(249, 249, 249);
	z-index: 9999
}


.escort_header_top {
    background-color: #000;
    border-bottom: 1px solid #fff;
    /* margin-bottom: 10px; */
    position: sticky;
    top: 0;
    z-index: 99;
}

.escort-logo a img {
	padding: 9px 4px;
	width: 35%
}

.escort_naumber a {
	/*background: #ED008C;*/
	border: 2px solid #ED008C;
	color: #fff!important;
	text-decoration: none;
	padding: 10px 22px;
	font-size: 25px;
	border-radius: 10px;
	margin: 20px 0;
	display: block;
	width: 60%;
	text-align: center;
	float: right;
	position: relative;
}
.escort_naumber a::before,
.escort_naumber a::after {
  content: "";
  position: absolute;
  inset: -0.2rem;
  z-index: -1;
  background: linear-gradient(var(--angle), 
    #032146,  #C3F2FF, #b00);
  animation: rotate 10s linear infinite;
}
.escort_naumber a::after {
  filter: blur(10px);
}
/*@keyframes rotate {*/
/*  0%     { --angle: 0deg; }*/
/*  100%   { --angle: 360deg;}*/
/*}*/

.escort_naumber a:hover {
	color: #fff!important;
}

.navbar_escort_header {
    background-color: #000;
    height: 56px;
    border-bottom: 2px solid #fff;
    /*position: sticky!important;*/
    /*top: -1px;*/
    /*z-index:99;*/
}

.escort_logo_responsive {
	display: none
}

.toggle_menu {
	display: none
}

.escort_navbar_site .navbar {
	padding: 0
}

.navbar ul {
	margin: 0;
	padding: 0;
	margin: auto
}

.navbar ul li {
	list-style: none;
	float: left
}

.navbar ul li a {
	display: block;
	padding: 15px 35px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff!important;
	font-family: arial
}

.navbar ul li a.active,
.navbar ul li a:hover {
	background-color: #ED008C;
	color: #fff!important;
}
/*styling banner img and heading*/
.carousel-inner img{
	position: relative; 
}
.banner-heading{
	position: absolute;
	bottom: 5%;
	left: 5%;
}
.banner-heading h1{
	font-size: 50px;
	color: #ED008C !important;
	font-weight: bolder;
	font-style: italic;
}
.banner-heading h2{
	font-size: 30px;
	color: #ED008C !important;
	font-weight: bolder;
	font-style: italic;
}
.checked{
	color: yellow;
}
.banner-heading span{
	font-size: 30px;
}

@media only screen and (max-width: 600px) {
	.banner-heading h1,h2{
		font-size: 15px !important;
		padding: 0 !important;
	}
	.btn-lg{
		padding: 5px !important;
		font-size: 10px!important;
		display: inline!important;
		/*display: none !important;*/
	}
	.vip_section img{
		height: 30px!important;
	}
	.banner-heading span {
	    font-size: 16px;
	}
	/*.display_phone{display: flex;}*/
	.banner-heading{
	position: absolute;
	bottom: 35%;
	left: 25%;
}
    .navbar_escort_header {
    	height:70px!important;
    }
}
/*end styling banner and banner heading */

.img_banner {
	width: 100% !important;
}

.escort_banner .carousel-indicators li {
	width: 13px;
	height: 13px;
	border-radius: 50%
}

.home_catgre {
	/*background: #000;*/
	padding: 10px 0
}

.catgre_lists{
	/*background:#fff;*/
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}


.catgre_list li a{
	color: #000;
}

.catgre_list h1 {
	color: #fff;
	font-family: arial;
	text-align: center
}
.bootom_contant{
	/*background: #000!important;*/
	background: url(./img/Escorts-Service-gurgaon.gif) !important;
}
.bootom_contant h5,
.bootom_contant h4,
.catgre_list_tow h2,
.catgre_list_tow h3 {
	color: #fff;
	font-family: arial;
	font-size: 30px
}

.catgre_list_tow {
	/*background:#000;*/
	padding: 20px;
	border-radius: 10px;
	margin-left: 80px
}

.bootom_contant p,
.catgre_list_tow p {
	color: #fff
}

.citylist {
	margin: 0;
	padding: 0
}

.citylist li {
	list-style: none
}

.citylist li a {
    color: #fff!important;
    background-color: #ff006a;
    margin-top: 10px;
    border-radius: 0px;
    /* border: 1px solid #ED008C; */
    text-decoration: none;
    display: block;
    padding: 6px 0;
    padding-left: 15px;
    line-height: 20px;
    font-family: arial;
    text-align: center;
    text-transform: capitalize;
    box-shadow: #edb5d6 0px 2px 5px, rgb(0 0 0 / 9%) 0px 8px 3px;
}

.citylist li a:before {
	content: "";
	font-family: 'fontawesome';
	font-size: 20px;
	position: absolute;
	left: 17px
}
.citylist li a:hover{
	color: #000 !important;
}

.img_galler_but_home {
	/*background: #000;*/
	padding: 15px;
}

.home_img{
	border: 2px solid;
	background-color: #fff;
	border-radius: 10px;
}

.home_img img {
	width: 100%;
	box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin: 5px;
}

.mt_top {
	margin-top: 20px
}

.bootom_contant {
	background: #000;
	padding: 20px
}

.contact_map iframe {
	width: 100%;
	height: 400px
}

.contact_form {
	background-color: #000;
	padding: 30px 0
}

.contact_form_adding p {
	width: 49%;
	display: inline-block
}

.contact_form_adding p input {
	width: 100%;
	padding: 9px 10px;
	outline: none
}

.contact_form_adding p:nth-child(6),
.contact_form_adding p:nth-child(5) {
	width: 100%
}

.contact_form_adding p:nth-child(5) textarea {
	width: 99%;
	padding: 9px 10px;
	padding-bottom: 60px;
	resize: none;
	outline: none
}

.contact_form_adding p:nth-child(6) input {
	width: 30%;
	padding: 8px 0;
	margin: auto;
	display: block;
	border: none
}

.contact_form_adding p:nth-child(6) input:hover {
	background-color: radial-gradient(circle at -8.9% 51.2%, rgb(255, 124, 0) 0%, rgb(255, 124, 0) 15.9%, rgb(255, 163, 77) 15.9%, rgb(255, 163, 77) 24.4%, rgb(19, 30, 37) 24.5%, rgb(19, 30, 37) 66%);
	color: #fff
}

.contact_form_adding p label {
	color: #fff;
	font-family: arial
}

.contact_addrss_adding ul {
	margin: 0;
	padding-top: 20px
}

.contact_addrss_adding {
	padding-top: 30px
}

.contact_addrss_adding ul li {
	list-style: none;
	display: inline-block
}

.contact_addrss_adding p {
	color: #fff
}

.contact_addrss_adding p b {
	margin-right: 10px
}

.contact_addrss_adding p a {
	color: #fff
}

.contact_addrss_adding ul li a i {
	color: #fff;
	border: 2px solid #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px
}

.contact_addrss_adding ul li a i:hover {
	transition: all 0.6s ease-in-out;
	transform: scale(1.2)
}

.contact_addrss_adding ul li:not(:first-child) {
	margin-left: 10px
}

.contact_addrss_adding ul li:nth-child(1) a i:hover {
	background: #3b5999;
	border: 2px solid #3b5999
}

.contact_addrss_adding ul li:nth-child(2) a i:hover {
	background: #55acee;
	border: 2px solid #55acee
}

.contact_addrss_adding ul li:nth-child(3) a i:hover {
	background: #0077B5;
	border: 2px solid #0077B5
}

.contact_addrss_adding ul li:nth-child(4) a i:hover {
	background: #dd4b39;
	border: 2px solid #dd4b39
}

.contact_addrss_adding ul li:nth-child(5) a i:hover {
	background: #e4405f;
	border: 2px solid #e4405f
}

.galler_banner img {
	width: 100%;
	height: 500px
}

.gallery_images {
	background-color: #000;
	padding: 30px 0
}

.img_gallery_set img {
	width: 100%;
	height: 500px;
	margin-bottom: 30px
}

.rtaes_tabel {
	background-color: #000;
	padding: 30px 0
}

.pricingTable {
	background: #fff;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease 0s
}

.pricingTable:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, .8) inset, 0 0 10px rgba(0, 0, 0, .8)
}

.pricingTable svg {
	display: block;
	margin-left: -28px
}

.pricingTable .pricing-content {
	padding: 28px 0 30px;
	position: relative;
}

.pricingTable .title {
	font-size: 35px;
	font-weight: 600;
	color: #ae003d;
	text-transform: uppercase;
	margin: 0 0 10px 0
}

.pricingTable .pricing-content ul {
	padding: 0;
	margin: 0 0 30px 0;
	list-style: none;
}

.pricingTable .pricing-content ul li {
	font-size: 18px;
	color: rgba(0, 0, 0, .3);
	line-height: 40px;
	text-transform: capitalize;
	color: #000;
}

.pricingTable .pricingTable-signup {
	display: inline-block;
	padding: 8px 50px;
	background: #ae003d;
	border-radius: 20px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	transition: all 0.3s ease 0s;
	margin-top: 11px
}

.pricingTable:hover .pricingTable-signup {
	box-shadow: 0 0 10px #ae003d
}

.pricingTable .pricingTable-signup:hover {
	color: #ae003d;
	background: #fff;
	box-shadow: 0 0 10px #ae003d, 0 0 10px #000 inset;
	text-decoration: none
}

.pricingTable.blue .title {
	color: #005c99
}

.pricingTable.blue .pricingTable-signup {
	background: #005c99
}

.pricingTable.blue:hover .pricingTable-signup {
	box-shadow: 0 0 10px #005c99
}

.pricingTable.blue .pricingTable-signup:hover {
	color: #005c99;
	background: #fff;
	box-shadow: 0 0 10px #005c99, 0 0 10px #000 inset
}

.pricingTable.red .title {
	color: #db2c29
}

.pricingTable.red .pricingTable-signup {
	background: #db2c29
}

.pricingTable.red:hover .pricingTable-signup {
	box-shadow: 0 0 10px #db2c29
}

.pricingTable.red .pricingTable-signup:hover {
	color: #db2c29;
	background: #fff;
	box-shadow: 0 0 10px #db2c29, 0 0 10px #000 inset
}

@media only screen and (max-width:990px) {
	.pricingTable {
		margin-bottom: 30px
	}
}

.pricing-content p {
	padding: 19px 0;
	margin-bottom: 0
}

.pricing-content p span:first-child {
	float: left;
	margin-left: 80px
}

.pricing-content p span:last-child {
	float: right;
	margin-right: 80px
}

.heading_color {
	color: #fff;
	font-size: 23px
}

.rates_banner img {
	width: 100%;
	height: 500px
}



.service_banner img {
	width: 100%;
	height: 500px
}

.serviceBox {
	text-align: center
}


.serviceBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, 
                rgba(0, 0, 0, 0.12) 0px -12px 30px, 
                rgba(0, 0, 0, 0.12) 0px 4px 6px, 
                rgba(0, 0, 0, 0.17) 0px 12px 13px, 
                rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.serviceBox img {
	width: 100%;
	height: auto;
	max-width: 100%;
	-webkit-transition: all 0.9s;
	-o-transition: all 0.9s;
	-moz-transition: all 0.9s;
	transition: all 0.9s
}

.service_section .col-sm-4 .img_zoom_min img {
	width: 100%;
	height: 500px
}
@media only screen and (max-width:767px) {
	.service-card {
	width: 50% !important;
	padding-left:10px!important;
	padding-right:10px!important;
	}
	.serviceBox img{
		height: 180px!important;
	}
	.service-content {
    padding: 10px 0px 10px 0px !important;
    }
	.service-content h3{font-size:12px!important;}
    }

.serviceBox:hover img {
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3)
}

.serviceBox .service-content {
	position: relative;
	background: #dd4edfc7;
	color: #f0f4ba;
	padding: 22px 30px 30px
}

.serviceBox .service-icon {
	display: block;
	width: 70px;
	height: 70px;
	background: #f0f4ba;
	border-radius: 10px;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg)
}

.serviceBox .service-icon i {
	font-size: 30px;
	line-height: 70px;
	color: #00a996;
	transform: rotate(-45deg)
}

.serviceBox .title {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.serviceBox .description {
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 20px
}

.serviceBox .read-more {
	display: inline-block;
    padding: 7px 20px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #f5f5f5!important;
    background: #4a0162 !important;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}

.serviceBox .read-more:hover {
	color: #fff;
	background: #ed2563;
	text-decoration: none
}

.serviceBox.middle .service-content {
	padding: 30px 30px 50px
}

.serviceBox.middle .service-icon {
	bottom: -35px;
	top: auto
}

.catgre_lists {
    padding-left:20px;
    /*margin-left: 30px!important;*/
    /*margin-right: 14px!important;*/
}

@media only screen and (max-width:990px) {
	.serviceBox .title {
		font-size: 15px
	}
}

@media only screen and (max-width:767px) {
	.serviceBox {
		margin: 0 0 30px 0;
	}
	.show-contant{display: none;}
	.read{display: inline-block!important;}
	.extra{margin-top: 0!important;}
}
@media only screen and (max-width: 400px) {
  .service-content h4 {
		font-size: 13px!important;
	}
	p{
	    padding-right:0px!important;
	}
	.service-card {
	width: 50% !important;
	padding-left:10px!important;
	padding-right:10px!important;
	}
}

.serviceBox img {
	width: 100%;
	height: 280px
}

.service_section {
	padding: 30px 0
}

.about_banner img {
	width: 100%;
	height: 500px
}

.about_section_contant {
	padding: 30px 0;
	background-color: #0000;
}

.about_imges_left img {
	width: 100%
}

.about_contant h1 {
	color: #fff;
	font-size: 35px;
	font-family: arial
}

.about_contant p {
	color: #fff;
	text-align: justify
}

.inner_banner img {
	width: 100%;
	height: 500px
}

.ZZZ{
	background: #000;
	padding: 30px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius:10px;
}

.inner_contant {
	padding: 30px 0
}

.inner_contant h1 {
	color: #fff;
	font-size: 35px;
	font-family: arial
}

.inner_contant h2 {
	color: #fff;
	font-size: 33px;
	font-family: arial
}

.inner_contant h3 {
	color: #fff;
	font-size: 31px;
	font-family: arial
}

.inner_contant h4 {
	color: #fff;
	font-size: 29px;
	font-family: arial
}

.inner_contant h5 {
	color: #fff;
	font-size: 27px;
	font-family: arial
}

.inner_contant h6 {
	color: #fff;
	font-size: 25px;
	font-family: arial
}

.inner_contant p {
	font-family: arial;
	color: #fff;
	text-align: justify;
	text-transform: capitalize
}

.inner_contant p a {
	font-weight: 700;
	color: radial-gradient(circle at -8.9% 51.2%, rgb(255, 124, 0) 0%, rgb(255, 124, 0) 15.9%, rgb(255, 163, 77) 15.9%, rgb(255, 163, 77) 24.4%, rgb(19, 30, 37) 24.5%, rgb(19, 30, 37) 66%);;
	text-decoration: none
}

.inner_contant p a:hover {
	color: #fff
}

.inner_box_1 {
	background: #00000040;
	width: 32%;
	margin-bottom: 10px;
	display: inline-block;
	padding: 10px;
	vertical-align: top;
	border-radius: 10px;
	/*height: 440px;*/
}

.inner_box_1:not(:first-child) {
	/*margin-left: 15px*/
}
.list_ages2{
	width: 100%;
	/*margin-left: 9px;*/
    padding: 10px 70px;
}
.list_ages{
	width: 67%;
	/*margin-left: 9px;*/
    padding: 10px 70px;
}
.first_box{
	box-shadow: 0 0 15px 3px rgb(255 109 197 / 65%);
}
.first_box img {
	width: 100%;
	height: 400px;
	border-radius: 10px;
}

.inner_box_1 span {
	font-size: 35px;
	font-family: arial;
	color: #fff
}

.list_ages p {
	color: #000;
}
.list_ages2 p {
	color: #fff;
}

.list_ages p b {
	font-size: 18px;
	font-family: arial
}
.list_ages2 p b {
	font-size: 18px;
	font-family: arial
}

.list_ages p span {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}
.list_ages2 p span {
	font-size: 16px;
	margin-left: 10px;
	color: #fff;
}

.whatsapp {
	width: 100%;
	background: transparent;
	border: 2px solid #ED008C;
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	color: #fff;
	margin-bottom:40px;
	margin-top:40px
}
.whatsapp {
  --border-size: 3px;
  --border-angle: 0turn;
  background-image: conic-gradient(
      from var(--border-angle),
      #213,
      #112 50%,
      #213
    ),
    conic-gradient(from var(--border-angle), transparent 20%, #08f, #f03);
  background-size: calc(100% - (var(--border-size) * 2))
      calc(100% - (var(--border-size) * 2)),
    cover;
  background-position: center center;
  background-repeat: no-repeat;

  animation: bg-spin 3s linear infinite;
  @keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  } &:hover {
    animation-play-state: paused;
  }
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}



.whatsapp i {
	font-size: 20px
}

.whatsapp a {
	color: #fff;
	padding-left: 16px
}

.whatsapp a:hover {
	color: radial-gradient(circle at -8.9% 51.2%, rgb(255, 124, 0) 0%, rgb(255, 124, 0) 15.9%, rgb(255, 163, 77) 15.9%, rgb(255, 163, 77) 24.4%, rgb(19, 30, 37) 24.5%, rgb(19, 30, 37) 66%);
}

.btn_rates {
	font-size: 25px;
	transition: all 0.6s ease-in-out
}

.lest_line a:hover {
	text-decoration: none
}

.btn_rates i {
	margin-left: 10px;
	visibility: hidden;
	font-size: 20px
}

.btn_rates:hover i {
	visibility: visible
}

.map_footer iframe {
	width: 100%;
	height: 250px
}

.escort_footer {
	background: #000000;
	padding: 20px 0
}

.first_link ul {
	margin: 0;
	padding: 0
}

.first_link ul li {
	list-style: none
}

.first_link ul li a {
	color: #fff !important;
	text-transform: capitalize;
	display: block;
	padding: 5px 0;
	text-decoration: none
}

.link_hading {
	color: #fff ;
	font-size: 30px;
	font-family: arial
}

.secand_link p i {
	color: #fff
}

.secand_link p a {
	color: #fff
}

.secand_link p span {
	color: #fff;
	margin-left: 10px
}

@media only screen and (max-width:1024px) {
	.escort_naumber a {
		width: 80%
	}

	.inner_box_1:not(:first-child) {
		margin-left: 9px
	}
	
}

@media only screen and (max-width:991px) {
	.gurgaon_escort_wrapper .container {
		max-width: 991px
	}

	.toggle_menu {
		display: block;
		border: none;
		outline: none !important;
		background: none;
		height: 45px;
		width: 0;
		margin: auto
	}

	.toggle_menu .icon_bar {
		display: block;
		width: 30px;
		height: 3px;
		margin-bottom: 7px;
		background: #fff;
		-webkit-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out
	}

	.toggle_menu.toggle .icon_bar:nth-child(1) {
		-webkit-transform: rotate(48deg);
		-moz-transform: rotate(48deg);
		-ms-transform: rotate(48deg);
		transform: rotate(48deg)
	}

	.toggle_menu.toggle .icon_bar:nth-child(2) {
		display: none
	}

	.toggle_menu.toggle .icon_bar:nth-child(3) {
		-webkit-transform: rotate(-48deg);
		-moz-transform: rotate(-48deg);
		-ms-transform: rotate(-48deg);
		transform: rotate(-48deg);
		margin-top: -10px
	}

	.navbar ul li {
		float: none
	}

	.navbar ul {
		position: absolute;
		z-index: 999;
		top: 0;
		right: 0;
		background: rgba(0, 0, 0, .6);
		width: 100%;
		text-align: center;
		display: none
	}

	.inner_box_1 {
		height: auto
	}
}

@media only screen and (max-width:800px) {
	.escort_naumber a {
		width: 50%;
		float: none;
		margin: auto
	}

	.escort_naumber {
		padding: 20px 0
	}

	.escort-logo a img {
		padding: 9px 4px;
		width: 50%
	}

	.escort_logo_responsive {
		display: block
	}

	.escort-logo {
		display: none
	}

	.escort_logo_responsive a img {
		width: 40%;
		padding: 6px 0
	}

	.toggle_menu {
		position: absolute;
		right: 50px;
		top: 18px
	}

	.navbar ul {
		top: 73px
	}

	.catgre_list_tow {
		margin-left: 44px
	}
}

@media only screen and (max-width:767px) {
	.inner_box_1 {
		width: 100%
	}

	.inner_box_1:not(:first-child) {
		margin-left: 0
	}

	.inner_banner img {
		width: 100%;
		height: 400px
	}

	.catgre_list_tow {
		margin-left: 0;
		margin-top: 20px
	}

	.home_img img {
		margin-bottom: 20px
	}

	.contact_map iframe,
	.rates_banner img,
	.service_banner img,
	.galler_banner img,
	.about_banner img,
	.img_banner {
		height: 400px
	}
}

@media only screen and (max-width:696px) {
	.escort_naumber a {
		width: 60%
	}

	.navbar ul {
		top: 67px
	}
}

@media only screen and (max-width:600px) {
	.toggle_menu {
		position: absolute;
		right: 50px;
		top: 10px
	}

	.navbar ul {
		top: 58px
	}

	.escort_naumber {
		padding: 10px 0
	}

	.escort_naumber a {
		width: 70%
	}
	.service-card {
	width: 50% !important;
	padding-left:10px!important;
	padding-right:10px!important;
	}
}

@media only screen and (max-width:480px) {
    .navbar ul {
		top: 70px;
		width: 330px
	}

	.escort_logo_responsive a img {
		width: 50%;
		padding: 6px 0
	}

	.toggle_menu {
		position: absolute;
		right: 50px;
		top: 16px
	}


	.escort_naumber a {
		width: 100%;
		padding: 5px 0
	}

	.inner_banner img {
		width: 100%;
		height: 300px
	}

	.inner_contant {
		padding: 10px 0
	}

	.secand_link,
	.first_link {
		margin-bottom: 15px
	}

	.contact_map iframe,
	.rates_banner img,
	.service_banner img,
	.galler_banner img,
	.about_banner img,
	.img_banner {
		height: 188px
	}

	.service_section,
	.gallery_images {
		padding: 17px 0
	}
	.content_div{
	    margin-left: 10px !important;
        margin-right: 10px!important;
	}
	.service-card {
	width: 49% !important;
	padding-left:20px!important;
	padding-right:10px!important;
	}
	
}

@media only screen and (max-width:360px) {
	.escort_logo_responsive a img {
		width: 64%;
		padding: 6px 0
	}

	.navbar ul {
		top: 67px;
		width: 250px
	}
}

@media only screen and (max-width:320px) {
	.navbar ul {
		top: 59px;
		width: 246px
	}

	.toggle_menu {
		top: 11px
	}
}

h1,
h1 a {
	text-align: center;
	color: #fff !important;
}

.map_footer img {
	width: 100%;
}

/*card style*/
.snip1527 {
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
  color: #ffffff;
  float: left;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 16px;
  margin: 10px 1%;
  max-width: 360px;
  min-width: 250px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 5%;
  box-shadow: 6px 28px 46px -6px #df638066;
}


.card {
    margin: 20px 0;
    background-color: #dd4edfc7!important;
    border-radius: 10px!important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.snip1527 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.snip1527 img {
  width: 100%;
  vertical-align: top;
  position: relative;
  height: 400px;
}

.snip1527 figcaption {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.snip1527 h4:hover {
    color:red!important;
}

.snip1527 figcaption:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #700877;
  content: '';
  background: -moz-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  background: -webkit-linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  background: linear-gradient(90deg, #700877 0%, #ff2759 100%, #ff2759 100%);
  opacity: 0.8;
  z-index: -1;
}

.snip1527 .date {
  background-color: #fff;
  border-radius: 50%;
  color: #700877;
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: -25px;
}

.snip1527 .date span {
  display: block;
  line-height: 14px;
}

.snip1527 .date .month {
  font-size: 11px;
}

.snip1527 h3,
.snip1527 p {
  margin: 0;
  padding: 0;
}

.snip1527 h3 {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}

.snip1527 p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.snip1527 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.snip1527:hover img,
.snip1527.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*.call-button {*/
/*    padding-top: 14px;*/
/*    height: 70px;*/
/*    width: 53px;*/
/*}*/

/*styling whatsapp sticky button*/
.whatsapp-button {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  background-color: #25d366;
  border-radius: 50px;
  color: #ffffff !important;
  text-decoration: none;
  width: 50px;
  height: 50px;
  font-size: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration:none !important;
  -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
  animation: effect 1s infinite ease-in;
}

@keyframes effect {
  20%,
  100% {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }
  0%,
  10% {
    width: 55px;
    height: 55px;
    font-size: 35px;
  }
  5% {
    width: 50px;
    height: 50px;
    font-size: 30px;
  }
}

.float{
    position: fixed;
    bottom: 70px;
    right: 15px;
    z-index: 99;
    background-color: #ff519d;
    border-radius: 50px;
    color: #ffffff !important;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 14px;
    text-decoration:none!important;
    -webkit-box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    animation: effect 1s infinite ease-in;
}

.my-float{
	margin-top:16px;
}


/*card media query*/
@media only screen and (max-width:360px) {
	.services-section {
    padding-right: 0px!important;
    padding-left: 0px!important;
    
}
.services_section_row {
  margin-right: -20px!important;
  margin-left: -20px!important;
.row{
    margin-right: -20px!important;
    margin-left: -20px!important;
}

/*.container-fluid {*/
/*    width: 100%;*/
/*     padding-right: 0px!important; */
/*     padding-left: 0px !important; */
/*}*/
}