@media screen and (min-width: 1200px){
 .container {max-width: 1200px;}  
}
    
@media screen and (max-width: 1480px) and (min-width: 1200px) {
 .container { max-width: 1170px;}
}


@media screen and (max-width: 1199px) {
.rajiv-card .profiles-grid p {max-width: 264px;}

.header .navbar-nav .nav-item {
    padding: 0px 12px;
}
}

@media screen and (max-width: 991px) {
.header .user-auth a {font-size: 12px;min-width: 95px;padding:10px 12px; line-height: normal;}
.main {margin-top: 80px;}
.navbar-nav a{ font-size:13px;}
.user-auth {margin-left: 10px;}
.header .navbar-nav .nav-item {padding: 0px 10px;}
.logo img {max-width: 150px;}
.sec-profiles [class*='col-']:not(:last-child) {margin-bottom: 30px;}
.upcoming-meeting [class*='col-']:not(:last-child) {margin-bottom: 30px;}

/* dp */
.manifesto-info h2 {
    font-size:48px;
    line-height:60px;
}

.search-info .modal-content {
    padding: 75px 30px;
}
}



@media screen and (max-width: 767px) {
.header .offcanvas-end {background-image: url(../images/men-bg-img.png);
        background-size: cover;
        background-repeat: no-repeat;}
.offcanvas-end { border-right: none; width: 100%;}
.header .navbar-nav .nav-item {padding: 10px 24px;}
.header .header-right .offcanvas-body {align-items: start;display: block;}
.offcanvas-header {padding: 14px 20px;border-color: rgba(255, 255, 255, 49%) !important;
margin-bottom: 20px;border:none !important}
.offcanvas-header .header-close svg {width: 20px;height: auto;}
.header-right .offcanvas-body {align-items: self-start;padding: 24px 0px;}
.header-right .offcanvas-body nav {width: 100%;}
.header-main .navbar-nav .nav-item {padding:0px 20px;}
.header-main .navbar-nav li .nav-link {padding: 8px 0px;color: #fff;}
.header-main .navbar-nav .nav-link{ font-size: 20px; color: #fff; text-align: left;}
.header-main  .border-bottom {border-bottom: 1px solid #969ea5!important;}
/* .header .btn {margin-left: 10px; margin-top: 5px;} */
.header .btn-primary i{ display: none;}
.header-main  .logo{max-width: 83px;}
.header-main{ padding:10px 0px;}
.header-inner {border-radius: 20px;padding: 15px 20px;}

.header .navbar-nav .nav-link {
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: #E7E9DD;
}
.header .navbar-nav .nav-link:hover {
    color: var(--secondary-color);

}
.mobile-nav {
    margin-left: 25px;
}
.hero .container{ padding: 0px;}

.menu-cta{padding: 24px;}
.menu-cta .btn-secondary{background-color: var(--secondary-color); color: var(--Primary-Color);}
.menu-cta .btn-secondary:hover{background-color:#fff; color: var(--Primary-Color);}
/* End header css */
body{ font-size:14px;}
.apply-membership .row { flex-direction: column-reverse;}
.mob-banner {
    position: relative;
    margin-bottom: -20px;
}
.hero-image {
    padding: 16px;
    min-height: inherit;
    background-image: url(../images/mob-bg.jpg) !important;
    padding-top: 0;
}

.hero-content {
    padding: 32px;
    margin-top: -15px;
    position: relative;
}
.hero-content .primary-btn{ width:100%; font-size: 16px;}
.steering-committee [class*='col-'] {width: 50%;}
.meeting-details {padding: 10px;}
.meeting-details .date-number {font-size: 20px;}
.meeting-details .date-location {font-size: 14px;}
.sec-profiles { padding-bottom: 25px;}
.upcoming-meeting {padding: 40px 0;}
.steering-committee { padding: 40px 0px;}
.apply-membership{ padding:40px 0px; padding-top:0px;}
.apply-membership .row {flex-direction: column-reverse;}
.apply-image {text-align: center;margin-bottom: 25px;}

.block-header h2 {font-size: 24px;}
.block-header {padding-bottom: 0;}
.sec-member-organizations {padding: 40px 0px;}
.profiles-grid .profile-text {height: auto;text-align: left;}
.profile-image {position: static;margin-bottom: 25px;text-align: center;}
.profiles-grid {padding: 15px;min-height: inherit;}
.footer {text-align: center;padding: 40px 0px;}
.footer .text-end img { width: 130px}
.footer .text-end  { text-align: right !important;}
.footer-logo {margin-bottom: 0px;}
.footer-logo.logo svg {
    width: 150px;
}
.social-links ul {justify-content: center;}
.copyright p {
    text-align: center;
    padding: 0px 30px;
    margin-bottom: 24px !important;
}
.footer-bottom {margin-top: 24px;}
.sec-inaugural-meeting {padding-bottom: 25px;}

.lg-toolbar .lg-close {margin: 15px 15px;}

.upcoming-meeting h2, .upcoming-meeting p {
    margin-bottom: 24px;
}

.hero-content p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
}

/* dp */
.searchForm {
    padding: 10px;
}
.topBox.d-flex.gap-4 {
    display: block !important;
}
.committee-modal .nameBox h2 {
    font-size: 34px;
    line-height: 38px;
    margin-top: 24px;
}
.committee-modal .imageBox img{width: 100%;}
.midBox {
    max-height: initial;
}
.modal-content {
    padding:30px;
}
.paginationMain .page-item .page-link {
    width: 28px;
    height: 28px;
}
.pagination.gap-4{gap: 0.5rem !important;}
.organizations-grid {
    padding: 15px;
}
.sec-member-organizations [class*='col-'] {
    margin-bottom: 20px;
}
.playBtn svg {
    width: 45px;
    height: 45px;
}
.profiles-grid p {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}
.profiles-grid .profile-name {
    margin-bottom: 16px;
}

.rajiv-card .profile-image > img {
    width: 140px;
    height: 140px;
    margin-left: 0px;
    margin: 0px auto;
    margin-bottom: 8px;
}
.sec-profiles .profiles-grid {
        padding: 24px;padding-bottom: 30px;
    }

.membership-btn {
    flex-wrap: wrap;
}
.membership-btn a {
    width: 100%;font-size: 16px;
}

.apply-membership .apply-text{padding:0px 12px;}
.apply-membership p {
    max-width: 500px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
}

.mob-banner img {
    width: 100%;
}
.hero-content {
    padding: 32px;
    margin: 0 auto;
}
.hero .container {
    width: 100%;
    max-width: 100%;
}
.mob-banner img {
    width: 100%;
    margin-bottom: -15px;
}
.sec-inaugural-meeting h2,
.sec-inaugural-meeting p{text-align: left;}
/*.profile-description{color:#272B19; font-size: 16px; line-height: normal;}*/

} /*767 close*/
    
    
       
           
           
           