@media only screen and (min-width: 320px) and (max-width: 500px) {

	.patient-profile-pic,
	.patient-profile-pic img {
		width: 40px;
		height: 40px;
	}

	.dialog-with-tabs.theme-popup .mfp-close {
		height: 50px;
	}

	.patient-profile-list .patient-profile {
		width: 50%;
	}

	.dd-error-msg span {
		padding: 7px 15px;
	}

	#not-found {
		margin: 10px 0 0 0 !important;
	}

	.error-header {
		height: 18vh !important;
	}

	#not-found h2 i {
		display: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 400px) {
	.patient-profile-list .patient-profile {
		width: 65%;
	}
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
	.patient-profile-list .patient-profile {
		width: 40%;
	}

	.patient-profile-pic,
	.patient-profile-pic img {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
	.patient-profile-list .patient-profile {
		width: 28%;
	}

	.patient-profile-pic,
	.patient-profile-pic img {
		width: 40px;
		height: 40px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
	.col-margin-bottom {
		margin-bottom: 22px;
	}

	.margin-left {
		margin-left: 7px;
	}

	.margin-right {
		margin-right: 7px;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

	.banner-headline {
		max-width: 100%;
		margin-bottom: 45px;
		text-align: center;
	}

	.first-name-wrapper {
		padding-right: 15px;
	}

	.last-name-wrapper {
		padding-left: 15px;
	}

	.form-btn {
		max-width: 75%;
	}

	.under-photo-box-content {
		margin-bottom: 3rem;
	}

	.under-photo-box-content.last-child {
		margin-bottom: 0;
	}

	.store-icon-wrapper p {
		font-size: 24px;
		word-spacing: 3px;
		margin-top: 0;
	}

	.intro-banner-search-form {
		margin-top: 0;
	}

	.intro-banner-search-form .intro-search-field .bootstrap-select.btn-group button {
		height: 50px;
    	padding: 10px 22px;
	}

	.doctor-specialization-dropdown .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		font-size: 20px;
	}

	.app-content {
		padding-left: 0;
		margin-bottom: 0;
	}

	.app-content .para-1 {
		padding-top: 50px;
		margin-bottom: 50px;
	}

	.app-content .para-2 {
		margin-bottom: 0;
	}

	.org-doc-login .offset-3,
	.org-pat-login .offset-3 {
		margin-left: 0;
	}

	.org-doc-login .button.full-width {
		width: 100% !important;
	}

	.org-pat-login .sign-in-dialog .popup-tab-content {
		padding: 25px 20px;
	}

	.org-pat-login .sign-in-dialog .resend-otp {
		margin-top: 0 !important;
		margin-bottom: 15px !important;
	}

	.org-pat-login .register-popup-patient {
		background: rgba(250,250,250,0.9);
	}

	.org-pat-login .offset-3 {
		padding-right: 0;
		padding-left: 0;
	}

}

@media only screen and (min-device-width: 768px) and (max-width: 990px) {
	.app-content {
	    max-width: 95%;
	}

	.app-content .para-1 {
	    padding-top: 60px;
	    margin-bottom: 60px;
	}
}


@media only screen and (min-device-width: 768px) and (max-width: 1200px) {
	.col-md-6.first-name-wrapper,
	.col-md-6.last-name-wrapper {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	.first-name-wrapper {
		padding-right: 15px;
	}

	.last-name-wrapper {
		padding-left: 15px;
	}

	.form-btn {
		max-width: 75%;
	}

	.under-photo-box-content {
		margin-bottom: 2rem;
	}

	.under-photo-box-content.last-child {
		margin-bottom: 0;
	}

	.org-pat-login .offset-3.sign-in-dialog {
		max-width: 100%;
    	margin-left: 0;
    	flex: 0 0 100%;
	}
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1099px) {
	#header .right-side .header-widget {
		border-right: 0;
		padding-right: 0;
	}

	.org-doc-login .offset-3 #contact {
		margin-top: 60px;
	}

	.org-pat-login #login .welcome-text {
		margin-top: 50px;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 775px) {
	.store-icon-wrapper .app-title {
		padding-left: 0;
		align-items: center;
		justify-content: center;
	}

	.footer-bottom-section .company-info {
		text-align: center;
	}

	.footer-bottom-section .store-icon-wrapper {
		padding-left: 0;
	}
}

@media only screen and (min-device-width: 776px) and (max-width: 1199px) {
	.footer-bottom-section .store-icon-wrapper {
		padding-left: 0;
	}

	.store-icon-wrapper .app-title {
		padding-right: 30px;
		align-items: center;
		justify-content: flex-end;
	}
}

@media only screen and (min-device-width: 993px) and (max-width: 1200px) {
	.intro-stats {
		width: 90%;
	}

	.doctor-specialization-dropdown .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		padding-top: 4px;
	}

	.patient-banner-container .intro-banner-search-form span.caret {
		top: 56% !important;
	}
}


@media only screen and (min-device-width: 1200px) {
	.footer-bottom-section .store-icon-wrapper {
		padding-left: 0;
	}

	.store-icon-wrapper .app-title {
		padding-left: 0;
		padding-right: 30px;
		align-items: center;
		justify-content: flex-end;
	}

	.doctor-specialization-dropdown .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		padding-top: 4px;
	}

	.patient-banner-container .intro-banner-search-form span.caret {
		top: 56% !important;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
	#not-found {
		margin: 100px 0 0 0 !important;
	}
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	#not-found {
		margin: 140px 0 0 0 !important;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
	#not-found {
		margin: 200px 0 0 0 !important;
	}
}