/*  Theme HTML Template */


    @media only screen and (max-width: 1200px) {
        .main-footer .footer-column .gallery-column {
            margin-right: -25px;
            margin-left: 0px;
        }

        .main-footer .footer-column .about-widget {
            margin: 0px -15px;
        }

        .main-footer .footer-column .links-widget {
            margin-left: 30px;
        }

        .main-footer .footer-column .contact-links {
            margin-left: -20px;
        }

        .main-footer .footer-column .newsletter {
            margin-left: -20px;
        }

        .events-section.style-two .item .image-content {
            position: relative;
            display: inline-block;
        }

        .events-section.style-two .item .date-box {
            position: absolute;
            float: right;
            right: -37%;
            top: -8px;
        }

        .events-section .item .image-box img {
            position: relative;
            width: 100%;
            padding-bottom: 40px;
            border-radius: 5px;
        }
        .events-section .item .overly-text {
            bottom: 40px;
        }

    }

    @media only screen and (max-width: 991px) {
        .main-header .main-header-info {
            float: none !important;
            text-align: center;
        }

        .main-header .header-top-info {
            float: none !important;
            text-align: center;
            margin-bottom: 10px;
        }

        .search-button .toggle-search {
            top: 35px;
        }

        .header-lower .main-menu {
            float: left !important;
            margin-right: 0px;
        }

        .sticky-header .main-menu {
            margin-top: 10px;
            padding: 20px 0px;
            
        }

        .sticky-header .right-col {
            float: left;
        }

        .sticky-header .logo {
            float: none !important;
            text-align: center;
            display: block;
            margin-bottom: 0px;
        }

        .donation-form {
            padding: 50px 0px;
        }

            .donation-form .comment-box {
                margin-left: 0px;
            }

            .donation-form .sponsor-logo {
                padding: 40px 0px;
            }

        .events-section .accordin-side {
            margin-left: 0px;
        }

        .couses-section.style-two .right-side {
            margin-left: 0px;
        }

        .events-details .map-details {
            margin-left: 0px;
        }

        .main-footer .footer-column .gallery-column {
            margin-right: -25px;
            margin-left: 0px;
        }

        .couses-section.style-two .right-side .news-list {
            padding-right: 20px;
        }

        .couses-section.style-two .right-side .categorise-menu {
            padding-right: 20px;
        }

        .main-footer .footer-column .about-widget {
            margin: 0px;
        }

        .main-footer .footer-column .links-widget {
            margin: 0px;
        }

        .main-footer .footer-column .contact-links {
            margin: 0px;
        }

        .main-footer .footer-column .newsletter {
            margin: 0px;
        }
    }

    @media only screen and (min-width: 768px) {
        .main-menu .navigation > li > ul,
        .main-menu .navigation > li > ul > li > ul {
            display: block !important;
            visibility: hidden;
            opacity: 0;
        }
     }

    @media only screen and (max-width: 767px) {
        .main-header .main-menu {
            position: absolute;
            width: 100%;
            margin: 5px 0px;
            padding: 0px;
            
        }

        .main-menu .collapse {
            max-height: 300px;
            overflow: auto;
            float: none;
            width: 100%;
            padding: 10px 0px 0px;
            border: none;
            margin: 0px;
            -ms-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }

            .main-menu .collapse.in,
            .main-menu .collapsing {
                padding: 10px 0px 0px;
                border: none;
                margin: 0px 0px 15px;
                -ms-border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
            }

        .main-menu .navbar-header {
            position: relative;
            float: none;
            display: inline-block;
            text-align: right;
            width: 100%;
            padding: 5px 0px;
            right: 0px;
            z-index: 12;
        }

            .main-menu .navbar-header .navbar-toggle {
                display: inline-block;
                /*border: 1px solid #ffffff;*/
                /*border: 1px solid #5c7a3e;*/
                float: right;
                /*margin: 0px 0px 0px 0px;*/
                border-radius: 4px;
                right: 20px;
                top:-5px;
                background: #53d572;
                /*color: black;*/
            }

                .main-menu .navbar-header .navbar-toggle .icon-bar {
                    background: #ffffff;
                }

        .main-menu .navbar-collapse > .navigation {
            float: none !important;
            margin: 0px !important;
            width: 100% !important;
            background: #343739;
            border: 1px solid #ffffff;
            border-top: none;
        }

            .main-menu .navbar-collapse > .navigation > li {
                margin: 0px !important;
                float: none !important;
                width: 100%;
            }

        .main-menu .navigation > li > a,
        .main-menu .navigation > li > ul:before {
            border: none;
        }

        .main-menu .navbar-collapse > .navigation > li > a {
            padding: 10px 10px !important;
            border-bottom: 1px solid #e5e5e5;
        }

        .main-menu .navigation li.dropdown > a:after,
        .main-menu .navigation > li.dropdown > a:before,
        .main-menu .navigation > li > ul > li > a::before,
        .main-menu .navigation > li > ul > li > ul > li > a::before {
            color: #ffffff !important;
            right: 15px;
            font-size: 16px;
            display: none !important;
        }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
            position: relative;
            border: none;
            float: none;
            visibility: visible;
            opacity: 1;
            display: none;
            margin: 0px;
            left: auto !important;
            right: auto !important;
            top: auto !important;
            width: 100%;
            background: #e4b700;
            -webkit-border-radius: 0px;
            -ms-border-radius: 0px;
            -o-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            transition: none !important;
            -webkit-transition: none !important;
            -ms-transition: none !important;
            -o-transition: none !important;
            -moz-transition: none !important;
        }

        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
            border-top: 1px solid rgba(255,255,255,1) !important;
        }

        .main-menu .navbar-collapse > .navigation > li,
        .main-menu .navbar-collapse > .navigation > li > ul > li,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
            border-top: 1px solid rgba(255,255,255,1) !important;
            opacity: 1 !important;
            top: 0px !important;
            left: 0px !important;
            visibility: visible !important;
        }

        .main-menu .navbar-collapse > .navigation > li:first-child {
            border: none;
        }

        .main-menu .navbar-collapse > .navigation > li > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
            padding: 10px 10px !important;
            line-height: 22px;
            color: #222222;
            background: #ffffff;
            text-align: left;
        }

            .main-menu .navbar-collapse > .navigation > li > a:hover,
            .main-menu .navbar-collapse > .navigation > li > a:active,
            .main-menu .navbar-collapse > .navigation > li > a:focus {
                background: #24c4f4;
            }

        .main-menu .navbar-collapse > .navigation > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
        .main-menu .navbar-collapse > .navigation > li.current > a,
        .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
            background: #53d572;
            color: #ffffff !important;
        }

        .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
            display: block;
            color: #ffffff;
            top: 7px;
            right: 6px;
        }

        .main-menu .navbar-collapse > .navigation li.dropdown:after,
        .main-menu .navigation > li > ul:before {
            display: none !important;
        }

        .header-search .search {
            margin-right: 20%;
        }

        .sticky-header .right-col {
            float: none;
        }

        .sticky-header .logo {
            position: absolute;
            display: block;
            left: 15px;
            top: 1px;
            margin: 0px;
        }

        .welcome-section .image-content, .download-section .image-content {
            margin-left: 0px;
            padding: 75px 20px;
        }

        .events-section .item .image-content {
            /*left: 0px;*/
        }

        .events-section.style-two .item .date-box {
            right: -42%;
        }

         .events-section .item .overly-text {
            bottom: 40px;
        }


    }

    @media only screen and (max-width: 625px) {
        .main-header .header-top .header-info {
            margin-right: 10px;
        }
        .events-section .item {
            border: 1px solid rgba(0, 0, 0, 0.2);
            border-radius: 5px;
        }

        .events-section .item .overly-text {
            position: relative;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 1px;
            display: block;
        }

        .events-section .item .image-content {
            left: 0px;
            padding: 5px;
        }

        .events-section .item .image-content .link-btn {
            text-align: center;
        }

        .events-section .item .image-box {
            display: block;
            width:100%;
        }

        .events-section .item .image-box h5 {
            left: 0px;
            top: 0px;
            position: relative;
            width: 100%;
        }

        .events-section .item .image-box figure {
            display: none;
        }
    }

    @media only screen and (max-width: 599px) {
        .couses-section.style-two .image-content .progress-area {
            position: relative;
        }

        .couses-section.style-two .image-content .causes-progress {
            width: 100%;
        }

        .couses-section.style-two .image-content .link-btn {
            position: relative;
            padding-top: 30px;
            padding-bottom: 40px;
        }
    }

    @media only screen and (max-width: 499px) {
        .header-top .info-outer .main-header-info li {
            margin-right: 0px;
            padding-right: 0px;
        }

        .header-top .header-top-info .header-info i {
            margin-right: 0px;
            padding: 10px;
        }

        .welcome-section {
            padding-top: 0px;
        }


        .about-section .item-holder {
            margin-bottom: 50px;
        }

 
        .news-section .slide-item .image-box {
            display: none;
        }

        .news-section .slide-item .inner-box{
            left:0;
        }

        .news-section .slide-item .inner-box .info-outer{
            margin-right:0;
        }
    }