/* Medium Layout: 1367px. */
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
.blog-standard {
padding: 70px 0px !important;
}
}
/* Medium Layout: 1100px / 1024px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.slider-area.s1 {
background: url(../images/slider/1-o.jpg) center center/cover no-repeat;
background-size: 100% 100%;
}
.main-menu nav ul li a {
padding: 35px 10px;
}
.event-single {
display: block;
margin-bottom: 30px;
}
.event-thumb {
width: 100%;
}
.event-content {
padding-left: 0;
padding: 35px 20px;
}
.event-meta .fix h2,
.event-meta .fix p {
font-size: 13px;
}
.w-gallery-img li {
flex-basis: calc(100% * (1/3) - 5px);
}
.widget-brand ul.fsocial li {
margin-right: 2px;
}
/*------------------------
Home Two
------------------------*/
.benefit-single h4 {
font-size: 16px;
}
/*------------------------
Home Three
------------------------*/
.donate-form h2 {
font-size: 23px;
}
.benefit-content h3 {
font-size: 31px;
}
.subscribe-content h2 {
font-size: 27px;
}
}
/* Tablet Layout: 900px / 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Me */
.slider-item {
height: 450px;
}
.carousel {
width: 100% !important;
}
.logo-text > h3 {
line-height: 20px;
}
.list-wrpaaer {
height: 434px !important;
}
/*------------------------
Home One
------------------------*/
.header-bottom, .header-bottom.header-fixed {
/*background-color: #1f1e1e;*/
padding-top: 24px;
position: relative;
top: 0px;
}
.header-bottom .d-flex {
display: block;
}
.search-form {
right: -92px;
}
.search-form:before {
display: none;
}
.slider-content h2 {
font-size: 34px;
line-height: 47px;
}
.about-area,
.event-area,
.causes-area {
padding: 90px 0px;
}
.cause-item {
margin-bottom: 30px;
}
.team-area {
padding: 90px 0px 80px;
text-align: center;
}
.team-member {
display: inline-block;
margin-bottom: 20px;
}
.subscribe-content h2 {
font-size: 25px;
}
.subscribe-content p {
font-size: 14px;
}
.event-single {
display: block;
margin-bottom: 30px;
}
.event-thumb {
width: 100%;
}
.event-content {
padding-left: 0;
padding: 20px;
}
.memories-area {
padding: 90px 0px 70px;
}
.event-meta .fix h2,
.event-meta .fix p {
font-size: 13px;
}
footer .widget {
margin-bottom: 40px;
}
.w-gallery-img {
display: block;
}
.w-gallery-img li {
display: inline-block;
/*margin-right: 10px;*/
width: 100%; /*saeed*/
}
/*------------------------
Home Two
------------------------*/
.header_style_two .header-bottom,
.header_style_two .header-bottom.header-fixed {
background-color: #1f1e1e;
padding-top: 24px;
position: relative;
top: 0px;
}
.header_style_two .slicknav_menu > a {
top: -25px;
}
.header_style_two .ht-contact ul li {
margin-right: 15px;
}
.volunteer-inner p {
font-size: 18px;
}
.ev2-list-item .ev2-meta span:first-child {
display: none;
}
.blog-area {
padding: 100px 0px 70px;
}
.blog-single {
margin-bottom: 30px;
}
.achivement-single p {
font-size: 16px;
}
/*------------------------
Home Three
------------------------*/
.knw-single h2 {
font-size: 30px;
}
.about-title h2 {
font-size: 29px;
}
.ev3-countdown .cdown {
display: inline-block;
margin: 0px 5px;
}
.ev3-countdown .cdown .time-count {
height: 50px;
width: 50px;
border: 1px solid #fff;
text-align: center;
line-height: 50px;
font-size: 14px;
font-weight: 600;
color: #fff;
letter-spacing: 0;
display: block;
}
.ev3-caption {
padding-bottom: 110px;
}
.single-volunteer .text span,
.single-volunteer .text h4 {
font-size: 12px;
}
.single-volunteer .text {
padding: 20px 13px;
}
.single-volunteer .t-social {
bottom: 25%;
}
/*------------------------
About US
------------------------*/
.welcome-area {
padding: 90px 0px;
}
.welcome-content {
display: block;
}
.about-video {
margin-top: 25px;
height: 300px;
}
/*------------------------
Cause Page
------------------------*/
.cause-single .cause-item {
width: 50%;
float: left;
}
.sidebar-area {
padding-left: 0px;
}
/*------------------------
Event grid
------------------------*/
.event-grid {
padding: 90px 0px;
}
/*------------------------
Event List
------------------------*/
.event-list-area {
padding: 80px 0px;
}
.ev3-single {
display: block;
width: calc(50% - 30px);
float: left;
margin: 0px 15px;
margin-bottom: 30px;
}
/*------------------------
Event Details
------------------------*/
.event-details {
padding: 80px 0px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.gallery-fullwide {
padding: 90px 0px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.blog-standard {
padding: 70px 0px;
}
/*------------------------
Gallery Details
------------------------*/
.blog-details-area {
padding: 90px 0px;
}
.next-prev {
display: block;
}
.next-prev .np-single {
flex-basis: 100%;
margin-bottom: 20px;
}
.next-prev .np-single:last-child {
text-align: right;
}
.comment-area {
margin-top: 50px;
}
/*------------------------
Contact
------------------------*/
.contact-area {
padding: 90px 0px;
}
/*------------------------
Donate Page
------------------------*/
.donate-us {
padding: 90px 0px;
}
/*------------------------
All Team Member
------------------------*/
.all-team-member {
padding: 90px 0px 60px;
}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
/*a, a:visited{
color:white;
}*/
.header-bottom { padding-top: 10px; }
.slicknav_menu { margin-top: 2px; }
.slicknav_menu > a { top: 7px; }
.carousel {
width: 100% !important;
}
.logo-text > h3 {
font-size: 12px;
}
.logo-text > h4 {
font-size: 12px;
}
/*------------------------
Home One
------------------------*/
/*.slider-item {
height: 260px;
padding-bottom: 50px;
}*/
.slider-item {
height: 180px;
padding-bottom: 50px;
}
.team-area {
text-align: center;
}
.team-member {
display: inline-block;
margin-bottom: 20px;
}
/*------------------------
Home Two
------------------------*/
.header_style_two .logo {
text-align: center;
margin-bottom: 28px;
}
.header_style_two .header-bottom.header-fixed,
.header_style_two .header-bottom {
background: rgba(0, 0, 0, 0.9);
}
.header_style_two .slicknav_menu a {
top: -4px;
}
.header_style_two .slicknav_nav {
padding: 18px 0px 9px;
}
/*------------------------
Home Three
------------------------*/
.ev3-countdown .cdown {
display: inline-block;
margin: 0px 5px;
}
.ev3-countdown .cdown .time-count {
height: 50px;
width: 50px;
border: 1px solid #fff;
text-align: center;
line-height: 50px;
font-size: 14px;
font-weight: 600;
color: #fff;
letter-spacing: 0;
display: block;
}
.ev3-caption {
padding-bottom: 110px;
}
/*------------------------
Home Three
------------------------*/
.donate-form {
padding: 26px 10px;
}
.donate-form h2 {
font-size: 19px;
}
.donate-form form input[type='text'] {
height: 39px;
margin-bottom: 12px;
}
/*------------------------
Cause Page
------------------------*/
.cause-single .cause-info h2 a {
margin-top: 18px;
}
.sidebar-area {
padding-left: 0;
/*max-width: 420px;*/
margin: auto;
/*margin-top: 60px;*/
}
.crumbs-area {
padding: 80px 0px 80px;
}
/*------------------------
Gallery Details
------------------------*/
.next-prev {
display: block;
}
.next-prev .np-single {
flex-basis: 100%;
margin-bottom: 20px;
}
.next-prev .np-single:last-child {
text-align: right;
}
}
/* Wide Mobile Layout: 600px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
.carousel {
width: 100% !important;
}
.logo-text > h3 {
font-size: 12px;
line-height: 6px;
}
/*------------------------
Home One
------------------------*/
.header-bottom,
.header-bottom.header-fixed {
/*background-color: #1f1e1e;*/
/*padding-top: 24px;*/
padding-top: 10px;
position: relative;
top: 0px;
}
.header-bottom .d-flex {
display: block;
}
.search-form {
right: -92px;
}
.search-form:before {
display: none;
}
.ht-contact ul li {
margin-right: 4px;
}
.ht-contact ul li i {
margin-right: 7px;
}
.slider-content h2 {
font-size: 33px;
}
/*.slider-item {
height: 495px;
}*/
/* Me */
.slider-item {
height: 325px;
}
.about-left-img {
margin-bottom: 40px;
text-align: center;
}
.cause-item {
margin-bottom: 30px;
}
.about-area,
.causes-area,
.event-area {
padding: 90px 0px;
}
.team-area {
padding: 90px 0px 70px;
}
.subscribe-area .d-flex {
display: block;
}
.subscribe-form {
margin-top: 30px;
}
.event-single {
display: block;
margin-bottom: 30px;
}
.event-thumb {
width: 100%;
}
.event-content {
padding-left: 0;
padding: 20px;
}
.event-meta .fix h2,
.event-meta .fix p {
font-size: 13px;
}
footer .widget {
margin-bottom: 50px;
}
.widget-quick ul {
padding-left: 16px;
}
.w-gallery-img {
display: block;
}
.w-gallery-img li {
display: inline-block;
/*margin-right: 10px;*/
width:32.3%;
}
.fb-inner {
display: block;
text-align: center;
}
.fb-inner ul {
text-align: center;
}
.footer-bottom {
padding-bottom: 40px;
}
/*------------------------
Home Two
------------------------*/
.header_style_two .header-top {
height: 130px;
}
.header_style_two .ht-contact ul li {
display: block;
margin-bottom: 10px;
}
.header_style_two .logo {
margin-top: 28px;
}
.header_style_two .ht-donate {
margin-top: 30px;
}
.header_style_two .search-btn {
text-align: left;
}
.header_style_two .search-btn > i {
display: block;
}
.header_style_two .search-form {
visibility: hidden;
opacity: 0;
position: absolute;
right: auto;
top: 51px;
}
.header_style_two .search-form.show-hide-search {
opacity: 1;
visibility: visible;
}
.feature-item {
margin-bottom: 30px;
}
.feature-area {
padding: 100px 0px 80px;
}
.benefit-content h3 {
font-size: 36px;
}
.benefit-content h5 {
font-size: 22px;
}
.achivements-area {
padding: 100px 0px 30px
}
.achivement-single {
margin-bottom: 50px;
}
.volunteer-inner p {
font-size: 18px;
}
.causes-area {
padding: 90px 0px 70px;
}
.upcooming-events {
padding: 90px 0px 70px;
}
.memories-area {
padding: 80px 0px 60px;
}
.testimonial-carousel .tst-items {
margin: 0px 26px;
}
.blog-area {
padding: 90px 0px 70px;
}
.blog-single {
margin-bottom: 30px;
}
/*------------------------
Home Three
------------------------*/
.full-screen-slider .slingle-slider .d-flex {
display: block;
}
.full-screen-slider .btn-area a {
margin-left: 0;
margin-bottom: 12px;
}
.knw-single {
margin-bottom: 30px;
}
.know-more-area {
padding: 90px 0px 60px;
}
.about-title h2 {
font-size: 28px;
}
.vision-area {
padding: 90px 0px 60px;
}
.vision-item {
margin-bottom: 30px;
}
.testimonial-tow {
padding: 90px 0px;
}
.vt3-quotes-slider {
margin-top: 0;
}
.vt3-quotes-slider .slick-arrow {
left: -211px;
right: 0;
top: 0;
}
.vt3-quotes-slider .slick-arrow.slick-next {
left: -84px;
}
.team-style-two {
padding-top: 90px;
}
.single-volunteer {
margin-bottom: 30px;
}
.h3-blog {
padding: 60px 0px;
}
/*------------------------
About US
------------------------*/
.welcome-area {
padding: 80px 0px;
}
.welcome-content {
display: block;
}
.welcome-inner h2 {
font-size: 30px;
}
.about-video {
margin-top: 25px;
height: 300px;
}
/*------------------------
Cause Details
------------------------*/
.cause-details {
padding-bottom: 60px;
}
/*------------------------
Event grid
------------------------*/
.event-grid {
padding: 80px 0px;
}
.event-grid .ev3-caption {
padding-bottom: 50px;
}
/*------------------------
Event List
------------------------*/
.event-list-area {
padding: 80px 0px;
}
.ev3-single {
display: block;
}
/*------------------------
Event Details
------------------------*/
.event-details {
padding: 80px 0px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.gallery-fullwide {
padding: 80px 0px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.blog-standard {
padding: 80px 0px;
}
/*------------------------
Gallery Details
------------------------*/
.blog-details-area {
padding: 80px 0px;
}
.comment-area {
margin-top: 30px;
}
/*------------------------
Contact
------------------------*/
.contact-area {
padding: 80px 0px;
}
.contact-us-form {
margin-top: 40px;
}
/*------------------------
Donate Page
------------------------*/
.donate-us {
padding: 80px 0px;
}
/*------------------------
All Team Member
------------------------*/
.all-team-member {
padding: 80px 0px 50px;
}
}
/* Meeeee */
@media only screen and (min-width: 370px) and (max-width: 480px) {
/* Me */
.slider-item {
height: 225px;
}
}
/* Meeeee for news archive */
@media only screen and (min-width: 350px) and (max-width: 991px) {
.news-img {
height: unset !important;
}
.news-img img {
height: unset !important;
width: unset !important;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.carousel {
width: 100% !important;
}
.col-1 {
float: left;
width: 8.33333333%;
}
.col-2 {
float: left;
width: 16.66666667%;
}
.col-3 {
float: left;
width: 25%;
}
.col-4 {
float: left;
width: 33.33333333%;
}
.col-5 {
float: left;
width: 41.66666667%;
}
.col-6 {
float: left;
width: 50%;
}
.col-7 {
float: left;
width: 58.33333333%;
}
.col-8 {
float: left;
width: 66.66666667%;
}
.col-9 {
float: left;
width: 75%;
}
.col-10 {
float: left;
width: 83.33333333%;
}
.col-11 {
float: left;
width: 91.66666667%;
}
.col-12 {
float: left;
width: 100%;
}
}
/* Wide Mobile Layout: 320px / 480px. */
@media only screen and (min-width: 240px) and (max-width: 480px) {
.carousel {
width: 100% !important;
}
.sidebar-area {
margin-top: 0px;
}
.causes-title h2 {
font-size: 15px;
}
.logo-text > h3 {
font-size: 12px;
line-height: 6px;
}
.logo-text > h4 {
font-size: 12px;
}
/*------------------------
Home One
------------------------*/
.header-top {
height: auto;
padding: 18px 0px 10px;
}
.header-bottom,
.header-bottom.header-fixed {
/*background-color: #d9a862;*/
/*padding-top: 24px;*/
padding-top: 10px;
position: relative;
top: 0px;
}
.ht-contact ul li {
display: inline-block;
margin: 0px 1px;
border-right: 1px solid #fff;
padding-right: 9px;
}
.ht-contact ul li:last-child {
padding-bottom: 0;
margin: 0;
border: none;
}
.ht-contact ul li i {
margin-right: 6px;
border: none;
width: 16px;
}
.ht-donate {
text-align: center;
margin: 10px 0px;
}
.header-bottom .d-flex {
display: block;
}
.search-form {
right: -92px;
}
.search-form:before {
display: none;
}
.slider-content h2 {
font-size: 21px;
line-height: 44px;
}
.slider-content .btn-area a {
margin: 0px 8px 10px;
}
.about-right-text > h2 {
font-size: 27px;
}
.about-left-img {
margin-bottom: 40px;
}
.donate-count {
flex-wrap: wrap;
}
.donate-count .d-single {
flex-basis: calc(100% * (2/4) - 20px);
margin-bottom: 20px;
}
.about-area,
.causes-area,
.event-area {
padding: 70px 0px;
}
.cause-item {
margin-bottom: 30px;
}
.see-all {
margin-top: 20px;
}
.team-area {
text-align: center;
padding: 70px 0px 50px;
}
.team-member {
display: inline-block;
margin-bottom: 20px;
}
.volunteer-inner h2 {
font-size: 22px;
}
.memories-area {
padding: 70px 0px 50px;
}
.donate-form h2 {
font-size: 27px;
}
.subscribe-area .d-flex {
display: block;
}
.subscribe-content h2 {
font-size: 20px;
}
.subscribe-form {
margin-top: 30px;
}
.section-title h2 {
font-size: 22px;
line-height: 30px;
}
.event-single {
display: block;
margin-bottom: 30px;
}
.event-thumb {
width: 100%;
}
.event-content {
padding-left: 0;
padding: 30px;
}
.event-meta .fix h2,
.event-meta .fix p {
font-size: 13px;
}
.footer-bottom {
padding-bottom: 30px;
}
footer .widget {
margin-bottom: 50px;
}
.widget-quick ul {
padding-left: 15px;
}
.fb-inner {
display: block;
text-align: center;
}
.fb-inner ul {
text-align: center;
}
/*------------------------
Home Two
------------------------*/
.header_style_two .search-btn {
text-align: left;
}
.header_style_two .search-btn > i {
display: block;
}
.header_style_two .search-form {
visibility: hidden;
opacity: 0;
position: absolute;
right: auto;
top: 51px;
}
.header_style_two .search-form.show-hide-search {
opacity: 1;
visibility: visible;
}
.feature-area {
padding: 70px 0px 50px;
}
.feature-item {
margin-bottom: 30px;
}
.benefit-content {
padding: 70px 25px;
}
.causes-slider .cause-item {
margin-bottom: 0;
}
.benefit-content h3 {
font-size: 20px;
line-height: 36px;
}
.benefit-content h5 {
font-size: 18px;
}
.achivement-single {
margin-bottom: 50px;
}
.achivements-area {
padding: 100px 0px 50px;
}
.causes-slider .owl-item:last-child .cause-item {
margin-bottom: 0;
}
.upcooming-events {
padding: 70px 0px 50px;
}
.ev2-list-item .ev2-meta span:first-child {
display: none;
}
.ev2-list-item .meta-left img {
max-width: 66px;
}
.ev2-list-item .meta-left .event-date span {
font-size: 22px;
line-height: 25px;
}
.ev2-list-item .meta-content h2 a {
line-height: 20px;
}
.tst-style-two {
padding-bottom: 59px;
}
.blog-area {
padding: 70px 0px 50px;
}
.blog-single {
margin-bottom: 30px;
}
.testimonial-carousel .tst-items {
margin: 0px 15px;
}
/*------------------------
Home Three
------------------------*/
.full-screen-slider .slingle-slider {
text-align: center;
}
.full-screen-slider .slingle-slider .d-flex {
display: block;
}
.full-screen-slider .owl-dots {
display: none;
}
.knw-single {
margin-bottom: 30px;
}
.know-more-area {
padding: 80px 0px 50px;
}
.about-title h2 {
font-size: 19px;
}
.about-title img {
margin-top: 47px;
}
.vision-area {
padding: 80px 0px 50px;
}
.vision-item {
margin-bottom: 30px;
}
.ev3-item {
margin-bottom: 30px;
}
.upcooming-event-two {
padding-bottom: 60px;
}
.volunteer-list {
padding-left: 0;
text-align: center;
}
.vt3-thumbnail-slider {
position: relative;
display: inline-block;
}
.vt3-quotes-slider {
padding-left: 0px;
margin-top: 100px;
}
.vt3-quotes-slider .slick-arrow.slick-prev {
right: auto;
left: 25px;
}
.vt3-quotes-slider .slick-arrow.slick-next {
left: auto;
right: 25px;
}
.testimonial-tow {
padding: 40px 0px 80px;
}
.single-volunteer {
margin-bottom: 30px;
}
.team-style-two {
padding-top: 80px;
}
.h3-blog {
padding: 50px 0px;
}
/*------------------------
About US
------------------------*/
.welcome-area {
padding: 70px 0px;
}
.welcome-content {
display: block;
}
.welcome-inner h2 {
font-size: 26px;
}
.about-video {
margin-top: 25px;
height: 195px;
}
/*------------------------
Cause Page
------------------------*/
.cause-share-meta .btn-area {
margin-top: 16px;
}
.social-share {
margin-top: 21px;
}
.cause-details {
padding-bottom: 50px;
}
/*------------------------
Event grid
------------------------*/
.event-grid {
padding: 70px 0px;
}
.event-grid .ev3-caption {
padding-bottom: 50px;
}
/*------------------------
Event List
------------------------*/
.event-list-area {
padding: 70px 0px;
}
.ev3-single {
display: block;
}
/*------------------------
Event Details
------------------------*/
.event-details {
padding: 70px 0px;
}
/*------------------------
Gallery Masonary
------------------------*/
.gallery-filter ul li + li:before {
display: none;
}
.gallery-filter ul li {
font-size: 14px;
margin: 0px 5px;
border: 1px solid #efe8e8;
padding: 6px 12px;
margin-bottom: 8px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.gallery-fullwide {
padding: 70px 0px;
}
/*------------------------
Gallery Fullwide
------------------------*/
.blog-standard {
padding: 70px 0px;
}
/*------------------------
Gallery Details
------------------------*/
.blog-details-area {
padding: 70px 0px;
}
.blog-thumb .meta-date b {
padding: 10px;
line-height: 19px;
font-size: 15px;
}
.blog-thumb .meta-date span {
font-size: 18px;
padding: 6px 0px;
}
.blog-details blockquote {
padding: 40px 15px 40px 67px;
}
.comment-area {
margin-top: 40px;
}
.comment-info-inner .meta-left img {
max-width: 60px;
}
.comment-info-inner a.reply-btn {
position: relative;
bottom: 0;
top: 0;
margin-top: 30px;
}
.children {
padding-left: 10px;
}
.comment-info-inner p.category span:last-child {
display: block;
}
.comment-info-inner p.category span:first-child {
border: none;
}
/*------------------------
Contact
------------------------*/
.contact-area {
padding: 70px 0px;
}
.contact-us-form {
margin-top: 40px;
}
/*------------------------
Donate Page
------------------------*/
.donate-us {
padding: 70px 0px;
}
.donate-title h2 {
font-size: 22px;
}
.d-form-box h4 {
font-size: 16px;
}
.select-custome-box {
width: 100%;
overflow: hidden;
}
.donation-count .select-box {
margin-right: 10px;
}
/*------------------------
All Team Member
------------------------*/
.all-team-member {
padding: 70px 0px 40px;
}
}