@media(max-width:360px){

	.img_round {
    height: 100px !important;
    overflow: hidden;
    }


}


@media(max-width:575px) {
	.container {
		width: 95%;
	}
	#footer .footer-logo img {
		width: 200px;
		margin: 0 auto;
		display: block;
	}
	.footer-ul,
	.footer-social-ul {
		width: auto !important;
		float: inherit !important;
		margin: 0 auto;
		text-align: center;
		display: table !important;
	}
	.footer-left p,
	.footer-left span {
		text-align: center;
		width: 100%;
		display: block;
	}
	.footer-ul,
	.footer-social {
		margin-top: 20px !important;
	}
	.footer-social-ul li a {
		padding: 10px!important;
	}
	.footer-social-ul li {
		margin-left: 0px !important;
	}
	#footer {
		padding: 30px 0px !important;
	}
	#bottom-footer {
		padding: 20px 0px !important;
	}
	.footer-ul li {
		padding: 0px 10px !important;
	}
	.gp-ev-title h5 a,
	.home-title {
		height: auto !important;
		margin-bottom: 5px;
		display: -webkit-box;
		-webkit-line-clamp: initial;
		-webkit-box-orient: vertical;
		font-size: 18px;
	}
	.gp-ev-date h6 {
		font-size: 20px !important;
		margin-top: 10px;
	}
	.gp-event-title {
		margin-left: 15px;
		margin-top: -50px;
		font-size: 14px;
		padding: 8px 15px;
	}
	.gp-ev-title {
		padding-left: 10px !important;
	}
	.gp-ev-date {
		padding-right: 10px !important;
	}
	.border-btn {
		padding: 8px 20px !important;
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.border-btn i {
		font-size: 12px !important;
	}
	.controls-title {
		margin-bottom: 25px !important;
	}
	.controls-title p {
		font-size: 15px;
	}
	.controls-right,
	.controls-left {
		margin-top: 15px !important;
	}
	.agency-profile-intro-img {
		width: 150px;
	}

	.img_round{
		height:190px;
		overflow: hidden;
	}
}

@media(max-width: 600px) {
	#header {
		padding: 0px;
	}
	.mx-35 {
		margin: 0px !important;
	}
	.px-35 {
		padding: 0px;
	}
	.uabn-link .custom-btn {
		padding: 10px 30px;
		font-size: 14px;
	}
	.border-btn {
		padding: 10px 32px;
		font-size: 14px;
	}
	.nav-right .custom-btn {
		margin-left: 0px;
	}
}

@media(min-width:601px) and (max-width:991px) {
	nav button.navbar-toggler {
		order: 4;
	}
	#home-nav {
		order: 5;
	}
}

@media(min-width:320px) and (max-width:600px) {
	.navbar {
		margin-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
		
	}
	#home-nav {
		order: 5;
	}
	.nav-right {
		width: 100%;
		/* justify-content: inherit; */
		gap: 5px;
		margin-top: 10px;
	}
	.nav-right .abc {
		float: right;
	}
}
@media(min-width:542px){
	.navbar{
		flex-wrap: nowrap !important;
	}
}
@media(min-width:992px) and (max-width:1199px) {
	.about-left {
		padding-right: 50px !important;
	}
	.our-members-right {
		padding-left: 50px !important;
	}
	.members-col {
		height: 350px;
		overflow: hidden;
		min-height: 350px;
	}
	.slider-text h2 {
		font-size: 34px;
	}
	.slider-text h1 {
		font-size: 55px;
	}
	#slider .slider-text h6 {
		font-size: 18px !important;
	}
	#network {
		background-size: 50%;
	}
	.gp-view-slider .gp-event-images {
		height: 180px !important;
	}

	#event .event-details h3{
		height: auto !important;
		margin-bottom: 20px; 
	}

	.event-left{
		margin-bottom: 40px;
	}

	#event .event-details.event-box p{
		height: auto;
	}
}

@media(min-width:992px) {
	.about-left {
		padding-right: 100px;
	}
	.our-members-right {
		padding-left: 100px;
	}
	.carousel-item .user-box{
  		height: 210px;
  	}
}

@media(max-width:767px) {
	.about-right {
		margin-top: 7%;
		margin-bottom: 10%;
	}
	#business {
		padding-bottom: 10%;
	}
	.our-members-right {
		padding-top: 10%;
	}
	.members-user {
		margin-bottom: 30px;
	}
	.home-title {
		font-size: 25px !important;
	}
	h6.home-sub-to-title {
		font-size: 20px;
	}
	#our-mission p {
		font-size: 18px !important;
	}
	.members-data h5 {
		font-size: 20px;
	}
	.members-data h6 {
		font-size: 16px;
	}
	.value-section {
		display: block;
		margin-top: 30px;
	}
	.value-box {
		padding-right: 15px;
		padding-left: 15px;
		margin-top: 50px;
		width: 50%;
		float: left;
	}
	.footer-ul,
	.footer-social-ul,
	.footer-left,
	.footer-left p,
	.footer-menu {
		display: block;
	}
	.footer-left span a {
		padding: 0px;
	}
	.footer-ul {
		margin-top: 5px;
	}
	.footer-ul li a {
		font-size: 11px;
	}
	.footer-left {
		font-size: 12px;
	}
	.footer-ul li {
		padding-left: 10px;
	}
	.footer-ul,
	.footer-social-ul {
		width: auto;
		float: right;
	}
	.group-slider-right {
		right: 0px;
	}
	.group-replay-like {
		position: absolute;
		bottom: -30px;
		width: 100%;
	}
	.comment-replay-div {
		position: relative;
	}
	.group-update-user {
		padding-bottom: 50px !important;
	}
	.group-member {
		padding-left: 0%;
	}
	.group-replay-like {
		left: 66px;
	}
	.group-vedio-section iframe {
		width: 100%;
		min-height: 300px;
	}
	#event-col .owl-nav.disabled {
		margin-top: 40px;
	}
	.gp-view-slider {
		margin-top: 100px;
	}
	body #group-slider .group-slider-left {
		height: 550px !important
	}
	.valu-box-lenth {
		height: 265px;
		scrollbar-width: thin;
		overflow: auto;
	}

	.captcha-form-group{
		margin-top: 20px;
	}

	.upload_professional_photo .form-group{

	}
}

@media (min-width: 768px) {
	.main-video {
		display: block;
		width: 100%;
	}
}

@media(max-width:991px) {
	.carousel-control-prev,
	.carousel-control-next {
		font-size: 25px;
	}
	.members-col {
		height: 300px;
		overflow: hidden;
		min-height: 300px;
	}
	.app-network {
		position: inherit;
		bottom: 0px;
		padding-left: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#network {
		background-position-y: center;
		padding-top: 8%;
	}
	#uabn-group {
		padding-top: 12%;
		padding-bottom: 8%;
	}
	#our-members {
		padding: 10% 0%;
	}
	#business {
		padding-bottom: 6%;
		padding-top: 3%;
	}
	.network-div h6 {
		margin-bottom: 15px;
		height: auto;
		align-items: center;
	}
	.black-power-right {
		margin-left: 0px;
		margin-top: 20px;
	}
	.black-power-left {
		padding-top: 20px;
	}
	#black-power {
		padding: 5% 0%;
	}
	.app-network .home-sub-title {
		margin-bottom: 30px;
	}
	.black-power-left {
		padding-bottom: 0px;
	}
	.black-power-right {
		width: 90%;
		margin: 0 auto;
		position: inherit;
		margin-bottom: -50px;
	}
	#value {
		padding: 5% 0%;
	}
	.event-left {
		margin-bottom: 30px;
	}
	.event-box {
		margin-top: 30px;
		margin-bottom: 0px;
	}
	.group-col-right {
		margin-top: 3%;
	}
	.contact-form {
		position: inherit;
		margin-top: 30px;
	}
	#get-touch {
		padding: 80px 0px;
	}
	.contact-col-left {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.card-image {
		margin: 0px !important;
	}

	#event .event-details h3{
		height: auto !important;
		margin-bottom: 20px; 
	}

	.event-left{
		margin-bottom: 40px;
	}

	#event .event-details.event-box p, .event-left .event-details p{
		height: auto;
	}

}

@media(min-width:1601px) {
	.container {
		max-width: 1450px;
	}
}

@media(min-width:992px) and (max-width:1200px) {
	#slider,
	#group-site {
		height: 500px !important;
		display: flex;
	}
	#slider .carousel-inner,
	#slider .carousel-item {
		height: 500px;
	}
	.slider-text {
		top: 30%;
	}
	.photos-sec {
		height: 180px !important;
	}
	.gp-event-images {
		height: 180px!important;
	}
}

@media(min-width:768px) and (max-width:991px) {
	#slider,
	#group-site {
		height: 500px !important;
		display: flex;
	}
	#slider .carousel-inner,
	#slider .carousel-item {
		height: 500px;
	}
	.slider-text {
		top: 30%;
	}
	.slider-text h2 {
		font-size: 34px;
	}
	.slider-text h1 {
		font-size: 50px;
	}
	#slider .slider-text h6 {
		font-size: 18px !important;
		margin-bottom: 20px !important;
	}
	.uabn-link {
		margin-top: 30px;
	}
	.value-box h3 {
		font-size: 28px;
	}
	.value-box {
		padding-right: 15px;
		padding-left: 15px;
		margin-top: 50px;
	}
	.footer-ul,
	.footer-social-ul,
	.footer-left,
	.footer-left p,
	.footer-menu {
		display: block;
	}
	.footer-left span a {
		padding: 0px;
	}
	.footer-ul {
		margin-top: 12px;
	}
	.footer-ul li a,
	.footer-left {
		font-size: 12px;
	}
	.footer-ul,
	.footer-social-ul {
		width: auto;
		float: right;
	}
	.slide-logo {
		height: 150px;
	}
	.slide-logo img {
		width: 70% !important;
	}
	#photos {
		padding: 100px 0px;
	}
	.photos-sec {
		height: 150px !important;
	}
	.card-image {
		margin: 0px !important;
	}
	.valu-box-lenth {
		height: 130px;
		scrollbar-width: thin;
		overflow: auto;
	}
}

@media(min-width:600px) and (max-width:767px) {
	.carousel-control-prev,
	.carousel-control-next {
		font-size: 25px;
	}
	#slider,
	#group-site {
		height: 300px !important;
		display: flex;
	}
	#slider .carousel-inner,
	#slider .carousel-item {
		height: 300px;
	}
	.slider-text {
		top: 20%;
	}
	.slider-text h2 {
		font-size: 28px;
	}
	.slider-text h1 {
		font-size: 40px;
	}
	#slider .slider-text h6 {
		font-size: 18px !important;
		margin-bottom: 20px !important;
	}
	.uabn-link {
		margin-top: 30px;
	}
	.value-box h3 {
		font-size: 24px;
	}
	.value-box h6 {
		font-weight: 600;
		font-size: 14px;
	}
	.slide-logo {
		height: 150px;
	}
	.slide-logo img {
		width: 70% !important;
	}
}

@media(min-width:320px) and (max-width:599px) {
	.agency-profile-intro-img {
		width: 140px;
		margin-top: 51px;
	}
	.home-title {
		font-size: 24px !important;
	}
	.home-sub-title,
	.get-tag {
		font-size: 14px;
	}
	h6.home-sub-to-title {
		font-size: 18px !important;
	}
	#our-mission p {
		font-size: 16px !important;
		margin-top: 25px;
	}
	.members-data h5 {
		font-size: 20px;
	}
	.members-data h6 {
		font-size: 16px;
	}
	#network {
		padding-top: 50px;
	}
	.event-images {
		min-height: 250px;
		height: auto;
	}
	#event {
		padding: 12% 0%;
	}
	.contact-col-left {
		padding-top: 60px;
		padding-bottom: 20px;
	}
	#get-touch {
		padding: 40px 0px !important;
	}
	.uabn-member {
		width: 80px;
		height: 80px;
	}
}

@media(min-width:420px) and (max-width:599px) {
	.carousel-control-prev,
	.carousel-control-next {
		font-size: 25px;
	}
	#slider,
	#group-site {
		height: 250px !important;
		display: flex;
	}
	#slider .carousel-inner,
	#slider .carousel-item {
		height: 250px;
	}
	.slider-text {
		top: 20%;
	}
	.slider-text h2 {
		font-size: 20px;
	}
	.slider-text h1 {
		font-size: 22px;
	}
	#slider .slider-text h6 {
		font-size: 16px !important;
		margin-bottom: 20px !important;
	}
	.agency-profile-intro-img {
		width: 200px;
		margin-top: 30px;
	}
	.uabn-link {
		margin-top: 30px;
	}
	#network {
		background-size: 80%;
		background-position-y: bottom;
	}
	.value-box h3 {
		font-size: 18px;
	}
	.value-box h6 {
		font-weight: 600;
		font-size: 12px;
	}
	.event-details h3 {
		font-size: 24px !important;
	}
	#event .event-mb {
		margin-bottom: 2rem !important;
	}
	.slide-logo {
		height: 150px;
	}
	.slide-logo img {
		width: 70% !important;
	}
	#photos {
		padding: 50px 0px;
	}
	#photos-row {
		padding: 25px 0px;
	}
	.valu-box-lenth {
		height: 200px;
		scrollbar-width: thin;
		overflow: auto;
	}
	.value_details h3 {
		font-size: 20px;
	}
}

@media(min-width:320px) and (max-width:419px) {
	.carousel-control-prev,
	.carousel-control-next {
		font-size: 20px;
	}
	#slider,
	#group-site {
		height: 200px !important;
		display: flex;
	}
	#slider .carousel-inner,
	#slider .carousel-item {
		height: 200px;
	}
	.slider-text {
		top: 15%;
	}
	.join-gp {
		padding: 8px 20px;
		font-size: 12px;
	}
	.slider-text h2 {
		font-size: 16px;
	}
	.slider-text h1 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	#slider .slider-text h6 {
		font-size: 14px !important;
		margin-bottom: 20px !important;
	}
	.uabn-link {
		margin-top: 20px;
	}
	.uabn-link .custom-btn {
		padding: 10px 25px;
		font-size: 12px;
	}
	#network {
		background-size: 98%;
		background-position-y: bottom;
	}
	.app-storapp img {
		width: 125px;
	}
	.app-network .home-sub-title {
		margin-bottom: 30px;
	}
	.app-network {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.black-power-right {
		min-height: 250px;
		height: 250px;
	}
	#black-power {
		padding: 10% 0%;
	}
	.value-box h3 {
		font-size: 22px;
	}
	.value-box h6 {
		font-weight: 600;
		font-size: 12px;
	}
	#event {
		padding: 50px 0px;
	}
	#event .event-mb {
		margin-bottom: 2rem !important;
	}
	.contact-form {
		padding: 40px 25px;
	}
	.send-message {
		right: 0px;
	}
	.slide-logo {
		height: 140px;
	}
	.slide-logo img {
		width: 70% !important;
	}
	#photos {
		padding: 50px 0px;
	}
	#photos-row {
		padding: 25px 0px;
	}
	.photos-sec {
		height: 180px !important;
	}
	.profile-box {
		padding: 25px 25px;
	}
	.update-name {
		float: left;
		width: 100%;
	}
	.update-name .d-flex {
		display: -webkit-box !important;
	}
	.members-bar,
	.group-photo-veiw {
		padding-bottom: 25px;
	}
	.gp-document {
		padding-top: 25px;
	}
	.group-member,
	p.comment-text {
		padding-left: 0% !important;
	}
	.group-replay-like {
		left: 0px;
	}
	.gp-document,
	.gp-vedio-section,
	.gp-all-view-commnet {
		padding: 25px 0px;
	}
	.group-vedio-section iframe {
		width: 100%;
		min-height: 200px !important;
	}
	.gp-view-slider .gp-event-images {
		height: 200px !important;
	}
	.valu-box-lenth {
		height: 175px;
		scrollbar-width: thin;
		overflow: auto;
	}
	.value_details h3 {
		font-size: 18px;
	}
	.user-box p {
		font-size: 16px;
	}

	.img_round{
		height:125px;
		overflow: hidden;
	}

	.Guests_h2 p{
		font-size: 14px;
	}

}

@media(max-width:1600px) {
	.home-title {
		font-size: 25px;
	}
	h6.home-sub-to-title {
		font-size: 20px;
	}
	#our-mission p {
		font-size: 20px;
	}
	.members-data h5 {
		font-size: 20px;
	}
	.members-data h6,
	.network-div h6 {
		font-size: 16px;
	}
	.event-box,
	.event-details {
		padding: 35px 25px;
	}
	.event-details h3 {
		font-size:22px;
	}
	.gp-event-title {
		font-size: 16px;
	}
	.gp-ev-title {
		padding-left: 15px;
	}
	.gp-ev-date {
		padding-right: 15px;
	}
	.gp-event-data {
		padding: 25px;
	}
	.gp-event-title {
		margin-left: 25px;
	}
	.photos-sec {
		height: 220px;
	}
	.card-image {
		margin: 5px !important;
	}
	.members-pro {
		width: 50px;
		height: 50px;
	}
	p.members-event span img {
		width: 16px;
	}
	p.comment-text {
		padding-left: 66px;
	}
	#group-site {
		height: 600px;
	}
	.gp-event-images {
		height: 200px;
	}
	.gp-view-slider .gp-event-images {
		height: 200px !important;
	}
	#group-slider .group-slider-left {
		height: 500px !important;
	}

	.group-col-right p{
		margin-bottom: 0px !important;
	}
}

@media(min-width:1200px) and (max-width:1500px) {
	#group-site {
		height: 500px;
	}
	.event-view {
		padding: 20px;
	}
	.event-view h5 {
		font-size: 18px;
	}
	.event-logo {
		height: 55px;
		margin-bottom: 40px;
	}
	.gp-event-title {
		margin-left: 20px;
	}
	.gp-event-title {
		font-size: 14px;
	}
	.gp-view-slider .gp-event-images {
		height: 180px !important;
	}
	#group-slider .group-slider-left {
		height: 475px !important;
	}

	#group-slider .event-view h5{
		height: 42px;
		margin-bottom: 15px;
	}
}

@media(min-width:576px) and (max-width:991px) {
	.footer-logo img {
		width: 100%;
	}
}

@media(min-width:576px) and (max-width:767px) {
	.gp-ev-title .home-title {
		font-size: 16px !important;
	}
	.gp-event-data {
		padding: 15px !important;
	}
	.gp-event-title {
		margin-left: 15px;
		margin-top: -50px;
		font-size: 14px;
		padding: 8px 15px;
	}
	.gp-ev-date h6 {
		font-size: 20px !important;
		margin-top: 10px;
	}
	.gp-ev-title h5 a,
	.home-title {
		height: auto !important;
		margin-bottom: 5px;
	}
	.gp-ev-title {
		padding-left: 10px;
	}
	.gp-ev-date {
		padding-right: 10px;
	}
	.agency-profile-intro-img {
		width: 250px;
	}
	.photos-sec {
		height: 180px;
	}
	.card-image {
		margin: 0px !important;
	}
	#photos {
		padding: 80px 0px;
	}
	.gp-event-images {
		height: 150px !important;
	}
	img.hand-img.img-fluid{
		position: relative !important;
		right: -86px !important;
	}
}




@media(min-width:380px) and (max-width:600px){

	.black-left-p{
		height: 257px !important;
	}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.hand-img{
	position: relative !important;
	right: -26% !important;
	}
}


@media(max-width: 400px){
	    .upload_professional_photo .form-group .required .btn-primary{
    	font-size: 12px !important;
    }

}
@media(min-width:1200px) and (max-width:1600px){
	#event .event-details.event-box p {
	    height: 86px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 575px){
  .slick-slide img{
  	width: 100% !important;
	}
	.forget .forget-password{
	  float: none !important;
	}
	.forget p{
	  display: grid;
	}

	#forgetpasspage .forget{
		padding: 5px 0px;
		margin-top: -29px;
	}
	.slider-text {
		top: 3% !important;
		padding: 5px 10px !important;
	}
	.hand-img{
		position: relative !important;
		right: -23px !important
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1999px){
  .pagelanguage_section{
  width: 45%;
  }
  .heder-listing{
  margin-right: 25px;
  }
  }
  @media (max-width: 380px){
	#about-us{
	margin-top: 15% !important;
	}
}