/*
	Theme Name: BritishGut
	Description: Custom WordPress site
	Author: Britishgut
	Author URI: http://Britishgut.com/
	Version: 1.0
	License: Copyright 2015, Idealaya
	Tags: blank, html5, clean, html5 boilerplate, custom, best practices
*/

/*-- slightly modified html5 boilerplate styles --*/
/*
1.0 Import CSS
================================================================*/
@import url(css/fonts.css);
@import url(css/easy-responsive-tabs.css);
/*=HTML5
---------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    background-color: #f5f5f5;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5625;
    margin: 0;
    background: url("images/body-bg.jpg") no-repeat top center;
    background-size: cover;

}
html {
    margin-top: 0 !important;
    -webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}
blockquote,
blockquote p {
    font-size: 22px;
    color: #e89f3d;
    line-height: 1.36;
    font-weight: 500;
    margin-bottom: 30px;
}
blockquote p {
    margin-bottom: 0;
}
blockquote:after {
    content: "";
    width: 40%;
    height: 4px;
    display: block;
    background: #e89f3d;
    margin-top: 6px;

}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input,
select,
textarea,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
input,
select,
textarea {
    border-top: 1px solid #e0e3e3;
    border-right: 1px solid #e0e3e3;
    border-bottom: 2px solid #e0e3e3;
    border-left: 1px solid #e0e3e3;

}
#gform_1 select {
    background: url("images/select-bg.png") no-repeat scroll 98% 50%;
    background-color: #fbfcfc;
}

input, select {
    vertical-align:middle;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 6px;
}
a, a:visited {
    color: #348cb7;
}
/*comment*/
cite.fn,
cite.fn a {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-weight: 700;
}
.comment-author img {
    border-radius: 50%;
}
.comment .comment-author img {
    float: left;
    margin-right: 20px;
}
.says {
    color: #000000;
    font-size: 16px;
}
.reply {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}
.comment-body p {
    padding-top: 10px;
}
#commentform label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #333333;
}
#commentform input[type="text"],
#commentform select {
    vertical-align: middle;
    padding: 8px 15px;
    width: 94%;
    outline: none;
}

/*a*/
a:hover, a:focus {
    color: #1ab7ea;
}
.page-nav div a {
    font-size: 18px;
    color: #0a2b71;
}
.page-nav div a:hover {
    color: #4A68A7;
}
/*=Layout
---------------------------------------*/
h1,
h3,
h4,
h5,
h6{
    color: #333333;
    line-height: 1.2;
    font-weight: 700;
}
h2 {
  color: #fff;
  font-size: 35px;
  line-height: 1.2;
    font-weight: 700;
}
h3 {
    font-size: 30px;
    margin-bottom: 38px;
    font-weight: 500;
    line-height: 1;
}
h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
h5 {
    font-size: 18px;
    color: #333333;
    margin-bottom: 15px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333;
}
p {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #565656;
    font-weight: 400;
    margin-bottom: 25px;
    word-wrap: break-word;
}
strong {
    color: #636363;
    font-size: 15px;
    font-weight: 500;
}
.bold-text {
    font-size: 20px;
    color: #333333;
    display: inline-block;
    margin-bottom: 10px;
}
.clearfix:after,
.gform_body:after {
    content: "";
    display: block;
    clear: both;
}
#wrapper {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
}
.container {
    width: 940px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
#site-header {
    padding: 20px 0;
    background-color: #ffffff;
}
#logo {
    float: left;
}
#logo a {
    background: url("images/logo.png") no-repeat;
    height: 90px;
    width: 175px;
    display: block;
}
.site-header .wrap {
    padding-top: 20px;
    padding-bottom: 20px;
}
.site-header .title-area {
    padding: 0;
}
.btn-group li {
    float: left;
    margin-left: 18px;
}
.top-right {
    margin-top: 28px;
    float: right;
}
a.btn {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 10px 32px;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    box-shadow: 0px 3px 5px #C4C3C3;
    display: inline-block;
}
.btn.contribution {
    background: #2f8fb6;
    border-bottom: 3px solid #1d7da2;
    padding: 10px 22px;
}
.btn.login {
    background: #e83f41;
    border-bottom: 3px solid #cb0006;
}
.navigation-bar {
    background-color: #012d65;
    border-bottom: 3px solid #6595a8;
}
#search-form {
    background: #ffffff;
    color: #888888;
    border-radius: 3px;
    margin-top: 13px;
    width: 162px;
    float: right;
}
#nav-search #search-form ::-webkit-input-placeholder { color:#888888; }
#nav-search #search-form ::-moz-placeholder { color:#888888; } /* firefox 19+ */
#nav-search #search-form :-ms-input-placeholder { color:#888888; } /* ie */
#nav-search #search-form input:-moz-placeholder { color:#888888; }

#nav-search #search-form label.screen-reader-text {
    display: none;
}
#search-form input[type="text"] {
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    width: 130px;
    padding: 8px 15px;
    vertical-align: top;
    outline: none;
}
#search-form input[type="submit"] {
    width: 34px;
    padding: 8px;
    text-indent: -999em;
    background: url("images/search-icon.png") no-repeat scroll 8px 8px;
    outline: none;
}
#search-form  input {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 11px 10px;
    width: 120px;
    box-sizing: border-box;
    font-style: italic;
    color: #888888;
}
.error404 .site-container  #search-form #s,
.result-search #search-form #s {
    padding: 12px 20px;
    border-radius: 10px;
    outline: none;
    font-size: 17px;
    font-style: italic;
    width: auto;
    border: 1px solid #C4C3C3;
    -webkit-box-shadow: -1px -1px 0 #A6BBB7;
    -moz-box-shadow: -1px -1px 0 #A6BBB7;
    box-shadow: 0px 1px 5px #C4C3C3;
    -webkit-appearance: none;
}
.gform_wrapper ul li.gfield.gfield_error {
    margin-left: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-top: 10px;
    margin-bottom: 12px !important;
    padding-left: 18px !important;
    box-sizing: border-box;
}

#nav-main {
    float: left;
}
#searchform {
    float: right;
}
#nav-main li:first-child a {
    text-indent: -999em;
    background: url("images/home1.png") no-repeat left center;
    width: 20px;
    height: 20px;
    display: block;
    padding-left: 0;
     padding-right: 5px;
}
#nav-main li:first-child a:hover{
    background: url("images/home1-hover.png") no-repeat left center;

}
#nav-main li a {
    font-family: 'Fira Sans', sans-serif;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    padding: 20px 16px;
    display: inline-block;
}
#nav-main li a:hover,
#nav-main .current-menu-item a {
    color: #5db9ef;
}
#nav-main li {
    float: left;
}
/*Map--------*/
.map iframe {
    width: 100%;
    height: 320px;
    display: block;

}
/*banner-section*/
.banner-section {
    position: relative;
    color:#fff;
}
.banner-section img {
    display: block;
    max-width: 100%;
}
.banner-section h2 {
    width: 670px;
    font-family: 'CenturyGothic';
    font-weight: normal;
    margin: 0 auto;
    text-align: center;
    line-height: 1.142;
}
.banner-section .container {
    position: absolute;
    top: 36%;
    right: 49%;
    margin-right: -470px;
}
.banner-section h2:before,
.banner-section h2:after {
    content: "";
    width: 580px;
    height: 3px;
    display: block;
    background-color: #fff;
    margin: 0 auto;
}
.banner-section h2 span {
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 18px;
}
/*content section----------------------*/
.page-template-front-page h3 {
    margin-bottom: 5px;
}
.site-container {
    padding-top: 50px;
    padding-bottom: 28px;
}
.home .site-container {
    background: url("images/home-st-bg.jpg") repeat-y scroll -1px 0;
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}
.video-holder h3 {
    margin-bottom: 0;
    line-height: 1;
}
.video-holder p {
    font-size: 13px;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#wrapper {
    background: url("images/site-container-bg.jpg") repeat;
    margin-bottom: 38px;
    margin-top: 40px;
}
.page-template-contact-us-page #wrapper .site-container,
.page-template-contact-us-page-php #wrapper .site-container {
    background: url("images/contact-bg.jpg");
    padding-top: 68px;
}
.video-holder {
    width: 440px;
}
.content.alignright {
    width: 398px;
}
.content h4 {
    margin-bottom: 10px;
}
/*involve-section*/
.footer-top-section {
    background: url("images/gray-bg.jpg") repeat;
    padding: 35px 0;
}
.involve-text {
    width: 461px;
    float: left;
}
.widget-easy-twitter-feed-widget-global-wrapper {
    float: right;
}
.footer-top-section {
    position: relative;
}
.home .footer-top-section:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 48%;
    -webkit-box-shadow: 0px 0px 1px #969191;
    -moz-box-shadow: 0px 0px 1px #969191;
    box-shadow: 0px 0px 1px #969191;
}
.text-red {
    color: #d43934;
}
/*Twitter feed*/
.twitter-feed h2 {
    font-size: 30px;
    color: #333333;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 500;
}
.home .twitter-feed {
    float: right;
    width: 400px;
    padding: 10px;
    box-sizing: border-box;
}
.twitter-feed p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    color: #555555;
}
.twitter-feed p a {
    color: #58b7d6;
}
a.kaccount {
    color: #269fd4;
}
a.kaccount:hover {
    text-decoration: underline;
}
.kdate {
    color: #A29E9E;
}
/*Footer*/
#site-footer {
    background: url("images/footer-bg.png") repeat;
    padding: 56px 0;
}
.secondary-nav ul li {
    float: left;
    margin-right: 20px;
}
.secondary-nav ul li:last-child {
    margin-right: 0;
}
.secondary-nav ul li a {
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 5px;
    display: inline-block;
}
.secondary-nav ul li a:hover,
#copyright a:hover,
#credit a:hover {
    text-decoration: underline;
}
.social-links {
    margin-bottom: 22px;
}
.social-links ul {
    float: right;
}
.social-links ul li {
    float: left;
    margin-left: 8px;
}
.social-links ul li a:hover {
    opacity: 0.5;
}
#site-footer .alignright {
    margin-left: 0;
}
#site-footer .alignleft {
    width: 641px;
    margin-right: 0;
}
#site-footer .alignright p {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
}
#copyright,
#credit {
   color: #afaeae;
    line-height: 1.4;
}

#copyright a,
#credit a {
    color: #D2D0D0;
}
.secondary-nav {
    margin-bottom: 20px;
}
.partners ul li {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px;
}
.partners ul li:last-child {
    margin-right: 0;
}
/*About--------*/
.content {
    width: 819px;
    float: left;
}
.page-template-participage .content {
    width: 935px;
    float: left;
}
.page-template-microbiome-page .content{
    width: 941px;
}
.page-template-about-page .primary-content,
.page-template-about-page-php .primary-content {
    width: 578px;
    float: left;
}
.continue-read-more {
    margin-bottom: 50px;
}

#sidebar {
    float: right;
    width: 280px;
    padding: 10px;
}
/*#sidebar .twitter-feed {
    background-color: #f6f6f6;
    border-top: 5px solid #00b8e7;
    padding-left: 40px;
    border-left: 1px solid #c9cacc;
    border-right: 1px solid #c9cacc;
    border-bottom: 1px solid #c9cacc;
    margin-bottom: 48px;
}*/
#sidebar .twitter-feed p {
    line-height: 1.4;
}
#sidebar .twitter-feed {
    margin-bottom: 45px;
}
#sidebar .twitter-feed div {
    border-left: 1px solid #c9cacc !important;
}
#sidebar .twitter-feed .ktweet{
    padding: 20px;
}
#sidebar .twitter-feed .kebo-tweets div {
    border-left: none !important;
}
#sidebar .twitter-feed h2.rounded,
#sidebar .twitter-feed .ktweet {
    position: relative;
}

#sidebar .kebo-tweets .ktweet .kdate {
    float: left;
}
#sidebar .twitter-feed h2.rounded:before {
    content: "";
    height: 18px;
    width: 20px;
    background: url("images/before-twitter.png") no-repeat;
    display: block;
    position: absolute;
    top: 32%;
    left: -30px;
}
#sidebar .twitter-feed .ktweet:before {
    content: "";
    height: 15px;
    width: 18px;
    background: url("images/twit-content-berore.png") no-repeat;
    display: block;
    position: absolute;
    top: 32%;
    left: 0px;
}
#sidebar  h2 {
    font-size: 18px;
    color: #333333;
    margin: 0;
    margin-bottom: 18px;
}
.widget {
    margin-bottom: 40px;
}
.widget a {
    color: #338bb6;
}
.widget a:hover  {
    text-decoration: underline;
}
#sidebar .twitter-feed h2 {
    border-bottom: 1px solid #c9cacc;
    padding: 20px;
    margin-bottom: 0;
}
.recent-videos h2 {
    margin-bottom: 40px;
}
.about-2 p {
    font-size: 14px;
    line-height: 2.14;
}
.recent-videos li p {
    margin-bottom: 0;
}
.recent-videos li {
    margin-bottom: 48px;
}
/*blockquote*/
.recent-quotes {
    text-align: center;
}
.recent-quotes blockquote {
    width: 620px;
    margin: 0 auto;
    position: relative;

}
.recent-quotes p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.recent-quotes h4 {
    margin-bottom: 30px;
}
.recent-quotes blockquote:before {
    content: "";
    height: 10px;
    width: 14px;
    display: block;
    background: url("images/before-quote.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.recent-quotes blockquote:after {
    content: "";
    height: 10px;
    width: 14px;
    display: block;
    background: url("images/after-quote.png") no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*Our Blog Post*/
.recent-blog .blog-posts h4 {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
}
.recent-blog .blog-posts {
    border-top: 1px solid #b7b7b7;
}
.recent-blog .blog-posts:nth-child(2) {
    border-top: none;
}
.recent-blog a.click {
    font-size: 15px;
    font-weight: 500;
    color: #348bb7;
    text-decoration: underline;
}
.recent-blog a.click:hover {
    text-decoration: none;
}
.recent-blog .blog-posts h4 a {
    color:  #348bb7;
}
.recent-blog .blog-posts h4 a:hover {
    color: #1ab7ea;
}
.recent-blog .post-date  {
    font-size: 14px;
    color: #727272;
    line-height: 1;
    font-weight: 400;
    font-style: italic;
}
.blog-posts {
    padding: 18px 0;
}

.recent-blog .blog-posts:last-child {
    border-bottom: none;
}
.blog-box .blog-posts:nth-child(3n + 1) {
    margin-left: 0;
    clear: left;
}
.post-title {
    margin-bottom: 46px;
}
/*.blog-posts a {
    position: relative;
    display: inline-flex;
    margin-bottom: 22px;
}*/

a.more-link,
.continue-read-more {
    color: #565656;
    font-weight: 500;
    text-decoration: underline;
}
.more-link:hover,
.continue-read-more:hover {
    text-decoration: none;
    color: #565656;
}
.blog-btn {
    display: block;
    text-align: center;
    margin-top: 20px;
}
.blog-btn .btn {
    font-size: 13px;
    font-weight: bold;
    color: #368db8;
    border-radius: 0;
    border: 1px solid #a4a8a8;
    -moz-box-shadow:    2px 2px 2px #3d3f3f;
    -webkit-box-shadow: 2px 2px 2px #3d3f3f;
    box-shadow:         2px 2px 2px #3d3f3f;
}
.blog-btn .btn:hover,
.gform_button:hover,
.comment-form input[type="submit"]:hover,
.btn:hover,
.site-container #searchsubmit:hover {
   opacity: 0.9;
}
.post p {
    padding-top: 10px;
}
.post h5{
    font-size: 20px;
    color: #348cb7;
    font-weight: 700;
    margin-bottom: 5px;
}
/*Microbiome*/
.services-content ul li {
    width: 440px;
    margin-left: 18px;
    vertical-align: top;
}
.services-content ul li img {
    margin-top: 12px;
    margin-bottom: 20px;
}
.services-content ul li:nth-child(odd){
    float: left;
}
.services-content ul li:nth-child(even){
    float: right;
}
.services-content ul li:first-child,
.services-content ul li:nth-child(2n+1) {
    margin-left: 0;
}
.page-template-microbiome-page .content p strong {
    font-weight: 500;
    line-height: 1.5;
}
.page-template-microbiome-page .content p {
    line-height: 1.5;
}
.page-template-microbiome-page .content p strong em {
    font-weight: 700;
}
.services-content h3 {
    font-size: 20px;
    color: #348cb7;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 10px;
}
/*Notice*/
.notice h4 {
    font-weight: 700;
    color: #716c56;
    text-transform: uppercase;
    line-height: 1;
}
.notice p {
    margin-bottom: 0;
    color: #716c56;
    font-size: 14px;
    font-weight: 500;
}
.notice {
    background-color: #faf4db;
    padding: 26px 20px;
    border-radius: 8px;
    box-shadow: 4px 4px 0 #d0d1d1;
    -moz-box-shadow:     4px 4px 0 #d0d1d1;
    -webkit-box-shadow:  4px 4px 0 #d0d1d1;
    box-sizing: border-box;
}

/*participate*/
.image-circle {
    text-align: center;
}
.page-template-participage .notice {
    width: 440px;
    margin: 40px auto;
}
.notice {
    margin: 22px 0;
}
.image-holder img {
    margin-top: 20px;
}

/*Research*/
.other-research-2 .content {
    width: 100%;
}
/*Contact US*/
.page-template-contact-us-page .content,
.page-template-contact-us-page-php .content {
    width: 578px;
}
.address {
    padding-top: 56px;
}
.address h4 {
    font-size: 30px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 30px;
}
.address span,
.address span p {
    font-size: 16px;
    font-weight: 400;
    color: #8c8c8c;
    line-height: 1.3;
}
.address span {
    display: inline-block;
    margin-bottom: 10px;
    line-height: 1;
}
.location p {
    display: inline-block;
    padding-left: 30px;
    margin: -23px 0 0;
}
.address span:before {
    content: "";
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
}
.address span.location:before {
    background: url("images/location.png") no-repeat;
}
.address span.tell-number:before {
   background: url("images/tell.png") no-repeat;
}
.address span.contact-email:before {
  background: url("images/email.jpg") no-repeat;
}

/*Form*/
.gform_wrapper .top_label .gfield_label {
    display: none !important;
}
.gform_wrapper ul li.gfield {
    clear: inherit !important;
    float: left;
    margin-left: 20px !important;
}
.gform_wrapper ul li.gfield:first-child,
.gform_wrapper ul li.gfield:nth-child(2n + 1),
#gform_2 ul li:last-child {
    margin-left: 0 !important;
}
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label input.medium {
    width: 336px !important;
}
.gform_button,
.comment-form input[type="submit"] {
    font-size: 16px;
    color: #ffffff;
    background: #2f8fb6;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #1d7da2 !important;
    padding: 10px 22px;
    text-transform: uppercase;
    border-radius: 8px;
    margin-right: 5px;
    box-shadow: 0px 3px 5px #C4C3C3;
}
.gform_button {
    float: right;
}
.error404 .site-container #search-form,
.result-search #search-form {
    width: auto;
    float: none;
    background: transparent;
}
.error404 .site-container #searchsubmit,
.search .result-search #searchsubmit {
    font-size: 16px;
    color: #ffffff;
    background: #2f8fb6;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #1d7da2 !important;
    padding: 12px 22px;
    text-transform: uppercase;
    border-radius: 8px;
    margin-left: 8px;
    box-shadow: 0px 3px 5px #C4C3C3;
    outline: none;
    text-indent: 0;
    width: auto;
}

*::-webkit-input-placeholder {
    color: #575555;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #575555;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #575555;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #575555;
}
#gform_1 select {
    color: #575555 !important;

}
#gform_1 select,
input {
    background-color: #fbfcfd;
}
#gform_1 h3 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #333333;
}
.gfield_required {
    display: none;
}
.gform_wrapper input[type="text"],
.gform_wrapper textarea,
.gform_wrapper select {
    font-size: 14px !important;
    font-weight: 400;
    color: #333333 !important;
    padding: 8px 10px !important;
    border-radius: 4px;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
    box-sizing: border-box;
}
.gform_wrapper h2.gsection_title,
.gform_wrapper .gsection_description,
.gform_wrapper h3.gform_title {
   text-align: center;
}

.gform_wrapper {
    width: 697px;
}
.page-template-research-page .gform_wrapper{
    margin: 0 auto !important;
}
/*form2*/

/*form error*/
.validation_error {
    display: none !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}
.page .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
    margin-top: 0 !important;
}
.page .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
    width: 272px;
}

.page .gform_wrapper .top_label .gfield_description.validation_message,
.page .gform_wrapper .gfield_description.validation_message {
    margin: 0 !important;
    padding: 4px 0px 0 5px !important;
    font-size: 12px;
}
.page .gform_wrapper #gform_1 li.gfield.gfield_error.gfield_contains_required {
    width: 336px;
    padding: 0 !important;
}
.gform_wrapper #gform_2 .top_label .gfield_error select.medium,
.gform_wrapper #gform_2 .top_label .gfield_error input.medium {
    margin-bottom: 5px;
}
/*form error end*/


.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {
    padding: 0 !important;
}

.gform_wrapper .gsection {
    border-bottom: 0 !important;
}
.gform_wrapper #gform_2 .top_label select.medium,
.gform_wrapper #gform_2 .top_label input.medium {
    width: 272px !important;
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .gfield_select,
textarea {
    margin-bottom: 20px;
    font-style: italic;
}
.gform_wrapper .gsection {
    padding: 0 !important;
    margin: 0 !important;
}
#gform_2 .gform_button {
    float: left;
}
#gform_2 .gform_body input,
#gform_2 .gform_body textarea {
    background-color: transparent;
}
.gform_wrapper form:after {
    content: "";
    display: block;
    clear: both;
}
.gform_wrapper #gform_2 h3.gform_title {
    font-size: 25px;
    text-align: left;
    margin-bottom: 35px !important;

}
.gform_wrapper #gform_2 .top_label textarea.textarea {
    width: 540px;
}
/*Blog*/
.blog .content {
    width: 820px;
    margin-bottom: 20px;
}
.blogs-section {
    width: 700px;
    float: left;
}
.post h5 a {
    color: #348cb4;
}
.post  h5 a:hover {
    color: #1ab7ea;
}

.blogs-section article.post {
    margin-bottom: 46px;
}
 article.post img {
    -moz-box-shadow:    3px 2px 6px #ADADAD;
    -webkit-box-shadow: 3px 2px 6px #ADADAD;
    box-shadow:         3px 2px 6px #ADADAD;
    margin-bottom:  25px;
}
article.post time,
time,
a.comment-count,
.post-author {
    font-size: 14px;
    font-weight: bold;
    color: #565656;
    margin-left: 20px;
    font-style: italic;
}
p.post-author {
    display: inline-block;
    margin: 0;
    padding-top: 0 !important;
}
a.comment-count:hover {
    color: #4A68A7;
}
.blog #sidebar {
    float: right;
    padding-top: 0;
    width: 160px;
}
/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-top: 15px;
}
.accordion {
    overflow:hidden;
    border-radius:3px;
    clear: both;
}
.accordion p {
    margin-bottom: 10px;
}

/*----- Section Titles -----*/
.accordion-section-title {
    font-size: 18px;
    font-weight: 500;
    color: #348cb7;
    width:100%;
    padding:15px;
    display:inline-block;
    margin-bottom: 20px;
    background: #f3f2f0;
    position: relative;
}
.accordion-section-title.active {
    margin-bottom: 0;
    border-bottom: none;
}

.accordion-section-title,
.accordion-section-content.open {
    padding: 10px 36px;
}
.accordion-section-content.open {
    margin-bottom: 20px;
    background: #f0efed;
}
.accordion-section-title:after {
    content: "+";
    font-size: 28px;
    display: block;
    top: 5px;
    right: 20px;
    position: absolute;
    background: #f8f7f6;
    border-radius: 50%;
    height: 36px;
    color: #868686;
    width: 34px;
    font-weight: 400;
    margin-left: 15px;
    text-align: center;
}
.accordion-section-title.active:after {
    content: "-";;
}
.accordion-section-title:after:hover {
    color: #868686;
}
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}

/*404 pages*/
.error404 .content {
    margin: 0 auto;
    text-align: center;
    float: none;
    padding: 50px 0;
}
.error404 .content h3,
.result-search h3{
    font-size: 40px;
    margin-bottom: 40px;
}
.error404 .content #searchform {
    float: none;
}
/*Archive*/
.page-title {
    color: #333;
    margin-bottom: 35px;
}
.archive #sidebar {
    width: 200px;
}
/*Single page*/
.single-microbiome-media .content time,
.single-post .content time,
.archive .content time {
    margin-left: 0;
}
.media-category-articles header > h5{
    margin: 7px 0 2px 0;
}
.single-microbiome-media .content time{
    margin-bottom: 10px;
    display: block;
}
#form-allowed-tags {
    display: none;
}
.logged-in .comment-form-comment label {
    display: none !important;
}
.logged-in-as {
    font-size: 18px;
}
.logged-in-as a,
#cancel-comment-reply-link {
    font-size: 16px;
    margin-bottom: 15px;
    color: #0a2b71;
}
.logged-in-as a:hover,
#cancel-comment-reply-link:hover {
    color:  #4A68A7;
}
#reply-title {
    font-size: 30px;
    margin-bottom: 15px;
}
textarea#comment {
    margin-bottom: 10px;
    outline: none;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}
.single-post .wp-post-image,
.archive .wp-post-image {
    width: 100%;
    height: auto;
}
.comment-form p {
    margin-bottom: 10px;
}
.comment-form #submit {
    font-size: 12px;
}
.single-microbiome-media .content,
.single-post .content,
.archive .content {
    width: 578px;
}
.tax-media-category .content{
    width: 648px;
}
/*WP-Pagenavi*/
.wp-pagenavi a,
.wp-pagenavi span {
    font-size: 14px;
    font-weight: 500;
    color: #7c7e83;
    border-radius: 3px;
    padding: 8px 12px;
    margin: 0 5px;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    background-color: #4c95c1;
    color: #fff;
}
.wp-pagenavi span.current {
    background-color: #4c95c1;
    color: #ffffff;
    border: 1px solid #BFBFBF;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    border-color: #BFBFBF !important;
}
.wp-pagenavi {
    float: right;
    margin-right: 20%;
    margin-bottom: 40px;
}
/*Comments-title*/
.comment-list {
    margin-bottom: 40px;
}
.comments-title {
    color: #333333;
    font-size: 26px;
    margin-bottom: 40px;
}
.comment-section .comment {
    list-style: none;
    border-radius: 8px;
}
.comment-section .comment-edit-link {
    display: none;
}
.comment .children {
    margin-left: 20px;
}
 .comment-body {
    -webkit-box-shadow: 0 1px 3px #676666;
    -moz-box-shadow: 0 1px 3px #676666;
    box-shadow: 0 1px 3px #676666;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 10px;
    box-sizing: border-box;
}
.comment-meta {
    margin-top: 10px;
}
 .comment-meta a {
     font-size: 14px;
     font-weight: 500;

 }

 /*Media page*/
 .media-wrap > div{
    float: left;
    width: 100%;
    margin-right: 0;
}
.media-wrap h4{
    font-size: 25px;
   margin-bottom: 20px;
}
.media-wrap > div.odd{
    clear: left;
}
.media-wrap > div.even {
    margin-left: 4%;
    margin-right: 0;
}
#audio-podcasts .mejs-container{
    width:80% !important;
}
.media-wrap .image-holder{
    width: 140px;
    float: left;
    margin-right: 10px;
}
.page-template-media-page h3 {
    margin-bottom: 55px;
}
.tabs p {
    line-height: 1.5;
}
.video-list li:first-child,
.artical-list li:first-child{
    border-top: none;
    padding-top: 0;
}
.row {
    border-top: 1px solid #e4e4e4;
    padding-top: 10px;
        margin-bottom: 15px;
}
.tax-media-category .row{
    border:none;
    padding-top:0;
    margin-top:0;
     border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.video-list li {
   float: left;
    width: 30%;
}
.video-list li.row{
    border:none;
    padding:0;
    margin:0 3% 20px 0;
}
.artical-list img {
    -moz-box-shadow:    3px 2px 6px #ADADAD;
    -webkit-box-shadow: 3px 2px 6px #ADADAD;
    box-shadow:         3px 2px 6px #ADADAD;
    margin-bottom: 5px;
    max-width: 100%;
    margin-top: 0;
}
.video-list h5,
.artical-list h5 {
    font-size: 20px;
    font-weight: 700;
    color: #348cb7;
    margin: 10px 0;
}
.video-list .video-wrapper,
.artical-list .artical-wrapper {
    margin-bottom: 15px;
}
.video-wrapper img{
    max-width: 100%;
}
.video-wrapper .fancybox:before{
     content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("images/play-icon.png") no-repeat center center;
    position: absolute;
    left: 0;
    top: 10%;
}
.content-box p{
   font-size: 14px;
    line-height: 1.5;
}
.content-box a.more-link{
    margin-top: -21px;
    float: right;
}
.load-more {
    font-weight: 500;
    color: #348bb7;
    display: block;
    text-align: right;
}
.artical-list time {
    margin-bottom: 15px;
    display: inline-block;
}
.share-btns {
    float: right;
    margin-top: 15px;
}
.share-btns .icon {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin-left: 8px;
}
.share-btns  .share {
    background: url("images/share-icon.png") no-repeat;
}
.share-btns  .share:hover {
    opacity: 0.7;
}
.share-btns .download  {
    background: url("images/download-icon.png") no-repeat;
}
.share-btns .download:hover {
    background: url("images/download-hover.png")no-repeat;
}

.books .alignleft,
.media-category-audio-podcasts .date,
.media-category-books .date {
    font-size: 15px;
    font-weight: 700;
    width: 57px;
    margin-right: 16px;
    line-height: 1;
    text-align: right;
    margin-top: 9px;
}
.media-category-audio-podcasts .mejs-container{
    width: 88% !important;
}
.media-category-books .content-box > p{
    padding-left: 70px;
}
/*#books .books .content-box > p{
    padding-left: 73px;
    margin-bottom: 0
}*/
#videos-news > h4{
    margin-bottom: 0;
}
.pdf-articals .content-box > p{
    margin-bottom: 0;
}
.audio {
    margin: 20px 0;
}
.audio .alignleft {
    text-align: right;
    margin: 8px 16px 0 0;
}
.mejs-container{
   margin-left: 73px;
}
a.btn-view-more{
    background: #2f8fb6;
    padding: 10px 22px;
   font-size: 14px;
}
/*=WordPress Defaults
---------------------------------------*/
img{
    max-width: 100%;
    height: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
img.alignnone,
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.5em;
}
.wp-caption {
	margin-bottom: 1.5em;
	padding: 8px;
	max-width: 96%;
	background: #efefef;
}
.wp-caption img {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}
.wp-caption-text {
	position: relative;
	margin-bottom: 0.6em;
	padding: 10px 5px 5px;
	color: #7a7a7a;
	text-align: center;
	font-style: italic;
	font-size: 13px;
	font-family: Georgia, serif;
}
img[class*="wp-image-"] {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

/*Search Result*/
.result-search {
    text-align: center;
}

.responsive-menu {
    display:  none;
}
.two-col-layout .col{
    float: left;
    width: 45%;
    margin-left: 5%;
}
.two-col-layout .form-wrap .gform_title{
    margin-top: 0;
}
.two-col-layout .gform_body{
    padding-left: 40px;
}
.two-col-layout .form-wrap .gform_wrapper ul li.gfield{
    margin-left:0 !important;
}
.two-col-layout .form-wrap .gform_wrapper .gform_footer{
      margin-right: 30px;
}
.image-wrap{
        margin: 0 auto;
    display: block;
    width: 75%;
    margin-bottom: 20px;
}
.image-wrap img{
    max-width: 100%;
}
/*.image-wrap ~ p {
    float: left;
    width: 45%;
    margin-left: 5%;
}*/

#newspaper-articles .artical-list h5{
    font-family: CenturyGothic;
}
div#scientific-papers strong {
    font-weight: 600;
}
.publication{
    display: block;
    font-size: 16px;
    color: #2e75b6;
    margin-bottom: 5px;
}

/*=Media Queries
---------------------------------------*/
/*@media only screen ipad landscape====================================================*/
@media only screen and (max-width: 1024px) {
    .banner-section img {
        width: 100% !important;
    }

    .home .site-container {
        background: url("images/home-st-bg.jpg") repeat-y scroll -85px 0;
    }
}
@media only screen and (max-width: 959px) {
    .container { width: 768px; }
    .resp-tabs-list li {
        padding: 11px 14px 14px 19px;
    }
    .tabs li.resp-tab-active{
        padding:14px 19px 15px 19px !important;
    }
}
/*@media only screen ipad portrait====================================================*/
@media only screen and (max-width: 800px) {
    .container {
        width: 96%;
        margin-left: 1%;
        margin-right: 1%;
        padding: 0 1%;
    }
    .banner-section .container {
        margin-right: -365px;
    }
    .video-holder {
        width: 320px;
    }
    .content.alignright {
        width: 50%;
    }
    .involve-text {
        width: 48%;
    }
    .home .twitter-feed {
        width: 40%;
    }
    .content,
    .blog .content,
    .page-template-participage .content,
    .page-template-microbiome-page .content,
    .single-microbiome-media .content{
        width: 100%;
    }
    .page-template-contact-us-page .content,
    .page-template-contact-us-page-php .content {
        width: 58%;
    }
    .blog-box {
        text-align: center;
    }
    article.blog-posts img {
        width: 100%;
        height: auto;
    }
    .image-circle img {
        width: 100%;
        height: auto;
    }
    #site-footer .alignleft {
        width: 465px;
    }
    .home .site-container {
        background: none;
    }
    article.post img {
        width: 100%;
        height: auto;
    }
    .blogs-section {
        width: 466px;
    }
    .gform_wrapper #gform_2 .top_label select.medium, .gform_wrapper #gform_2 .top_label input.medium {
        width: 198px !important;
    }
    .gform_wrapper #gform_2 .top_label textarea.textarea {
        width: 369px;
    }
    .home .twitter-feed {
        padding: 10px !important;
    }
    #nav-search {
        position: absolute;
        top: 75px;
        right: 16px;
        background-color: #012D65;
        padding: 5px;
        border-radius: 5px;
    }
    .logged-in #nav-search {
        top: 122px;
    }
    #nav-search #search-form {
       margin: 2px;
        width: 246px;
    }
    #nav-search #search-form input {
        width: 202px;
    }
    #nav-search #search-form input[type="submit"] {
        width: 34px;
    }
    .top-right {
        margin-top: 5px;
        float: right;
    }
    .accordion-section-title {
        width: 99.8%;
    }
    .services-content ul li {
        width: 48%;
    }
    .services-content ul li img {
        width: 100%;
    }
    .image-holder img {
        width: 100%;
        height: auto;
    }
    .page .gform_wrapper li.gfield.gfield_error.gfield_contains_required:nth-child(2n) {
        margin-left: 0 !important;
    }
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
        max-width: 100% !important;
    }
    .single-post .content,
    .archive .content {
        width: 56%;
        margin-right: 12px;
    }
    #nav-main li a {
        padding: 17px;
    }
    .page-template-about-page .continue-text {
        width: 58%;
    }
    .resp-tabs-list li {
        font-size: 12px;
    }
    #wrapper {
        margin: 0;
    }
}
/*@media only screen ipod landscape====================================================*/
@media only screen and (max-width: 767px) {
    html {
        margin-top: 0 !important;
    }
    .responsive-menu {
        display:  block;
    }
    /*Changeble===== .menu and .menu-item-has-children==================*/
    #nav-main, #nav-main > ul ul {
        clear: both;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .js #nav-main, .js #nav-main ul ul {
        overflow: hidden;
        max-height: 0;
        background: rgba(0,0,0,0.1);
    }
    #nav-main.active, .js #nav-main  ul ul.active {
        max-height: 88em;
    }
    #nav-main {
        width: 100%;
        float: none;
    }
    #nav-main li {
        list-style: none;
        position: relative;
        float: none;
    }
    #nav-main > li:first-child{
        display: none;
    }
    #nav-main li:first-child a {
        padding: 15px 20px;
    }
    #nav-main li:last-child a {
        border-bottom: 0;
    }
    #nav-main li a {
        color: #000;
        display: block;
        border-bottom: 1px solid #808080;
        position: relative;
        text-decoration: none;
        padding: 15px 20px;
    }
    #nav-main li.menu-item-has-children .toggle-icon:after {
        content: '+';
        display: block;
        font-size: 1.5em;
        color: #333333;
        padding: 0.25em 0.5em;
        padding-left: 28%;
    }
    #nav-main li.menu-item-has-children .toggle-icon.active:after {
        content: "-";
        padding-left: 40%;
    }

    .menu-item-has-children .toggle-icon {
        width: 40px;
        height: 36px;
        position: absolute;
        right: 2%;
        top: 2%;
        z-index: 3;
    }
    .sub-menu {
        display: none;
    }
    .sub-menu.active {
        display: block;
    }
    ul#nav-main ul {
        margin-left: 20px;
    }
    #nav-main ul li:last-child a {
        border-bottom: 1px solid #808080;;
    }

    /*Changeble=======================*/

    /*Not-Changeble===============================*/
    .menu-bar.open {
        display: none;
    }
    .menu-link.active .menu-bar.open {
        display: block;
        font-size: 24px;
        margin-top: -10px;
        margin-right: 4px;
    }
    .menu-link.active .menu-bar {
        display: none;
    }
    .responsive-menu {
        background: #012d65;
    }
    .responsive-menu:after {
        content: "";
        display: block;
        clear: both;
    }
    a.menu-link {
        display: block;
        padding: 1em;
        color: #FFFFFF;
        text-decoration: none;
    }
    .menu-bar {
        float: right;
        padding: 4px;
        margin-top: 0;
    }
    .menu-bar i {
        height: 3px;
        width: 20px;
        display: block;
        background: #FFFFFF;
        margin:2px 0;
    }
    /*Not-Changeble===============================*/
    /*Responsive-menu===============================================================================*/
    .banner-section .container {
        width: 82%;
        margin-right: -40%;
        top: 27%;
        margin-left: 0 !important;
    }
    .banner-section h2:before,
    .banner-section h2:after {
        width: 315px;
    }
    .video-holder {
        width: 100%;
        margin-right: 0;
    }
    .content.alignright {
        width: 100%;
        margin-left: 0;
    }
    .banner-section h2 {
        width: 100%;
        font-size: 20px;
    }
    .secondary-nav ul li {
        float: none;
        margin: 0 5px;
        display: inline-block;
    }
    #site-footer .alignleft,
    .partners {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    #copyright,
    #credit {
        text-align: center;
    }
    .social-links {
        text-align: center;
    }
    .social-links ul li {
        float: none;
        display: inline-block;
    }
    .social-links ul {
        float: none;
    }
    #site-footer .alignright {
        display: inline-block;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    img[class*="wp-image-"] {
        margin: 0 0 20px;
        display: block;
        float: none;
        width: 94%;
    }
    .navigation-bar {
        background: transparent;
    }
    #nav-main {
        margin-bottom: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    #site-header {
        padding-top: 20px;
        padding-bottom: 35px;
    }
    #sidebar {
        float: none;
        width: auto;
        clear: both;
        padding-top: 20px;
    }
    body.page-template-about-page #sidebar{
        padding-left: 30px;
    }
    .blogs-section {
        width: 100%;
    }
    .blog #sidebar {
        float: none;
        width: 200px;
        padding:0;
    }
    .gform_wrapper #gform_2 .top_label select.medium,
    .gform_wrapper #gform_2 .top_label input.medium {
        float: none;
        width: 96% !important;
    }
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
        margin-top: 12px;
        margin-bottom: 0!important;
        padding-left: 0 !important;
        margin-left: 0;
    }

    .gform_wrapper ul li.gfield {
        clear: inherit !important;
        float: none;
        margin-left: 0 !important;
    }
    .gform_wrapper #gform_2 .top_label textarea.textarea {
        width: 96%;
        box-sizing: border-box;
    }
    .address {
        padding-top: 10px;
    }
    .navigation-bar {
        border-bottom: 0;
    }
    .site-container {
        padding-top: 20px;
    }

    .post p {
        margin-bottom: 10px;
    }
    .recent-quotes blockquote {
        width: 100%;
    }
    .btn-group li:first-child {
        margin-left: 0;
    }
    article.blog-posts {
        width: 100%;
        margin: 0;
    }
    .blog-box .blog-posts:nth-child(3n + 1) {
       margin: 0 10px;
    }
    .gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title {
        text-align: left;
    }
    .gform_wrapper .top_label select.medium, .gform_wrapper .top_label input.medium {
        width: 98% !important;
    }
    #gform_1 .gform_button {
        margin-right: 15px;
    }
    .wp-pagenavi {
        float: none;
        margin-right: 0;
        margin-bottom: 40px;
        text-align: center;
    }
    #commentform input[type="text"], #commentform select {
        width: 88%;
    }
    textarea#comment {
        width: 94%;
    }
    #site-footer .alignright p {
        text-align: center;
    }
    .recent-blog a.click {
        display: block;
    }
    .continue-text {
        width: 100%;
    }
    .single-post .content,
    .archive .content {
        width: 100%;
    }

    .page .gform_wrapper #gform_1 li.gfield.gfield_error.gfield_contains_required {
        width: 100%;
        padding: 0 !important;
    }
    .page-template-contact-us-page .content,
    .page-template-contact-us-page-php .content {
        width: 100%;
    }
    .artical-list h3 {
        margin-top: 0;
    }
    .twitter-feed img {
        width: 100%;
    }
    .page-template-about-page .continue-text {
        width: 100%;
    }
    .content-box{
        width:100%;
    }
    .content-box img{
       max-width: 100%
    }
    .mejs-container{
        margin-left: 0;
    }
    .audio .date,
    .books .date {
         text-align: left;
        margin: 8px 16px 10px 0;
        float: none;
        width: auto;
        display: block;
    }
    .audio .content-box,
    .books .content-box {
        width: 100%;
    }
    #books .books .content-box > p{
        padding-left: 0;
    }
    .two-col-layout .col {
        width: 95%;
        margin-left: 0;
    }
    .two-col-layout .gform_body {
        padding-left: 0;
    }
    .two-col-layout .form-wrap .gform_wrapper .gform_footer {
        margin-right: 0;
    }
   /* .image-wrap ~ p {
        width: 100%;
        margin-left: 0;
    }*/
    .media-wrap > div{
         width: 100%;
         margin-right: 0;
    }
    #audio-podcasts, #pdf-articles{
        margin: 0 0 50px 0;
    }
    .page-template-about-page-php .primary-content,
    .page-template-about-page .primary-content {
        width: auto;
    }
    .video-list li {
        width: 45%;
    }
    #audio-podcasts, #pdf-articles{
        margin-bottom: 0;
    }
    .image-wrap{
        width: 100%;
    }
    .page-template-contact-us-page #wrapper .site-container,
    .page-template-contact-us-page-php #wrapper .site-container {
        padding-top: 28px;
    }
}

/*@media only screen ipod portrait====================================================*/
@media only screen and (max-width: 480px) {
    .involve-text,
    .home .twitter-feed {
        width: 100%;
    }
    .banner-section h2 {
        font-size: 16px;
    }
    .banner-section h2 span {
        padding-top: 6px;
        padding-bottom: 10px;
    }
    #logo {
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    #logo a {
        display: inline-block;
    }
    .btn-group li {
        float: none;
        display: inline-block;
    }
    .btn-group li:first-child {
        margin-left: 0;
    }
    .top-right {
        float: none;
        text-align: center;
    }
    #site-header {
        padding-bottom: 80px;
    }
    #nav-search {
        right: 0;
        top: 184px;
        width: 96.5%;
        text-align: center;
        margin: 0 auto;
        left: 0;
        background: none;
    }
    .logged-in #nav-search {
        top: 232px;
    }
    .banner-section .container {
        top: 24%;
        width: 96%;
        margin-right: -48%;
    }
    .banner-section h2:before, .banner-section h2:after {
        width: 200px;
    }
    #nav-search #search-form {
        margin: 2px;
        width: 246px;
        border: 6px solid #012D65;
        float: none;
        display: inline-block;
    }
    article.blog-posts {
        width: 90%;
    }
    .post-title {
        text-align: center;
    }
    .accordion-section-title {
        font-size: 15px;
    }
    .accordion-section-title, .accordion-section-content.open {
        padding: 10px 43px 10px 10px;
    }
    textarea#comment {
        width: 96%;
    }
    .error404 .content h3,
    .result-search h3 {
        font-size: 26px;
    }
    .wp-pagenavi a,
    .wp-pagenavi span {
        font-size: 10px;
    }
    .services-content ul li {
        width: 100%;
    }
    .page-template-participage .notice {
        width: 100%;
    }
    .home .footer-top-section:before {
        display: none;
    }
    .video-list li {
        width: 100%;
        margin-right: 0;
    }
}
/*@media only screen Mini-devices====================================================*/
@media only screen and (max-width: 375px) {
    .banner-section h2 {
        font-size: 14px;
    }
    #sidebar {
        width: 286px;
        box-sizing: border-box;
    }
    .error404 .site-container #search-form #s, .result-search #search-form #s {
        width: 163px;
    }
    .wp-pagenavi a,
    .wp-pagenavi span {
        padding: 8px;
    }
    article.post time,
    a.comment-count,
    .post-author {
        font-size: 12px;
        margin-left: 15px;
    }
    .books .alignright {
        width: 80% !important;
    }

}