@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1920px) {
	.basic-info-edit-container {min-height:1024px;}
}

@media screen and (max-width:1280px) {
	.header-logo-right{padding-right: 7%;}
}

@media screen and (max-width:1199px) {
	.counter-right-txt {font-size: 30px;}
	.basic-info-edit-container {max-width: 1280px !important; width: 100% !important;}
	.sidebar-right .tab-content .tab-pane .multiselect select{margin-top:0px !important;}
	.sidebar-right .tab-content .tab-pane .multiselect label{width:100% !important;}
	.sidebar-right .tab-content .tab-pane .multiselect #checkunits{height: 248px; overflow-y:scroll;}
}

@media screen and (max-width:1024px) {
	.signup-details-banner-bg {height: 298px;}
	.banners-ttl {font-size: 30px; margin-top: 100px;}
	.profile-head-section {margin-top: 100px;}
	.basic-info-edit-banner-bg {height: 320px;}

	.sidebar-left{width:30%;}
	.sidebar-right{width:70%;}

	.profile-pic-left{width:40%; float: left;}
	.profile-pic-right{width:60%; float: left;}
	.header-logo-right{padding-right: 8%;}
	.dating-div .age{height: 90px;}
	.dating-div .locations{	width: 33.33%; height: auto; float: left;}
	.dating-div .searchbtn-div{width:33.33%;}
	.uploadimagemodal .modal-dialog{width: 70%;}
	
}

@media screen and (max-width:991px){
	#imageModal .modal-content .modal-body .col-md-6 {margin-bottom: 10px;}
	/* #imageModal .modal-content .modal-body .col-md-6 a .col-md-12 .col-md-6{ width: 50% !important; float: left !important;} */
	.uploadimagemodal .modal-dialog{width: 70%; margin:15px auto; }

.uploadimagep1div{padding:0px !important;}
	.uploadimagemodal .modal-dialog .uploadimagecontent .uploadimagep2 .uploadimagep2div{margin-top:15px !important;}
}

@media screen and (max-width:990px) {
	.banner-search {margin-top: 80px; width: 100%;}
	.banner-search h1 {font-size: 24px;}
	.banner-search ul {padding: 0px; width: 54%;}
	.counter-left {width: 100%;}
	.counter-left ul {width: 50%; margin: 0 auto;}
	.counter-right-txt {width: 98%; text-align: center; padding: 0px;}
	.sidebar-left {width: 30%;}
	.sidebar-right {width: 70%;}
	.header-logo-right{padding-right: 10%;}
	
}

@media screen and (max-width:800px) {
	.login .modal-dialog {width: 90% !important;}
	.signup-details-banner-bg {height: 220px;}
	.basic-info-edit-banner-bg {height: 240px; background-color: #db0a5b; background-image: none;}
	.basic-info-edit-banner-bg .container {margin-top: 30px !important;}
	.profile-head-section{margin-top:75px;}
	.profile-pic-left{padding-left:0px;}
	.profile-pic-left img {width: 80px; height: 80px;}
	.profile-pic-left h2 {font-size: 20px;}
	.sidebar-left {width: 38%;}
	.sidebar-right {width: 62%;}

	.profile-pic-right ul li a.matches, .profile-pic-right ul li a.matches:hover {background-size: 40%; padding-top: 60px; height: 110px;width:100px;}
	.profile-pic-right ul li a.myaccount, .profile-pic-right ul li a.myaccount:hover {background-size: 40%; padding-top: 60px; height: 110px;width:100px;} 
	.profile-pic-right ul li a.mygallery, .profile-pic-right ul li a.mygallery:hover{background-size: 40%; padding-top: 60px; height: 110px;width:100px;} 
	.profile-pic-right ul li a.searchmatches, .profile-pic-right ul li a.searchmatches:hover {background-size: 40%; padding-top: 60px; height: 110px;width:100px;}

	.profile-pic-right ul li a.matches.active, .profile-pic-right ul li a.myaccount.myaccountactive{background-size: 40%; padding-top: 60px; height: 110px;width:100px;}
	.profile-pic-right ul li a.mygallery.mygalleryactive, .profile-pic-right ul li a.searchmatches.searchmatchesactive{background-size: 40%; 
		padding-top: 60px; height: 110px;width:100px;}

	.sidebar-right .tab-content .tab-pane .multiselect label{width:200px !important;}
}

@media screen and (max-width:768px) {
	.testi-img img {height: 90px;}
	.login .social .circle {margin-bottom: 10px;}
	.login-btn {top: 28px;}

	
	.dating-div .locations{	width: 50%;}
	.dating-div .searchbtn-div{width: 100%;}
	.dating-div .locations .multiselect #checkunits{width: 225% !important;}
	.uploadimagemodal .modal-dialog .uploadimagecontent .uploadimagep2 .uploadimagep1div{padding:0px !important;}
}

@media screen and (max-width:767px) {
	.banner-search ul {width: 55%;}
	.searchbtn-div {overflow:hidden; }
	.locations {overflow: hidden;}
	.about-bg {margin-top: 0px;}
	.sectionttl {margin-bottom: 30px; background-size: contain;}
	.divider {margin:30px auto;}
	.abt-left {margin-bottom: 50px;}
	.login-right-img {display: none;}
	.login-right {width: 100%;}
	.login .modal-dialog {margin:20px auto 0px auto;}
	.login-footer, .register-footer {margin-bottom: 30px; text-align: left;}
	.sidebar-left {width: 100%;}
	.sidebar-left .nav-stacked li {float: left; width: 50%;}

	.search-left {display: none;}
	.sidebar-right {width: 100%;}
	.basic-info-edit-banner-bg {margin-bottom: 30px;}
	.copyright, .design {width: 50%; float: left; padding-left: 0px;}
	.matches-profiles {width: 50%; float: left;}
	.home-doctors {padding:0px;}
	.doc-item {width:50%; float:left;}

	.sidebar-left{min-height:auto;}
	.sidebar-right{min-height:450px; margin-top: 15px;}
	.sidebar-right .tab-content .nav{margin-bottom: 15px;}
	/* .header-logo-right {padding: 20px;} */
	.smaller .header-logo-right {padding-bottom: 0px;}
	/* .login-btn{margin-right: 15px !important;} */
	/* .notification, .notification:hover, .notification:focus{margin-right: 20px;} */
	/* .notification, .notification:hover, .notification:focus{float: left;} */

	.header-logo{width: 33%;float: left;}
	.header-logo-right{width: 58%;float: left;}

	.basic-info-edit-banner-bg{height: 320px;}
	.profile-pic-left{width:100%; float: left;margin-bottom: 10px;}
	.profile-pic-right{width:100%; float: left;}

	.profile-pic-right ul li a.matches, .profile-pic-right ul li a.matches:hover {background-size: 50%; padding-top: 75px; height: 110px;width:130px;}
	.profile-pic-right ul li a.myaccount, .profile-pic-right ul li a.myaccount:hover {background-size: 50%; padding-top: 75px; height: 110px;width:130px;} 
	.profile-pic-right ul li a.mygallery, .profile-pic-right ul li a.mygallery:hover{background-size: 50%; padding-top: 75px; height: 110px;width:130px;} 
	.profile-pic-right ul li a.searchmatches, .profile-pic-right ul li a.searchmatches:hover {background-size: 50%; padding-top: 75px; height: 110px;width:130px;}

	.profile-pic-right ul li a.matches.active, .profile-pic-right ul li a.myaccount.myaccountactive{background-size: 50%; padding-top: 75px; height: 110px;width:130px;}
	.profile-pic-right ul li a.mygallery.mygalleryactive, .profile-pic-right ul li a.searchmatches.searchmatchesactive{background-size: 50%; 
		padding-top: 75px; height: 110px;width:130px;}

	.header-logo-right{padding-right: 2%;}

	.dating-div .age{margin-bottom: 30px;}
	.dating-div .locations{margin-bottom: auto; overflow: visible;}

	.uploadimagemodal .modal-dialog .uploadimagecontent .uploadimagep2 .uploadimagep1div{padding:0px !important;}
	#loader{left:35%;top:80%;}
	.sidebar-right .tab-content .tab-pane .multiselect label{width:100% !important;}
}

@media screen and (max-width:640px) {
	.dating-col-1 {width: 50%; margin-bottom: 10px;}
	.banner-search ul {width: 67%;}
	.locations h3 {margin-top: 0px;}
	.searchbtn-div {width: 100%; text-align: center;}
	.search {margin:0px;}
	.counter-left ul {width: 58%;}
	.testi-img img {width:100px; height: 70px;}
	.banners-ttl {font-size: 24px; margin-top: 71px;}
	
	.profile-pic-left {width: 100%; }
	.profile-pic-right {width: 100%;}
	.basic-info-edit-banner-bg {height: 320px;}
	.profile-head-section {margin-top: 70px;}
	.matches-info {width: 100%;}
	.matches-profiles {width: 29%; margin-left: 20px;}
	.header-logo-right{width: 55%;}

	.dating-div .age {width:100%;height: auto; margin-bottom: 0px;}
	.dating-div .age .pleft{width: 50%; float: left;}
	.dating-div .age h3{margin-bottom: 2px;}
	.dating-div .locations{margin-bottom: 15px;width:100%;}
	.dating-div .locations .multiselect #checkunits{width: 135% !important;}
}
@media screen and (max-width:601px){
	.profile-pic-right ul li a.matches, .profile-pic-right ul li a.matches:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.myaccount, .profile-pic-right ul li a.myaccount:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.mygallery, .profile-pic-right ul li a.mygallery:hover{background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.searchmatches, .profile-pic-right ul li a.searchmatches:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}

	.profile-pic-right ul li a.matches.active, .profile-pic-right ul li a.myaccount.myaccountactive{
		background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.mygallery.mygalleryactive, .profile-pic-right ul li a.searchmatches.searchmatchesactive{background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.sidebar-right .tab-content .tab-pane .multiselect label{width:200px !important;}
}
@media screen and (max-width:600px) {
	.counter-left ul {width: 63%;}
	.signup-details-banner-bg {height: 179px;}
	.matches-profiles {width: 30%; margin-left: 19px;}
}

@media screen and (max-width:480px) {
	/*.dating-div {width: 100%; left:0; padding: 20px;}*/
	.dating-div {width: 100%; left:0; padding: 20px; display:none;}
	.dating-col-1 {width: 100%;margin-bottom: 5px;}
	.banner-search h1 {font-size: 16px;}
	.radio label {font-size: 16px;}
	.banner-search ul {width: 74%;}
	.banner-search {margin-top: 100px;}
	.searchbtn-div {margin-top: 20px;}
	.counter-left ul {width: 81%;}
	.why-box {width: 100%; margin-bottom: 20px;}
	.testi-img {width: 30%;}
	.testi-img img {width: 150px; height: 110px;}
	.testi-info {width: 70%;}
	.abt-small {bottom: -120px; right: -20px;}
	.footer-logo, .footer-links {width: 100%;}
	.footer-logo img {margin:0 auto;}
	.footer-bg { height: auto; padding: 150px 0px 30px 0px;}
	.footer-links ul li {float: none !important;}
	.copyright {overflow: hidden;}
	.banners-ttl {margin-top: 156px; color: #333;}
	/* .profile-pic-right {margin-left: -30px;} */
	
	.profile-pic-right ul li a {font-size: 13px;}
	.sidebar-left .nav-stacked li {width: 100%;}
	.sidebar-right .tab-content .tab-pane .col-xs-4 {width: 50%;}
	.btn-div {width: 100%; overflow: hidden; text-align: center;}
	.copyright {width: 100%; margin-top: 10px;}
	.design {width: 100%; text-align: left; margin-top: 0px;}
	.matches-profiles {width: 40%; margin-left: 35px;}


	.profile-pic-right ul li a.matches, .profile-pic-right ul li a.matches:hover {background-size: 40%; padding-top: 60px; height: 110px;width:90px;}
	.profile-pic-right ul li a.myaccount, .profile-pic-right ul li a.myaccount:hover {background-size: 40%; padding-top: 60px; height: 110px;width:90px;} 
	.profile-pic-right ul li a.mygallery, .profile-pic-right ul li a.mygallery:hover{background-size: 40%; padding-top: 60px; height: 110px;width:90px;} 
	.profile-pic-right ul li a.searchmatches, .profile-pic-right ul li a.searchmatches:hover {background-size: 40%; padding-top: 60px; height: 110px;width:90px;}

	.profile-pic-right ul li a.matches.active, .profile-pic-right ul li a.myaccount.myaccountactive{background-size: 40%; padding-top: 60px; height: 110px;width:90px;}
	.profile-pic-right ul li a.mygallery.mygalleryactive, .profile-pic-right ul li a.searchmatches.searchmatchesactive{background-size: 40%; 
		padding-top: 60px; height: 110px;width:90px;}

		.basic-info-edit-banner-bg{height: 335px;}
	/* .header-logo{width: 100%;float: left;} */
	.header-logo-right-position{width: 100%;float: left;margin-top: 20px;padding-bottom: 10px;}
	.notification, .notification:hover, .notification:focus{float: left;}
	.profile-pic-left{margin-top: 25px;}
	
	
	.dropdown-menu{right: auto;}
	.second-dropdown-menu{right: 6%;}

	.uploadimagemodal .modal-dialog{width: 90%;}
	.banners-ttl{margin-top:180px;}
	.signup-details-banner-bg{height: 170px !important; background-size:cover;}
	.about-bg{margin-top:50px;}

	.dating-div .locations .multiselect #checkunits{width:93% !important;height: 230px; overflow-y:scroll;}
	.multiselect label{width:100% !important;}

	#loader{left:25%;top:90%;}
	.sidebar-right .tab-content .tab-pane .multiselect label{width:100% !important;}
}

@media screen and (max-width:360px) {
	.banner-search ul {width: 104%;}
	.counter-left ul {width: 100%;}
	.counter ul li {width: 35px; font-size: 40px;}
	.counter-right-txt {font-size: 27px;}
	.testi-circle {width: 332px; height: 332PX;}
	.testi-img img {height: 70px;}
	header .header-logo a {width: 100px !important; height: 30px !important; background-size: 100px 30px !important;}
	.login-btn {top: 17px;}       
	#header-menu-trigger {top: 11px !important;}
	.profile-pic-right {margin-left: 0px;}
	.profile-pic-right ul li {width: 50%;}
	.basic-info-edit-banner-bg {height: 445px;}    
	.sidebar-left .nav-stacked li {width: 100%;}  
	.matches-profiles {width: 100%; margin-left: 0px; padding-left: 15px;} 
	.matches-photo {width: 100%;}       
	
	.profile-pic-right ul li{ margin-bottom: 15px;}
	.profile-pic-right ul li a.matches, .profile-pic-right ul li a.matches:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.myaccount, .profile-pic-right ul li a.myaccount:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.mygallery, .profile-pic-right ul li a.mygallery:hover{background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.searchmatches, .profile-pic-right ul li a.searchmatches:hover {background-size: 40%; padding-top: 60px; height: 100px;width:120px;}

	.profile-pic-right ul li a.matches.active, .profile-pic-right ul li a.myaccount.myaccountactive{
		background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	.profile-pic-right ul li a.mygallery.mygalleryactive, .profile-pic-right ul li a.searchmatches.searchmatchesactive{background-size: 40%; padding-top: 60px; height: 100px;width:120px;}
	#header-menu-trigger{top: 25px !important;right: 15px !important;}
	.header-logo-right-position{margin-top: 30px;}
	header.smaller #header-menu-trigger{top: 18px !important;}

	.btn-login,.btn-register{width: 100% !important;}
	.yiisocial ul li{width: 100% !important;}
	.yiisocial ul li a.facebook{margin-bottom: 10px;}
	.yiisocial ul li a.facebook,.yiisocial ul li a.google{width: 100%;}
	.login .forgot{text-align: center;}
	.dating-div .locations .multiselect #checkunits{width:90% !important;}

	#loader{left:23%;top:120%;}
	.sidebar-right .tab-content .tab-pane .multiselect label{width:200px !important;}
}