/**
* @package Helix Framework
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2017 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    //Homepage
    .sppb-addon-donation {
        padding-left: 0px;
        .donation-ammount-wrap {
            input {
                width: 90px;
                height: 55px;
            }
        }
    }
    .sppb-addon-article {
        .sppb-article-content-wrap {
            padding: 30px;
        }
        .sppb-addon-article-title{
            font-size: 20px;
        }
    }
    .sppb-addon-animated-number{
        .sppb-animated-number{
            font-size: 60px !important;
            line-height: 1 !important;
        }
        div.sppb-addon-content{
            .sppb-animated-number-syntax-before,
            .sppb-animated-number,
            .sppb-animated-number-syntax-after {
                font-size: 60px;
            }
        }
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        .sppb-slideshow-fullwidth-item-text {
            h1 {
                font-size: 90px;
            }
        }
    }
    //FAQ page
    .hope-faq-section {
        .sppb-addon-feature {
            padding-left: 30px;
            padding-bottom: 40px;
            padding-top: 40px;
            .sppb-feature-box-title{
                font-size: 22px !important;
            }
        }
    }
    //Coming soon
    .sp-comingsoon {
        .days,
        .hours,
        .minutes,
        .seconds {
            margin: 150px 70px 110px 0;
            .number{
                font-size: 100px;
                letter-spacing: -5px;
            }
            .string{
                font-size: 40px;
                letter-spacing: 0;
            }
        }
    }
    //Blog Page
    .entry-header {
        h2 {
            font-size: 20px !important;
            letter-spacing: 0 !important;
            line-height: 1.2;
        }
    }
    #sp-right,
    #sp-left {
        .sppb-addon-social-media {
            .social-media-text-wrap {
                padding-bottom: 5px;
                a{
                    margin-bottom: 15px;
                }
            }
        }
        .sppb-addon-instagram-gallery {
            .sppb-instagram-images {
                padding: 0 0px 5px;
            }
        }
        .sp-module {
            .sp-module-title {
                font-size: 20px;
            }
        }
    }
    //Causes page
    .hope-causes.layout-blog {
        article.item {
            .article-info-wrap {
                padding: 10px 30px 24px 30px;
            }
        }
    }
    //Homepage 2
    body.home-v2 {
        .hope-become-a-volunteer {
            .sppb-title-subheading {
                line-height: 1;
            }
        }
    }
    .upcoming-events-details{
        padding-left: 0;
    }
    .sppb-addon-upcoming-events {
        .upcoming-events-details-top-wrapper {
            .event-image {
                width: 30%;
            }
            .event-address {
                width: 70%;
                i {
                    margin-bottom: 10px;
                }
            }
        }
    }
    //RTL Responsive
    body.rtl {
        div.sppb-addon-donation {
            padding-right: 0;
        }
        .sppb-addon-image-content.aligment-right .sppb-content-holder {
            padding: 120px 0px 120px 0;
        }
        .strong-mission-content {
            padding-left: 0;
        }
    }

}
/* Tablets */
@media only screen and (max-width : 991px) {
    // Reset Padding
    .responsive-padding-top-sixty{
        padding-top: 60px !important;
    }
    .responsive-padding-bottom-sixty{
        padding-bottom: 60px !important;
    }
    .responsive-padding-top-thirty{
        padding-top: 30px !important;
    }
    .responsive-padding-bottom-thirty{
        padding-bottom: 30px !important;
    }
    .responsive-padding-top-hundred{
        padding-top: 100px !important;
    }
    .responsive-padding-bottom-hundred{
        padding-bottom: 100px !important;
    }
    .responsive-padding-top-zero{
        padding-top: 0 !important;
    }
    .responsive-padding-bottom-zero{
        padding-bottom: 0 !important;
    }
    .responsive-padding-hundred{
        padding: 100px 0 !important;
    }
    .responsive-padding{
        padding: 60px 0 !important;
    }
    .responsive-pdding-zero{
        padding: 0 !important;
    }
    // Default typhography
    h1{
        font-size: 90px !important;
    }
    h2{
        font-size: 50px !important;
        letter-spacing: -3px !important;
    }
    #sp-page-builder {
        div.sppb-section-title {
            margin-bottom: 47px;
        }
    }
    //Homepage
    .sppb-title-subheading,
    .sppb-addon-title,
    .sppb-addon-content{
        br{
            display: none;
        }
    }
    .sppb-addon-animated-number{
        .sppb-animated-number{
            font-size: 40px !important;
            line-height: 1 !important;
        }
        div.sppb-addon-content{
            .sppb-animated-number-syntax-before,
            .sppb-animated-number,
            .sppb-animated-number-syntax-after {
                font-size: 40px;
            }
        }
    }
    #sp-bottom {
        padding: 60px 0 !important;
    }
    #sp-bottom4,
    #sp-bottom5{
        margin-top: 30px;
    }
    //Aobut Page
    .sp-page-title {
        padding: 170px 0 115px;
        h2 {
            letter-spacing: 0 !important;
            line-height: 1.2;
        }
    }
    .sppb-addon-image-content.aligment-right {
        .sppb-col-sm-6{
            width: 100%;
        }
        .sppb-content-holder {
            padding: 20px 30px 0px 0;
        }
    }
    .strong-mission-content {
        padding-left: 0;
        .sppb-column-addons{
            > div{
                padding-top: 0 !important;
            }
        }
    }
    .resonsive-padding-fix{
        .sppb-column-addons{
            >div{
                &:nth-child(2){
                    padding-top: 30px !important;
                }
            }
        }
    }
    //Faq page
    .hope-faq-section {
        .sppb-row.sppb-no-gutter {
            .sppb-col-md-6:first-child {
                border-right: 0;
            }
        }
        .sppb-section-title.sppb-text-center{
            margin-bottom: 20px !important;
            .sppb-title-heading{
                margin-bottom: 0 !important;
            }
        }
    }
    //Coming soon
    .sp-comingsoon {
        .days,
        .hours,
        .minutes,
        .seconds {
            margin: 120px 50px 110px 0;
            .number{
                font-size: 70px;
                letter-spacing: -2px;
            }
            .string{
                font-size: 30px;
                letter-spacing: 0;
            }
        }
    }
    //Blog
    #sp-main-body {
        padding: 60px 0;
    }
    .view-article {
        .sppb-addon-text-block {
            .sppb-addon-content {
                strong {
                    font-size: 22px;
                }
            }
        }
        .article-infomation{
            .sppb-addon-single-image {
                margin: 30px 0 24px;
            }
        }
    }
    //Causes page
    .hope-causes.view-article {
        .sppb-addon-donation {
            .sppb-title-heading {
                letter-spacing: 0 !important;
                font-size: 30px !important;
                margin-top: 0;
            }
            .donation-ammount-wrap {
                margin-bottom: 10px;
                input{
                    margin-bottom: 20px;
                }
            }
        }
    }
    //Contact page
    .contact-form-section {
        .contact-email-content {
            margin-top: 30px;
        }
    }
    .sppb-addon-gmap{
        .sppb-addon-gmap-canvas{
            height: 375px !important;
        }
    }
    //Homepage 2
    .home-two-causes-donation {
        .sppb-addon-text-block {
            .sppb-addon-title {
                letter-spacing: 0px;
                margin-top: 0;
            }
            .sppb-addon-content{
                br{
                    display: block;
                }
            }
        }
    }
    body.home-v2 {
        .hope-become-a-volunteer {
            .sppb-title-subheading {
                font-size: 36px !important;
                letter-spacing: 0;
            }
        }
    }
    .sppb-addon-upcoming-events{
        .event-address{
            br{
                display: block;
            }
        }
    }
    .upcoming-event-right-side{
        margin-top: 50px;
        padding: 60px 30px !important;
    }


}
/* Small Devices */
@media only screen and (max-width : 767px) {
    //Homepage
    .sppb-slide-item-bg{
        &.sppb-slideshow-fullwidth-item-bg {
            height: 650px;
        }
    }
    h1{
        font-size: 60px !important;
    }
    h2 {
        font-size: 36px !important;
        letter-spacing: 0 !important;
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        .sppb-slideshow-fullwidth-item-text p {
            font-size: 20px;
        }
    }
    .sppb-addon-clients{
        .sppb-col-sm-3{
            width: 50%;
            float: left;
            margin-bottom: 30px;
            &:nth-child(3),
                &:nth-child(4){
                margin-bottom: 0;
            }
        }
    }
    .responsive-margin-bottom{
        margin-bottom: 30px;
    }
    .sppb-addon-articles {
        .sppb-col-sm-4{
            float: left;
            width: 50%;
        }
    }
    .sppb-addon-animated-number{
        margin-bottom: 30px;
        div.sppb-addon-content {
            .sppb-animated-number-title {
                margin-top: 10px;
            }
        }
    }
    //About page
    .sp-page-title {
        padding: 150px 0 100px;
    }
    .sppb-addon-image-content.aligment-right {
        .sppb-content-holder {
            padding: 0;
        }
    }
    //Gallery page
    #sp-header {
        top: 10px;
    }
    //Volunteer page
    .persion-margin-fix{
        margin-top: 30px;
        .sppb-column-addons{
            margin-left: -15px;
            margin-right: -15px;
            >div{
                float: left;
                width: 50%;
                padding: 0 15px !important;
            }
        }
    }
    //Coming soon
    .sp-comingsoon {
        .days,
        .hours,
        .minutes,
        .seconds {
            margin: 120px 50px 110px 0;
            .number{
                font-size: 60px;
                letter-spacing: 0px;
            }
            .string{
                font-size: 26px;
                letter-spacing: 0;
            }
        }
    }
    //Blog page
    #sp-right,
    #sp-left {
        .sp-module {
            .latestnews {
                .article-list-img {
                    img {
                        width: auto;
                        height: auto;
                    }
                }
            }
        }
        .sppb-addon-instagram-gallery {
            .sppb-instagram-images {
                padding: 0 15px 5px;
            }
        }
    }
    //RTL responsive
    body.rtl{
        #sp-menu{
            padding-right: 0;
        }
    }
    //Homepage 2
    body.home-v2 {
        .hope-become-a-volunteer {
            .sppb-title-subheading {
                font-size: 28px !important;
                letter-spacing: 0;
            }
            .acymailing_module_form {
                width: 100%;
            }
        }
        h3.sppb-addon-title{
            font-size: 36px !important;
        }
    }
    .home-two-causes-donation {
        .sppb-addon-text-block {
            .sppb-addon-title {
                margin-top: 35px;
            }
        }
    }
    .sppb-addon-upcoming-events{
        .upcoming-events-details-top-wrapper {
            .event-image {
                img {
                    position: relative;
                    left: 0;
                    top: 0;
                }
            }
        }
        .upcoming-events-date{
            span{
                display: block;
            }
        }
    }
    .upcoming-events-details {
        padding-left: 15px;
    }

}
/* Ebook Reader */
@media only screen and (max-width : 599px) {
    //Homepage
    #sp-bottom3{
        clear: both;
        margin-top: 30px;
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        .sppb-slideshow-fullwidth-item-text {
            p {
                font-size: 18px;
            }
        }
    }
    h2{
        line-height: 1.2 !important;
    }
    .sppb-addon-article {
        .sppb-article-content-wrap {
            padding: 20px;
        }
    }
    //Volunteer page
    .sppb-addon-persion {
        .sppb-addon-content {
            .sppb-person-information {
                .sppb-person-name {
                    font-size: 20px;
                }
            }
        }
    }
    //Coming soon
    .sp-comingsoon {
        .days,
        .hours,
        .minutes,
        .seconds {
            margin: 120px 30px 110px 0;
            .number{
                font-size: 45px;
                letter-spacing: 0px;
            }
            .string{
                font-size: 24px;
                letter-spacing: 0;
            }
        }
    }
    //404 page
    .error-page {
        .error-code {
            letter-spacing: 0;
        }
        .error-message {
            font-size: 30px;
            letter-spacing: 0;
            line-height: 1.2;
        }
    }
    //Blog details
    .view-article {
        .article-footer-top {
            .helix-social-share {
                .helix-social-share-icon {
                    ul {
                        li {
                            a {
                                padding: 10px 15px;
                                span{
                                    margin-left: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    //Causes page
    .causes-modal-pop-margin-padding-fix{
        .sppb-column-addons{
            >div{
                &:nth-child(2){
                    margin: 30px 0px 25px 0px !important;
                    padding: 100px 0px 100px 0px !important;
                }
            }
        }
    }
    .hope-causes.view-article {
        .sppb-addon-donation {
            .sppb-title-heading {
                font-size: 22px !important;
            }
        }
    }
    //RTL responsive
    body.rtl {
        div.sppb-addon-article {
            .sppb-article-content-wrap {
                padding: 25px 30px 30px 30px;
            }
        }
    }
    //Homepage 2
    .sppb-addon-upcoming-events {
        .upcoming-events-date {
            padding-top: 25px;
            text-align: left;
            margin-bottom: 15px;
        }
        .upcoming-events-details-top-wrapper {
            .event-address {
                padding-top: 0;
                padding-bottom: 0px;
                h4 {
                    margin: 0 0 10px;
                }
            }
        }
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
    //Homepage
    #sp-menu{
        .sppb-col-md-12{
            padding-left: 0;
        }
    }
    h1 {
        font-size: 50px !important;
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        .sppb-fw-slider-button-wrapper {
            a {
                &.sppb-btn-success{
                    margin-top: 30px;
                }
            }
        }
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        height: 600px;
    }
    #sp-header {
        top: 10px;
    }
    .sppb-addon-clients {
        .sppb-col-sm-3 {
            &:nth-child(3){
                clear: left;
            }
        }
    }
    div.col-xs-6,
    div.sppb-col-xs-6{
        width: 100%;
    }
    .sppb-addon-donation {
        .donation-ammount-wrap {
            input {
                margin-bottom: 15px;
            }
        }
    }
    .sppb-addon-donation {
        .donation-ammount-wrap {
            margin-bottom: 30px;
        }
    }
    .sppb-addon-articles {
        .sppb-col-sm-4 {
            width: 100%;
        }
    }
    #sp-bottom2{
        margin-top: 30px;
    }
    #sp-bottom {
        .sp-module {
            .sp-module-title {
                margin-bottom: 15px;
            }
        }
    }
    //About page
    .sppb-section.hope-become-a-volunteer{
        padding: 60px 0 !important;
    }
    //Gallery page
    .sppb-addon-gallery {
        ul.sppb-gallery {
            li {
                width: 50%;
            }
        }
    }
    //Volunteer page
    .persion-margin-fix {
        .sppb-column-addons{
            > div {
                width: 100%;
                &:nth-child(2){
                    margin-top: 30px;
                }
            }
        }
    }
    .responsive-padding-added{
        padding-top: 30px;
    }
    //Faq page
    .hope-faq-section {
        .sppb-addon-feature {
            padding-left: 0px;
            padding-bottom: 35px;
        }
    }
    //Coming soon
    .sp-comingsoon {
        .sp-comingsoon-countdown{
            margin-top: 60px;
        }
        .days,
        .hours,
        .minutes,
        .seconds {
            margin: 0 15px 65px;
            text-align: center;
            width: 115px;
        }
        .acymailing_form {
            width: 290px;
            .fieldacyemail input {
                width: 190px !important;
            }
        }
    }
    //Blog page
    #sp-right,
    #sp-left {
        .sppb-addon-instagram-gallery {
            .sppb-instagram-images {
                padding: 0 15px 5px;
            }
        }
    }
    .view-article {
        .entry-header {
            .article-info {
                margin-bottom: 0;
                > dd {
                    margin: 5px 8px;
                }
            }
        }
        .sppb-addon-text-block {
            .sppb-addon-content strong {
                font-size: 18px;
                line-height: 1.4;
            }
        }
    }
    .tags a.label.label-info {
        margin-bottom: 2px;
    }
    .helix-social-share {
        .helix-social-share-icon {
            ul {
                li {
                    margin-bottom: 10px;
                }
            }
        }
    }
    .pager {
        margin: 10px 0 20px;
    }
    article.item {
        .article-info-wrap {
            padding: 18px 15px 10px;
        }
        .readmore {
            margin: 10px 0 10px;
        }
    }
    //Homepage 2
    #sp-page-builder {
        .sppb-section-title.sppb-text-center {
            .sppb-title-subheading {
                max-width: 100%;
            }
        }
    }
    body.home-v2 {
        #sp-page-builder {
            .hope-become-a-volunteer {
                div.sppb-section-title {
                    margin-bottom: 30px;
                }
            }
        }
        h3.sppb-addon-title {
            line-height: 1 !important;
        }
        .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
            .sppb-fw-slider-button-wrapper {
                .btn-default {
                    margin: 0 15px;
                }
            }
        }
    }
    .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
        .sppb-fw-slider-button-wrapper {
            .btn-default {
                margin: 0 15px 0 0;
            }
        }
    }
    .sppb-addon-upcoming-events {
        .upcoming-events-details-top-wrapper {
            .event-image {
                width: 100%;
            }
            .event-address {
                padding-top: 15px;
                width: 100%;
                padding-left: 0;
            }
        }
    }
}
