/* MOBILE
#####################################################*/
/* @the 960px grid
********************************************************************************************
********************************************************************************************/
.container {width: 100%; max-width: 960px; margin: 0 auto; padding:0; overflow:hidden; position:relative;}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,.warpbox {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.threecol{
margin:0 3.5% 30px 0;
width:20.7%;
}

.threecol_spec{
margin:0 2.8% 30px 0;
width:20.85%;
padding:4px;
float:left;
background:url(images/transparent-light.png);
}

.fourcol {
width:29%;
margin:0 2.8% 30px 0;
padding:4px;
float:left;
background:url(images/transparent-light.png);
}

.eightcol {
width: 67%;
padding-right:0;
padding-left:0;
float:left;
}

.sixcol {
width:45.4%;
margin:0 2.8% 30px 0;
padding:4px;
float:left;
background:url(images/transparent-light.png);
}

.eightcol .sixcol{background:none !important;}

.twelvecol {
width: 90%;
float: left;
}

.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}

img {height: auto;}


/* MOBILE Max 1030
#####################################################*/
@media screen and (max-width: 1030px) { /* Specific to this particular image */
.slider_full img {left: 50%; margin-left: -700px; /* 50% */ }
.section .container{padding:80px 2% 80px 2%;}
/*.section{ background-attachment:scroll !important;}*/
.widgetflexslider .flex-direction-nav li .flex-next {right:-15px;}
.widgetflexslider .flex-direction-nav li .flex-prev {left:-15px;}  
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 42%;}
}
/* MOBILE Max 1000
#####################################################*/
@media screen and (max-width: 1000px){
.container {width: auto; margin: 0 20px; padding: 0 0;}
.item_blog.item_height3 {height: 170px;}
.item_blog .imgwrap {max-width: 220px; margin: 15px;}
.item_blog .imgwrap img {max-width: 220px;}
}
/* MOBILE Max 980
#####################################################*/
@media screen and (max-width: 980px){
#servicesbox {padding-top: 0;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 5% 20px 0; padding-top: 20px; padding-bottom: 20px; width: 92%; height: auto !important;}
#servicesbox li p {padding-left: 6%; padding-right: 6%; height: auto; width: auto; min-height: 0;}
#servicesbox h3 i {display: none;}
#servicesbox h3 {margin-top: 0;}
.item_blog.item_height3 {height: 170px;}
.item_blog .imgwrap {max-width: 210px; margin: 15px;}
.item_blog .imgwrap img {max-width: 210px;}
}
/* MOBILE Max 970
#####################################################*/
@media screen and (max-width: 970px){
.section .container{padding: 40px 0 !important;}
#header a img.logo{margin: 0 0 30px 0;}
.flexfull_wrap{max-height: 580px !important;}
.attachment-folio_slider{width: 100%;}
}
/* MOBILE Max 940
#####################################################*/
@media screen and (max-width: 940px){
.fourcol-one,.fourcol-two {width: 30% !important;}
.twocol_one_last {width: 100% !important}
}
/* MOBILE Max 900
#####################################################*/
@media screen and (max-width: 900px){
.fl {margin-right: 25px;}
.fr {float: left !important;}
.item_blog.item_height3 {height: 140px;}
.item_blog .imgwrap {max-width: 160px; margin: 15px;}
.item_blog .imgwrap img {max-width: 160px;}
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 38%;}
}
/* MOBILE Max 850
#####################################################*/
@media screen and (max-width: 850px){
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 130px; margin: 15px; vertical-align: middle;}
.item_blog .imgwrap img {max-width: 130px;}
.section>.container>p.section_text, .section>.container>h2.head {width: 100% !important; padding: 10px 0 !important; background: none !important;}
}
/* MOBILE Max 800
#####################################################*/
@media screen and (max-width: 800px){
.fourcol-one,.fourcol-two {width:44% !important;}
.twocol_one_last {width: 100% !important;}
.item_blog.item_height3 {height: 180px;}
.item_blog .imgwrap {max-width: 140px; margin: 15px 15px 60px 15px;}
.item_blog .imgwrap img {max-width: 140px;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 5% 20px 0; width: 86%;}
}
/* MOBILE Max 770
#####################################################*/
/*iPad */
@media screen and (max-width: 770px){
.mainflex,.mainflex_holder,.mainflex_wrap {height:600px !important;}
.free_content h2 {font-size:34px !important;}
.home-intro-slider {margin: 100px 0 20px 0;}
ul.slides li.free_slider.flex-active-slide .free_content h2, ul.slides li.free_slider .free_content h2 {padding-left: 7% !important; padding-right: 7%; text-align: center; color: #fff; font-family: Open Sans !important; font-size: 34px !important; line-height: 42px !important; font-weight: normal !important;}
.stuff p {width: 100%;}
.scroll li a {font-size:11px !important; padding:10px 8px 7px 8px;}
.logo_bottom img {height: 70px;}
#navigation h1 {margin: 20px 0 5px 0; display:block !important; position:relative; top:auto; opacity:1; overflow: hidden; height: 34px !important; float: left;}
h2.head, p.section_text {width: 100% !important; padding: 10px 0 !important; background: none !important;}
li.staff img, .item_full img, .item_slider img {width: 100%;}
.featuredflex .flex-direction-nav li a {top: 25%;}
.featuredflex .flex-direction-nav li .flex-next {left: auto;right: 7px;}
.item_slider {padding-bottom: 35px !important;}
.item_slider img {margin-bottom: 15px !important;}
.item_slider h2, .item_slider p {width: 90%; padding: 0 5% !important; border: none; float: left; margin:5px 0 5px 0 !important;}
#clientsbox li {width: 33%;}
.item_blog.item_height3 {height: 180px;}
.item_blog .imgwrap {max-width: 120px; margin: 15px 15px 60px 15px;}
.item_blog .imgwrap img {max-width: 120px;}
.resmode-No {display: none; visibility: hidden;}
#portfolio-filter {padding-top: 100px !important;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 29.3%;}
h2.singletitle {font-size: 40px;}
.tab-post {height: auto; font-size: 10px !important;}
.container_block {padding-top: 120px !important;}
.bigmenu .scroll, .bigmenu .navi {padding: 0 0 10px 0; right: auto; left: 0; float: left;}
a#navtrigger {display: block;}
#navigation {display: none;}
.scroll, ul.navi {padding: 20px 0 0 0 !important; float: none;}
.scroll>li, .navi li {width: 100%; text-align: center;}
.scroll>li>a, .navi li a {font-size: 18px !important; padding: 14px 0 !important;}
.sub-menu, .children {z-index: 9999;}
li.scrollparent>a {padding-left: 12px !important;}
.scroll {width: 100%;}
#header h1.showme, #header h1.classic {display: none !important;}
a#logo_res img {display: block; width: 186px !important; height: auto !important; overflow: hidden; float: none; margin: 0 auto;}
a#logo_res {display: block; height: auto; float: none;margin: 0 auto 10px auto; overflow: hidden;}
a#logo_res img {display: block; width: 100%; height: auto; overflow: hidden; float: none; margin: 10px auto;}
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 39%;}
}
/* MOBILE Max 740
#####################################################*/
/* Mobile */
@media handheld, only screen and (max-width: 740px) {
.home-intro-slider {margin: 0 0 25px 0;}
.press-list {margin-left: 15%;}
body {font-size: 16px; -webkit-text-size-adjust: none;}
body {width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0; margin-top:0;}
.mainflex_holder, .flexfull_wrap, .flexfull, .slider_full {position: relative; height: 800px; width: 100%;}
.slider_full img {position: relative; top: auto;}
.slider_full:after {display: none; visibility: hidden;}
#header, .onecol, .twocol, .threecol,.threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol, #foliocontent, #foliosidebar {width: auto; float: none !important; padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0;}
#sidebar {margin-left: 0 !important; width: 100%; max-width: none !important;}
#foliosidebar, #foliocontent {padding-left: 0; padding-right: 0;}
.fourcol {padding: 0 !important; max-width: 290px; float: none; margin: 0 auto 30px auto;}
.sixcol {padding: 0 !important; float: none; margin: 0 auto 30px auto;}
#header {padding: 0 0 25px 0; position: relative !important; top: auto !important; left: auto; margin:0; float:left;}
a#logo_res {display: block; height: auto; float: none; margin: 0 auto 10px auto; overflow: hidden;}
a#logo_res img {display: block; width: 100%; height: auto; overflow: hidden; float: none; margin: 10px auto;}
.container_alt, .container_block {padding-top: 40px !important; margin-bottom: 0 !important;}
#content,#sidebar {padding-left: 0; padding-right: 0; margin-top: 40px;}
#navigation h1 {display: none !important;}
#header_bottom {display: none; visibility: hidden;}
.warpbox, .loop {width: 100% !important; padding: 10px 0 !important; background: none !important;}
.mainflex .flex-control-nav {top: 25px;}
.stuff span.slidebg {left: 0;}
.stuff .flexhead {left: 8%; top: 15px;}
.stuff p {width: 95%;}
#copyright {padding: 0 5%;}
#clientsbox {width: 100%; margin: 0 0;}
li.staff {text-align: left;}
li.staff img {margin: 0 25px 25px 0;}
.pagination {margin-bottom: 40px; height: 35px;}
a#navtrigger {display: block;}
#navigation {display: none;}
.scroll, ul.navi {padding: 20px 0 0 0 !important; float: none;}
.scroll>li, .navi li {width: 100%; text-align: center;}
.scroll>li>a, .navi li a {font-size: 18px !important; padding: 14px 0 !important;}
.sub-menu, .children {z-index: 9999;}
li.scrollparent>a {padding-left: 12px !important;}
#header h1.showme, #header h1.classic {display: none !important;}
.free_content h1, .section h1 {font-size: 30px !important;}
.free_content h2 {font-size: 30px !important; padding-top: 20px !important;}
.free_content h3 {font-size: 16px !important;}
.free_content p {display: none;}
li.pricing_three.normal, li.pricing_three.main {width: 96%; margin-left: 2%; margin-right: 2%;} 
#products .pricing-wrap ul.pricing_main li.pricing.pricing_three.normal {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 250px; margin: 0 15px 0 0;}
.item_blog .imgwrap img {max-width: 250px;}
.page-template-template-fullwidth-php .container.container_block, .page-template-default .container.container_block, .single-post .container.container_block {min-height: auto;}
.page-template-template-fullwidth-php #footer, .page-template-default #footer, .single-post #footer {height: 100px; margin-top: 20px; padding-bottom: 40px;}
.page-template-template-fullwidth-php .entryfull, .page-template-default .entry, .single-post .entry {padding-bottom: 20px;}
.page-template-default .sidebar, .single-post .sidebar {padding-bottom: 15px;}
.free_content p {display: inline-block;}
}
/* MOBILE Max 639
#####################################################*/
@media only screen and (max-width: 639px) {
ul.slides li.free_slider.flex-active-slide .free_content h2, ul.slides li.free_slider .free_content h2 {padding-left: 7% !important; padding-right: 7%; text-align: center; color: #fff; font-family: Open Sans !important; font-size: 28px !important; line-height: 36px !important; font-weight: normal !important;}
.press-list {margin-left: 0; margin-bottom: 30px;}
.scrollTo_top {visibility: hidden; display: none;}
.tmnf-sc-quote.left, .tmnf-sc-quote.right {width: 100%; float: none; margin-left: 0; margin-right: 0;}
.contact-form .forms textarea, .contact-form .forms input.txt{width: 100%; float: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.contact-form .forms label {margin-bottom: 10px;}
.contact-form .forms .buttons .submit, .contact-form .forms input#sendCopy {margin-left: 0;}
a.hoverstuff-zoom {display: none; visibility: hidden;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five {width: 100% !important;}
.fourcol-one img.alignnone.size-full.wp-image-2807 {width: 120px !important; height: auto !important; margin-left: 5%; margin-bottom: 15px;}
.section>.container>h2, h2.itemtitle {font-size: 30pt; letter-spacing: -2px; width: 100%;}
#header a img.logo {display: block; float: none; margin: 0 auto 30px auto;}
.featuredflex .flex-direction-nav li a {display: none !important;}
.featuredflex .flex-direction-nav li .flex-next {left: auto; right: 7px;}
.item_slider {padding-bottom: 35px !important;}
.item_slider h2, .item_slider p {padding: 0 5% 5px 5% !important; margin: 0; width: 90%; border:none;}
li.pricing_three, li.pricing_four {width: 48%;}
li.pricing_three.normal, li.pricing_three.main {width: 96%; margin-left: 2%; margin-right: 2%;}
li.staff img {margin: 0 25px 10px 0; float: left; width: auto;}
#clientsbox li {width: 50%;}
#clientsbox li img {width: 100%;}
.section>.container>p {-moz-column-count: 1; -moz-column-gap: 30px; -webkit-column-count: 1; -webkit-column-gap: 30px; margin-bottom: 25px; overflow: hidden;}
iframe {width: 100%; max-height: 400px;}
ul.medpost>li>.meta, ul.medpost>li>.entry {text-align: left; width: 100%;}
ul.medpost>li>.meta {height: 20px; overflow: hidden;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 28.6%;}
#respond textarea {width: 94%;}
.flex-direction-nav li a {width: 20px;}
.flex-direction-nav li .flex-next {right: 0px; background-position: -2px 25px;}
.flex-direction-nav li .flex-prev {left: 0px; background-position: -2px 25px;}
img.alignleft, .attachment-folio_slider, .main-single, img.alignright, img.aligncenter, .wp-caption, .wp-caption img {width: 100%; margin: 5px 0 30px 0;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 3% 20px 0; width: 80%;}
#servicesbox li p {padding-left: 3%; padding-right: 3%; min-height: 0;}
#videos.section {background-image: none; background-color: #E3E3E3 !important;}
#about.section {background-image: none !important; background-color: #9DB5D1 !important;}
input.tmnf-sc-button.green.cos-btn-center, input.tmnf-sc-button.green.cos-btn-center-mobile {margin-left: 0; margin-left: 35%;}
.home-intro-slider .intro-slider-mobile input.tmnf-sc-button {display: inline-block;}
} 
/* MOBILE Max 570
#####################################################*/
@media only screen and (max-width: 570px) {
}
/* MOBILE Max 500
#####################################################*/
@media only screen and (max-width: 500px) {
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 180px; margin: 15px;}
.item_blog .imgwrap img {max-width: 180px;}
input.tmnf-sc-button.green.cos-btn-center, input.tmnf-sc-button.green.cos-btn-center-mobile {margin-left: 0; margin-left: 29%;}
}
/* MOBILE Max 450
#####################################################*/
@media only screen and (max-width: 450px) {
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 140px; margin: 15px;}
.item_blog .imgwrap img {max-width: 140px;}
}
/* MOBILE Max 429
#####################################################*/
@media only screen and (max-width: 429px) {
iframe {max-height: 280px;}
.item_height2 {height: auto;}
li.staff img {margin: 0 auto 25px auto; float: none; display: block; width: auto;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 102%;}
#respond textarea {width: 91.5%;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 2% 20px 0; width: 76%;}
#servicesbox li p {padding-left: 3%; padding-right: 3%; min-height: 0;}
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 120px; margin: 15px;}
.item_blog .imgwrap img {max-width: 120px;}
}