/*

Theme Name: COMMUNITY FOUNDATIONS OF CANADA

Description: The COMMUNITY FOUNDATIONS OF CANADA is simple responsive SEO friendly theme. 

Version: 0.1

Tags:  blog, news, featured-images, one-column, theme-options

Text Domain: The COMMUNITY FOUNDATIONS OF CANADA

Domain Path: The COMMUNITY FOUNDATIONS OF CANADA

Author: A2Z Developing Team

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* WordPress Core */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 6px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

blockquote {
    background-color: #e9edef;
    color: #284b64;
    font-size: 1.25rem;
    padding: 15px;
    margin: 30px 0;
    overflow: hidden;
}

.btn-primary,
.btn-primary:hover {
    background: #0e76bc;
    border-color: #0e76bc;
}

.custom-pagination {
    text-align: center;
    font-size: 16px;
    padding-top: 30px;
}

.custom-pagination a {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background-color: #e75424;
    border-radius: 50px;
    padding: 7px 40px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.custom-pagination .current {
    font-size: 16px;
    padding: 0 7px;
    font-weight: 400;
    color: #e75424 !important;
}

.page-id-133 div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    width: 60%;
}

.questions-contents div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center !important;
}



* {

    font-family: 'IBM Plex Sans';

}

.header-top {

    padding-top: 10px;

}

.wp-post-image {
    padding-bottom: 15px;
}

.phone {

    padding: 10px 0px 10px 45px;

    background-image: url("img/icons/phone.png");

    background-repeat: no-repeat;

    background-position: left 22px;

    background-size: 36px;

}

.phone a {

    font-size: 18px;

    color: #76be43;

    font-weight: 500;

    text-decoration: none;

}

.phone span {

    font-size: 18px;

    color: #000000;

    display: block;

}

.search {

    margin-top: 15px;

}

.search .input-group {

    border: 1px solid #ddd;

    border-radius: 5px;

}

.search #exampleInput1 {

    border: none;

    outline: none;

    box-shadow: none;

}

.search #exampleButton1 {

    background-color: #20bfdc;

    border: none;

    margin: 3px;

    outline: none;

    box-shadow: none;

    border-radius: 5px;

}

/*************SUB MENU*************/

.mainmenu .sub-menu {
    list-style: outside none none;
    min-width: 150px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    display: none;
}

.mainmenu li:hover .sub-menu {
    display: block;
}

.mainmenu .sub-menu li {
    padding: 0px !important;
    margin-left: 0px;
}

.mainmenu .sub-menu li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 !important;
    display: block;
    padding: 10px 15px !important;
    text-align: left;
    color: #fff;
    text-decoration: none;
    transition: all 1s ease-in-out 0s;
}

.mainmenu .sub-menu li a:hover {
    background: #fff !important;
    border-left: 5px solid #74b147;
    color: #74b147;
    padding-left: 25px;
}



/*******MAIN MENU*********/

.mainmenu {

    float: right;

}

.mainmenu .navbar {

    padding: 0px;

}

.mainmenu li {

    margin-left: 4px;

    position: relative;

}

.mainmenu li a {

    font-size: 14px;

    font-weight: 500;

    color: #ffffff;

    padding: 5px 5px;

    border-radius: 5px 5px 0px 0px;

    text-transform: uppercase;

    text-decoration: none;

}

.mainmenu li.menuitem1 a {

    background-color: #f57208;

}

.mainmenu li.menuitem2 a {

    background-color: #74b147;

}

.mainmenu li.menuitem3 a {

    background-color: #05c3de;

}

.mainmenu li.menuitem4 a {

    background-color: #b63b88;

}

.mainmenu li.menuitem5 a {

    background-color: #039e95;

}

.mainmenu li.menuitem6 a {

    background-color: #f0a718;

}

.mainmenu li.menuitem7 a {

    background-color: #e0004d;

}

.mainmenu li.menuitem8 a {

    background-color: #68878b;

}

.mainmenu li.menuitem9 a {

    background-color: #f0a718;

}

.mainmenu .active a,

.mainmenu a:focus,

.mainmenu a:hover {

    color: #fff;

}

.header-bottom {

    position: relative;

}

.carousel-content {

    top: 8%;

    right: 0;

    left: 0;

    position: absolute;

}

.banner-contents h1 {

    font-size: 63px;
    font-family: 'Oswald';
    font-weight: 600;
    color: #000000;
    margin-bottom: 0px;
    line-height: 1;
    text-transform: uppercase;

}

.brdr-rt {

    border-right: 1px solid #b7b3b3;

}

.heading h2 {

    font-size: 50px;

    font-family: "Oswald";

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.holder p {

    font-size: 18px;

    color: #4e4e4e;

}

.btn.common-btn {

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    background-color: #e75424;

    border-radius: 50px;

    padding: 7px 40px;

    margin-top: 10px;

    text-transform: uppercase;

}

.programs-contents a,
.announcement-contents a,
a.readmore {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background-color: #e75424;
    border-radius: 50px;
    padding: 7px 40px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none;
}

.welcome-contents p a {
	color: #e75424;
	font-weight: 600;
	transition: color 0.2s ease-in;
}

.welcome-contents p a:hover {
	color: #43abd6;
}



.home .announcement-contents h4 {

    color: #fff;
}

.home .announcement-contents h2 {
    text-align: center;
}



.header-innertop {

    padding: 0px 0px 20px 0px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

}



#main-content {
    font-family: 'IBM Plex Sans';
}

#main-content a {
    text-decoration: none;
}

.mec-event-grid-classic .mec-event-date {

    padding: 18px 20px 3px 20px;

    height: 50px;

}



.page-holder {

    padding: 0px 0px 20px 0px;

}

.page-contents p {

    font-size: 18px;

    color: #4e4e4e;

    text-align: left;

}

@media screen and (min-width: 767px) {
    .page-contents p {


        text-align: justify;

    }
}

.page-contents {

    padding-left: 0px;

}

.page-contents h3 {

    font-size: 26px;

    padding-bottom: 10px;

    color: #4e4e4e;

    text-decoration: none;

}

.page-contents h3 a {

    font-size: 26px;

    padding-bottom: 10px;

    color: #4e4e4e;

    text-decoration: none;

}

.page-contents h2 {

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

}

.page-contents h2::after {

    content: " ";

    position: absolute;

    width: 50px;

    height: 4px;

    background-color: #f57208;

    bottom: 0;

    left: 5px;

}

.news-title {
    padding-top: 20px;
}

.learn-more {
    border: 1px solid #f57208;
    color: #f57208;
}



.welcome-holder {

    padding: 80px 0px;

}

.welcome-img {

    width: 75%;

    margin: auto;

}

.welcome-contents p {

    font-size: 18px;

    color: #4e4e4e;

    text-align: justify;

}

.welcome-contents {

    padding-left: 50px;

}

.welcome-contents h2 {

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

}

.welcome-contents h2::after {

    content: " ";

    position: absolute;

    width: 50px;

    height: 4px;

    background-color: #f57208;

    bottom: 0;

    left: 5px;

}

.programs-holder {

    background-image: url("img/others/programs-bg.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    padding: 7% 0;

    background-attachment: fixed;

    background-position: top right;

}

.programs-contents {

    width: 650px;

}

.programs-contents h2 {

    color: #fff;

}

.programs-contents p {

    color: #fff;

    text-align: justify;

}

.ourcommunity-holder {

    background-image: url("img/others/ourcommunity-bg.jpg");

    background-repeat: no-repeat;

    background-size: cover;

    padding: 7% 0;

    background-attachment: fixed;

}

.ourcommunity-heading h2 {

    color: #fff;

}

.ourcommunity-heading p {

    color: #fff;

}

.ourcommunity-heading {

    width: 700px;

    margin: 0px auto 30px;

}

.ourcommunity-contents {

    width: 700px;

    margin: 0px auto;

}

div.wpforms-container-full .wpforms-form input[type="date"],
div.wpforms-container-full .wpforms-form input[type="datetime"],
div.wpforms-container-full .wpforms-form input[type="datetime-local"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form input[type="month"],
div.wpforms-container-full .wpforms-form input[type="number"],
div.wpforms-container-full .wpforms-form input[type="password"],
div.wpforms-container-full .wpforms-form input[type="range"],
div.wpforms-container-full .wpforms-form input[type="search"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="time"],
div.wpforms-container-full .wpforms-form input[type="url"],
div.wpforms-container-full .wpforms-form input[type="week"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {

    font-size: 16px !important;

    color: #353535 !important;

    height: 50px;

    padding: 0.375rem 0.75rem !important;

    line-height: 1.5 !important;

    background-color: #fff !important;

    background-clip: padding-box !important;

    border: 1px solid #ced4da !important;

    border-radius: 0.25rem !important;

    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

.ourcommunity-contents div.wpforms-container-full .wpforms-form .wpforms-captcha-equation {

    color: #ffffff;

}

.ourcommunity-contents div.wpforms-container-full .wpforms-form .wpforms-field-label {

    color: #ffffff;

}

.gform_body textarea,
.gform_body input {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}



div.wpforms-container-full .wpforms-form button[type="submit"] {

    font-size: 18px !important;

    color: #fff !important;

    font-weight: 600 !important;

    background-color: #e75424 !important;

    border-radius: 50px !important;

    padding: 7px 40px !important;

    margin-top: 10px !important;

    text-transform: uppercase !important;

    border: none !important;

}

body.home .gform_footer {
    text-align: center;
}

#field_1_7,
#field_2_7 {
    color: #fff;
}

.gform_footer input[type="submit"] {

    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px !important;

    color: #fff !important;

    font-weight: 600 !important;

    background-color: #e75424 !important;

    border-radius: 50px !important;

    padding: 7px 40px !important;

    margin-top: 10px !important;

    text-transform: uppercase !important;

    border: none !important;

}

.ourcommunity-contents div.wpforms-container-full .wpforms-form .wpforms-submit-container {

    text-align: center;

}

.ourcommunity-contents div.wpforms-container-full .wpforms-form label.wpforms-error {

    color: #ffffff;

}

.ourcommunity-contents form .form-control {

    font-size: 16px;

    color: #353535;

    height: 50px;

}

.ourcommunity-contents form textarea.form-control {

    height: auto;

}

.gallery-holder {

    padding: 80px 0px;

}

.gallery-contents {

    margin-top: 30px;

}

.gallery-img {

    margin-bottom: 30px;

}

.gallery-img img {

    width: 100%;

}

.announcement-holder {

    background-image: url("img/others/announcement-bg.jpg");

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 7% 0;

    background-attachment: fixed;

}

.announcement-contents {

    width: 75%;

    margin: auto;

}

.announcement-contents h2 {

    color: #fff;

}

.announcement-contents p {

    color: #fff;

}

.events-holder {

    padding: 80px 0px;

}

.events-wrap {

    margin-top: 30px;

}

.events-contents h3 {

    font-size: 18px;

    font-family: "Montserrat";

    color: #1d1d1d;

    margin-bottom: 20px;

    text-transform: uppercase;

}

.events-contents {

    border: 1px solid #c7c7c7;

    padding: 30px;

    margin-top: 20px;

}

.events-contents:hover {

    border-color: #00aa90;

}

.events-contents h3 span {

    font-size: 30px;

    font-family: "Montserrat";

    font-weight: 700;

    color: #fff;

    background-color: #23bedc;

    padding: 5px;

    vertical-align: middle;

}

.events-contents p {

    font-size: 15px;

    color: #1d1d1d;

    margin: 10px 0px;

}

.events-contents p span {

    font-size: 15px;

    color: #e65422;

}

.events-contents h5 {

    font-size: 16px;

    font-family: "Montserrat";

    color: #1d1d1d;

    text-transform: uppercase;

    border-bottom: 1px solid #23bedc;

    margin: 0px;

    padding-bottom: 10px;

}

.events-contents h5 a {

    font-size: 16px;

    font-family: "Montserrat";

    color: #1d1d1d;

    text-transform: uppercase;

    text-decoration: none;

}

.events-contents h5 span {

    font-family: "Montserrat";

    font-weight: 600;

}

.events-contents h6 {

    font-size: 16px;

    font-weight: 400;

    color: #1d1d1d;

    margin: 10px 0px 0px;

}

.events-contents h6 i {

    font-size: 20px;

    color: #e65422;

    height: 40px;

    float: left;

    margin: 10px 15px 0px 0px;

}

.events-holder .owl-prev {

    background-color: rgba(0, 0, 0, 0) !important;

    background-image: url("img/icons/events-left-arrow.png") !important;

    background-repeat: no-repeat !important;

    background-position: 0 0;

    display: inline-block;

    height: 11px;

    right: 6%;

    position: absolute;

    outline: none !important;

    text-indent: -99999px;

    top: -53px;

    width: 24px;

    background-size: 100% !important;

}

.events-holder .owl-next {

    background-color: rgba(0, 0, 0, 0) !important;

    background-image: url("img/icons/events-right-arrow.png") !important;

    background-repeat: no-repeat !important;

    background-position: 0 0;

    display: inline-block;

    height: 11px;

    right: 0%;

    position: absolute;

    outline: none !important;

    text-indent: -99999px;

    top: -53px;

    width: 24px;

    background-size: 100% !important;

}

.events-holder .owl-carousel .owl-dots.disabled,

.events-holder .owl-carousel .owl-nav.disabled {

    display: block;

}

.footer-top {

    background-color: #0b0b0b;

}

.footer-top-wrap {

    padding: 50px 0px;

}

.foot-common {

    margin: auto;

    display: table;

}

.foot-common h5 {

    font-size: 20px;

    font-family: "Roboto";

    font-weight: 700;

    color: #fff;

    margin-bottom: 20px;

    padding-bottom: 10px;

    position: relative;

    display: inline-block;

    text-transform: uppercase;

}

.foot-common h5::after {

    content: " ";

    position: absolute;

    width: 50px;

    height: 2px;

    background-color: #0592cd;

    bottom: 0;

    left: 3px;

}

.foot-common ul li {

    padding-bottom: 5px;

}

.foot-common ul li a {

    font-size: 14px;

    font-family: "Roboto";

    color: #fff;

    text-decoration: none;

}

.footer-logo {

    margin: 20px 0px;

}

.foot-social {

    text-align: center;

    margin-top: 30px;

}

.foot-social ul li i {

    font-size: 16px;

    color: #2a304f;

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 50%;

    text-align: center;

    padding-top: 12px;

    margin-right: 5px;

}

.foot-contact.foot-common ul li {

    padding: 10px 0px 10px 45px;

    background-repeat: no-repeat;

    background-position: left 6px;

    background-size: 35px;

}

.foot-contact.foot-common ul li.icon-1 {

    background-image: url(img/icons/ct-1.png);

    background-position: left 14px;

}

.foot-contact.foot-common ul li.icon-2 {

    background-image: url(img/icons/ct-2.png);

}

.foot-contact.foot-common ul li.icon-3 {

    background-image: url(img/icons/ct-3.png);

}

.map-frame iframe {

    width: 250px;

    height: 250px;

}

.copyrights {

    background-color: #080808;

    padding: 20px 0px;

    text-align: center;

}

.copyrights p {

    font-size: 16px;

    font-family: "Roboto";

    color: #fff;

    margin: 0px;

}

.team-holder {
    margin-top: 20px;
}







/* =Comments */

#respond input[type=submit] {
    text-decoration: none !important;
    font-size: 18px;

    color: #fff;

    font-weight: 600;

    background-color: #e75424;

    border-radius: 50px;

    padding: 7px 40px;

    margin-top: 10px;

    text-transform: uppercase;

    text-decoration: none;
    border: none;
    cursor: pointer;
}

#respond {
    clear: both;
    padding: 0;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

#respond p {
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif;
}

#respond a {
    color: #e75424;
}

#respond .navigation {
    padding: 0 0 18px 0;
}

h2.comments-title {
    padding-bottom: 10px;
}

h3#comments-title,
h3#reply-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

h3#comments-title {
    padding: 24px 0;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist header {
    border-top: none;
}

.commentlist header h4 {
    padding-left: 10px;
    font-size: 24px;
    background: none;
    padding-bottom: 0px;
}

.commentlist section {
    padding-left: 10px;
}

.commentlist p {
    line-height: 1.5;
    padding: 0 10px 0 75px !important;
    font-size: 16px;
    width: auto !important;
    margin-top: 10px;
}

.commentlist li.comment {
    line-height: 18px;
    margin: 0 0 6px 0;
    padding: 5px 0 5px 10px;
    position: relative;
    background: #F7F7F7;
}

.commentlist li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

#respond .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#respond .comment-body p:last-child {
    margin-bottom: 6px;
}

#respond .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

.commentlist .avatar {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 60px;
    height: 60px;
}

.comment-author {}

.url {
    color: #013648;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}

.commentlist cite:first-child {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    padding: 0 10px 0 65px !important;
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    padding: 0 10px 0 75px;
}



.comment-author .says {
    font-style: italic;
    font-size: 18px;
}

.comment-meta {
    font-size: 14px;
    padding: 0 10px 0 75px !important;
}

.comment-meta a:link,
.comment-meta a:visited {
    color: #888;
    text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
    color: #ff4b33;
}

.commentlist .even {}

.commentlist .bypostauthor {}

.reply {
    font-size: 12px;
    padding: 10px 0;
}

.reply a,
a.comment-edit-link {
    color: #888;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #ff4b33;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

.commentlist .children li {
    border: none;
    margin: 0;
}

.nopassword,
.nocomments {
    display: none;
}

#respond .pingback {
    border-bottom: 1px solid #666666;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#respond .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

#respond .pingback .url {
    font-size: 13px;
    font-style: italic;
}

/* Comments form */



#respond {
    border-top: 1px solid #666666;
    margin: 24px 0;
    overflow: hidden;
    position: relative;
}

#respond form {
    margin-top: 0;
}

#respond p {
    margin: 0 0 20px 0;
}

#respond h3 {
    margin: 18px 0;
}

#respond a {}

#respond .comment-notes {
    /*margin-bottom: 1em;*/
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 48px 0 0;
}

h3#reply-title {
    margin: 10px 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
    color: #e75424;
    font-weight: bold;
}

#respond label {
    font-size: 18px;
    vertical-align: top;
}



.comment-form-author label {
    font-size: 18px;
    padding-right: 48px;
    vertical-align: top;
}

.comment-form-email label {
    font-size: 18px;
    padding-right: 50px;
    vertical-align: top;
}

.comment-form-url label {
    font-size: 18px;
    padding-right: 42px;
    vertical-align: top;
}

.comment-form-comment label {
    font-size: 18px;
    padding-right: 33px;
    vertical-align: top;
}



#respond input {
    margin: 0 0 9px;
    width: 350px;
    font-size: 16px;
    color: #4e4e4e;
}

#respond textarea {
    width: 350px;
    resize: none;
    height: 100px;
    font-size: 16px;
    color: #4e4e4e;
}

#respond .form-allowed-tags {
    color: #888;
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    font-size: 18px;
    width: auto;
}

.really_simple_share {
    padding-top: 10px !important;
}

/* Team Plugin */

.rt-team-container img {
    display: block;
    margin-left: auto;
    margin-right: 60px;
}

.tlp-short-bio {
    margin-right: 10px;
}

/* Funds 
.page-holder ul {
	list-style-type: none;
}
*/






/*RESPONSIVE*/

@media screen and (max-width: 1279px) {

    .phone {

        padding: 0px 0px 0px 35px;

        background-position: left 8px;

        background-size: 30px;

    }

    .phone a {

        font-size: 14px;

    }

    .phone span {

        font-size: 13px;

    }

    .search {

        margin-top: 0px;

    }

    .search #exampleInput1 {

        font-size: 13px;

    }

    .search #exampleButton1 {

        padding: 4px 10px;

    }

    .search #exampleButton1 i {

        font-size: 15px;

    }

    .mainmenu .sub-menu li a {

        font-size: 13px;

        padding: 5px 10px !important;

    }

    .mainmenu {

        margin-top: 10px;

    }

    .mainmenu li a {

        font-size: 11px;

    }

    .banner-contents h1 {

        font-size: 35px;

    }

    .welcome-holder {

        padding: 50px 0px;

    }

    .heading h2 {

        font-size: 35px;

    }

    .holder p {

        font-size: 14px;

    }

    .btn.common-btn {

        font-size: 14px;

        padding: 5px 30px;

        margin-top: 5px;

    }

    .welcome-contents {

        padding-left: 30px;

    }

    .welcome-contents p {

        font-size: 14px;

    }

    .programs-holder {

        background-attachment: scroll;

    }

    .programs-contents {

        width: 450px;

    }

    .ourcommunity-holder {

        padding: 5% 0;

    }

    .ourcommunity-contents form .form-control {

        font-size: 13px;

    }

    .gallery-holder {

        padding: 40px 0px;

    }

    .events-holder {

        padding: 50px 0px;

    }

    .events-wrap {

        margin-top: 10px;

    }

    .events-holder .owl-prev {

        right: 8%;

        top: -40px;

    }

    .events-holder .owl-next {

        top: -40px;

    }

    .events-contents {

        padding: 20px;

    }

    .events-contents h3 {

        font-size: 14px;

        margin-bottom: 15px;

    }

    .events-contents h3 span {

        font-size: 16px;

    }

    .events-contents p {

        font-size: 12px;

    }

    .events-contents p span {

        font-size: 12px;

    }

    .events-contents h5 {

        font-size: 12px;

    }

    .events-contents h6 {

        font-size: 13px;

        margin: 10px 0px 0px;

    }

    .events-contents h6 i {

        height: 30px;

        margin: 7px 10px 0px 0px;

    }

    .foot-social ul li i {

        font-size: 16px;

        width: 35px;

        height: 35px;

        padding-top: 9px;

    }

    .foot-common h5 {

        font-size: 15px;

    }

    .foot-common h5::after {

        width: 30px;

    }

    .foot-common ul li a {

        font-size: 12px;

    }

    .map-frame iframe {

        width: 200px;

        height: 200px;

    }

    .copyrights p {

        font-size: 13px;

    }

}



@media screen and (max-width: 1023px) {

    .phone {

        padding: 0px 0px 0px 25px;

        background-position: left 9px;

        background-size: 23px;

    }

    .phone a {

        font-size: 13px;

    }

    .phone span {

        font-size: 11px;

    }

    .mainmenu li {

        margin-left: 3px;

    }

    .mainmenu li a {

        font-size: 9px;

        padding: 5px 5px;

    }

    .carousel-content {

        top: 15%;

    }

    .banner-contents h1 {

        font-size: 20px;

    }

    .heading h2 {

        font-size: 25px;

    }

    .btn.common-btn {

        font-size: 12px;

        padding: 5px 25px;

    }

    .welcome-img {

        width: 75%;

        margin: 60px auto 0px;

    }

    .welcome-contents {

        padding-left: 10px;

    }

    .ourcommunity-heading {

        width: 90%;

    }

    .ourcommunity-contents {

        width: 90%;

    }

    .events-contents h6 i {

        height: auto;

        margin: 0px 5px 0px 0px;

        font-size: 18px;

    }

    .footer-logo {

        margin: 0px auto;

        text-align: center;

        width: 230px;

    }

    .foot-social {

        margin: 30px 0px;

    }

}



@media screen and (max-width: 767px) {

    .mainmenu {

        float: none;

        margin: 5px 0px;

    }

    .navbar-brand {

        width: 120px;

    }

    .phone {

        padding: 0px 0px 0px 20px;

        background-position: left 6px;

        background-size: 17px;

        margin: 8px auto 0px;

        display: table;

    }

    .phone a {

        font-size: 15px;

    }

    .phone span {

        display: none;

    }

    .navbar-dark .navbar-toggler-icon {

        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

    }

    .mainmenu li a {

        font-size: 12px;

        padding: 7px 10px;

    }

    .banner-contents h1 {

        font-size: 15px;

    }

    .brdr-rt {

        border-right: none;

    }

    .welcome-img {

        width: 200px;

        margin: auto;

    }

    .welcome-contents {

        padding: 30px 0px 0px;

        text-align: center;

    }

    .welcome-contents h2::after {

        left: 0;

        right: 0;

        margin: auto;

    }

    .welcome-contents p {

        text-align: center;

    }

    .programs-contents {

        width: auto;

        text-align: center;

    }

    .programs-contents p {

        text-align: center;

    }

    .ourcommunity-heading {

        width: 95%;

        margin: 0px auto 10px;

    }

    .gallery-holder {

        padding: 30px 0px;

    }

    .announcement-contents {

        width: 95%;

    }

    .events-holder {

        padding: 30px 0px;

    }

    .events-wrap {

        margin-top: 0px;

    }

    .events-wrap {

        margin-top: 0px;

    }

    .events-holder .owl-prev {

        top: -35px;

        background-size: 90% !important;

    }

    .events-holder .owl-next {

        top: -35px;

        background-size: 90% !important;

    }

    .events-img {

        width: 280px;

        margin: 20px auto 0px;

    }

    .footer-top-wrap {

        padding: 30px 0px;

    }

    .foot-common {

        margin: 0;

    }

    .foot-common h5 {

        margin: 20px 0px 10px;

    }

    .map-frame iframe {

        width: 280px;

        height: 280px;

    }

}



@media screen and (max-width: 320px) {}