@media (min-width: 1600px) {
            .cp-donation-inner:before {
                content: '';
                /*background: url(../images/donation-child-img-01.png) top left no-repeat;*/
                width: 575px;
                height: 575px;
                background-size: cover;
                top: -60px;
                position: absolute;
                left: -230px
            }
            .cp-video-popup-box_v2 {
                padding-left: 70px
            }
            .cp-causes-section_home_v2 .container-fluid {
                padding-left: 170px;
                padding-right: 170px
            }
            .cp-method-item {
                padding: 85px 72px
            }
            .container-custom_v2 {
                width: 84%;
                max-width: 84%
            }
            .cp-comingsoon-section {
                padding: 120px 0
            }
            .cp-coming-inner-outer h1 {
                font-size: 60px;
                line-height: 50px
            }
            .cp-coming-inner-outer .title {
                font-size: 90px
            }
            .cp-coming-inner-outer p {
                margin-bottom: 55px
            }
            .cp-coming-inner-outer .cp-countdown-holder {
                margin-bottom: 52px;
                float: none;
                width: auto;
                display: inline-block
            }
        }
        
        @media (max-width: 1600px) {
            header.style2 .header-search>a {
                min-width: 70px
            }
            header.style2 .main-menu-btn {
                width: 70px;
                font-size: 20px
            }
            header.style2 .logo-menu-sec>nav {
                margin-left: 40px
            }
            header.style2 .menu-area-links {
                margin-right: 0
            }
        }
        
        @media (min-width: 1441px) {
            .container.container-custom {
                max-width: 1470px
            }
            .container.container-custom2 {
                max-width: 1330px
            }
            .navigation-innner {
                padding-left: 80px
            }
            .cp-nav-holder {
                padding-left: 80px
            }
            .cp-btn-style,
            .cp-btn-style_v2,
            .cp-btn-style_v3 {
                padding: 23px 50px
            }
            .cp-donation-section_home {
                margin-top: -100px
            }
            .cp-donation-inner {
                margin-left: 100px;
                padding-right: 100px
            }
            .donation-inner strong {
                font-size: 55px;
                line-height: 60px
            }
            .cp-video-info-outer {
                padding: 100px 100px 110px
            }
            .cp-video-info-outer_v2 {
                background-color: transparent;
                padding: 80px 70px
            }
            .recent-list .cp-text h5 {
                font-size: 22px
            }
            .event-list-item {
                padding: 45px
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-prev {
                margin-left: -100px
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-next {
                margin-right: -100px
            }
            .cp-join-form-outer {
                padding-left: 45px;
                padding-right: 45px
            }
            .donation-inner {
                padding-left: 63px
            }
            .child-img {
                width: 600px;
                margin-left: -60px
            }
            .cp-error-inner {
                padding: 120px 200px 110px
            }
            .cp-event-popup-outer .cp-moda-box {
                padding: 80px 30px 30px
            }
            .cp-cause-search-item {
                padding: 30px 55px 5px
            }
            .cp-cause-search-item.active {
                padding-bottom: 45px
            }
        }
        
        @media (max-width: 1440px) {
            .menu-inner {
                width: calc(100% + 140px);
                margin-left: -70px
            }
            .donation-inner {
                padding-left: 0px;
            }
            .cp-comingsoon-section {
                height: 100%
            }
            header.style2 .menu-area-links {
                display: none
            }
            .cp-causes-section_home_v2 .cp-causes-item .cp-text {
                padding-left: 30px;
                padding-right: 30px
            }
        }
        
        @media (max-width: 1366px) {
            .container.container-custom {
                max-width: 1250px
            }
        }
        
        @media (min-width: 1366px) {
            .menu-inner {
                width: calc(100% + 100px);
                margin-left: -50px
            }
            .cp-donation-inner {
                margin-left: 50px
            }
            .cp-donation-inner:before {
                content: '';
                width: 500px;
                height: 500px;
                background-size: cover;
                top: 10px;
                position: absolute;
                left: -220px;
            }
            .cp-heading-outer.text-center {
                padding: 0 30px;
            }
            .cp-nav-holder .navbar-nav>li>a,
            .cp-nav-holder .navbar-nav>li>a.nav-link {
                font-size: 14px;
                font-weight: 700
            }
            .container-custom_v2 {
                width: 94%;
                max-width: 94%
            }
            .widget.cp-contact-info_v2 {
                width: 600px
            }
            .meta-listed li {
                margin-left: 10px
            }
            .cp-cause-search-item {
                padding: 20px 30px 15px
            }
        }
        
        @media (max-width: 1300px) {
            .cp-comingsoon-section {
                height: 100%
            }
            .cp-donation-inner::before {
                width: 300px;
                height: 300px;
                left: -50px
            }
        }
        
        @media (max-width: 1200px) {
            .cp-donation-inner::before {
                display: none
            }
            .cp-donation-inner .donation-inner {
                padding-left: 0;
                text-align: center;
            }
            .container.container-custom {
                max-width: 100%;
                width: 100%
            }
            .cp-news-letter-inner {
                padding: 50px 30px
            }
            .menu-inner {
                width: 100%;
                margin-left: 0;
                padding-left: 30px
            }
            .container {
                padding: 0 15px
            }
            header.style2 .logo-menu-sec .logo {
                padding-left: 20px;
                padding-right: 20px
            }
            header.style2 .logo-menu-sec>a.header-donate {
                padding: 0 27px
            }
            .cp-newsform-outer_v2 input {
                width: 100%;
                max-width: 470px
            }
            .cp-search-col {
                width: 33.334%
            }
            .cp-cause-search-item {
                padding: 30px 25px 5px
            }
            .cp-seach-listed li a {
                padding-right: 15px
            }
            .cp-event-list-item_v2 .event-inner-info {
                padding: 35px 25px 20px
            }
        }
        
        @media (max-width: 1040px) {
            .cp-donation-section_home {
                margin-top: 40px;
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-prev {
                margin-left: -20px
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-next {
                margin-right: -20px
            }
            .header-donate {
                padding: 0 25px
            }
            nav div>ul>li {
                margin-right: 25px
            }
            .header-search {
                display: none
            }
            nav div ul {
                margin-right: 0
            }
            .event-list-item .event-inner-info {
                width: calc(100% + 100px)
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-prev {
                margin-left: 20px
            }
            #cp-sponsors-slider .owl-controls .owl-nav .owl-next {
                margin-right: 20px
            }
            #cp-sponsors-slider .owl-controls {
                bottom: 35px
            }
            .product .cp-text {
                padding: 28px 30px
            }
            .cp-newsform-outer_v2 input {
                max-width: 373px
            }
            .cp-method-item p {
                max-width: 100%
            }
            .cp-counter-item {
                padding: 0 30px
            }
            .cp-causes-section_home_v2 .container-fluid {
                padding: 0 15px
            }
            header.style2 .logo-menu-sec>a.header-donate {
                display: none
            }
            .cp-causes-item .cp-text {
                padding: 30px
            }
            .cp-seach-listed li {
                width: 100%
            }
            .cp-inner-banner-section .btn-cause-search p {
                font-size: 16px
            }
            .cp-seach-listed li a {
                padding: 8px 15px
            }
            .btn-cause-search .fa {
                display: none
            }
            .widget .event-list-item .event-inner-info {
                width: 100%
            }
            .cp-project-section .col-lg-3 .cp-causes-item .cp-text {
                padding: 30px 25px 20px
            }
            .cp-project-section .cp-project-listed .cp-causes-item .cp-text {
                padding: 30px 20px
            }
            .btn-completed {
                padding: 20px 35px
            }
            .cp-event-list-item_v2 .event-inner-info {
                width: 63%
            }
            .cp-event-list-item_v2 .event-inner-info .date-box {
                margin-right: 25px
            }
            .cp-causes-item.cp-causes-list-item .cp-text {
                padding: 30px 30px 0
            }
            .cp-newsform-outer input {
                width: 300px
            }
        }
        
        @media (min-width: 768px) and (max-width: 992px) {
            .ft-widget-section:after {
                width: 80%
            }
            .update {
                text-align: center;
            }
            .top-left {
                margin-bottom: 15px;
                text-align: center
            }
            .top-right {
                justify-content: center;
                -moz-justify-content: center;
                -ms-justify-content: center;
                -webki-justify-content: center
            }
            .cp-video-popup-box {
                padding: 50px
            }
        }
        
        @media (max-width: 980px) {
            header {
                display: none
            }
            .res-header {
                display: block
            }
            .cp-video-inner-outer {
                padding: 80px 0 50px
            }
            .cp-news-letter-inner {
                float: left;
                width: 100%;
                display: block
            }
            .res-menu-btn {
                float: right;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                line-height: 32px;
                width: 36px;
                text-align: center;
                margin-top: 0px;
                background-color: #333;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }
            .res-logo-sec {
                float: left;
                width: 100%;
                padding: 10.5px 30px;
            }
            .cp-breadcrumb-outer {
                float: none;
                width: 100%;
                text-align: center;
            }
            .cp-news-letter-inner .news-text {
                float: left;
                width: 100%;
                margin-bottom: 20px;
                padding-right: 0
            }
            .cp-newsform-outer {
                float: left;
                width: 100%
            }
            .cp-masonary-item {
                display: inline-block;
                width: 100%;
                padding: 15px 15px;
            }
            .cp-method-item,
            .cp-method-item.method_v3 {
                background-color: rgba(0, 0, 0, .6)
            }
            .cp-method-item.method_v2 {
                background-color: rgba(0, 0, 0, .8)
            }
            .cp-method-item:before {
                display: none
            }
            .cp-masonary-layout,
            .cp-masonary-layout,
            .cp-masonary-layout_v3 {
                -webkit-column-count: 2;
                -moz-column-count: 2;
                -ms-column-count: 2;
                column-count: 2
            }
            .cp-contact-info_v2 {
                padding: 50px 20px 0 25px
            }
            #contact-map {
                height: 400px
            }
            .cp-causes-section_home_v2 .container-fluid {
                padding-left: 30px;
                padding-right: 30px
            }
            .cp-heading-outer h2,
            .cp-testimonial-text h2 {
                font-size: 30px;
                line-height: 40px
            }
            .cp-newsletter-section {
                margin-top: 60px
            }
            .cp-newsform-outer.cp-newsform-outer_v2 {
                padding-left: 0;
                margin-top: 30px
            }
            .cp-newsform-outer.cp-newsform-outer_v2:before {
                display: none
            }
            .cp-newsform-outer_v2 input {
                max-width: 77%
            }
            .cp-product-section .col-lg-7 {
                padding-right: 15px
            }
            .cp-product-section .col-lg-5 {
                padding-left: 15px
            }
            .cp-blog-section .cp-btns-holder.text-right {
                margin-bottom: 20px
            }
            .cp-newsletter-section_v2 .cp-news-letter-inner {
                width: auto;
                float: none
            }
            .cp-video-popup-box_v2 .btn-play {
                margin-bottom: -10px
            }
            .cp-team-detail .cp-pro-detail-inner .cp-heading-outer p {
                max-width: 100%
            }
            .cp-newsform-outer input {
                width: 75%
            }
        }
        
        @media (max-width: 768px) {
            .head1 {
                display: none !important;
            }
            .head3 {
                display: none !important;
            }
            .cp-masonary-item {
                display: inline-block;
                width: 100%;
                padding: 15px 15px;
            }
            .ft-widget-section:after {
                width: 90%
            }
            li .tp-mask-wrap .tp-caption.head1 {
                font-size: 18px !important;
                position: relative;
                left: -100px !important;
                z-index: 999 !important;
            }
            li .tp-mask-wrap .tp-caption.head2 {
                font-size: 22px !important;
                position: relative;
                left: -100px !important;
                z-index: 999 !important;
            }
            li .tp-mask-wrap .tp-caption.head3 {
                font-size: 14px !important;
                position: relative;
                left: -100px !important;
                z-index: 999 !important;
            }
            .res-menu-btn {
                float: right;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                line-height: 32px;
                width: 36px;
                text-align: center;
                margin-top: 0px;
                background-color: #333;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }
            .res-logo-sec {
                float: left;
                width: 100%;
                padding: 10.5px 30px;
            }
            .cp-breadcrumb-outer {
                float: none;
                width: 100%;
                text-align: center;
            }
            .cp-heading-outer.text-center {
                padding: 0
            }
            .cp-news-letter-inner .cp-newsform-outer input {
                width: 100%
            }
            .cp-newsform-outer .btn-submit {
                width: 100%
            }
            .cp-causes-section_home_v2 div.container-fluid {
                padding-left: 15px;
                padding-right: 16px
            }
            .cp-video-popup-box {
                display: block
            }
            .cp-video-popup-box_v2 .btn-play {
                display: inline-block;
                margin-right: 0;
                margin-bottom: 20px
            }
            .cp-heading-outer {
                margin-bottom: 30px
            }
            .cp-blog-section .cp-btns-holder.text-right {
                margin-bottom: 20px
            }
            .cp-counter-inner h2 {
                font-size: 30px;
                line-height: 44px
            }
            .cp-method-item {
                padding: 50px 20px
            }
            .nav-right-holder li {
                line-height: 60px
            }
            .donation-inner strong {
                font-size: 45px
            }
            .donation-inner h4 {
                font-size: 20px
            }
            .cp-donation-inner {
                padding: 50px 30px 40px 20px
            }
            .cp-inner-banner-section p {
                font-size: 20px
            }
            .event-inner-info {
                display: block
            }
            .cp-blog-detail-inner.cp-event-detail-inner .cp-blog-item_v2>.cp-text {
                padding: 40px
            }
            .cp-progress-info-list {
                display: block
            }
            .cp-blogquotes-outer {
                padding: 40px 30px
            }
            .cp-comments-item {
                display: block;
                padding: 20px 30px
            }
            .cp-comments-listed .cp-comments-listed {
                padding-left: 0
            }
            .cp-comments-outer h3 {
                font-size: 20px
            }
            .cp-blog-detail-inner .cp-blog-item_v2>.cp-text {
                padding: 20px 20px 15px
            }
            .call-us-outer {
                display: block
            }
            .cp_tabs-box2 .tab-inner-holder {
                padding: 20px
            }
            .cp-subscribe-form .btn-subscribe {
                position: static;
                width: 100%
            }
            .pd-tb100 {
                padding: 58px 0
            }
            .pd-t100 {
                padding-top: 58px
            }
            .pd-b100 {
                padding-bottom: 58px
            }
            .cp-donation-box {
                text-align: center;
                display: block;
                float: left;
                width: 100%
            }
            .cp-donation-box .icon-box {
                margin-bottom: 30px
            }
            body h1,
            .cp-breadcrumb-outer h1,
            .cp-inner-banner-section h1 {
                font-size: 45px
            }
            .cp-news-letter-inner .cp-newsform-outer input {
                margin-bottom: 10px
            }
            #cp-sponsors-slider .owl-controls {
                bottom: 20px
            }
            .cp-heading-outer.text-center p {
                font-size: 18px
            }
            .cp-video-popup-box {
                padding: 50px
            }
            .cp-welcome-section_v2 .text-left {
                text-align: center !important
            }
            .cp-video-popup-box_v2 .cp-text {
                width: auto
            }
            .cp-video-popup-box_v2 .btn-play {
                float: left;
                margin: -20px 20px 0 0
            }
            .cp-counter-item {
                padding: 0
            }
            .cp-blog-section .cp-btns-holder.text-right {
                text-align: left !important;
                margin-top: 0
            }
            .cp-newsform-outer_v2 input {
                max-width: 70%
            }
            .cp-newsform-outer_v2 button.btn-submit {
                width: auto
            }
            .widget .event-list-item .cp-text {
                width: auto;
                float: none
            }
            .widget .event-list-item .date-box {
                float: left
            }
            .cp-project-listed .cp-causes-item .cp-text>a.cp-btn-style_v3 {
                padding: 18px 35px
            }
            .comments-info {
                display: table
            }
            .cp-event-list-item_v2 .cp-thumb,
            .cp-event-list-item_v2 .event-inner-info {
                width: 100%
            }
            .cp-event-list-item_v2 .event-inner-info .date-box {
                float: left
            }
            .cp-event-list-item_v2 .event-inner-info .cp-text {
                max-width: 75%
            }
            .cp-event-list-item_v2 .event-inner-info {
                padding-bottom: 35px
            }
            .cp-project-detail-inner>.cp-causes-item .cp-text {
                padding: 50px 70px 50px 40px
            }
            .page-title-outer::before {
                top: -38px;
                font-size: 77px
            }
            .cp-error-inner h2 {
                font-size: 60px
            }
            .cp-comments-form input[type=text],
            .cp-comments-form input[type=password],
            .cp-comments-form input[type=email],
            .cp-comments-form input[type=tel],
            .cp-comments-form textarea,
            .cp-donation-form input[type=text],
            .cp-donation-formm input[type=password],
            .cp-donation-form input[type=email],
            .cp-donation-form input[type=tel],
            .cp-donation-form textarea,
            .cp-donation-form select {
                background-color: #f5f5f5
            }
        }
        
        @media (max-width: 480px) {
            .res-menu-btn {
                float: right;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                line-height: 32px;
                width: 36px;
                text-align: center;
                margin-top: 0px;
                background-color: #333;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }
            .res-logo-sec {
                float: left;
                width: 100%;
                padding: 10.5px 30px;
            }
            .cp-breadcrumb-outer {
                float: none;
                width: 100%;
                text-align: center;
            }
            .cp-masonary-item {
                display: inline-block;
                width: 100%;
                padding: 15px 15px;
            }
            .event-list-item {
                padding: 20px 25px;
                text-align: center
            }
            .cp-video-info-outer {
                padding: 40px 20px
            }
            #cp-causes-slider .owl-dots,
            #cp-causes-slider_v2 .owl-dots {
                top: -30px
            }
            body h1,
            .donation-inner strong,
            .cp-breadcrumb-outer h1,
            .cp-inner-banner-section h1 {
                font-size: 30px;
                line-height: 40px;
            }
            .cp-heading-outer.text-center p {
                font-size: 16px;
                line-height: 26px
            }
            body h2,
            .cp-pro-detail-inner .cp-heading-outer h2 {
                font-size: 30px
            }
            .cp-video-info-outer h3,
            .cp-video-info-outer h2 {
                letter-spacing: -2px
            }
            .cp-text>h5 {
                letter-spacing: -1.3px;
                text-align: center;
                margin-top: 20px;
            }
            .cp-heading-outer p,
            .cp-pro-detail-inner .cp-heading-outer p {
                font-size: 16px;
                line-height: 26px
            }
            body h3 {
                font-size: 25px;
                line-height: 32px
            }
            body h5 {
                font-size: 20px
            }
            body h6 {
                font-size: 18px
            }
            .right-holder>a {
                margin: 20px 0 20px 10px
            }
            .event-list-item .event-inner-info {
                width: 100%
            }
            .cp-event-listed .event-inner-info .date-box {
                padding-right: 0;
                margin-right: 0;
                width: auto
            }
            .cp-event-listed .event-inner-info .date-box:after {
                display: none
            }
            .event-inner-info .cp-text>h4 {
                width: 100%
            }
            .cp-event-listed .event-list-item .cp-countdown-holder .cp-btn-style {
                margin: 10px 0;
                float: none;
                display: inline-block
            }
            .cp-event-listed .event-list-item .cp-countdown-holder .cp-countdown {
                float: none;
                display: inline-block
            }
            .cp-testimonial-text p {
                font-size: 20px;
                line-height: 28px
            }
            .cp-testimonial-text h2,
            .cp-news-letter-inner h2 {
                letter-spacing: -2px
            }
            .cp-instagram-section {
                margin-top: 50px
            }
            .ft-widget-section {
                padding-bottom: 30px
            }
            .ft-widget-section::after {
                display: none
            }
            .cp-heading-outer.cp-heading-outer_v3 {
                text-align: center
            }
            .cp-video-popup-box:hover .btn-play {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1)
            }
            .cp-video-popup-box.cp-video-popup-box_v2 {
                float: left;
                width: 100%;
                padding: 0 15px
            }
            .cp-video-popup-box_v2 .btn-play {
                margin: 0 15px 0 0;
                max-width: 90px;
                line-height: 90px;
                height: 90px
            }
            .cp-counter-inner h1 {
                line-height: 50px;
                max-width: 100%
            }
            .cp-newsletter-section {
                text-align: center
            }
            .cp-newsletter-section input {
                margin-right: 0;
                max-width: 100%;
                text-align: center
            }
            .cp-product-section .cp-join-form-outer {
                padding: 50px 25px
            }
            .cp-inner-banner-section p {
                font-size: 18px;
                line-height: 25px
            }
            .cp-search-col {
                width: 100%
            }
            .btn-cause-search .fa {
                display: block
            }
            .cp-inner-banner-section {
                padding: 10px 0 0px;
            }
            .cp-blog-detail-inner>p {
                font-size: 15px;
                line-height: 25px
            }
            .cp-comments-item {
                text-align: center
            }
            .cp-comments-item .comments-thumb {
                float: none;
                display: inline-block;
                margin: 0 0 30px
            }
            .comments-info .top h5 {
                margin-right: 15px
            }
            .cp-comments-outer h3 {
                letter-spacing: -1px
            }
            .widget-event .event-list-item {
                text-align: initial
            }
            .widget .cp-event-listed .event-inner-info .date-box {
                margin-right: 25px;
                padding-right: 25px;
                width: 100px
            }
            .widget .cp-event-listed .event-inner-info .date-box:after {
                display: block
            }
            .cp-project-listed .cp-causes-item .cp-text .cp-mapicon,
            .cp-causes-list-item .cp-text .cp-mapicon {
                left: auto;
                right: 30px;
                top: -30px
            }
            .comments-info {
                float: left;
                width: 100%
            }
            .cp-pro-donors-item .sm-thumb {
                margin-right: 15px
            }
            .cp-project-detail-inner>.cp-causes-item .cp-text {
                padding: 40px
            }
            .cp-progressbar-outer .btn-completed {
                position: static
            }
            .cp-project-detail-inner .cp-causes-item .cp-progress-info-list>li {
                width: 50%;
                margin-right: 0
            }
            .cp-project-detail-inner .cp-causes-item .cp-progress-info-list>li:before {
                display: none
            }
            .cp-project-detail-inner .cp-progressbar-inner {
                margin-bottom: 60px
            }
            .cp-event-list-item_v2 .event-inner-info .date-box {
                width: 100%;
                text-align: center
            }
            .cp-event-list-item_v2 .event-inner-info .cp-text {
                max-width: 100%
            }
            .cp-blog-detail-inner.cp-event-detail-inner .cp-blog-item_v2>.cp-text {
                padding: 30px
            }
            .cp-event-detail-inner .cp-text .event-inner-info>.date-box {
                margin-right: 25px;
                width: 100px
            }
            .cp-event-detail-inner .cp-blog-item_v2 .cp-text .cp-top .cp-btn-style {
                margin-top: 0;
                float: left
            }
            .cp-event-detail-inner .cp-progress-info-list_v2 li {
                padding-right: 20px;
                margin-right: 20px;
                margin-bottom: 20px
            }
            .cp-event-detail-inner .cp-blog-item_v2 .cp-thumb .cp-caption {
                padding: 30px
            }
            .cp-event-calendar {
                padding: 30px;
                overflow-x: auto
            }
            .fc-view-container {
                width: 800px
            }
            .product .product-slider-holder {
                padding-right: 0
            }
            .cp-text>.btn-completed {
                position: static
            }
            div.cp-masonary-layout,
            div.cp-masonary-layout,
            div.cp-masonary-layout_v3 {
                -webkit-column-count: 1;
                -moz-column-count: 1;
                -ms-column-count: 1;
                column-count: 1
            }
            .cp-team-detail .cp-team-item {
                margin-bottom: 0
            }
            .cp-pro-item {
                padding: 30px
            }
            .cp-services-detail-section .cp-blog-detail-inner>.cp-blog-item {
                margin-bottom: 15px
            }
            .cp-donors-list-item .cp-thumb {
                margin-bottom: 30px
            }
            .page-title {
                font-size: 230px;
                letter-spacing: -20px
            }
            .cp-error-inner h2 {
                font-size: 50px;
                line-height: 60px
            }
            .cp-error-inner {
                padding: 100px 40px 50px
            }
            .cp-testimonial-row .cp-testimonial-text>p {
                font-size: 16px;
                line-height: 25px
            }
            .cp-subscribe-form input[type=text],
            .cp-subscribe-form input[type=email],
            .cp-subscribe-form input[type=password] {
                height: 60px
            }
            .cp-subscribe-form .btn-subscribe {
                padding: 18px
            }
            .res-header-top {
                background: #3d386d;
            }
            .res-header-top>* {
                width: 50%;
            }
            .res-top-links>a {
                width: 100%;
                color: #fff !important;
            }
            .res-top-links2>a {
                width: 100%;
            }
            .logo>a {
                width: 100%;
            }
        }
        
        @media (max-width: 360px) {
            .res-menu-btn {
                float: right;
                color: #fff;
                cursor: pointer;
                font-size: 16px;
                line-height: 32px;
                width: 36px;
                text-align: center;
                margin-top: 0px;
                background-color: #333;
                -webkit-border-radius: 5px;
                border-radius: 5px;
            }
            .res-logo-sec {
                float: left;
                width: 100%;
                padding: 10.5px 30px;
            }
            .cp-breadcrumb-outer {
                float: none;
                width: 100%;
                text-align: center;
            }
            .cp-masonary-item {
                display: inline-block;
                width: 100%;
                padding: 15px 15px;
            }
            .cp-donation-inner {
                border-width: 10px;
                padding: 30px 20px
            }
            .donation-info-outer p {
                font-size: 16px;
                text-align: justify;
            }
            .cp-progressbar-outer {
                text-align: center;
            }
            .cp-progress-info-list>li {
                width: 100%
            }
            .donation-info-outer .cp-btn-style {
                padding: 18px 40px
            }
            .cp-heading-outer.text-center p,
            body p {
                font-size: 15px;
                max-width: 100%
            }
            .cp-video-inner-outer {
                padding: 0;
                text-align: center
            }
            body h2 {
                line-height: 35px
            }
            .recent-list .sm-thumb {
                width: 100%;
                height: initial
            }
            .recent-list .sm-thumb img {
                width: auto
            }
            .recent-list .cp-text {
                float: left;
                width: 100%;
                padding-left: 0;
                margin-top: 20px
            }
            .cp-causes-item .cp-text,
            .cp-project-section .cp-causes-item .cp-text {
                padding: 25px 20px
            }
            .cp-causes-item .cp-progress-info-list>li span {
                display: inline-block
            }
            .cp-join-form-outer {
                padding: 50px 25px
            }
            #cp-sponsors-slider .owl-controls {
                bottom: 5px
            }
            .cp-video-popup-box_v2 .btn-play {
                float: none;
                display: inline-block;
                margin: 20px 0
            }
            .cp-counter-inner h1 {
                font-size: 35px;
                line-height: 45px
            }
            #cp-team-slider .owl-dots {
                top: -30px
            }
            .cp-team-item .cp-text,
            .product .cp-text {
                padding: 25px
            }
            .pagination {
                display: block
            }
            .cp-pagination-listed .pagination li {
                display: inline-block;
                margin-bottom: 5px
            }
            .cp-blogquotes-outer p {
                font-size: 18px;
                line-height: 28px
            }
            .cp-check-listed li {
                font-size: 16px
            }
            .widget .recent-list .sm-thumb {
                width: auto
            }
            .widget .recent-list .cp-text {
                width: auto;
                max-width: 75%;
                margin-top: 0;
                padding-left: 15px
            }
            .cp-project-detail-inner>.cp-causes-item .cp-text {
                padding: 30px 20px
            }
            .cp-project-detail-inner .cp-causes-item .cp-progress-info-list>li {
                width: 100%;
                padding-right: 0
            }
            .profile-info-listed li {
                display: block;
                -webkit-flex: 100%;
                -ms-flex: 100%;
                -o-flex: 100%;
                flex: 100%
            }
            .profile-info-listed li span {
                padding-left: 0
            }
            .cp-event-listed .event-list-item .cp-countdown-holder .cp-countdown .countdown-section {
                float: none;
                display: inline-block
            }
            .cp-event-detail-inner .cp-blog-item_v2 .cp-thumb .cp-caption {
                position: static;
                float: left;
                width: 100%;
                text-align: center
            }
            .cp-event-detail-inner .cp-blog-item_v2 .cp-thumb .cp-caption .countdown-section {
                float: none;
                display: inline-block
            }
            .cp-blog-detail-inner.cp-event-detail-inner .cp-blog-item_v2>.cp-text {
                padding-top: 0
            }
            .cp-event-detail-inner .cp-text .event-inner-info>.date-box {
                width: 100%;
                margin-right: 0;
                text-align: center;
                padding-right: 0
            }
            .cp-event-detail-inner .cp-text .event-inner-info>.date-box:after,
            .cp-event-detail-inner .cp-progress-info-list_v2 li:before {
                display: none
            }
            .cp-event-detail-inner .cp-text .event-inner-info>.cp-text {
                float: left;
                width: 100%;
                text-align: center
            }
            .cp-event-detail-inner .cp-blog-item_v2 .cp-text .cp-top .cp-btn-style {
                float: none;
                margin: 10px 0 20px;
                padding: 17px 30px
            }
            .cp-event-detail-inner .cp-progress-info-list_v2 li {
                padding-right: 0;
                margin-right: 0;
                width: 100%
            }
            .cp-event-detail-inner .cp-progress-info-list_v2 li span {
                display: inline-block
            }
            .cp-pro-item {
                padding: 30px 20px
            }
            .cp-donation-box .icon-box {
                display: none
            }
            .cp-donation-box .cp-text {
                text-align: left
            }
            .page-title {
                font-size: 150px;
                letter-spacing: -15px
            }
            .page-title-outer {
                padding-top: 20px
            }
            .page-title-outer::before {
                font-size: 65px;
                top: -43px
            }
            .cp-error-inner {
                padding: 70px 25px 50px
            }
            .cp-error-inner h2 {
                font-size: 40px;
                line-height: 45px;
                letter-spacing: -4px
            }
            .error-form input[type=text],
            .error-form input[type=email] {
                padding-left: 30px
            }
            .cp-get-in-touch-row .contact-info-listed_v2 {
                padding-left: 20px
            }
            .cp-coming-inner-outer .title {
                line-height: 60px;
                margin-bottom: 20px;
                letter-spacing: -6px
            }
        }