@media only screen and (min-width:1280px) {
    #menuToggle {display:none;}
    .header-mobile-container {display:none;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
   
.header-mobile-container {display:none;}
    .img-responsive {width:100%;}
    .sticky + .content {padding-top:18em;}

    div.logo {margin:1em 1em; position:absolute; z-index:9;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .header-container {display:block;}
    .slogan-cont {float:right; width:100%; background:#3f3f3f; padding:12px 12px;}
    .slogan-cont img {float:right; width:50%;}
    .sub-nav-cont {width:67%; padding-top:1.5em;}
    .nav-cont {float:right; padding-top:2.5em; width:75%; text-align:center;}

    .sf-menu {font-size:12px; float:none; padding-bottom:1em;}
    .sf-menu li {float:none !important; display:inline-table;}
    .search-icon {width:30%;}
    .search-icon {float:right; margin-top:1.5em; margin-right:1.5em;}
    .search-icon input[type=text], input[type=password], input.text, input.title, textarea, select {width:87%;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}
    .footer-cont {width:100%; padding:4em 12px 3em 12px;}
    .footer-support {float:right; width:43%; }
    .footer-menu {float:left; width:57%; color:#fff; margin-left:0; padding-left:9em;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%; padding:1em 12px 0.4em 12px;}

    .pagecontainer {width:100%;}
    .recipe-header {width:80%; padding:1em 12px 2em 12px;}
    .recipe-logo {width:20%; float:left;}
    .recipe-logo img {width:100%;}
    .recipe-copy {float:right; width:80%; padding:0 12px;}
    .recipe-copy p {padding:20px 0; font-size:16px; text-align:center;}
    .recipes-indi-container {padding-top:0;}
    .recipes-indi-cont {width:30%; display:inline-block; margin:0 auto; padding-bottom:1em;}
    .recipes-indi-cont img {width:80%}

    .recipes-video-cont {overflow:hidden; position:relative; width:90%;}
    .recipes-video-cont::after {padding-top:56.25%; display:block; content:'';}
    .recipes-video-cont iframe  {position:absolute; top:0; left:0; width:100%; height:100%;}
    .recipe-header h3 {font-size:44px; margin-top:0;}
    .recipes-post-container {padding:0 12px;}
    .recipes-post-container p {font-size:16px}
    .recipes-logo-cont {width:100%; margin-bottom:1.5em;}
    .recipes-logo-cont img {width:15%; margin:0 3px;}
    .recipes-copy-cont-left {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-left p {padding-bottom:12px;}
    .recipes-copy-cont-left img {width:45%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-cont-left h4 {font-size:22px; margin-top:14px;}
    .recipes-copy-cont-right {width:100%; float:none;}
    .wpcf7-form-control-wrap {width:65%;}
    .recipes-copy-cont-right input, button, select, textarea {width:100%;}
    .getintouch-form {float:none; margin-bottom:2em}
    .wpcf7-submit {width:auto !important;}
    .recipes-copy-cont-right h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right ul {font-size:16px; margin-bottom:24px;}
    .recipes-copy-cont-right ol {font-size:16px; margin-bottom:24px;}
    .pp_content_container .pp_details {padding-bottom:2.5em;}

    .recipes-copy-cont {padding-top:1em;}
    .recipes-copy-cont-right-layoutb {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-right-layoutb h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right-layoutb ul {font-size:16px; margin-bottom:40px;}
    .recipes-copy-cont-right-layoutb ol {font-size:16px; margin-bottom:24px;}   
    ul.cooking-procedure li {font-size:24px;}

    .recipes-copy-cont-layoutc {padding-top:0;}
    .recipes-copy-layoutc {width:100%;}
    .recipes-copy-left-layoutc img {width:60%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-left-layoutc {width:100%; float:none; margin-top:1em;}
    .recipes-copy-left-layoutc h5 {font-size:26px; margin-top:0;}
    .recipes-copy-right-layoutc {width:100%; float:none;}
    .recipes-copy-layoutc h4 {font-size:22px; margin-top:14px;}

    .about-container h2 {padding:0 12px;}
    .about-container p {width:100%; font-size:16px; padding:0 12px;}
    .about-indi-container {padding-top:2em;}
    .about-indi-cont {width:50%; margin:0; padding:0 12px; float:left; display:block;}
    .about-indi-cont h3 {margin-top:15px; margin-bottom:4px;}
    .about-indi-cont p {padding:0; margin-bottom:28px;}

    .contact-cont {padding-bottom:9em;}
    .contact-container {width:100%; padding:0 12px;}
    .contact-container label {padding-top:1em;}
    .contact-container .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {width:100%;}

    .privacypolicy-container h2 {padding:0 12px;}
    .privacypolicy-container h3 {padding:0 12px;}
    .privacypolicy-container p {padding:0 12px;}

    .search-container h2 {padding:0 12px;}
    .recipes-search-cont-left {width:100%; float:none;}
    .recipes-search-cont-left img {width:60%; float:none; margin:0 auto;}
    .recipes-search-cont-right {width:100%; float:none; margin-top:1em; }
    .searchitem {margin:0 12px;}
    .search-container h3 {text-align:center; margin-bottom:9px;}
    .search-container p {text-align:center;}

    .captcha-235 span.wpcf7-not-valid-tip {margin-left:0; display:block; float:left; margin-top:1em;}
    .contact-container img {float:revert;}

    
}


@media only screen and (min-width:801px) and (max-width:1024px) {
   
    .header-mobile-container {display:none;}
    .img-responsive {width:100%;}
    .sticky + .content {padding-top:18em;}

    div.logo {margin:1em 1em; position:absolute; z-index:9;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .header-container {display:block;}
    .slogan-cont {float:right; width:100%; background:#3f3f3f; padding:12px 12px;}
    .slogan-cont img {float:right; width:50%;}
    .sub-nav-cont {width:100%; padding-top:1.5em;}
    .nav-cont {float:left; padding-top:2.5em; width:100%; text-align:center;}

    .sf-menu {font-size:12px; float:none; padding-bottom:1em;}
    .sf-menu li {float:none !important; display:inline-table;}
    .search-icon {width:50%;}
    .search-icon {float:right; margin-top:1.5em; margin-right:1.5em;}
    .search-icon input[type=text], input[type=password], input.text, input.title, textarea, select {width:87%;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}
    .footer-cont {width:100%; padding:4em 12px 3em 12px;}
    .footer-support {float:right; width:43%; }
    .footer-menu {float:left; width:57%; color:#fff; margin-left:0; padding-left:9em;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%; padding:1em 12px 0.4em 12px;}

    .pagecontainer {width:100%;}
    .recipe-header {width:100%; padding:1em 12px 0 12px;}
    .recipe-logo {width:100%; float:none;}
    .recipe-logo img {width:25%;}
    .recipe-copy {float:none; width:100%; padding:0 12px;}
    .recipe-copy p {padding:20px 0; font-size:16px; text-align:center;}
    .recipes-indi-container {padding-top:0;}
    .recipes-indi-cont {width:48%; display:inline-block; margin:0 auto; padding-bottom:1em;}
    .recipes-indi-cont img {width:60%}

    .recipes-video-cont {overflow:hidden; position:relative; width:90%;}
    .recipes-video-cont::after {padding-top:56.25%; display:block; content:'';}
    .recipes-video-cont iframe  {position:absolute; top:0; left:0; width:100%; height:100%;}
    .recipe-header h3 {font-size:44px; margin-top:0;}
    .recipes-post-container {padding:0 12px;}
    .recipes-post-container p {font-size:16px}
    .recipes-logo-cont {width:100%; margin-bottom:1.5em;}
    .recipes-logo-cont img {width:15%; margin:0 3px;}
    .recipes-copy-cont-left {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-left p {padding-bottom:12px;}
    .recipes-copy-cont-left img {width:45%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-cont-left h4 {font-size:22px; margin-top:14px;}
    .recipes-copy-cont-right {width:100%; float:none;}
    .wpcf7-form-control-wrap {width:65%;}
    .recipes-copy-cont-right input, button, select, textarea {width:100%;}
    .getintouch-form {float:none; margin-bottom:2em}
    .wpcf7-submit {width:auto !important;}
    .recipes-copy-cont-right h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right ul {font-size:16px; margin-bottom:24px;}
    .recipes-copy-cont-right ol {font-size:16px; margin-bottom:24px;}
    .pp_content_container .pp_details {padding-bottom:2.5em;}

    .recipes-copy-cont {padding-top:1em;}
    .recipes-copy-cont-right-layoutb {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-right-layoutb h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right-layoutb ul {font-size:16px; margin-bottom:40px;}
    .recipes-copy-cont-right-layoutb ol {font-size:16px; margin-bottom:24px;}   
    ul.cooking-procedure li {font-size:24px;}

    .recipes-copy-cont-layoutc {padding-top:0;}
    .recipes-copy-layoutc {width:100%;}
    .recipes-copy-left-layoutc img {width:60%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-left-layoutc {width:100%; float:none; margin-top:1em;}
    .recipes-copy-left-layoutc h5 {font-size:26px; margin-top:0;}
    .recipes-copy-right-layoutc {width:100%; float:none;}
    .recipes-copy-layoutc h4 {font-size:22px; margin-top:14px;}

    .about-container h2 {padding:0 12px;}
    .about-container p {width:100%; font-size:16px; padding:0 12px;}
    .about-indi-container {padding-top:2em;}
    .about-indi-cont {width:50%; margin:0; padding:0 12px; float:left; display:block;}
    .about-indi-cont h3 {margin-top:15px; margin-bottom:4px;}
    .about-indi-cont p {padding:0; margin-bottom:28px;}

    .contact-cont {padding-bottom:9em;}
    .contact-container {width:100%; padding:0 12px;}
    .contact-container label {padding-top:1em;}
    .contact-container .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {width:100%;}

    .privacypolicy-container h2 {padding:0 12px;}
    .privacypolicy-container h3 {padding:0 12px;}
    .privacypolicy-container p {padding:0 12px;}

    .search-container h2 {padding:0 12px;}
    .recipes-search-cont-left {width:100%; float:none;}
    .recipes-search-cont-left img {width:60%; float:none; margin:0 auto;}
    .recipes-search-cont-right {width:100%; float:none; margin-top:1em; }
    .searchitem {margin:0 12px;}
    .search-container h3 {text-align:center; margin-bottom:9px;}
    .search-container p {text-align:center;}

    .captcha-235 span.wpcf7-not-valid-tip {margin-left:0; display:block; float:left; margin-top:1em;}
    .contact-container img {float:revert;}

}


@media only screen and (min-width:601px) and (max-width:800px) {
   
    .header-mobile-container {display:none;}
    .img-responsive {width:100%;}
    .sticky + .content {padding-top:18em;}

    div.logo {margin:1em 1em; position:absolute; z-index:9;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .header-container {display:block;}
    .slogan-cont {float:right; width:100%; background:#3f3f3f; padding:12px 12px;}
    .slogan-cont img {float:right; width:50%;}
    .sub-nav-cont {width:100%; padding-top:1.5em;}
    .nav-cont {float:left; padding-top:2.5em; width:100%; text-align:center;}

    .sf-menu {font-size:12px; float:none; padding-bottom:1em;}
    .sf-menu li {float:none !important; display:inline-table;}
    .search-icon {width:50%;}
    .search-icon {float:right; margin-top:1.5em;}
    .search-icon input[type=text], input[type=password], input.text, input.title, textarea, select {width:87%;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}
    .footer-cont {width:100%; padding:4em 12px 3em 12px;}
    .footer-support {float:right; width:43%; }
    .footer-menu {float:left; width:57%; color:#fff; margin-left:0; padding-left:9em;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%; padding:1em 12px 0.4em 12px;}

    .pagecontainer {width:100%;}
    .recipe-header {width:100%; padding:1em 12px 0 12px;}
    .recipe-logo {width:100%; float:none;}
    .recipe-logo img {width:25%;}
    .recipe-copy {float:none; width:100%; padding:0 12px;}
    .recipe-copy p {padding:20px 0; font-size:16px; text-align:center;}
    .recipes-indi-container {padding-top:0;}
    .recipes-indi-cont {width:48%; display:inline-block; margin:0 auto; padding-bottom:1em;}
    .recipes-indi-cont img {width:60%}

    .recipes-video-cont {overflow:hidden; position:relative; width:90%;}
    .recipes-video-cont::after {padding-top:56.25%; display:block; content:'';}
    .recipes-video-cont iframe  {position:absolute; top:0; left:0; width:100%; height:100%;}
    .recipe-header h3 {font-size:44px; margin-top:0;}
    .recipes-post-container {padding:0 12px;}
    .recipes-post-container p {font-size:16px}
    .recipes-logo-cont {width:100%; margin-bottom:1.5em;}
    .recipes-logo-cont img {width:15%; margin:0 3px;}
    .recipes-copy-cont-left {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-left p {padding-bottom:12px;}
    .recipes-copy-cont-left img {width:45%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-cont-left h4 {font-size:22px; margin-top:14px;}
    .recipes-copy-cont-right {width:100%; float:none;}
    .wpcf7-form-control-wrap {width:65%;}
    .recipes-copy-cont-right input, button, select, textarea {width:100%;}
    .getintouch-form {float:none; margin-bottom:2em}
    .wpcf7-submit {width:auto !important;}
    .recipes-copy-cont-right h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right ul {font-size:16px; margin-bottom:24px;}
    .recipes-copy-cont-right ol {font-size:16px; margin-bottom:24px;}
    .pp_content_container .pp_details {padding-bottom:2.5em;}

    .recipes-copy-cont {padding-top:1em;}
    .recipes-copy-cont-right-layoutb {width:100%; float:none; margin-top:1em;}
    .recipes-copy-cont-right-layoutb h5 {font-size:26px; margin-top:0;}
    .recipes-copy-cont-right-layoutb ul {font-size:16px; margin-bottom:40px;}
    .recipes-copy-cont-right-layoutb ol {font-size:16px; margin-bottom:24px;}   
    ul.cooking-procedure li {font-size:24px;}

    .recipes-copy-cont-layoutc {padding-top:0;}
    .recipes-copy-layoutc {width:100%;}
    .recipes-copy-left-layoutc img {width:60%; float:none; padding-bottom:22px; margin:0 auto;}
    .recipes-copy-left-layoutc {width:100%; float:none; margin-top:1em;}
    .recipes-copy-left-layoutc h5 {font-size:26px; margin-top:0;}
    .recipes-copy-right-layoutc {width:100%; float:none;}
    .recipes-copy-layoutc h4 {font-size:22px; margin-top:14px;}

    .about-container h2 {padding:0 12px;}
    .about-container p {width:100%; font-size:16px; padding:0 12px;}
    .about-indi-container {padding-top:2em;}
    .about-indi-cont {width:50%; margin:0; padding:0 12px; float:left; display:block;}
    .about-indi-cont h3 {margin-top:15px; margin-bottom:4px;}
    .about-indi-cont p {padding:0; margin-bottom:28px;}

    .contact-cont {padding-bottom:9em;}
    .contact-container {width:100%; padding:0 12px;}
    .contact-container label {padding-top:1em;}
    .contact-container .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {width:100%;}

    .privacypolicy-container h2 {padding:0 12px;}
    .privacypolicy-container h3 {padding:0 12px;}
    .privacypolicy-container p {padding:0 12px;}

    .search-container h2 {padding:0 12px;}
    .recipes-search-cont-left {width:100%; float:none;}
    .recipes-search-cont-left img {width:60%; float:none; margin:0 auto;}
    .recipes-search-cont-right {width:100%; float:none; margin-top:1em; }
    .searchitem {margin:0 12px;}
    .search-container h3 {text-align:center; margin-bottom:9px;}
    .search-container p {text-align:center;}

    .captcha-235 span.wpcf7-not-valid-tip {margin-left:0; display:block; float:left; margin-top:1em;}
    .contact-container img {float:revert;}


}


@media only screen and (min-width:481px) and (max-width:600px) {
   
.sticky + .content {padding-top:0;}
    .header-desktop-container {display:none;}
    .img-responsive {width:100%;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}

    .header-container {position:relative; padding:1em 12px; background:#000; height:50px;}
    nav {margin-right:0; height:auto;}
    #menuToggle span {background:#fff;}
    #menuToggle {width:30px; margin:0 auto;}
    .mobile-logo {float:left; width:80%;}
    .homepagebanner-copy {z-index:1;}
    .homepagebanner-copy h2 {font-size:14px; margin-top:9em;}
    .homepagebanner-copy h2 span {font-size:20px;}

    .pagecontainer {width:100%; padding:0 12px;}
    .homepage-about-content h3 {font-size:24px;}
    .page-cont {width:100%; padding-bottom:0; padding-top:0;}
    .project-cat-container {width:100%;}
    .featured-projects-details-copy {width:100%;}
    .homepage-events-container {width:100%;}
    .homepagebanner-copy {margin-top:0; margin-left:0;}
    .homepage-about-content {padding-top:1em !important;}
    .homepage-about-content h3 {width:100%;}
    .homepage-about-content p {width:100% !important; font-size:14px !important; margin-top:1em; margin-bottom:3em;}
    .homepage-events-indi {width:100%; display:inline;}
    .homepage-events-indi-thumb {width:100%; float:none;}
    .footer-menu {width:100%; float:none;}
    .footer-copy {width:100%; float:none;}
    .footer-socialmedia {width:100%; float:none;}
    .project-cat-cont-indi {width:100%; display:block; margin:0;}
    .homepage-events-indi-thumb img {width:100%;}
    .more-but {width:100%; font-size:18px;}
    .homepage-team-banner img {padding:2em 0;}
    .homepage-projects h3 {font-size:24px;}
    .homepage-projects {padding-top:2em !important;}
    .project-cat-container {padding-top:2em;}
    .project-cat-details-copy h4 {font-size:18px; margin-top:0; margin-bottom:32px;}
    .homepage-featured-projects {padding-bottom:2em;}
    .homepage-featured-projects h3 {font-size:24px; }
    .homepage-featured-projects {padding-top:2em !important;}
    .featured-projects-container {padding-top:2em !important;}
    .featured-projects-container h4 a {font-size:18px; }
    .featured-projects-container p {font-size:14px;}
    .featured-projects-indi {margin-bottom:2em;}
    .featured-projects-details-copy {padding-top:.5em;}
    .featured-projects-details-copy h4 {margin-bottom:2px}
    .homepage-events {padding-top:2em !important; padding-bottom:5em !important}
    .homepage-events h3 {padding-top:0 !important; font-size:24px;}
    .homepage-events-container {padding-top:1em;}
    .homepage-events-indi-details {padding-top:1em; padding-top:1.5em; width:100%; float:none;}
    .homepage-events-date {font-size:14px !important;}
    .homepage-events h4 a {font-size:18px !important;}
    .homepage-events-copy {font-size:14px !important; margin-bottom:0 !important; padding-bottom:1em !important}

    .footer-menu p {font-size:18px; margin-bottom:12px;}
    .footer-menu li {margin-bottom:12px;}
    .footer-menu ul {margin-bottom:2em;}

    .footer-container {padding-top:3em;}
    .footer-cont {width:100%; padding:0 12px 0 12px;}
    .footer-menu {float:left; width:50%; margin-left:0;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%;}    
    .footer-copy-social {padding-top:1em;}

    .page-cont h2 {font-size:38px;}
    .about-content .page-cont {width:100%; padding-bottom:2em;}
    .about-content .page-cont {padding-top:2em;}
    .page-cont-top-margin {margin-top:0;}
    .page-cont p {font-size:14px;}
    .page-cont strong {font-size:28px;}
    .timeline {font-size:14px; padding-left:3em;}
    .timeline-cont {width:100%; padding:0 12px; padding-bottom:4em;}
    .timeline-cont p {margin-bottom:0;}
    .tl-wrap {margin-left:0;}
    .purpose-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .purpose-banner {width:100%; height:180px;}
    .purpose-content .page-content-cont {width:100%; padding-bottom:4em;}
    .purpose-content .page-content-cont h3 {font-size:34px;}
    .accordion-container .article-title {font-size:22px; text-align:center;}
    .purpose-content .page-content-cont p {font-size:14px;}
    .article-title-2 {padding-left:0;}
    .article-title-3 {padding-left:0;}
    .article-title-4 {padding-left:0;}
    .article-title-5 {padding-left:0;}
    .article-title-6 {padding-left:0;}
    .article-title-7 {padding-left:0;}
    .article-title-8 {padding-left:0;}
    .article-title-9 {padding-left:0;}
    .article-title-10 {padding-left:0;}
    .article-title-11 {padding-left:0;}
    .article-title-12 {padding-left:0;}
    .article-title-13 {padding-left:0;}   
    .article-title-14 {padding-left:0;}
    .team-banner {width:100%; height:180px;}
    .profile-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .container {width:100%; padding:0 !important; }
    .team-container .container {column-count:2;}
    .team-container {margin-bottom:0;}
    .team-container .content-details h3 {font-size:14px;}
    .team-container .content-details p {font-size:11px}
    .team-container .fadeIn-bottom {bottom:-30px;}
    .team-pagecontainer {width:100%; margin-top:0;}
    .team-pagecontainer .page-right {margin-top:4em; width:100%; float:none;}
    .team-pagecontainer .page-left {width:100%; float:none;}
    .team-pagecontainer h2 {font-size:24px; margin-top:18px; margin-bottom:20px;}
    .team-pagecontainer h3 {font-size:14px; line-height:1.3;}
    .team-pagecontainer p {line-height:1.4; font-size:14px;}
    .profile-highlight {font-size:14px;}
    .backto-projects {width:100%; margin-top:2em; padding-bottom:4em; font-size:16px;}

    .projects-container {margin-bottom:0; margin-top:1em; padding:0; padding-bottom:4em;}
    .projects-container {column-count:2;}
    .projects-banner {padding-top:0;}
    .projects-desc {margin-top:0;}
    .project-left {width:100%; float:none;}
    .projects-desc h2 {padding-top:1em; font-size:32px; margin-bottom:12px; }
    .projects-desc h3 {font-size:14px;}
    .table-responsive {border:0 !important;}
    .project-right {width:100%; float:none;}
    .works-images-container {width:100%;}
    .related-cont {width:100%; float:none; height:auto; padding-bottom:2em; padding-top:2em;}
    .grid-item {width:100%;}
    .related-content {margin:0; width:100%; float:none; height:auto;}
    .related-content img {width:100%; height:auto; display:block; margin:0; margin-bottom:1em;}
    .works-images-container .grid {height:auto; }
    .works-images-container {padding-top:0;}
    .projects-desc {width:100%;}
    .grid-item img {width:100%; height:auto;}
    .related-container {padding-bottom:1em;}
    .related-cont h4 {font-size:24px;}
    .projects-container .content-details h3 {font-size:14px !important;}
    .projects-container .content-details p {line-height:1.3; font-size:12px !important;}
    .content-details {display:none;}

    .testi-content .page-cont {width:100%; padding-top:2em; padding-bottom:2em;}
    .testi-content  h2 {font-size:38px; margin-bottom:1em; }
    .testi-cont-indi a h3 {padding-bottom:24px; margin-bottom:6px; font-size:24px; padding-bottom:0;}
    .testi-cont-indi p {font-size:14px;}
    .events-container {width:100%;}
    .testi-cont-indi {width:100%; margin:0;}
    .events-container {padding-bottom:5em;}
    .testi-pagecontainer {width:100%; margin-top:0; margin-bottom:3em}
    .testi-pagecontainer .page-right {width:100%; float:none; margin-top:4em;}
    .testi-pagecontainer .page-left {width:100%; float:none;}
    .testi-pagecontainer h2 {font-size:24px; margin-top:20px; margin-bottom:14px;}
    .testi-pagecontainer h3 {font-size:14px; line-height:1.7;}
    .testi-pagecontainer p {font-size:14px; line-height:1.4;}

    .event-content .page-cont {width:100%; padding-top:2em; padding-bottom:1em;}
    .events-cont-indi {width:100%; margin:0; margin-bottom:1em;}
    .events-cont-indi img {width:100%; height:auto; display:block;}
    .events-post-content {margin-top:0;}
    .events-post-content h3 {line-height:1.3; font-size:34px; padding:0;}
    .events-post-content h2 {padding-top:1.3em; margin-top:0;}
    .events-post-images-container {padding-top:1.3em; width:100%; padding-bottom:1em;}

    .contactus-content .page-cont {padding-top:2em; width:100%;}
    .clients-container {width:100%;}
    .clients-container {margin-top:4em;}
    .clients-container p {padding-bottom:1em; margin-bottom:0;}
    .google-map {height:800px;}
    .adgo-details h2 {font-size:24px; line-height:1.3;}
    .map-content {padding-top:2em;}
    .wpcf7-response-output {color:#fff;}

    .smart-page-loader {display:none !important;}



}



/* Custom, iPhone Retina */ 
@media only screen and (min-width:321px) and (max-width:480px) {

 .sticky + .content {padding-top:0;}
    .header-desktop-container {display:none;}
    .img-responsive {width:100%;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}

    .header-container {position:relative; padding:1em 12px; background:#000; height:50px;}
    nav {margin-right:0; height:auto;}
    #menuToggle span {background:#fff;}
    #menuToggle {width:30px; margin:0 auto;}
    .mobile-logo {float:left; width:80%;}
    .homepagebanner-copy {z-index:1;}
    .homepagebanner-copy h2 {font-size:14px; margin-top:9em;}
    .homepagebanner-copy h2 span {font-size:20px;}

    .pagecontainer {width:100%; padding:0 12px;}
    .homepage-about-content h3 {font-size:24px;}
    .page-cont {width:100%; padding-bottom:0; padding-top:0;}
    .project-cat-container {width:100%;}
    .featured-projects-details-copy {width:100%;}
    .homepage-events-container {width:100%;}
    .homepagebanner-copy {margin-top:0; margin-left:0;}
    .homepage-about-content {padding-top:1em !important;}
    .homepage-about-content h3 {width:100%;}
    .homepage-about-content p {width:100% !important; font-size:14px !important; margin-top:1em; margin-bottom:3em;}
    .homepage-events-indi {width:100%; display:inline;}
    .homepage-events-indi-thumb {width:100%; float:none;}
    .footer-menu {width:100%; float:none;}
    .footer-copy {width:100%; float:none;}
    .footer-socialmedia {width:100%; float:none;}
    .project-cat-cont-indi {width:100%; display:block; margin:0;}
    .homepage-events-indi-thumb img {width:100%;}
    .more-but {width:100%; font-size:18px;}
    .homepage-team-banner img {padding:2em 0;}
    .homepage-projects h3 {font-size:24px;}
    .homepage-projects {padding-top:2em !important;}
    .project-cat-container {padding-top:2em;}
    .project-cat-details-copy h4 {font-size:18px; margin-top:0; margin-bottom:32px;}
    .homepage-featured-projects {padding-bottom:2em;}
    .homepage-featured-projects h3 {font-size:24px; }
    .homepage-featured-projects {padding-top:2em !important;}
    .featured-projects-container {padding-top:2em !important;}
    .featured-projects-container h4 a {font-size:18px; }
    .featured-projects-container p {font-size:14px;}
    .featured-projects-indi {margin-bottom:2em;}
    .featured-projects-details-copy {padding-top:.5em;}
    .featured-projects-details-copy h4 {margin-bottom:2px}
    .homepage-events {padding-top:2em !important; padding-bottom:5em !important}
    .homepage-events h3 {padding-top:0 !important; font-size:24px;}
    .homepage-events-container {padding-top:1em;}
    .homepage-events-indi-details {padding-top:1em; padding-top:1.5em; width:100%; float:none;}
    .homepage-events-date {font-size:14px !important;}
    .homepage-events h4 a {font-size:18px !important;}
    .homepage-events-copy {font-size:14px !important; margin-bottom:0 !important; padding-bottom:1em !important}

    .footer-menu p {font-size:18px; margin-bottom:12px;}
    .footer-menu li {margin-bottom:12px;}
    .footer-menu ul {margin-bottom:2em;}

    .footer-container {padding-top:3em;}
    .footer-cont {width:100%; padding:0 12px 0 12px;}
    .footer-menu {float:left; width:50%; margin-left:0;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%;}    
    .footer-copy-social {padding-top:1em;}

    .page-cont h2 {font-size:38px;}
    .about-content .page-cont {width:100%; padding-bottom:2em;}
    .about-content .page-cont {padding-top:2em;}
    .page-cont-top-margin {margin-top:0;}
    .page-cont p {font-size:14px;}
    .page-cont strong {font-size:28px;}
    .timeline {font-size:14px; padding-left:3em;}
    .timeline-cont {width:100%; padding:0 12px; padding-bottom:4em;}
    .timeline-cont p {margin-bottom:0;}
    .tl-wrap {margin-left:0;}
    .purpose-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .purpose-banner {width:100%; height:180px;}
    .purpose-content .page-content-cont {width:100%; padding-bottom:4em;}
    .purpose-content .page-content-cont h3 {font-size:34px;}
    .accordion-container .article-title {font-size:22px; text-align:center;}
    .purpose-content .page-content-cont p {font-size:14px;}
    .article-title-2 {padding-left:0;}
    .article-title-3 {padding-left:0;}
    .article-title-4 {padding-left:0;}
    .article-title-5 {padding-left:0;}
    .article-title-6 {padding-left:0;}
    .article-title-7 {padding-left:0;}
    .article-title-8 {padding-left:0;}
    .article-title-9 {padding-left:0;}
    .article-title-10 {padding-left:0;}
    .article-title-11 {padding-left:0;}
    .article-title-12 {padding-left:0;}
    .article-title-13 {padding-left:0;}   
    .article-title-14 {padding-left:0;}
    .team-banner {width:100%; height:180px;}
    .profile-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .container {width:100%; padding:0 !important; }
    .team-container .container {column-count:2;}
    .team-container {margin-bottom:0;}
    .team-container .content-details h3 {font-size:14px;}
    .team-container .content-details p {font-size:11px}
    .team-container .fadeIn-bottom {bottom:-30px;}
    .team-pagecontainer {width:100%; margin-top:0;}
    .team-pagecontainer .page-right {margin-top:4em; width:100%; float:none;}
    .team-pagecontainer .page-left {width:100%; float:none;}
    .team-pagecontainer h2 {font-size:24px; margin-top:18px; margin-bottom:20px;}
    .team-pagecontainer h3 {font-size:14px; line-height:1.3;}
    .team-pagecontainer p {line-height:1.4; font-size:14px;}
    .profile-highlight {font-size:14px;}
    .backto-projects {width:100%; margin-top:2em; padding-bottom:4em; font-size:16px;}

    .projects-container {margin-bottom:0; margin-top:1em; padding:0; padding-bottom:4em;}
    .projects-container {column-count:2;}
    .projects-banner {padding-top:0;}
    .projects-desc {margin-top:0;}
    .project-left {width:100%; float:none;}
    .projects-desc h2 {padding-top:1em; font-size:32px; margin-bottom:12px; }
    .projects-desc h3 {font-size:14px;}
    .table-responsive {border:0 !important;}
    .project-right {width:100%; float:none;}
    .works-images-container {width:100%;}
    .related-cont {width:100%; float:none; height:auto; padding-bottom:2em; padding-top:2em;}
    .grid-item {width:100%;}
    .related-content {margin:0; width:100%; float:none; height:auto;}
    .related-content img {width:100%; height:auto; display:block; margin:0; margin-bottom:1em;}
    .works-images-container .grid {height:auto; }
    .works-images-container {padding-top:0;}
    .projects-desc {width:100%;}
    .grid-item img {width:100%; height:auto;}
    .related-container {padding-bottom:1em;}
    .related-cont h4 {font-size:24px;}
    .projects-container .content-details h3 {font-size:14px !important;}
    .projects-container .content-details p {line-height:1.3; font-size:12px !important;}
    .content-details {display:none;}

    .testi-content .page-cont {width:100%; padding-top:2em; padding-bottom:2em;}
    .testi-content  h2 {font-size:38px; margin-bottom:1em; }
    .testi-cont-indi a h3 {padding-bottom:24px; margin-bottom:6px; font-size:24px; padding-bottom:0;}
    .testi-cont-indi p {font-size:14px;}
    .events-container {width:100%;}
    .testi-cont-indi {width:100%; margin:0;}
    .events-container {padding-bottom:5em;}
    .testi-pagecontainer {width:100%; margin-top:0; margin-bottom:3em}
    .testi-pagecontainer .page-right {width:100%; float:none; margin-top:4em;}
    .testi-pagecontainer .page-left {width:100%; float:none;}
    .testi-pagecontainer h2 {font-size:24px; margin-top:20px; margin-bottom:14px;}
    .testi-pagecontainer h3 {font-size:14px; line-height:1.7;}
    .testi-pagecontainer p {font-size:14px; line-height:1.4;}

    .event-content .page-cont {width:100%; padding-top:2em; padding-bottom:1em;}
    .events-cont-indi {width:100%; margin:0; margin-bottom:1em;}
    .events-cont-indi img {width:100%; height:auto; display:block;}
    .events-post-content {margin-top:0;}
    .events-post-content h3 {line-height:1.3; font-size:34px; padding:0;}
    .events-post-content h2 {padding-top:1.3em; margin-top:0;}
    .events-post-images-container {padding-top:1.3em; width:100%; padding-bottom:1em;}

    .contactus-content .page-cont {padding-top:2em; width:100%;}
    .clients-container {width:100%;}
    .clients-container {margin-top:4em;}
    .clients-container p {padding-bottom:1em; margin-bottom:0;}
    .google-map {height:800px;}
    .adgo-details h2 {font-size:24px; line-height:1.3;}
    .map-content {padding-top:2em;}
    .wpcf7-response-output {color:#fff;}

    .smart-page-loader {display:none !important;}
}



/* Custom, iPhone Retina */ 
@media only screen and (max-width:320px) {
    .sticky + .content {padding-top:0;}
    .header-desktop-container {display:none;}
    .img-responsive {width:100%;}
    .header-cont {width:100%; height:auto; background:#fff; border-bottom:1px solid #000; padding:0;}
    .video-container {width:100%; padding:12px 0;}
    video {width:100%; padding:0;}
    .homepage-copy {width:100%; }
    .homepage-copy p {font-size:14px; margin:0 12px;}

    .header-container {position:relative; padding:1em 12px; background:#000; height:50px;}
    nav {margin-right:0; height:auto;}
    #menuToggle span {background:#fff;}
    #menuToggle {width:30px; margin:0 auto;}
    .mobile-logo {float:left; width:80%;}
    .homepagebanner-copy {z-index:1;}
    .homepagebanner-copy h2 {font-size:14px; margin-top:9em;}
    .homepagebanner-copy h2 span {font-size:20px;}

    .pagecontainer {width:100%; padding:0 12px;}
    .homepage-about-content h3 {font-size:24px;}
    .page-cont {width:100%; padding-bottom:0; padding-top:0;}
    .project-cat-container {width:100%;}
    .featured-projects-details-copy {width:100%;}
    .homepage-events-container {width:100%;}
    .homepagebanner-copy {margin-top:0; margin-left:0;}
    .homepage-about-content {padding-top:1em !important;}
    .homepage-about-content h3 {width:100%;}
    .homepage-about-content p {width:100% !important; font-size:14px !important; margin-top:1em; margin-bottom:3em;}
    .homepage-events-indi {width:100%; display:inline;}
    .homepage-events-indi-thumb {width:100%; float:none;}
    .footer-menu {width:100%; float:none;}
    .footer-copy {width:100%; float:none;}
    .footer-socialmedia {width:100%; float:none;}
    .project-cat-cont-indi {width:100%; display:block; margin:0;}
    .homepage-events-indi-thumb img {width:100%;}
    .more-but {width:100%; font-size:18px;}
    .homepage-team-banner img {padding:2em 0;}
    .homepage-projects h3 {font-size:24px;}
    .homepage-projects {padding-top:2em !important;}
    .project-cat-container {padding-top:2em;}
    .project-cat-details-copy h4 {font-size:18px; margin-top:0; margin-bottom:32px;}
    .homepage-featured-projects {padding-bottom:2em;}
    .homepage-featured-projects h3 {font-size:24px; }
    .homepage-featured-projects {padding-top:2em !important;}
    .featured-projects-container {padding-top:2em !important;}
    .featured-projects-container h4 a {font-size:18px; }
    .featured-projects-container p {font-size:14px;}
    .featured-projects-indi {margin-bottom:2em;}
    .featured-projects-details-copy {padding-top:.5em;}
    .featured-projects-details-copy h4 {margin-bottom:2px}
    .homepage-events {padding-top:2em !important; padding-bottom:5em !important}
    .homepage-events h3 {padding-top:0 !important; font-size:24px;}
    .homepage-events-container {padding-top:1em;}
    .homepage-events-indi-details {padding-top:1em; padding-top:1.5em; width:100%; float:none;}
    .homepage-events-date {font-size:14px !important;}
    .homepage-events h4 a {font-size:18px !important;}
    .homepage-events-copy {font-size:14px !important; margin-bottom:0 !important; padding-bottom:1em !important}

    .footer-menu p {font-size:18px; margin-bottom:12px;}
    .footer-menu li {margin-bottom:12px;}
    .footer-menu ul {margin-bottom:2em;}

    .footer-container {padding-top:3em;}
    .footer-cont {width:100%; padding:0 12px 0 12px;}
    .footer-menu {float:left; width:50%; margin-left:0;}
    .footer-icon {margin-top:2em;}
    .footer-copy {width:100%;}    
    .footer-copy-social {padding-top:1em;}

    .page-cont h2 {font-size:38px;}
    .about-content .page-cont {width:100%; padding-bottom:2em;}
    .about-content .page-cont {padding-top:2em;}
    .page-cont-top-margin {margin-top:0;}
    .page-cont p {font-size:14px;}
    .page-cont strong {font-size:28px;}
    .timeline {font-size:14px; padding-left:3em;}
    .timeline-cont {width:100%; padding:0 12px; padding-bottom:4em;}
    .timeline-cont p {margin-bottom:0;}
    .tl-wrap {margin-left:0;}
    .purpose-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .purpose-banner {width:100%; height:180px;}
    .purpose-content .page-content-cont {width:100%; padding-bottom:4em;}
    .purpose-content .page-content-cont h3 {font-size:34px;}
    .accordion-container .article-title {font-size:22px; text-align:center;}
    .purpose-content .page-content-cont p {font-size:14px;}
    .article-title-2 {padding-left:0;}
    .article-title-3 {padding-left:0;}
    .article-title-4 {padding-left:0;}
    .article-title-5 {padding-left:0;}
    .article-title-6 {padding-left:0;}
    .article-title-7 {padding-left:0;}
    .article-title-8 {padding-left:0;}
    .article-title-9 {padding-left:0;}
    .article-title-10 {padding-left:0;}
    .article-title-11 {padding-left:0;}
    .article-title-12 {padding-left:0;}
    .article-title-13 {padding-left:0;}   
    .article-title-14 {padding-left:0;}
    .team-banner {width:100%; height:180px;}
    .profile-content h2 {margin-top:0; padding-top:1em; padding-bottom:24px;}
    .container {width:100%; padding:0 !important; }
    .team-container .container {column-count:2;}
    .team-container {margin-bottom:0;}
    .team-container .content-details h3 {font-size:14px;}
    .team-container .content-details p {font-size:11px}
    .team-container .fadeIn-bottom {bottom:-30px;}
    .team-pagecontainer {width:100%; margin-top:0;}
    .team-pagecontainer .page-right {margin-top:4em; width:100%; float:none;}
    .team-pagecontainer .page-left {width:100%; float:none;}
    .team-pagecontainer h2 {font-size:24px; margin-top:18px; margin-bottom:20px;}
    .team-pagecontainer h3 {font-size:14px; line-height:1.3;}
    .team-pagecontainer p {line-height:1.4; font-size:14px;}
    .profile-highlight {font-size:14px;}
    .backto-projects {width:100%; margin-top:2em; padding-bottom:4em; font-size:16px;}

    .projects-container {margin-bottom:0; margin-top:1em; padding:0; padding-bottom:4em;}
    .projects-container {column-count:2;}
    .projects-banner {padding-top:0;}
    .projects-desc {margin-top:0;}
    .project-left {width:100%; float:none;}
    .projects-desc h2 {padding-top:1em; font-size:32px; margin-bottom:12px; }
    .projects-desc h3 {font-size:14px;}
    .table-responsive {border:0 !important;}
    .project-right {width:100%; float:none;}
    .works-images-container {width:100%;}
    .related-cont {width:100%; float:none; height:auto; padding-bottom:2em; padding-top:2em;}
    .grid-item {width:100%;}
    .related-content {margin:0; width:100%; float:none; height:auto;}
    .related-content img {width:100%; height:auto; display:block; margin:0; margin-bottom:1em;}
    .works-images-container .grid {height:auto; }
    .works-images-container {padding-top:0;}
    .projects-desc {width:100%;}
    .grid-item img {width:100%; height:auto;}
    .related-container {padding-bottom:1em;}
    .related-cont h4 {font-size:24px;}
    .projects-container .content-details h3 {font-size:14px !important;}
    .projects-container .content-details p {line-height:1.3; font-size:12px !important;}
    .content-details {display:none;}

    .testi-content .page-cont {width:100%; padding-top:2em; padding-bottom:2em;}
    .testi-content  h2 {font-size:38px; margin-bottom:1em; }
    .testi-cont-indi a h3 {padding-bottom:24px; margin-bottom:6px; font-size:24px; padding-bottom:0;}
    .testi-cont-indi p {font-size:14px;}
    .events-container {width:100%;}
    .testi-cont-indi {width:100%; margin:0;}
    .events-container {padding-bottom:5em;}
    .testi-pagecontainer {width:100%; margin-top:0; margin-bottom:3em}
    .testi-pagecontainer .page-right {width:100%; float:none; margin-top:4em;}
    .testi-pagecontainer .page-left {width:100%; float:none;}
    .testi-pagecontainer h2 {font-size:24px; margin-top:20px; margin-bottom:14px;}
    .testi-pagecontainer h3 {font-size:14px; line-height:1.7;}
    .testi-pagecontainer p {font-size:14px; line-height:1.4;}

    .event-content .page-cont {width:100%; padding-top:2em; padding-bottom:1em;}
    .events-cont-indi {width:100%; margin:0; margin-bottom:1em;}
    .events-cont-indi img {width:100%; height:auto; display:block;}
    .events-post-content {margin-top:0;}
    .events-post-content h3 {line-height:1.3; font-size:34px; padding:0;}
    .events-post-content h2 {padding-top:1.3em; margin-top:0;}
    .events-post-images-container {padding-top:1.3em; width:100%; padding-bottom:1em;}

    .contactus-content .page-cont {padding-top:2em; width:100%;}
    .clients-container {width:100%;}
    .clients-container {margin-top:4em;}
    .clients-container p {padding-bottom:1em; margin-bottom:0;}
    .google-map {height:800px;}
    .adgo-details h2 {font-size:24px; line-height:1.3;}
    .map-content {padding-top:2em;}
    .wpcf7-response-output {color:#fff;}

    .smart-page-loader {display:none !important;}


}