@media(max-width:991px){
    .navbar{background:#fff; border-top:1px solid #d1d1d1; padding-top:10px; padding-bottom:10px; z-index:10; min-height:100px;}
    .navbar .main__header__content{padding-left:15px; padding-right:15px;}
    .navbar .navbar-nav li a{text-align:left; border-bottom:1px solid #f0f0f0;}
    
    .navbar-toggler{border:0px solid red; margin-right:0px; padding:0px; height:30px;}
    .navbar-toggler span{width:32px; height:2px; background:#151a8f; display:block;}
    .navbar-toggler span:nth-child(2){margin:7px 0px;}
    .bar,.bar:after,.bar:before{width:32px; height:2px; background-color:#151a8f;}
    .bar{position:relative; transform:translateY(25px); transition:all 0ms 300ms; top:-25px; position:relative;}
    .bar.animate{background-color:transparent;}
    .bar:before{content:""; position:absolute; left:0; bottom:9px; transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
    .bar:after{content:""; position:absolute; left:0; top:9px; transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
    .bar.animate:after{top:0; transform:rotate(45deg); transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
    .bar.animate:before{bottom:0; transform:rotate(-45deg); transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
    .navbar .main__nav .container{padding:0px;}
    .navbar .navbar-collapse{height:100%;}
    .navbar .navbar-collapse{position:fixed; left:-100%; background:#fff; height:100%; top:0px; z-index:10;
    -webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;
    -webkit-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
    box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);}
    .navbar .show{left:0px; width:265px;
    -webkit-transition:left .3s ease 0s;-moz-transition:left .3s ease 0s;-o-transition:left .3s ease 0s; transition:left .3s ease 0s;}
    .navbar .navbar-nav{display:block; height:auto; margin-bottom:30px;}
    .navbar .navbar-nav li{height:auto;}
    .navbar .navbar-nav li a{border-right:0px; border-bottom:1px solid #f1f1f1; line-height:normal; padding:10px 15px; text-align:left; position:relative;}
    .navbar .navbar-nav li:last-child a{border-bottom:0px;}
    .navbar .navbar-nav li:hover ul.dropdown-menu{display:none; border:0px;}
    .navbar .navbar-nav li ul.dropdown-menu{background:#fff; margin:0px; border:0px; padding:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
    .navbar .navbar-nav li.dropdown ul.dropdown-menu li a{border-bottom:1px solid #f1f1f1; padding-left:25px; font-size:12px;}
    .navbar .navbar-nav li.show ul.dropdown-menu{display:block;}
    .navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu{background:#0f2230; margin:0px; padding:0px;}
    .navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu li a{padding-left:15px; border-bottom:1px solid #0a1721; border-top:1px solid #163043;}
    .navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu li:first-child a{border-top:0px;}
    .navbar .navbar-nav li.dropdown-submenu ul.dropdown-menu li:last-child a{border-bottom:0px;}
    .navbar .navbar-nav li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
    .navbar .navbar-nav li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
    background:#000; margin:auto; transition:all .3s ease-in-out;}
    .navbar .navbar-nav li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
    background:#000; margin:auto; transition:all .3s ease-in-out;}
    .navbar .navbar-nav li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
    .navbar .navbar-nav li ul.dropdown-menu li a .icon__box{width:50px; height:100%; position:absolute; top:0px; right:0px;}
    .navbar .navbar-nav li ul.dropdown-menu li a .icon__box:before{width:11px; height:1px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
    background:#4284b6; margin:auto; transition:all .3s ease-in-out;}
    .navbar .navbar-nav li ul.dropdown-menu li a .icon__box:after{width:1px; height:11px; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:"";
    background:#4284b6; margin:auto; transition:all .3s ease-in-out; transform:translateY(0px) rotate(0deg);}
    .navbar .navbar-nav li.show ul.dropdown-menu li.show a .icon__box:after{transform:translateY(0px) rotate(90deg);}
    .navbar .navbar-nav li.show ul.sub__menu__sub{display:none;}
    
    
    .tab-content>.tab-pane{display:block; opacity:1;}
    
    
/*----------------Profile-Responsive-Start--------------------*/
.profile__wrap{padding:0px 0px 45px;}
.side__position{position:relative;}
.profile__wrap .side__bar{margin-bottom:70px;}
.profile__wrap .side__bar .basic__information ul.contact__info a{font-size:14px;}
.profile__wrap .side__bar .basic__information ul.contact__info a i.ico__box{font-size:14px;}
.profile__wrap .side__bar .basic__information .nav__tabs__wrap .nav__tabs .nav__link{font-size:14px;}
.profile__wrap .side__bar .basic__information .tab__pane ul li{font-size:12px;}
.profile__wrap .side__bar .basic__information .tab__pane ul li a{font-size:12px;}
.profile__wrap .side__bar .servies__wrapp .service__possible{font-size:14px;}
.profile__wrap .side__bar .servies__wrapp ul li a{font-size:12px;}
.profile__wrap .side__bar .servies__wrapp ul li{font-size:12px;}
.profile__details__main .tab__content .tab__pane{border-radius:8px; box-shadow:none; margin-top:10px; overflow:hidden;}
.profile__details__main .tab__content .tab__pane .accordion__button{font-size:16px; color:#000; font-family:'Poppins', sans-serif; font-weight:600; text-transform:uppercase; margin:0; background-color:#fff; border:0px; box-shadow:none;  border-radius:10px; display:flex; align-items:center; column-gap:10px;}
.profile__details__main .tab__content .tab__pane .accordion__button i.ico__box{height:20px; width:20px; display:flex; align-items:center; justify-content:center;}

.profile__details__main .tab__content .tab__pane .accordion__button i.ico__box img{width:100%;}
.profile__details__main .tab__content .accordion__body{margin-top:20px;}
.accordion__body h2{font-size:18px;}
.event__main__slider .event__card__main .event__card .event__details .event__details__header h3 a{font-size:18px;}
.event__main__slider .event__card__main .event__card .event__details .event__details__header .event__meta{font-size:14px;}
.event__main__slider .event__card__main .event__card .event__details .event__details__header .event__location{font-size:14px;}
.event__main__slider .event__card__main .event__card .event__details .event__full__details p{font-size:14px;}
.event__main__slider .event__card__main .event__card .event__details .event__full__details .event__categories a{font-size:14px;}
.event__main__slider .event__card__main .event__card .event__details .event__full__details .event__tags{row-gap: 5px;}
.event__main__slider .event__card__main .event__card .event__details .event__full__details .event__tags a{font-size:14px;}
.event__main__slider .event__card__main .envent__volunteers__filter h3{flex-direction:column; font-size:15px; align-items:flex-start; gap:5px;}
.event__main__slider .event__card__main .envent__volunteers__filter h3 span{font-size:12px;}
.event__main__slider .event__card__main .envent__volunteers__filter .button__group .button__filter{font-size:12px;}
.volunteer__card .volunteer__details .header__wrap .personal__info h3{font-size:18px;}
.volunteer__card .volunteer__details .header__wrap .personal__info .email__wrapp a{font-size:14px;}
.volunteer__card .volunteer__details .header__wrap .btn__group button{width:95px; height:35px; font-size:14px;}
.volunteer__card .volunteer__details .contact__info .phone__call a{font-size:14px; padding:6px 15px; gap:5px;}
.volunteer__card .volunteer__details .contact__info .phone__call a i.ico__box{width:18px; height:18px;}
.volunteer__card .volunteer__details .contact__info .social__share{justify-content:flex-end; flex:1;}
.volunteer__card .volunteer__details .contact__info .social__share ul{column-gap:5px;}
.volunteer__card .volunteer__details .contact__info .social__share ul li{height:25px; width:25px;}
.volunteer__card .volunteer__details .two__col__wrapp .col__wrapp h4{font-size:15px;}
.volunteer__card .volunteer__details .two__col__wrapp .col__wrapp p{font-size:14px;}
.volunteer__card .volunteer__details .two__col__wrapp .col__wrapp .event__tags{row-gap:5px;}
.volunteer__card .volunteer__details .two__col__wrapp .col__wrapp .event__tags a{font-size:14px;}
.profile__details__main .accordion__body .volunteers__opportunities h2{font-size:18px;}
.volunteers__opportunities .opportunitie__card .card__content h3{font-size:16px;}
.volunteers__opportunities .opportunitie__card .card__content .event__meta{margin-top:8px;}
.volunteers__opportunities .opportunitie__card .card__content .event__meta ul li{font-size:14px;}
.volunteers__opportunities .opportunitie__card .card__content .event__meta i.ico__box{width:15px; height:15px; flex:0 0 15px;}
.volunteers__opportunities .opportunitie__card .card__content .btn__group button{height:35px; font-size:14px;}
.search__wrap .search__panel{display:grid; grid-template-columns:repeat(3, 1fr); row-gap:15px;}
.search__wrap .search__panel .form__group .form__control{height:40px;}
.search__wrap .search__panel .submit__btn{height:40px; font-size:14px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .eamil__info h3{font-size:18px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .eamil__info .email__wrapp{font-size:14px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info .phone__call a{font-size:14px; padding:6px 15px; gap:5px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info .phone__call a i.ico__box{width:18px; height:18px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info .social__share ul{column-gap:5px;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info .social__share ul li{height:25px; width:25px;}
.search__wrap .search__results .members__card .three__col__wrapp .col__wrapp p{font-size:14px;}
.search__wrap .search__results .members__card .three__col__wrapp .member__details{font-size:14px; width:165px; height:35px;}
.search__wrap .search__results .members__card .three__col__wrapp .col__wrapp h4{font-size:15px;}
.create__event{padding:16px;}
.create__event .form__group label{font-size:14px;}
.create__event .form__group .form__control{height:45px;}
.create__event .submit__btn{font-size:14px; height:45px; width:180px;}
.events__list .event__card__main .event__card .event__details .event__details__header h3{font-size:18px;}
.events__list .event__card__main .event__card .event__details .event__details__header .event__meta{font-size:14px;}
.events__list .event__card__main .event__card .event__details .event__details__header .event__meta i.ico__box{width:15px; height:15px; flex:0 0 15px;}
.events__list .event__card__main .event__card .event__details .two__col__wrapp .col__wrapp h4{font-size:15px;}
.events__list .event__card__main .event__card .event__details .event__categories a{font-size:14px;}
.events__list .event__card__main .event__card .event__details .btn__group .applay__btn{font-size:14px;}
.applied__btn{font-size:14px;}
.events__list .event__card__main .event__card .event__details .btn__group .view__details__btn{font-size:14px;}
.applicants__filter .btn__group .filter__btn{font-size:14px; height:35px;}
.applicants__table__wrap table.dataTable thead tr th{font-size:14px;}

.modal__main .modal__dialog .modal__content{border-radius:24px;}
.modal__main .modal__dialog .modal__content .btn__close{font-size:14px;}
.modal__main .modal__dialog .modal__content .btn__close:after{width:25px; height:25px; background-size:9px;}
.modal__body .header__wrap .personal__info h3{font-size:18px;}
.modal__body .header__wrap .personal__info .email__wrapp{font-size:14px;}
.applicants__details__wrap p{font-size:14px;}
.modal__body .header__wrap .personal__info .email__wrapp i.ico__box{width:20px; height:20px;}
.applicants__details__wrap ul li a{font-size:14px;}
.applicants__details__wrap ul.tags__wrap li a{font-size:14px;}

    
    }
    
    @media(max-width:767px){
    .main__body__wrapp .header__banner__main{height:350px;}
    .main__body__wrapp .header__banner__main img{height:100%; height:450px; object-fit:cover; object-position:center;}
    .main__body__wrapp .header__banner__main .banner__content h1{font-size:35px;}
    .main__body__wrapp .header__banner__main .banner__content p{font-size:18px;}
    .main__body__wrapp .header__banner__main .banner__content a.banner__btn{font-size:16px; padding-left:20px; padding-right:20px; height:50px; line-height:50px; margin-right:10px;}
    .main__body__wrapp .site__info{margin-top:-55px; margin-bottom:50px;}
    .main__body__wrapp .welcome__section{margin-bottom:50px;}
    .main__body__wrapp .parner__wrapp{padding:50px 0px;}
        
    .main__body__wrapp .welcome__section{padding:40px 0px 10px;}
    
    
/*----------------Profile-Responsive-Start--------------------*/
.event__main__slider .event__card__main .event__card{flex-direction:column;}
.event__main__slider .event__card__main .event__card .card__aside{max-width:unset; margin-bottom:20px;}
.event__main__slider .event__card__main .envent__volunteers__filter h3{flex-direction:column; font-size:15px; align-items:flex-start; gap:5px;}
.event__main__slider .event__card__main .envent__volunteers__filter h3 span{font-size:12px;}
.event__main__slider .event__card__main .envent__volunteers__filter .button__group .button__filter{font-size:12px;}
.volunteer__card{flex-direction: column;}
.volunteers__opportunities .opportunitie__card .card__content .btn__group .applay__btn{flex:unset;}
.search__wrap .search__results .members__card .header__wrap{flex-direction: column;}
.events__list .event__card__main .event__card .card__aside{max-width:unset; width:fit-content;}
.events__list .event__card__main .event__card .card__aside .image__box{max-height:120px; width:120px; flex:0 0 120px;}
.events__list .event__card__main .event__card .event__details .btn__group{justify-content:space-between;}
.events__list .event__card__main .event__card .event__details .btn__group .view__details__btn{width:fit-content; min-width:85px;}
.accordion__body__top{flex-direction:column; row-gap:20px; align-items:flex-start;}
.applicants__filter{width:100%;}
.applicants__filter .btn__group .filter__btn{padding:8px 10px;}
.dataTables_wrapper .dataTables_info{padding-left:0;}
.dataTables_wrapper .dataTables_paginate{padding-right:0; justify-content:center;}
.event__main__slider .event__card__main .event__card .card__aside .btn__wrapp .edit__details__btn{flex:unset; padding:0px 15px; font-size:14px;}
.modal__main .modal__dialog .modal__content{border-radius:0px; padding:20px 20px}
.modal__body .header__wrap{flex-direction:column; justify-content:unset; align-items:unset; row-gap:10px;}
    
  
    
}
    
    
@media(max-width:575px){
.shrink{min-height:90px;}
.navbar .navbar-brand img{max-height:70px;}
.navbar .call__top .call__ico__box{width:30px; height:30px;}
.navbar .call__top .call__ico__box svg{width:16px;} 
.navbar .call__top a{font-size:16px;}
.shrink .call__top a{font-size:16px;}
.navbar .call__top .call__top__inner p:after{display:none;}
.header__top .header__content__inner .phone__wrapp a span{display:none;}
.header__top .header__content__inner .email__wrapp a span{display:none;}
/*----------------Profile-Responsive-Start--------------------*/
.event__main__slider .event__card__main .envent__volunteers__filter{flex-direction:column; row-gap:20px;}
.event__main__slider .event__card__main .envent__volunteers__filter h3{text-align:center; justify-content:center; align-items:center;}
.volunteer__card .volunteer__details .header__wrap{flex-direction:column; row-gap:10px;}
.volunteer__card .volunteer__details .header__wrap .personal__info{width:100%;}
.volunteer__card .volunteer__details .header__wrap .btn__group{width:100%;}
.volunteer__card .volunteer__details .contact__info{flex-direction:column; row-gap:10px; align-items:flex-start;}
.volunteer__card .volunteer__details .two__col__wrapp{flex-direction:column; row-gap:10px; align-items:flex-start;}
.event__main__slider .event__card__main .envent__volunteers__filter{border-radius:24px;}
.search__wrap .search__panel{grid-template-columns: repeat(1, 1fr);}
.search__wrap .search__results .members__card .header__wrap .profile__avater{margin-bottom:10px;}
.search__wrap .search__results .members__card .header__wrap .personal__info{flex-direction:column; align-items:flex-start;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info{align-items:unset;}
.search__wrap .search__results .members__card .header__wrap .personal__info .contact__info .phone__call{justify-content:unset;}
.search__wrap .search__results .members__card .three__col__wrapp{flex-direction:column; align-items:flex-start;}
.search__wrap .search__results .members__card .three__col__wrapp .member__details{margin-top:15px;}
.create__event .form__group{flex-direction:column;}
.create__event .form__group .btn__wrapp{position:unset; margin-bottom:0; margin-top:20px;}
.events__list .event__card__main .event__card{flex-direction:column; row-gap:20px;}
.events__list .event__card__main .event__card .card__aside{width:100%;}
.events__list .event__card__main .event__card .card__aside .image__box{width:100%; max-height:185px;}
.events__list .event__card__main .event__card .event__details .two__col__wrapp{flex-direction:column; row-gap:20px;}
.events__list .event__card__main .event__card .event__details .btn__group .applay__btn{min-width:unset;}
.applied__btn{padding: 8px 10px; font-size:12px;}
.applicants__filter{flex-direction:column; row-gap:20px;}
.applicants__filter .btn__group .filter__btn{font-size:12px;}
.modal__body .header__wrap__outer{flex-direction:column; row-gap: 24px;}
.event__main__slider .slick-arrow{height:25px; width:25px;}

.event__main__slider .slick-arrow.slick-prev{right:30px;}

.event__main__slider .slick-arrow.slick-disabled.slick-prev{right:30px;}



.event__volunteers__slider .slick-arrow.slick-next{right:-15px;}

.event__volunteers__slider .slick-arrow.slick-prev{left:-15px; right:auto;}

.event__volunteers__slider .slick-arrow.slick-disabled.slick-prev{left:-15px; right:auto;}



.profile__details__main .accordion__body .volunteers__opportunities h2{max-width:250px;}

.opportunities__slider .slick-arrow{top:-45px; height:25px; width:25px;}

.opportunities__slider .slick-arrow.slick-prev{right:30px;}

.opportunities__slider .slick-arrow.slick-disabled.slick-prev{right:30px;}

}

@media (max-width:991px) and (min-width:768px){
	footer .footer__inner__wrapp .footer__widget .form__group .sbumit__btn{font-size:14px; width:100px;}
}