
@media (max-width:1920px){
    .text-image img{
      object-fit: cover !important;
    }
}

@media (max-width:1500px){
    .year-item{
     height: 350px;   
    }
    .year-slider{
        padding-top: 112px;
    }
    .video-column{
        padding: 0 40px;
    }
    .column-text{
       padding: 95px 0; 
    }
    .form-d-participants iframe{
        width: 100%;
    }
    
    }
    @media (max-width:1300px){
        .fetch-tweets-item{
            width: 33%;
        }
    }

    @media (max-width:1199px){
        .main-nav .navbar li a, .main-nav .dropdown-toggle{
            font-size: 14px;
        }
        .year-item{
            height: 250px;
        }
        .board-member .member-text{
            padding: 25px;
        }
        .board-member .image{
            min-width: 350px;
        }
        .video-column{
            padding: 0 10px;
        }
        .john-video iframe{
            height: 300px;
        }
        .fetch-tweets-item{
            width: 50% !important;
            min-width: 471px;
        }
 
    }
    
    @media (max-width:992px){
        .hamburger{
            display: block !important;
            margin-left: 23px;
            padding-bottom: 7px;
        }
        .search-open{
            padding-bottom: 3px;
        }
        .main-nav .navbar {
            display: flex;
            flex-direction: column;
            width: 100%;
            position: fixed;
            left: 0;
            top: 44px;
            background: #fff;
            align-items: flex-start;
            transform: translate(-1000px, 0);
        
        }
        .main-nav .dropdown-toggle{
            padding: 0;
          
        }
        .main-nav .navbar li {
            padding: 0;
            width: 100%;
        }
        .main-nav .navbar li a, .main-nav .dropdown-toggle{
            padding: 11px 15px;
            display: block;
            position: relative;
        }
        .dropdown-toggle::after{
            bottom: 17px;
            right: 12px;
        }
        .hero-banner{
            padding: 72px 0;
        }
        .two-column .column{
            width: 100%;
            margin-bottom: 15px;
        }
        .team-member{
            width: 33% !important;
        }
        .section-title{
            font-size: 1.75rem;
        }
        .tweetbox{
            height: auto;
            margin-bottom: 15px;
        }
        .social-links{
            justify-content: center;
        }
    
        .footer-logo{
            width: 230px;
            margin-bottom: 2rem;
        }
        .founder-list{
            padding: 0 1rem;
        }
        .founder-list li{
            width: 50%;
        }
        .left-bg .inner-left-bg{
            height: 100%;
            width: 100%;
        }
        .left-bg .logo-image{
            width: 50%;
        }

        .john-video iframe{
            height: auto;
        }
        .header-logo{
            line-height: 37px;
        }

        .main-nav .navbar .dropdown-toggle{
            width: 100%;
            text-align: left;
        }
        .header-search input{
            width: 90%;
        }
        .fetch-tweets-item{
            width: 50% !important;
            min-width: 355px;
        }
        .text-image{
            position: static !important;
            width: 100% !important;
        }
       
    }
    @media (max-width:768px){
        .year-item{
            height: 150px !important;
        }
        .year-item span{
            font-size: 18px;
            padding: 8px;
        }
        .year-item{
            height: 89px !important;
        }
        .year-slider{
            padding-top: 22px;
        }
        .hfx-twitter{
            padding-top: 46px;
        }
        .text-image{
            position: relative !important; 
            width: 100% !important;
            height: auto;
        }
        .column-text{
            padding: 50px 0 !important;
        }
        .contact-form{
            padding: 
            0 15px;
        }
        .team-member{
            width: 50% !important;
        }
        .t-member a{
            font-size: 15px;
        }
        .t-member span{
            font-size: 13px;
            line-height: 18px;
        display: block;
        }
        .t-member .image{
            width: 90px !important;
            height: 90px !important;
        }
        .t-member{
            padding: 1.5rem 12px;
            min-height: 212px;
        }
        .board-member{
            flex-direction: column;
        }
        .board-member .image{
            min-width: 100% !important;
            height: 340px;
        }
        .board-member .member-text{
            padding: 25px !important;
        }
        .job-item .job-image{
            height: 200px;
        }
        .column-layout-3 .logo-image{
            position: static;
            width: 100%;
            border-left: 0;
            margin-bottom: 15px;
            height: auto;
            border-bottom: 15px solid #fff;
        }
        .column-layout-3 .logo-image{
            position: static !important;
            width: 100% !important;
            border-left: 0 !important;
        }
        .news-lite{
            margin-bottom: 1rem;
        }
        .sponsors .accordion-body .col-lg-2.col-md-4.col-6{
        margin-bottom: 10px;
        }
        .partners {
            padding-bottom: 0 !important;
        }
        .peace-with-women .logo-image{
            padding: 50px 0;
        }
        .peace-with-women .logo-image img{
            width: 92%;
        }
        .left-bg .logo-image{
            position: relative !important;
            background-color: #fff;
        }
        .john-video{
            padding: 1.2rem;
        }
        .news-list .image{
            height: 200px;
            margin-bottom: 0;
        }
        .news-list-item .member-text{
            padding: 5px 20px;
        }

        .participant{
                padding: 12px;
        }
        .participant .image{
                width: 83px;
    height: 83px;
        }

        .participant p{
            position: static;
            background: #fff;
             color: #333333;
             transform: none;
             padding: 0;
             font-size: 12px;
        }
        .logo-box{
           
            height: 155px;
        }
        .conversation-content li{
            width: 100%;
        }
        .co-heading{
            font-size: 15px !important;
        }       
        .conversation-content{
            padding: 0 15px;
        }
        .forum-vid{
            height: 300px;
        }
        .home-members .c-member img{
            max-width: 100%;
            min-height: 200px !important;
            max-height: 200px !important;
        }
        .home-members .c-member h3{
            font-size: 20px;
        }
        .home-banner{
            min-height: 1px;
        }
        .header-search{
            padding: 35px 0;
        }
        .header-search input{
            width: 87%;
            margin-left: 10px;
        }
        .header-search .container .close-search {      
            right: 3px;
            top: -33px;
        }
        .logo-box img{
            width: 62%;
        }
        .fetch-tweets-item{
            width: 100% !important;
            border:0;
            margin-bottom: 1rem;
        }
        .rl-gallery-item{
            height: 150px;
        }
        .video_link iframe{
            height: 280px;
        }

        .home-banner-container{
            padding: 0 !important;
           }
           .home-banner .banner-text{
            padding-left: 1rem;
           }
           .banner-text h1{
            font-size: 36px;
           }
           .conversations-list .c-image{
            height: 150px;
        }
        .doc_header{
            
    padding: 20px 15px 0px 15px !important;

        }
        .author_title{
            padding: 40px 5px 20px 14px !important;
        }
        .conversation-content li{
            font-size: 16px !important;
        }
        .conversation-content li.point-bg{
            font-size: 24px !important;
        }
        .tweetbox p{
            font-size: 15px !important;
        }
        .accordion-button{
            font-size: 18px;
        }
        .conversations-list{
            margin-bottom: 10px;
        }
        .hfx-twitter .fetch-tweets{
            flex-wrap: wrap;
        }
        .home-members .c-member.home-logo{
            min-height: 228px !important;
            height: auto;
        }
        .home-members .c-member.home-logo img{
            width: 85%;
            height: 85%;
        }

        .left-text-column{
            width: 100% !important;
        }

        .mb-static{
            position: static !important;
            width: 100%;
        }
        
.max-height-500{
    max-height: fit-content !important;
}
.form-d-participants iframe{
    height: 220px;
}
.rounded-logo{
    width: 90px;
}
    }
    @media (max-width:640px){
    .announcement-bar .container, 
    .announcement-bar .container .d-flex{
        flex-direction: column;
        align-items: center;
    }
    .footer-bottom .container.d-flex{
        flex-direction: column;
        align-items: center;
    }
    .footer-links{
        padding-left: 0;
    }
    .footer-bottom{
        text-align: center;
    }
    .footer-links a, .copyright{
        font-size: 14px;
    }
    .founder-list li{
        width: 100%;
    }
    }
    @media (max-width:1199px){

        .share-links{
            display: flex;
            flex-wrap: wrap;
        }
        .share-links li{
           width: 20%;
           margin: 0;
           margin-bottom: 1rem;
       }  
       
    }
    
    @media (max-width:768px){
        .conversation-post{
            padding: 1rem;
        }
        .doc-header img{
            max-width: 200px;
        }
        .mute-button{
            right: -4px !important;
        }
    }
    