/* Mobile Portrait View */

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

*{box-sizing:border-box;}

.left, .right, .copyright-txt, .design-by{ float:none;}

.container { width:auto; padding:0 20px;}

.wrap_one{width:auto; text-align:center;}

.header { width:100%; padding:0;}

.logo {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 60%;
}
.buttonsTop {
    float: left;
    height: auto;
    margin: 30px 0 0;
    width: 100%;
}
.buttonsTop .donateBtn, .buttonsTop .connectBtn, .buttonsTop .ShareBtn {

    float: left;
    font-size: 17px;
    font-weight: bold;
    height: auto;
    margin: 0 15px 4px 0;
    padding: 10px 25px 10px 25px;

    min-width: 280px;
}
.latest-news-bottom {


    display: none;

}

.middleImg > img {
    max-width: 100%;
}
body.page-template-template-responsibility .instagram {

    margin: 0px 0 0;
    padding: 18px 0 0;
}

.socialIcons img {
    margin: 0 0 0 15px;
    max-width: 65px;
}
#thirdPartyForm input[type="text"], #thirdPartyForm input[type="email"] {

    padding: 0 10px;

}
#fundForm {
    display: block;
    float: left;
    width: 100%;
}
#thirdPartyForm textarea {
    width: 100%;
}
#fundGuidelines {
    float: left;
    width: 100%;
}
.DonateButtonMobile{
   display: block;}
 .DonateButtonMobile a{
  background: #cf6f3b none repeat scroll 0 0;
    box-shadow: 3px 5px 17px -6px #1b1b1b inset;
    display: block;
    max-width: 150px;
    padding: 6px;
    margin: 0 auto;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    text-align:center;

 }



.headertop1{ text-align:center;    display: none;}
.headertop{ text-align:center;    display: none;}

.headertop .left{ font-size:16px; border-bottom:1px solid #E4E8ED;}

.headertop .left span{ padding-left:0; margin-left:0; border:none;}

/*coloumn css*/

.services-wrap .one_third{ float:none; width:100%; margin:0 0 8%; min-height:105px;}

.services-wrap .one_third h4{ margin-bottom:0;}

.welcomewrap img{ margin: 0 0 15px; float:none; width:100%;}

.welcomewrap h2{  display:block; font-size:24px;}

/*sidebar css*/

#sidebar{ width:100%; float:none;}

#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:40px 0;}

/* --------- Pages ------- */

.content-area{ width:auto; margin:0; padding:50px 20px;}

.site-main{ width:auto; margin:0; padding:0; float:none;}

h2.section-title{ font-size:22px; line-height:26px;}

/*slider css*/

#slider{ top:0; margin:0;}

.nivo-directionNav a{ top:39% !important;}

/*.nivo-caption, .nivo-controlNav{ display:none !important;}*/
.nivo-controlNav{ display:none !important;}

/*footer css */

.copyright-wrapper{ text-align:center;}

.cols-4{ width:100% !important; display:block; margin-right:0; margin-bottom:15%;}

/*custom css*/

h2.section_title{ text-align:center;}

/*front blog post*/

.BlogPosts{ float:none; width:auto; margin:0 0 10% 0;}

.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{ width:100%;}


.home-section .entry-content {

    width: 100%;
}

.home-section .entry-title {
    color: #fff;
    font-size: 30px;}


.home-section .entry-content p {
    color: #fdfdff;
    font-size: 12px;
   line-height:20px;
}
.getInvolved {
    background: #004b5e none repeat scroll 0 0;
    border: 2px solid #fff;
    float: left;
    margin: 20px 0 0;
    padding: 10px;
    width: 100% !important;
}
.get-involved-form {
    width: 100%;
}
.get-involved-form label {

    font-size: 10px;

}

.get-involved-form .col1 {

    width: 34%;
}
.get-involved-form .row {
    float: left;
    margin: 0 0 7px;
    width: 100%;
}

.copyright-menu > li {
    color: #fff;
    float: left;
    padding: 0 18px 10px 0;
}
#get-updated-form-bottom label {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #000;
    color: #fff;
    float: left;
    height: 30px;
    padding: 3px 0;
    text-transform: uppercase;
}
ul.instagram-pics li {
    float: left;
    margin: 0 4px 5px 5px;
    width: 30%;
    max-width: 100px;
}
.fb-page.fb_iframe_widget iframe {
    max-width: 275px !important;
}
#facebook-posts {
    display: block;
    float: left;
    margin: 0;
    padding: 18px 0 0;
    width: 100%;
}
.twiteer-posts {
    float: left;
    padding: 16px 0 0;
    width: 100%;
}
.instagram-inner {
    background: #005066 none repeat scroll 0 0;
    float: left;
    height: auto;
}
.communityRequest .half {

    margin: 0 2px 0 0;

}
.fixed {
    margin: 0 !important;
    position: inherit !important;
    transition: all 0.3s ease 0s;
}

#home_slider .slide_info h2 {
  font-size:15px;
  line-height:20px;

}
#home_slider .slide_info .slide_more {

    font-size: 15px;

    padding: 9px 18px;

}
#instagram-post {
  
    width: 100%;
}
#home_middle_slider .bx-wrapper .bx-prev {

    height: 60px !important;
    width: 25px !important;
     background-size: 100% auto;               
}
#home_middle_slider .bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url("../images/slider-right-new.png") no-repeat scroll 0 0 / 100% auto !important;
    height: 55px !important;
    width: 15px !important;
}

#home_middle_slider .bx-wrapper .bx-prev {
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    height: 60px !important;
    width: 15px !important;
}
.banner-left-content {
    float: left;
    margin: 0;
    padding: 28px 0;
    width: 100%;
}
.banner-right-img {
    display: none;

}
.cols3 {

    padding: 50px 10px 0;

    width: 100%;
}
.cols7 {

    width: 100%;
}
.copyright-wrapper {

    height: auto;}

#banner-container .entry-title{
  font-size: 25px;
}
.cols7 h3 {
    color: #005066;
    font-size: 23px;
}
.TitleH1 {
    font-size: 29px;}

h1 {
    font-size: 25px;
}
section#home_slider {

    padding: 0px 0 0px;
}
#wrapsecond{
  display: none;
}
#menChallenge .page_content {
    min-height: 335px;
    padding: 50px 0;
}
.home-section {
    background: rgba(0, 0, 0, 0) url("../images/CFV_Feature_MenChallenge_lower.png") no-repeat scroll center 0 / 219% auto;
    padding: 0 0 10%;
}
#home_middle_slider .slide-text {
    color: #c2c2c2;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
   margin: -40px 0 0 15px;
    position: relative;
    text-align: center;


    width: 93%;
}
.entry-content iframe {
    width: 100%;
}
#home_middle_slider .read-more {
    border: 1px solid;
    color: #24bbaa;
    display: block;
    font-size: 12px;
    font-weight: bold;
  margin: 0 auto;
    padding: 4px 20px;
    text-transform: uppercase;
    width: 110px;
}
#home_middle_slider .slide-text > span {
    display: block;
    font-family: HelveticaNeueLight;
    font-size: 13px;
    margin: 0px 0 10px;
}
#home_middle_slider .slide-text > h2 {
    color: #ffffff;
    font-size: 21px;
    text-transform: uppercase;
    margin: 0;
}
.start-here-section {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.start-here-section div {
    background-size: 100% auto !important;
    box-shadow: 2px 5px 10px #9f9f9f;
    float: left;
    height: 240px;
    margin: 0 0 20px 20px;
    width: 240px;
}
#get-updated-form-bottom input {
   
    font-size: 10px;
    height: 30px;
    width: 140px;
}
.community-page-section .prof-training a {
    background: rgba(0, 0, 0, 0) url("../images/CFV_proftrainings.png") repeat scroll 0 0 / 100% auto;
    float: left;
    height: 275px;
    max-width: 275px;
}
.community-page-section div a {
    box-shadow: 2px 5px 10px #9f9f9f;
    float: left;
    height: 275px;
    margin: 0 0 21px 10px;
    width: 275px;
     background-size:100% auto !important;
}
.community-page-section div a:hover {
      background-size: 100% auto !important;
}
.community-page-section {
    margin: 40px auto;
    text-align: center;
    width: 100%;
}
#donate-container h2 {
    color: #ffffff;
    font-size: 20px;
    margin: 25px 0 0;
    text-align: center;
}
#donate-container {

    min-height: 135px;}
.slider.slider-horizontal {
    float: left;
    height: 20px;
    max-width: 245px;
}
span#end {
   float: none !important;
    font-size: 19px;
    margin: 0 0 0 95px !important;
}

}



/* Mobile Landscape View */

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

.nivo-caption, .nivo-controlNav{ display:block !important;}

.nivo-caption{ width:65%; }

.slide_info h2{ font-size:20px !important; line-height:30px; text-shadow:1px 0 0 #333;}

.slide_info h2 span{ font-size:30px !important;}

.slide_info p{ padding:5px 0 !important;  font-size:13px !important; display:none;}

.headertop .left{ font-size:16px;}
 .banner-left-content {
    float: left;
    margin: 0;
    padding: 28px 0;
    width: 100%;
}
.banner-right-img {
    display: none;

}
cols3 {

    padding: 50px 10px 0;

    width: 100%;
}
.cols7 {

    width: 100%;
}


}



@media screen and (min-width: 520px) and (max-width: 1169px){

.headertop .left{ float:left;}

.headertop .right{ float:right;}

}



/* Tablet View */

@media screen and (max-width:1169px) and (min-width:768px) { 

*{box-sizing:border-box;}

.social-icons a{ box-sizing:content-box; margin-bottom:5px; }

.container { width:auto; padding:0 20px;}

.logo{ float:none; text-align:center; margin:0 auto; padding:8px 15px; position:relative; width: auto; display:table;}

/*slider css*/

.nivo-caption{ width:60%;}

.slide_info h2{ font-size:24px !important; line-height:30px; }

.content-area{ width:auto; margin:0; padding:50px 20px;}

#sidebar{ width:30%;}

.site-main{ width:65%;}

.cols-4 h5{ font-size:16px;}

.welcomewrap img{ width:50%;}

/*custom  css*/

.services-wrap .one_third{ float:left; width:30.5%; margin:0 3.5% 0 0; text-align:center;}

.services-wrap .one_third img{ float:none; margin:0 0 10px;}

#FrontBlogPost, #wrapfirst, #wrapsecond{ padding:50px 0;}

}



@media screen and (max-width:1169px) and (min-width:981px) { 

html{overflow-x:hidden; }

.logo{ float:left; text-align:right; padding:20px 10px; position:absolute; left:20px;}

}



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

.toggleMenu{display: block;}

.sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }

.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}

.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}

.sitenav ul li a{padding:5px 10px !important; display:block; color:#000; border:none;}

.sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#8EAE0E;  border:none !important;}

.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}

.sitenav ul li ul li a:before{content:"\00BB \00a0";}

.sitenav ul li ul li a{padding-left:20px !important; }

.sitenav ul li ul li a{ border:none;}

.sitenav ul li ul li ul li a{padding-left:30px !important;}

.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}

.sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}

.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}

.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}

.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}

}