body{
	font-family: 'Roboto', sans-serif;

}

/*--------------------*/
.selectoption{
background-color: #ffffff;
color:#971a97;
}


/*registration form*/


	.formcontrol:focus {
		outline: 0 !important;
		border-color: initial;
		box-shadow: none;
	}

/* HIDE RADIO */
.radiostyle [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.radiostyle [type=radio] + i{
  cursor: pointer;
}

/* CHECKED STYLES */
.radiostyle [type=radio]:checked + i{
	background-color: #971a97  ;
	color: #ffffff !important;
}
.radiohover:hover {
  background-color: #971a97;
  color: #ffffff !important;
}
.malestyle{
	border:1px solid #800080; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 5px;
	padding-right: 5px; padding-top:3px;  padding-bottom:3px;

}
.femalestyle{
	border:1px solid #800080; margin-left:-4px;  border-top-right-radius: 5px; border-bottom-right-radius: 5px;
	padding-left: 2px; padding-right: 2px; padding-top:3px;  padding-bottom:3px;

}

/*Search Page Input Field Style*/
.adsearchbox{
border-radius: 10px;
filter: drop-shadow(0 0 1.5px rgba(1,1,1,0.2));
background-color: #f9f9f9;
border: 0.5px solid #971a97;
}

.pholder{
font-size: 12px;
color: #868686;
font-weight: 300;
font-style: italic;
}
::placeholder {
  font-size: 13px;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 13px;
}

::-ms-input-placeholder { /* Microsoft Edge */
font-size: 13px;
}



.changehover:hover{
	color: black !important;

}
.boxstyle{
	background: url(../img/profile-img.png) ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	  background-size: cover;

	height: 250px !important;
	width: 100% !important;


}

/*change bottom header setting icon style*/
.changehoversetting > a:hover{
	color: black !important;
}

@media (min-width: 768px) {
    .tablelgxl{
       width: 50% !important;
    }
}

@media (min-width: 992px) {
    .tablelgxl{
       width: 70% !important;
    }
}

@media (min-width: 1200px) {
    .tablelgxl{
       width: 50% !important;
    }
}




.changefavourite {
	cursor: pointer;
	user-select: none;
}

.changefavourite:hover {
  background-color: green !important;
}

/*Single Profile Page */


.cover-div{
	/* The image used */
	background-image: url("img/cover-img.jpg");

	/* Full height
	height: 100%;*/
	width: 1235px;
	height: 480px;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.opacities{
background-color:hsla(290,60%,70%,0.2);

}
.changehover:hover{
	color: black !important;

}
@media only screen
and (min-device-width: 230px)
and (max-device-width : 350px){
    .imgresizes-p{
	  height: 300px !important;
    }
	.imgresizes-pm{
	  height: 300px !important;
    }
	.imgresizes-p2{
	 width: 70px !important;
	}

}
@media only screen
and (min-device-width: 351px)
and (max-device-width : 550px){
    .imgresizes-p{
	  height: 400px !important;
    }
	.imgresizes-pm{
	  height: 400px !important;
    }

}
@media only screen
and (min-device-width: 551px)
and (max-device-width : 767px){
    .imgresizes-p{
	  height: 550px !important;
    }
	.imgresizes-pm{
	  height: 550px !important;
    }

}
@media only screen
and (min-device-width: 768px)
and (max-device-width : 967px){
    .imgresizes-p{
	  height: 650px !important;
    }
	.imgresizes-pm{

	  height: 650px !important;
	  width: 100% !important;

    }
	.modal{
		width: 750px !important;
	}

}
@media only screen
and (min-device-width: 968px)
and (max-device-width : 1199px){
    .imgresizes-p{
	  height: 700px !important;
    }


}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1300px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
	}
	.overlg3{

		margin-right: 130px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1301px)
and (max-device-width : 1400px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
	}
	.overlg3{

		margin-right: 150px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1401px)
and (max-device-width : 1500px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 40px !important;
	}
	.overlg3{

		margin-right: 250px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1501px)
and (max-device-width : 1600px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 60px !important;
	}
	.overlg3{

		margin-right: 270px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1601px)
and (max-device-width : 1700px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 60px !important;
	}
	.overlg3{

		margin-right: 280px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1701px)
and (max-device-width : 1800px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 70px !important;
	}
	.overlg3{

		margin-right: 300px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
@media only screen
and (min-device-width: 1801px)
and (max-device-width : 2000px){
    .overlg{

	  display: none !important;
    }
	.overlg2{
		width: 450px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 70px !important;
	}
	.overlg3{

		margin-right: 310px !important;
		margin-left: 0px !important;

		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

}
.hoverstyles-p:hover{
	background-color: #971a97;
	color: #ffffff;
}



/*-------------------------- Loing and Sign Up Page -----------------------------*/
@media only screen
and (min-device-width: 250px)
and (max-device-width : 960px) {
    .navbarfixmarginleft{
       margin-left: 5px !important;

    }
	.navbarfixmarginright{
		margin-right:5px !important;
	}
}



/*----------------- End ------------------*/

@media only screen
and (max-device-width : 540px) {
    .marginfixed{
       margin-left: 0px;

    }
	.mobileresponse{
		margin-right:0px !important;
	}
}

@media only screen
and (min-device-width: 540px)
and (max-device-width : 1140px) {
    .marginfixed{
       margin-left: 0px;

    }
	.mobileresponse{
		margin-right:0px !important;
	}
}


@media only screen
and (min-device-width: 1140px)
and (max-device-width : 1400px){
   .marginfixed{
       margin-left: 110px !important;

    }
	.mobileresponse{
		margin-right: 110px !important;
	}
}

@media only screen
and (min-device-width: 1400px)
and (max-device-width : 1600px){
   .marginfixed{
       margin-left: 100px !important;

    }
	.mobileresponse{
		margin-right: 100px !important;
	}
}

.changefavourite {
	cursor: pointer;
	user-select: none;
}

.changefavourite:hover {
  background-color: #ffffff !important;
  color: #971a97 !important;
}
.btnhoverpb:hover{
	opacity: 0.7 !important;
}


	/*login form*/

	.baadhanfont{
	 font-family: 'Berkshire Swash';font-size: 45px;
	}
	.sansserif {
	  font-family: Arial, Helvetica, sans-serif;
	}

	.flname {
	  border-radius: 60px;

	}
	.formcontrol:focus {
		outline: 0 !important;
		border-color: initial;
		box-shadow: none;
	}
	.fasocial {
	  padding: 5px;
	  font-size: 24px;

	  text-decoration: none !important;
	  margin: 5px 2px;
	  border-radius: 50%;
	}

	.fasocial:hover {
		color: rgb(236, 159, 159);
		opacity: 0.5;
	}

	.fa-facebook {
	  background: #3B5998;
	  color: white;
	  width: 35px !important;
	}

	.fa-twitter {
	  background: #55ACEE;
	  color: white;
	}

	.fa-google {
	  background: #dd4b39;
      color: white;
      width: 35px !important;
	}
	.fa-instagram {
	  background: black;
	  color: white;
	}


	.btnimg {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: lightyellow;
  color: red;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;

}

	.btnimg:hover {
	  background-color: black;
	  color: white;
	}

/*Setting Page*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #fcf8fc !important;
  color: black;
  border: 1px solid ;

}

.inputstyle{
	border: 1px solid #971a97 !important;
	border-radius:5px !important;
	background: #ffffff !important;
	color: black !important;
}
@media (min-width: 801px) {
    .inputstylesetting{
       margin-left: 230px;

    }
	.mobileresponsestyle{
		margin-right: 230px;
	}


}
@media only screen
and (min-device-width: 1024px)
and (max-device-width : 1024px) {
    .inputstylesetting{
       margin-left: 0px;

    }
	.mobileresponsestyle{
		margin-right:0px;
	}


}

@media (min-width: 1600px) {
    .inputstylesetting{
       margin-left: 230px !important;

    }
	.mobileresponsestyle{
		margin-right: 230px !important;
	}


}
@media (min-width: 880px) {
    .inputstylesetting{
       margin-left: 0px;

    }
	.mobileresponsestyle{
		margin-right: -20px;

	}


}
/*@media (max-width: 280px) {
    .divxsmall{
		width: 100% !important;
		height: auto;
	}


}
@media (min-width: 768px) {
    .fullwidth11{
       wdith: 100% !important;
	   height: 100% !important;
    }
}*/

/*For message page */
.others{
margin-right:75px;
background-color: #eed9ee;
font-size: 18px;
color: #971a97;
font-weight: 500;
border: 2px solid white;
border-radius: 15px
}

.myself{
margin-left: 75px;
background-color: #6c757d;
font-size: 18px;
color: #f7f7f9;
font-weight: 500;
border: 2px solid white;
border-radius: 15px;

}

.normal-user {
  display: none;
}


.iconstyle:hover {
	background-color: white;
	color: black;
	font-size: 18px;
}

@media (min-width: 280px) {
    .colxs{
	  margin-right: 30px !important;
    }
	 .colxs2{
	  margin-left: 30px !important;
    }
}
@media (min-width: 320px) {
    .colxs{
	  margin-right: 50px !important;
    }
	 .colxs2{
	  margin-left: 50px !important;
    }
}
@media (min-width: 360px) {
    .colxs{
	  margin-right: 80px !important;
    }
	.colxs2{
	  margin-left: 80px !important;
    }
}

@media (min-width: 540px) {
    .colxs{
	  margin-right: 150px !important;
    }
	 .colxs2{
	  margin-left: 150px !important;
    }
}

@media (min-width: 768px) {

    .colxs{
	  margin-right: 80px !important;
    }
	 .colxs2{
	  margin-left: 80px !important;
    }
	.px2{
		margin: 0px !important;

	}
}

@media (min-width: 1100px) {
    .colxs{
	  margin-right: 250px !important;
    }
	 .colxs2{
	  margin-left: 250px !important;
    }
}

@media only screen
and (min-device-width: 1300px)
and (max-device-width : 1499px){
    .colxs{
	  margin-right: 80px !important;
    }
	 .colxs2{
	  margin-left: 80px !important;
	  padding-right: 25px !important;
    }
}
@media only screen
and (min-device-width: 1500px)
and (max-device-width : 1699px){
    .colxs{
	  margin-right: 60px !important;
    }
	 .colxs2{
	  margin-left: 60px !important;
	  padding-right: 10px !important;
    }
}
@media only screen
and (min-device-width: 1700px)
{
    .colxs{
	  margin-right: 60px !important;
    }
	 .colxs2{
	  margin-left: 60px !important;
	  padding-right: 5px !important;
    }
}
@media (min-width: 1320px) {
    .colxlimg{
	 margin-left: 25px !important;
    }

}




/* Home page style */

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}

/*

.bgimg{
  background-image: url("img/bg-img.jpg");  The image used */

  /* height: 768px; You must set a specified height */
 /* background-position: top-center;  Center the image */
 /* background-repeat: no-repeat;  Do not repeat the image */
/*  background-size: cover;  Resize the background image to cover the entire container

}*/
.homepagenavlink{
	font-size: 16px;
	color: #880a88;
	font-weight: 500;
}
.homepagenavlinkhover > a:hover{
	color : black;
}
.homepagecoverbutton{
width: 152px;
height: 42px;
border-radius: 20px;
filter: drop-shadow(0px 2px 4.5px rgba(0,0,0,0.67));
background-color: #880a88;
border: 0.66px solid #ffffff; font-size: 18px;

color: #ffffff;
font-weight: 400;

}

.how-work{

filter: drop-shadow(0 0 8px rgba(0,0,0,0.18));
background-color: #ffffff;
border: 1px solid #000000;
font-size: 20px;
width: 250px;
color: #880a88;
font-weight: 400;
}

.hpboxstyle{
filter: drop-shadow(0 0 8px rgba(0,0,0,0.18));
background-color: #ffffff;
border-bottom-left-radius: 35px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;


}
@media only screen
and (min-device-width: 250px)
and (max-device-width : 991px){

	.togglebg{
		background-color: #971a97 ;
		margin-left: 100px ;
		margin-right: 100px ;

	}
	.togglebgcolor{

		color: #ffffff !important;

	}

}
@media only screen
and (min-device-width: 250px)
and (max-device-width : 340px){
   .fixxmdevice{
       padding: 15px !important;

    }
	.fixxmdeviceimg{
		height: 180px !important;
		width: 180px !important;
	}
	.navremovepad{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media only screen
and (min-device-width: 340px)
and (max-device-width : 580px){
   .fixxmdevice{
       padding: 25px !important;
	   text-align: center !important;
    }

}

@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1400px){

	.fixxmdeviceimg{
		height: 190px !important;
		width: 190px !important;
	}

}
@media only screen
and (min-device-width: 1401px)
and (max-device-width : 1600px){

	.fixxmdeviceimg{
		height: 220px !important;
		width: 220px !important;
	}

}

@media only screen
and (min-device-width: 1601px)
and (max-device-width : 1750px){

	.fixxmdeviceimg{
		height: 250px !important;
		width: 250px !important;
	}

}

@media only screen
and (min-device-width: 768px)
and (max-device-width : 1199px){

	.fixxmdeviceimg{
		height: 200px !important;
		width: 200px !important;
	}
	.fixslide{
		margin-left: 35px !important;
		margin-right: 35px !important;
	}


}
@media only screen
and (min-device-width: 541px)
and (max-device-width : 800px){
   .imgresize{
       height: 400px !important;

    }
	.hpdivfix{
		margin-top: -200px !important;
		margin-left: 50px !important;
	}
	.homefontfix{
		font-size:22px !important;
	}
	.marginremove{
		margin-top: 10px !important;
	}
	.navremovepad{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}


/*------------Homepage new style -------*/






/*----Edit Profile Page Button ----------*/
}
@media only screen
and (min-device-width: 250px)
and (max-device-width : 350px){
	.padoffe-f{
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

/*-----End------*/

@media only screen
and (min-device-width: 250px)
and (max-device-width : 320px){
	.imgresize{
       height: 300px !important;

    }
	.hpdivfix{
		margin-top: -200px !important;
		margin-left: 30px !important;
	}
	.homefontfix{
		font-size: 14px !important;
	}
	.marginremove{
		margin-top: 10px !important;
	}
	.navremovepad{
		padding-left: 0px !important;
		padding-right: 0px !important;

	}
	.togglemargin{

		margin-left: 200px !important;
		margin-right: 0px !important;
		padding-right: 0px !important;
		text-align: left !important;


	}
	.togglebgcolor{
		font-size: 11px !important;


	}
	.homepagecoverbutton{
		display: block;
	}
	.partfix{
		display: block;
	}
}

@media only screen
and (min-device-width: 321px)
and (max-device-width : 540px){
   .imgresize{
       height: 300px !important;

    }
	.hpdivfix{
		margin-top: -200px !important;
		margin-left: 30px !important;
	}
	.homefontfix{
		font-size: 16px !important;
	}
	.marginremove{
		margin-top: 10px !important;
	}
	.navremovepad{
		padding-left: 0px !important;
		padding-right: 0px !important;

	}
	.togglemargin{

		margin-left: 230px !important;
		margin-right: 0px !important;
		padding-right: 0px !important;
		text-align: left !important;


	}
	.togglebgcolor{
		font-size: 12px !important;


	}
	.homepagecoverbutton{
		display: block;
	}
	.partfix{
		display: block;
	}
}

@media only screen
and (min-device-width: 541px)
and (max-device-width : 800px){
   .imgresize{
       height: 400px !important;

    }
	.hpdivfix{
		margin-top: -200px !important;
		margin-left: 50px !important;
	}
	.homefontfix{
		font-size:22px !important;
	}
	.marginremove{
		margin-top: 10px !important;
	}
	.navremovepad{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}

@media only screen
and (min-device-width: 801px)
and (max-device-width : 1140px){
   .imgresize{
       height: 50% !important;

    }
	.hpdivfix{
		margin-top: -300px !important;
		margin-left: 80px !important;
	}
	.homefontfix{
		font-size:22px !important;
	}
	.marginremove{
		margin-top: 50px !important;
	}
	.navremovepad{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}
@media only screen
and (min-device-width: 1141px)
and (max-device-width : 1300px){
   .imgresize{
       height: 50% !important;

    }
	.hpdivfix{
		margin-top: -350px !important;
		margin-left: 80px !important;
	}
	.homefontfix{
		font-size:26px !important;
	}
	.marginremove111{
		margin-top: 50px !important;
	}
}

@media only screen
and (min-device-width: 1301px)
and (max-device-width : 1500px){
   .imgresize{
       height: 700px !important;

    }
	.hpdivfix{
		margin-top: -400px !important;
		margin-left: 120px !important;
	}
	.homefontfix{
		font-size:26px !important;
	}
	.marginremove111{
		margin-top: 50px !important;
	}
}




.socialhover:hover{
	background-color: white !important;
	color: black;
}
.homepagebuttonhover:hover{
	background-color: white !important;
	color: #880a88;
}

.imgresize{

	height: 900px;
	width: 100%;
}

.hpdivfix{
	margin-top: -550px;
	margin-left: 200px;
}

.homefontfix{
	font-size: 30px;
	color: #ffffff;
	font-weight: 500;

}


/* Single Profile Page */
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1600px) {

	.divfixxl{
		font-size: 16px !important;
	 }
	.divfixxlwidth{
		display: block !important;

	}
	.divcenter{
		margin: auto !important;
		padding: 0px !important;
	}
	.mauto{
		margin-right: -230px !important;
	}
	.chmargin{
       margin-left: -10px !important;
	 }
	 .tabxlmarg44{
		margin-left: 5px;
	 }
	.tabxlmarg45{
		margin-right: -200px;
	 }
}
@media only screen
and (min-device-width: 1600px)
and (max-device-width : 1950px) {

	.fixwidthxl{
		margin-right: -60px !important;
		padding-left : 70px !important;
		padding-right : 70px !important;

	 }
	 .mauto{
		margin-left : 30px !important;
	 }
}

/*Home Page*/
@media only screen
and (min-device-width: 230px)
and (max-device-width : 350px){
	.searchpartner{
		margin-top: 200px !important;
		margin-bottom: 0px;
	}
}
@media only screen
and (min-device-width: 351px)
and (max-device-width : 450px){
	.searchpartner{
		margin-top: 100px !important;
		margin-bottom: 0px;
	}
}

@media only screen
and (min-device-width: 768px)
and (max-device-width : 960px){
   .fixxmdeviceimg{
      width: 150px !important;
	  height: 150px !important;


	}
	.fixslide{
		 margin: auto !important;
	}
	.devmarginright{
		margin-right: 65px !important;


	}
}
.searchdiv{
	filter: drop-shadow(0px 1px 0.5px rgba(1,1,1,0.11));
	background: #880A88 url('../img/search-bg.png');
    background-attachment: scroll;
	background-attachment: fixed;
}

.nav-top{
height: 80px;
background-color: rgba(255, 255, 255, 0.1);
position: fixed;
top:200;
width: 100%;
filter: drop-shadow(0px 1px 1px rgba(1,1,1,0.05)); background: transparent;
z-index: 100;
}

.nav-sticky {
height: 80px;
background-color: #ffffff;
position: fixed;
top:100;
width: 100%;
border-bottom: 1px solid black;
z-index: 100;

}

.transition {
  -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */
  transition: height 2s;
}

/*------------------- Option Page -------------------*/
@media only screen
and (min-device-width: 768px){
   .mdlgxlnone{
       display: none !important;

    }

}

select:focus > option:checked {
    background: #ffffff !important;
}


/*-----------------404 Page----------*/



/*---------------Home New Page ---------------------*/



.top-section {
  /* The image used */
  background-image: url("/images/frontimg/web_related/update-banner.webp");

  /* Center and scale the image nicely */
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;

 /* background-attachment: fixed;*/

  /*  Full height */
  height: 100%;

}

@media only screen
and (min-device-width: 230px)
and (max-device-width : 350px){
	.homefontfix{
		margin-top: 330px !important;
		margin-left: 25px !important;

		text-align: center;
	}
	.top-section{
		/* The image used */
        background-image: url("/images/frontimg/web_related/update-banner.webp");

		/* Center and scale the image nicely */
		background-size: cover;
		background-position: 60% 40%;
		background-repeat: no-repeat;
		height: 570px;
	}

}
@media only screen
and (min-device-width: 351px)
and (max-device-width : 450px){
	.homefontfix{
		margin-top: 350px !important;
		margin-left: 35px !important;

		text-align: center;
	}
	.top-section{
		/* The image used */
        background-image: url("/images/frontimg/web_related/update-banner.webp");

		/* Center and scale the image nicely */
		background-size: cover;
		background-position: 60% 40%;
		background-repeat: no-repeat;

		height: 600px;
	}

}
@media only screen
and (min-device-width: 451px)
and (max-device-width : 550px){
	.homefontfix{
		margin-top: 350px !important;
		margin-left: 30px !important;

		text-align: center;
	}
	.top-section{
		/* The image used */
        background-image: url("/images/frontimg/web_related/update-banner.webp");

		/* Center and scale the image nicely */
		background-size: cover;
		background-position: 60% 40%;
		background-repeat: no-repeat;
		height: 700px;
	}

}
@media only screen
and (min-device-width: 551px)
and (max-device-width : 650px){
	.homefontfix{
		margin-top: 360px !important;
		margin-left: 20px !important;

		text-align: center;
	}
	.top-section{
			/* The image used */
            background-image: url("/images/frontimg/web_related/update-banner.webp");

		/* Center and scale the image nicely */
		background-size: cover;
		background-position: 60% 40%;
		background-repeat: no-repeat;
		height: 700px;
	}

}
@media only screen
and (min-device-width: 651px)
and (max-device-width : 750px){
	.homefontfix{
		margin-top: 360px !important;
		margin-left: 20px !important;

		text-align: center;
	}
	.top-section{
		height: 700px;
	}

}
@media only screen
and (min-device-width: 751px)
and (max-device-width : 850px){
	.homefontfix{
		margin-top: 360px !important;
		margin-left: 30px !important;

		text-align: center;
	}
	.top-section{
		height: 700px;
	}

}
@media only screen
and (min-device-width: 851px)
and (max-device-width : 950px){
	.homefontfix{
		margin-top: 360px !important;
		margin-left: 30px !important;

		text-align: center;
	}
	.top-section{
		height: 700px;
	}

}
@media only screen
and (min-device-width: 951px)
and (max-device-width : 1199px){
	.homefontfix{
		margin-top: 400px !important;
		margin-left: 100px !important;

		text-align: center;
	}
	.top-section{
		height: 850px;
	}

}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1599px){
	.homefontfix{
		margin-top: 320px !important;
		margin-left: 120px !important;

		text-align: center;
	}
	.top-section{
		height: 900px;
	}

}
@media only screen
and (min-device-width: 1600px)
and (max-device-width : 1799px){
	.homefontfix{
		margin-top: 320px !important;
		margin-left: 150px !important;

		text-align: center;
	}
	.top-section{
		height: 900px;
	}

}
@media only screen
and (min-device-width: 1800px){
	.homefontfix{
		margin-top: 400px !important;
		margin-left: 200px !important;

		text-align: center;
	}
	.top-section{
		height: 900px;
	}

}
@media only screen
and (min-device-width: 250px)
and (max-device-width: 767px){
	.navremovepad{
		padding-left: 15px !important;
		padding-right: 15px !important;


	}

}

/*--------------------- Edit Photo ------------------*/
@media only screen
and (min-device-width: 250px)
and (max-device-width : 540px) {
    .fixmobmargin{
       margin: 0px !important;

    }


}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1450px) {
    .fixmarginxl{
       margin-left: 150px !important;

    }
	.margigxlfixleft{
		margin-left: -450px !important;
	}
	.margigxlfixright{
		margin-right: 0px !important;
	}

}
 @media only screen
and (min-device-width: 1451px)
and (max-device-width : 1850px) {
    .fixmarginxl{
       margin-left: 150px !important;

    }
	.margigxlfixleft{
		margin-left: -450px !important;
	}
	.margigxlfixright{
		margin-right: 0px !important;
	}

}


* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container-gallery {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six cols side by side
.col {
  float: left;
  width: 16.66%;
}*/

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

@media only screen
and (min-device-width: 250px)
and (max-device-width : 1400px){
   .tablefixsmmd{
       margin: auto !important;


    }

}



/*---------------------- Single Page --------------------------*/
@media only screen
and (min-device-width: 250px)
and (max-device-width : 540px) {
    .fixmobmargin{
       margin: 0px !important;

    }


}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1450px) {
    .fixmarginxl{
       margin-left: 150px !important;

    }
	.margigxlfixleft{
		margin-left: -450px !important;
	}
	.margigxlfixright{
		margin-right: 0px !important;
	}

}
 @media only screen
and (min-device-width: 1451px)
and (max-device-width : 1850px) {
    .fixmarginxl{
       margin-left: 150px !important;

    }
	.margigxlfixleft{
		margin-left: -450px !important;
	}
	.margigxlfixright{
		margin-right: 0px !important;
	}

}


* {
  box-sizing: border-box;
}



/*-------------------------Message Page ------------------*/


@media only screen
and (min-device-width: 768px)
{
   .hidetabmd{
      display: none !important;

    }
	.fadehide{
	 display: block !important;
	 opacity: 1 !important;
	}

}
.activestyle a:active{
	color: black !important;

}

/* --------------------Home page style/ Footer Style ------------------*/


@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1380px) {
    .footerfontsize{
       font-size: 10px !important;
	   font-weight: bold;

    }


}

@media only screen
and (min-device-width: 1381px)
and (max-device-width : 1605px) {
    .footerfontsize{
       font-size: 12px !important;

    }


}

@media only screen
and (min-device-width: 1606px)
and (max-device-width : 1814px) {
    .footerfontsize{
       font-size: 14px !important;

    }


}

.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}


@media only screen
and (min-device-width: 250px)
and (max-device-width : 767px){
	.footermarginfix{
		margin-left: 0px !important;
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width : 867px){
	.footermarginfix{
		margin-left: 80px !important;
	}
}
@media only screen
and (min-device-width: 868px)
and (max-device-width : 967px){
	.footermarginfix{
		margin-left: 100px !important;
	}
}
@media only screen
and (min-device-width: 968px)
and (max-device-width : 1199px){
	.footermarginfix{
		margin-left: 180px !important;
	}
}
@media only screen
and (min-device-width: 1350px)
and (max-device-width : 1450px){
	.footermarginfix{

		margin-left:  130px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media only screen
and (min-device-width: 1451px)
and (max-device-width : 1550px){
	.footermarginfix{

		margin-left:  160px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media only screen
and (min-device-width: 1551px)
and (max-device-width : 1650px){
	.footermarginfix{

		margin-left:  180px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media only screen
and (min-device-width: 1651px)
and (max-device-width : 1750px){
	.footermarginfix{

		margin-left:  200px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
@media only screen
and (min-device-width: 1751px)
and (max-device-width : 1850px){
	.footermarginfix{

		margin-left:  230px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}
@media only screen
and (min-device-width: 1851px)
{
	.footermarginfix{

		margin-left:  230px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

/* ---------------------- Advance Search Page ------------------*/
.changehovera-s > a:hover{
	color: #971a97;
	background-color:  #ffffff ;
}
.changehovera-s > a:hover{
	color: #971a97 !important;
	background-color: #e6d3e6 !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
	color: #971a97 !important;
	background-color: #e6d3e6 !important;
}
.hoverbtna-s:hover{
	opacity: 0.5 !important;
}
/*-------------- Partner Profile ----------*/
@media only screen
and (min-device-width: 375px)
and (max-device-width : 499px){
	.fixwidthp-p{
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;


	}
}
@media only screen
and (min-device-width: 500px)
and (max-device-width : 767px){
	.fixwidthp-p{
		width: 70% !important;
		margin-left: auto !important;
		margin-right: auto !important;


	}
}

/* homepage */

@media only screen
and (min-device-width: 240px)
and (max-device-width : 520px){
	.hidemobile{
		display: none !important;
	}

}
@media only screen
and (min-device-width: 521px)
and (max-device-width : 767px){
	.hidemobile{
		display: none !important;
	}
	.hidemobile3{
		width: 320px !important;
		height: 320px !important;

	}

}