/* media queries for small screen and large screen */

@media screen and (max-width:1300px) {

    /* Bylaws Page (About Child) Page Start*/
    .bylaws-title {
        text-align: center;
    }

    /* Bylaws Page (About Child) Page End*/
}

@media screen and (max-width:1200px) {
    .submenu {
        box-shadow: none;
    }

    .hamburger {
        font-size: 30px;
        cursor: pointer;
        color: white;
        display: block;
        padding-right: 23px;
    }

    .overflow-y-hidden {
        overflow-y: hidden;
    }

    header {
        position: sticky;
        padding: 15px 0 !important;
        top: 0;
    }

    .logo {
        width: 100px;
    }

    .links {
        position: fixed;
        top: 82px;
        bottom: 0;
        background-color: var(--lightgrey);
        width: 100%;
        left: 100%;
        display: block;
        transition: 1s all ease;
        transform: translateX(100%);
    }

    .links>ul {
        padding: 10px 0 0;
    }

    .links ul {
        flex-direction: column;
        width: 100%;
        gap: 0;
    }

    .links.active {
        left: 0;
        height: calc(100% - 82px);
        /* height: 100%;
         */
        overflow-y: auto;
        /* display: block;
         */
        z-index: 100;
        transition: 0.5s all ease;
        transform: translateX(0%);
    }

    .login-button {
        display: flex;
        justify-content: center;
        margin: 10px 0 10px 0;
    }

    .social-icon {
        padding-left: 0;
        justify-content: center;
        padding: 20px 0;
    }

    .submenu {
        position: unset;
        display: block;
        background-color: transparent;
        padding: 0;
        transform: none;
        top: unset;
        left: unset;
        visibility: visible;
        opacity: 1;
    }

    .user-info-btn {
        flex-direction: column;
    }

    .active .bar:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(-315deg);
        transform: translateY(6px) rotate(-315deg);
        width: 300%;
    }

    .active .bar:nth-child(3) {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
        width: 300%;
    }

    .active .bar:nth-child(2) {
        opacity: 0;
    }
}

@media screen and (max-width:1024px) {
	
	.vision-contact{
    	width: 100%;
    }
	.benefits-flex-flow .benefits-flex-one{
    	flex-basis:40%;
    }

	.bylaws-title{
    	padding-bottom: 20px;
    }
    
    .mobi-health .w-30 img {
        max-width: 300px;
    }
    
    .leadership-content{
    	margin:10px 0 0;
    }

    section {
        padding: 35px 0;
    }

    .small-container {
        max-width: 767px;
    }

    h2 {
        font-size: 35px;
    }

    .n-links {
        font-size: 18px;
        gap: 20px;
        padding-top: 12px;
    }

    .hero-detail-box-first {
        justify-content: space-between;
        gap: 20px;
    }

    .box-event {
        width: 100%;
        padding: 50px 30px;
        border-radius: 15px;
    }

    .box-event-content {
        padding: 70px 0;
    }

    h6 {
        font-size: 26px;
    }

    .box-member {
        width: 48%;
        padding: 25px;
        border-radius: 15px;
    }

    .box-member-content h6 {
        padding: 15px 0;
    }

    .box-library {
        width: 48%;
        padding: 25px;
        border-radius: 15px;
    }

    .box-about {
        width: 100%;
        border-radius: 15px;
    }

    .box-about img {
        border-radius: 15px;
    }

    .hero-detail-box-second {
        margin: 15px 0;
        border-radius: 15px;
        padding: 25px;
    }

    .hero-detail-box-third {
        justify-content: space-between;
        gap: 20px;
    }

    .home-detail-box-third {
        margin: 15px 0;
        border-radius: 15px;
        padding: 25px;
    }

    .home-detail-box-first {
        gap: 30px;
        padding-top: 15px;
    }

    .box-conference {
        width: 48%;
        display: flex;
    }

    .box-conference img {
        border-radius: 15px;
    }

    .box-feature {
        width: 48%;
    }

    .box-feature img {
        border-radius: 15px;
    }

    .box-one-resource {
        flex-direction: row;
        width: 100%;
        gap: 15px;
    }

    .resource-child-box {
        border-radius: 15px;
        padding: 15px;
        justify-content: center;
    }

    .box-two-resource {
        width: 100%;
        padding: 25px;
        border-radius: 15px;
    }

    .box-flex-resources {
        gap: 15px;
        margin-bottom: 15px;
    }

    .grant-card {
        gap: 15px;
    }

    .inner-resource-content p {
        padding-top: 40px;
    }

    .anchor-tag {
        width: 100%;
    }

    .inner-resource {
        padding: 50px 30px !important;
    }

    .inner-card {
        border-radius: 15px;
        padding: 50px 30px;
        width: 100%;
        justify-content: center;
    }

    .inner-card-content p {
        padding-top: 0px;
    }

    .grant-card>.inner-card {
        padding: 50px 200px;
    }

    .white-space {
        white-space: normal;
    }

    .box-library-button {
        padding: 25px 0 0 0 !important;
        gap: 15px;
    }

    .bg-grey {
        padding: 35px 0;
    }

    .become-member-mo {
        padding-top: 0 !important;
    }

    .about-buttons {
        gap: 15px;
        padding: 30px;
    }

    .about-buttons a {
        border-radius: 15px;
        padding: 20px 0;
    }

    .inner-card-content {
        padding: 0;
    }

    .anchor-tag a {
        border-radius: 15px;
    }

    .event-child-box {
        width: 100%;
        padding: 60px 15px;
        border-radius: 15px;
    }

    .events-page-box {
        gap: 15px;
    }

    .events-box-second {
        padding: 25px;
        border-radius: 15px;
    }

    .bg-dark-blue {
        border-radius: 15px;
    }

    .event-cal-flex {
        margin-bottom: 30px;
    }

    .long-content-detail {
        gap: 15px;
    }

    .long-btn {
        padding: 15px;
        font-size: 18px;
        border-radius: 15px;
    }


    .long-button-grant {
        padding: 25px 0 0 0;
    }

    .membership-card {
        padding: 30px 0;
    }

   

    .review-button {
        border-radius: 15px;
    }

    .reg-rg {
        border-radius: 15px;
        padding: 15px;
        font-size: 18px;
    }

    .faq-button {
        border-radius: 15px;
    }

    .spotlight-image {
        flex-direction: column;
    }

    .spotlight-image-one {
        justify-content: center;
        width: 100%;
        flex-direction: row;
    }

    .spotlight-image-one img {
        max-width: 50%;
        border-radius: 15px;
    }

    .contact-doctor img {
        width: 100%;
    }

    .contact-doctor-content {
        display: flex;
        justify-content: center;
    }

    .contact-detail-content {
        padding-left: 0;
    }

    .card-annual-overset {
        gap: 15px;
    }

    .box-annual-about {
        width: 48%;
    }

    .overlay-box-annual {
        border-radius: 20px !important;
    }

    .overlay-box-about {
        border-radius: 33px;
    }

    .overlay-box-conference {
        border-radius: 20px;
    }

    .overlay-box-feature {
        border-radius: 26px;
    }

    .events-doctor {
        flex-direction: column;
        gap: 15px;
        padding: 30px 0;
    }

    .events-doctor img {
        width: 100%;
    }

    .events-doctor .set {
        width: 100%;
    }

    .register-now-btn {
        padding-top: 30px;
    }

    .news-content-flow {
        margin-bottom: 5px;
        padding: 25px 0 !important;
        gap: 20px;
        flex-direction: column !important;
    }

    .news-content-flow img {
        width: 100%;
        max-width: 100%;
    }

    .register-now-btn a {
        display: flex;
        width: 100%;
        justify-content: center;
        border-radius: 15px;
        padding: 15px 0;
    }

    .w-40 {
        width: 100%;
    }

    .w-55 {
        width: 100%;
    }

    .read-more {
        display: flex;
        justify-content: center;
        border-radius: 15px;
    }

    .partner-doctor {
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 30px;
    }

    .set-text {
        font-size: 22px;
    }

    .bold-text {
        margin: 15px 0;
    }

    .partner-details-content {
        padding-left: 0px;
        gap: 10px;
    }

    .partner-doctor-content {
        justify-content: space-between;
        white-space: normal;
    }

    .partner-doctor-content a {
        text-overflow: ellipsis;
        white-space: normal;
        width: 100%;
        word-break: break-all;
    }

    .photography-doctor {
        flex-direction: column-reverse;
    }

    .photography-doctor p {
        width: 100%;
        padding: 0;
    }

    .photography-doctor {
        padding: 30px 0;
    }

    .minigrant-content ul {
        padding-left: 24px;
        list-style-position: unset;
    }

    .apply-now-btn {
        padding-top: 0px;
    }
    
    .apply-now-btn a {
        justify-content: center;
        width: 100%;
        display: flex;
        padding: 15px 0;
        border-radius: 15px;
    }

    .org-content-flow {
        flex-direction: column-reverse;
        gap: 15px;
        padding: 25px 0;
    }

    .benefits-flex-flow {
        gap: 15px;
    }

    .w-48 {
        width: 100%;
    }

    .w-48 img {
        width: 100%;
    }

    .benefits-flex-one {
        flex-basis: 100%;
    }

    .box-resource-about {
        width: 48%;
    }

    .overlay-box-resource {
        border-radius: 18px;
    }

    h3 {
        font-size: 23px;
    }

    .resources-cards {
        gap: 15px;
        flex-wrap: nowrap;
    }

    /* divyesh media css 1024 */
    .box-data a {
        border-radius: 15px;
    }

    .apply-btn a {
        border-radius: 15px;
    }

    .pv-inner-box {
        border-radius: 15px;
    }

    section.accordian {
        padding: 0;
    }

    .contect-image {
        width: 100%;
    }

    .membar-account-main {
        padding: 35px 0;
    }

    .clinic-image img {
        width: 100%;
    }

    .schedule_meeting {
        display: flex;
        gap: 30px;
    }

    .schedule_meeting p {
        flex-basis: 48%;
    }

    span.regi-cordi {
        text-align: center;
        font-size: 22px;
        padding-bottom: 20px;
    }

    .vision-contact img {
        max-width: 40px;
    }

    .cnt-vision {
        line-height: 22px;
        word-break: break-all;
        gap: 8px;
    }

    .vision-contact a {
        white-space: normal;
    }

    .vision-contact span {
        text-align: center;
    }

    .cordin_cnt_info {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        gap: 10px;
    }

    .vision-contact p {
        padding-bottom: 5px;
    }

    .padding-cnt p {
        padding-bottom: 5px;
    }

    .special-group-vision {
        flex-direction: column-reverse;
        gap: 30px;
    }

    .coordinators {
        width: 100%;
    }

    .coordinators img {
        width: 100%;
    }

    .vision_group h2 {
        padding-bottom: 25px;
    }

    .box-row {
        flex-direction: column;
        margin-bottom:65px;
    }

    .box-image {
        width: 100%;
    }

    .box-data {
        width: 100%;
    }

    .box-data a {
        width: 100%;
    }

    .box-row {
        gap: 20px;
    }

    

    .box-image img {
        width: 100%;
    }

    .individual-title-main {
        flex-wrap: wrap;
    }

    .individual-box {
        width: 100%;
    }

    .title-contet {
        width: 100%;
    }

    .pv-inner-box {
        height: 400px;
    }

    .membar-btn {
        width: 100%;
    }

    .membar-deciption p {
        margin: 30px 0;
    }

    .md-indivi-title {
        padding-bottom: 25px;
    }

    .md-scroll {
        width: 100%;
    }

    .link table tr {
        font-size: 25px;
        line-height: 30px;
    }

    .resources-title li {
        font-size: 32px;
        line-height: 42px;
    }

    .membar-account-main {
        flex-direction: row;
    }

    .log-in-contect {
        text-align: center;
    }

    .resource-mgo-title {
        margin-bottom: 25px;
    }

    .oparation-technical-title {
        margin-bottom: 25px;
    }

    .clinic-section-main {
        flex-direction: column-reverse;
    }

    .clinic-image {
        width: 100%;
    }

    .clinic-contet {
        width: 100%;
    }

    /* Bylaws Page (About Child) Page Start*/
    .artical_part1 h3 {
        text-align: center;
    }

    /* Bylaws Page (About Child) Page End*/
    /* Footer Page Start */
    .ftr_menu_main {
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
    }

    .ftr_logo-part {
        order: 2;
        width: 40%;
        justify-content: flex-start;
    }

    .email_search {
        order: 1;
        width: 100%;
    }

    .ftr_menu_part {
        order: 2;
        width: 45%;
    }

    .ftr_logo {
        padding-bottom: 30px;
    }

    .email_search span {
        text-align: center;
        display: block;
    }

    .search-box {
        max-width: 400px;
        width: 100%;
        margin: auto;
    }

    /* Footer Page End */
    .mobi-health-info {
        display: block;
    }

    .w-70 {
        width: 50%;
    }

    .w-30 {
        width: 50%;
    }

    .w-60 {
        width: 100%;
    }

    /* rgi pricing page */
    .small-container .benefits h3 {
        font-size: 26px;
    }

    .small-container .benefits .wp-block-table table thead tr th {
        font-size: 23px;
        padding: 5px 0;
    }

    .home-width-first {
        width: 50%;
    }

    .home-width-second {
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .leadership-content-pad{
        padding: 20px 0 0 0;
    }
    
    .cordin_cnt_info {
        gap: 25px;
    }

    .mobi-health .w-30 img {
        width: 100%;
    }

    .mb-res-100 {
        width: 100%;
    }

    .small-container .benefits .wp-block-table table tbody tr,
    .small-container .benefits .wp-block-table table tbody tr td {
        padding: 10px 25px 10px 0;
        font-size: 20px;
    }

    .mobi-health-info {
        display: block;
        width: 100%;
    }

    figure {
        margin: 0;
    }

    .mobi-health {
        flex-direction: column;
    }

    .w-30 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .w-60 {
        width: 100%;
    }

    .pt-35 {
        padding-top: 20px;
    }

    h6 {
        font-size: 21px;
    }

    .home-detail-box-third {
        margin: 0;
    }

    h2 {
        font-size: 32px;
    }

    .hero-detail-box-first {
        gap: 15px;
    }

    .hero-detail-box-third {
        gap: 15px;
    }

    .event-cal-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .event-cal-flex form {
        margin-top: 25px;
    }

    .partner-doctor {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .partner-doctor img {
        width: 100%;
    }

    .partner-doctor-content {
        margin: 0 auto;
    }

    .grant-card>.inner-card {
        padding: 50px 100px;
    }

    /* divyesh css 768 */
    .related-resources {
        padding-top: 0;
        padding-bottom: 0;
    }

    .resource-clinic video {
        padding-top: 15px;
    }

    .schedule_meeting {
        gap: 0;
        flex-wrap: wrap;
    }

    .schedule_meeting p {
        flex-basis: 100%;
    }

    .cordin_cnt_info {
        flex-direction: column;
        margin-bottom: 25px;
    }

    .vision-contact p,
    .padding-cnt p {
        padding-bottom: 0;
    }

    .vision-contact a {
        font-size: 20px;
    }

    .vision-contact span {
        padding-bottom: 15px;
    }

    .link table {
        width: 100%;
    }

    .small-container-link {
        display: contents;
    }

    .link h2 {
        padding-bottom: 0;
    }

    .resources-title li {
        font-size: 25px;
        line-height: 40px;
    }

    .title-paragraph h2 {
        margin: 35px 0 25px 0;
    }

    .table-perent-padding {
        font-size: 28px;
        line-height: 42px;
    }

    .table-contents-main h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .table-bottom-padding {
        padding-bottom: 20px;
    }

    .table-contents-main a {
        font-size: 25px;
    }

    .resources-title h2 {
        padding: 20px 0 20px 0;
    }

    .log-in-contect :is(h2, a) {
        line-height: 40px;
    }

    .log-in-contect {
        text-align: center;
    }

    .contect-image {
        width: 100%;
        text-align: center;
    }

    .membar-account-main {
        padding: 0;
        flex-direction: column;
    }

    .clinic-section-main {
        flex-direction: column-reverse;
        gap: 25px;
    }

    .clinic-image {
        width: 100%;
        text-align: center;
    }

    .clinic-contet {
        width: 100%;
    }

    /* Bylaws Page (About Child) Page Start*/
    .bylaws-banner {
        display: flex;
    }

    .artical_main {
        padding-bottom: 0;
    }

    .bylaws-title {
        padding-bottom: 0;
    }

    /* Bylaws Page (About Child) Page End*/
    /* Footer Page Start */
    .ftr_menu_main {
        flex-wrap: wrap;
        gap: 40px;
        justify-content: space-between;
    }

    .ftr_menu_part ul li a {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 30px;
    }

    .email_search span {
        text-align: center;
        display: block;
    }

    footer {
        padding: 35px 0;
    }

    .fle-time span {
        right: -5px;
    }

    .login-btn {
        padding: 12px;
    }

    .mb-h1 {
        margin-bottom: 20px;
    }

    /* Footer Page End */
    .notfound .notfound-404 {
        height: 142px;
    }

    .notfound .notfound-404 h1 {
        font-size: 95px;
    }

    .notfound a {
        padding: 5px 20px;
        border-radius: 15px;
    }

    .banner-mha-inner-hero {
        height: auto;
    }
    .contact-detail-content h2{
    	margin-bottom: 15px;
    }
    .team-leader h2:not(.leadership-content-pad h2){
    	text-align: center;
    }
    .contact-detail-content h2, .contact-detail-content h4{
    	text-align: center;
    }
}

@media screen and (max-width:479px) {

embed {
          width: 100vw;
          height: 100vh;
        }

    .partner-doctor-content{
    	justify-content: center;
    }
    
    .box-row {
        margin-bottom: 45px;
    }
    .artical_part1{
        margin-top: 20px;
    }

    .contact-detail-content, .team-leader h2:not(.leadership-content-pad h2){
        text-align: center;
    }
    
    .team-leader .leadership-content-pad h2{
        margin-bottom: 10px;
    }

	p, h1, h2, h3, h4, h5, h6 {
    	margin-bottom: 14px;
	}
    
    
	.long-content-grant {
    	padding: 36px 0 0;
  
	}
	.event-cal-flex{
    	margin-bottom: 0;
    }
    
.benefits-flex-flow .benefits-flex-one{
	flex-basis:100%;
    width:100%;
}

    .cnt-vision:last-child {
        margin-bottom: 0;
    }

    .home-detail-box-first {
        flex-direction: column;
    }

    .home-width-first {
        width: 100%;
    }

    .home-width-second {
        width: 100%;
    }

    .home-width-third {
        width: 100%;
    }

    .home-detail-box-third h6 {
        padding: 5px 0;
    }

    .form-container {
        padding: 2rem 1.5rem;
    }

    .form-control {
        margin: 1rem 0 1.5rem;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 22px;
    }
    
    h4{
    	font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }

    p {
        font-size: 18px;
    }

    .overlay-box-annual {
        border-radius: 36px;
    }

    .overlay-box-about {
        border-radius: 18px;
    }

    .links ul li a {
        padding: 5px 0 !important;
        font-size: 16px !important;
    }

    .submenu li a {
        padding: 0 0 !important;
    }

    .sm-btn {
        font-size: 16px;
    }

    .box-event {
        width: 100%;
    }

    .box-member {
        width: 100%;
    }

    .box-library {
        width: 100%;
    }

    .box-about {
        width: 100%;
    }

    .box-conference {
        width: 100%;
    }

    .box-feature {
        width: 100%;
    }

    .hero-detail-h4 {
        padding-bottom: 0px;
    }

    .box-calender h6 {
        padding: 5px 0;
    }

    .box-one-resource {
        width: 100%;
        gap: 15px;
        flex-direction: column;
    }

    .box-two-resource {
        width: 100%;
    }

    .box-flex-resources {
        gap: 15px;
        margin-bottom: 15px;
    }

    .resources-cards {
        gap: 15px;
        flex-wrap: wrap;
    }

    .inner-resource {
        width: 100%;
    }

    .inner-card-content {
        padding: 0;
    }

    .bg-grey {
        padding: 35px 0;
    }

    .about-buttons a {
        width: 100%;
        font-size: 18px;
    }

    .white-space {
        white-space: normal;
    }

    .inner-image {
        max-width: 150px;
    }

    .events-page-box {
        flex-direction: column-reverse;
    }

    .dropdown {
        width: 240px;
    }

    .long-content-grant h2 {
        text-align: center;
    }

    .detail-grant {
        width: 100%;
    }

    .spotlight-image-one {
        width: 100%;
        flex-direction: column;
    }

    .spotlight-image-one img {
        max-width: 100%;
    }

    .partner-doctor-content a {
        font-size: 18px;
    }

    .org-content-flow {
        gap: 15px;
        padding: 25px 0;
        padding-top: 0;
    }

    .news-content-flow {
        flex-direction: column;
    }

    .review-button {
        width: 100%;
        border-radius: 15px;
    }

    .reg-rg {
        width: 100%;
    }

    .box-event-content {
        padding: 38px 0;
    }

    .pad-top {
        padding: 32px 0;
    }

    .anchor-tag a {
        font-size: 18px;
    }

    .inner-card-content p {
        padding-top: 0px;
    }

    .inner-card {
        padding: 35px 35px !important;
    }

    /* divyesh css 479 */
    .map-slider .slick-list {
        margin: 0 15px;
    }

    .logo-section .map-slider {
        width: 90%;
    }

    .apply-btn a {
        font-size: 18px;
        padding: 20px 0px;
    }

    .vision-contact p {
        font-size: 18px;
    }

    .coordinators p {
        font-size: 18px;
    }

    .sigs-content-main ul li {
        font-size: 18px;
    }

    .regional-content-main ul li {
        font-size: 18px;
    }

    .table-perent-padding {
        font-size: 20px;
        line-height: 30px;
    }

    .table-contents-main h2 {
        text-align: center;
        margin-bottom: 25px;
    }

    .table-bottom-padding {
        padding-bottom: 20px;
    }

    .table-contents-main a {
        font-size: 25px;
    }

    .vision-contact {
        flex-direction: column;
        text-align: left;
        flex-direction: column;
    }

    /* Individual Resource Page - Member Gate Overlay – Mobile Start*/
    .resource-mgo-title {
        margin-bottom: 25px;
    }

    .membar-account-main {
        padding: 0;
    }

    .log-in-contect p {
        font-size: 15px;
    }

    .log-in-contect :is(h2, a) {
        line-height: 30px;
    }

    .log-in-contect {
        text-align: center;
    }

    .contect-image {
        width: 50%;
    }

    .membar-account-main {
        flex-direction: column;
    }

    .clinic-image {
        width: 100%;
    }

    .clinic-contet {
        width: 100%;
    }

    /* Individual Resource Page - Member Gate Overlay – Mobile End*/
    /* Bylaws Page (About Child) Page Start*/
    .artical_part1 ol {
        font-size: 18px;
    }

    .artical_part1 p {
        font-size: 18px;
    }

    .acc-content p {
        font-size: 18px;
    }

    /* Bylaws Page (About Child) Page End*/
    /* Footer Page Start */
    .acc-head h3 {
        line-height: 30px;
    }

    .ftr_logo-part {
        order: 2;
        width: 40%;
        justify-content: flex-start;
    }

    .ftr_logo a img {
        max-width: 110px;
    }

    .ftr_social ul {
        gap: 12px;
    }

    /* Footer Page End */

    /* reg-pricing page css */
    .small-container .benefits .wp-block-table table tbody tr,
    .small-container .benefits .wp-block-table table tbody tr td {
        font-size: 18px;
        padding: 8px 12px 8px 0;
    }

    .small-container .benefits h3 {
        font-size: 22px;
        padding-top: 15px;
    }

    .small-container .benefits .wp-block-table table thead tr th {
        font-size: 18px;
        padding: 10px 10px 10px 0;
    }


}