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

body.node-type-ministry .field-name-field-ministy-logo{ float: none; margin: 0 0 0.5em; width: 100%; box-sizing: border-box;  }
body.node-type-ministry .field-name-field-ministy-logo img{ width: 100%; box-sizing: border-box; height: auto; }


body .view .col4,
body .view .col5{ display: inline-block; width: 31%; margin: 0 0.75% 0.75%; vertical-align: top; box-sizing: border-box;  } 


/*** Mobile Header ***/
body #logo { text-align: center; }

/*** Mobile Preface ***/
#preface-wrap .span_1_of_3 .block { display: block;  width: 100%;  }

body #preface-wrap { background: url(../preface-bg2.jpg) center center no-repeat; 
background-size: cover; background-attachment: fixed; padding: 80px 0 0; }

/*** Mobile Headings ***/
body h1,
html body h1.page-title{ font-size: 1.5em; }
body h2{ font-size: 1.3em; }
body h3{ font-size: 1.1em; }

/*** Mobile Admin Quick Links Menu
======================================== ***/
body #block-nice-menus-2{ display: none; }


/**** Mobile Custom images 
================================================ ****/

body .img-right {
    float: none;
    margin: 5px auto;
    display: block;
}

body .img-left {
    float: none;
    margin: 0px auto;
    display: block;
}

/**** Mobile Custom Buttons
================================================ ****/
body a.button2{ display: block; box-sizing: border-box; line-height: 1.5em;  }

/*** Mobile Webforms
================================ ***/
body .webform-client-form #edit-actions input{  font-size: 1em; }


/***************** MOBILE PAGES **********************/
/*** =============================================== ***/

/*** Mobile Home Page ***/
.front .view-churches { text-align: center; }
.front .view-churches .views-row{ width: 31%; display: inline-block; }

.front .button2{ width: 100%; }

/*** Mobile Board of Directors Page ***/
/* Mobile Board of Directors view */

body .view-board-of-directors table{ width: 100% !important; }
body .view-board-of-directors table tr td{ width: 30% !important; font-size: 11px !important; padding: 5px 3px;}


/*** Mobile Churches Page ***/
body .view-churches .views-row{ margin-bottom: 1.5em;    display: block;
    width: 100%;    vertical-align: top; }
    
/*** Mobile Church Node Pages ***/
/* Mobile Address Field */
body .group-chruch-general{ display: block; text-align: center; width: 100%; vertical-align: top;  margin-bottom: 1em;  }
body .group-church-map{ display: block; text-align: center; width: 100%; vertical-align: top;  }

/* Mobile Church Logo */
body.node-type-church .field-name-field-logo{ text-align: center; }
body.node-type-church .field-name-field-logo .field-items{  display: inline-block; }

/*** Mobile Documents Page
===================================== ***/
body .view-documents { }
body .view-documents table{ width: 100% !important; }
body .view-documents table tr td{ width: 48% !important; font-size: 11px !important; padding: 5px 3px;}
body.not-logged-in .view-documents table tr td.views-field-delete-node{ }

} /**** ----- !!!! END @media screen 768px *****/


@media screen and (max-width: 400px){
    
html body .view-board-of-directors .views-row{ display: inline-block; width: 100%;  }
    
} /**** ----- !!!! END @media screen 400px *****/