@media screen and (max-width: 1185px) {

    #main-nav

    .container{ width:96% !important; padding:0 2% !important;}

    .widgetwrap,
    .widgetwrap-alt{ width:100% !important; padding-left:0% !important;padding-right:0% !important;}

    .aq-block-aq_3_column_block,
    .aq-block-aq_2_3_column_block{margin:0 0;}

    .aq-block-aq_2_3_column_block.aq-first>div{ margin:0 0 0 0;width: 98% !important;padding: 0 0; float:left; }
    .aq-block-aq_2_3_column_block>div{ margin:0 0 0 0;width: 98% !important;padding: 0 0; float:right; }

    .aq-block-aq_3_column_block.aq-first>div{ margin:0 0 0 0;width: 92% !important; padding: 0 0; float:left;}
    .aq-block-aq_3_column_block>div{ margin:0 0 0 0;width: 92% !important; padding: 0 0; float:right;}

    .aq-block-aq_ads_block, .aq-block-aq_social_block {
        margin: 0 0 80px;
        max-width: 100%;
    }

    .righthead{ right:25px;}

    .isotope {
        max-width: 104%;
        width: 104%;
    }

    .isotope .item {width:29%;margin:0 3.9% 40px 0%;}

    .post-inn h3,
    .homeblog li h3{ height:50px;font-size:13px !important;}

    .widget_fix{ margin-left:0 !important;}

    .flexinside {width:98%; margin:0 0 0 0; left:2%; bottom:20%;}

    /* home page custom */
    #header .nav>li>a:hover {
        color: #000 !important;
        padding: 6px 10px;
    }
    .sf-with-ul {
        /*font-size: 2em !important;*/
        /*font-size: 14px !important;*/
        font-size: 16px !important;
    }
    .nav>li.current-menu-item>a, .nav>li.current_page_ancestor>a {
        color: #000 !important;
    }

    /* home slider */
    .tp-caption {
        margin-left: 30px !important;
        max-width: 700px;
    }


}

/* iPad lacscape */
@media screen and (max-width: 1026px) { 


    .staff_box .staff_info{ position:relative; top:auto; left:auto; padding:15px 0; width:100%;}

    .services li h3{ margin:50px 40px 2px 80px;}

    .services li p{ margin:0 45px 0 80px;}

    .services li span{ width:50px;left:20px;}

    .services li img{ max-width:45px;left:20px;}

}

/* Smaller screens */


/* iPad portrait */
@media screen and (max-width: 770px){

    .classic-header #header, .transparent-header #header{ display:block !important; position:relative !important; opacity:1; padding:0px 0 !important}

    .header_fix{padding:0px 0 !important}

    .scrollheader{ display: none !important;}

    #main-nav li a i{ display:none !important;}

    .flickwrap img{ width:60px;}

    .ratingblock{ width:35%;padding: 20px;}
    .ratingblock h2{ font-size:14px !important;}

    .ad300 img,.ad300 ins{ max-width:100%;}

    .dividers ul.social-menu{ margin: 20px !important;}
    .dividers ul.social-menu li{ margin: 7px !important;}


    .flexinside { bottom: 5%;}
    .flexinside h1{font-size:30px;}
    .flexinside h2{font-size:20px;}
    .flexinside h3{font-size:12px;}

    .pageheader {padding: 120px 0 30px 0;}
    .pageheader h2{font-size:40px !important;margin: 110px 0 10px 0; text-align:center;}

    .meta_more a{ display:none; visibility:hidden;}

    .work-container iframe { max-height: 450px;}

    .woocommerce-page div.product div.summary {
        margin: 20px 4%;
        width: 92%;
    }
    .woocommerce .woocommerce-tabs {
        margin: 0 4%;
        width: 92%;
    }

    .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img{ width:45px;}

    .related.products,
    .upsells.products{ display:none !important;}

    #header h1{ overflow:hidden; float:none; text-align:left;}

    #navigation{ margin:5px 0 0 -30px; width:auto !important;}
    .classic-header #main-nav, .transparent-header #main-nav{ position:relative; top:auto; right:auto; float:left; margin:20px 0 0 0; padding:0 0 !important;}
    .righthead{ position:relative; top:auto; right:auto; float:right; margin:20px 0 0 0; width:auto;}

    /* home page header */
    #header, .header_fix {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .classic-header #header, .transparent-header #header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* custom */
    .sq-homepage-list ul li {
        width: 100%;
    }
    .dividers h2.widget {
        line-height: 40px !important;
    }

    /* social icons in footer */
    .sq-social-list i.fa {
        font-size: 0.8em;
    }
    .sq-social-list li {
        margin: 0 10px;
    }

    /* landing page tables */
    table.menu-landing-link-table {
        border: none !important;
        border-collapse: separate;
        border-spacing: 15px;
        width: 85%;
    }
    .menu-landing-link-table td a {
        /*line-height: 18px;*/
        /*min-height: 40px;*/
        font-size: 1.1em;
        padding: 6px 0 6px 0;
    }

    /* page headings */
    .image-header {
        background-size: auto 100% !important
    }

    /* mockup up events list */
    table.event-list th.about{
        width: 66% !important;
    }

    /* error page */
    .error-page h1.pagetitle {
        padding: 30px 0;
    }
    .error-page .content-full {
    }

    /* home slider */
    .tp-caption {
        margin-left: 30px !important;
        max-width: 680px;
        white-space: normal !important;
    }


}


/* Mobile */
@media handheld, only screen and (max-width: 740px) {

    body {
    font-size: 14px;
    -webkit-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0;
    padding-right: 0;
    margin-top:0;
    }

    .container{ width:92% !important; padding:0 4% !important;}
    .flexinside {width:92%; left:4%;}

    .aq-block-aq_3_column_block,
    .aq-block-aq_2_3_column_block{ margin:0 0 0 0  !important; width:100%  !important;}
    .aq-block-aq_3_column_block>div,
    .aq-block-aq_2_3_column_block>div,
    .aq-block-aq_2_3_column_block.aq-first>div,
    .aq-block-aq_3_column_block.aq-first>div,
    .homeblog,
    ul.staff{ width:100% !important; max-width:100% !important; float:none !important}

    #content,#footer .threecol,
    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol,
    #footer .fourcol
    {
    width: auto;
    float: none !important;
    margin-left: 0;
    margin-right: 0;
    height:auto;
    }

    #sidebar,
    .threefolio li,.fourfolio li,
    .threeser li,.twoser li,
    ul.staff li,
    .infoblock li,
    .threecol,
    .homeblog li,
    .aq-block-aq_3_column_block>.aq-block-aq_widgets_block,
    .aq-block-aq_2_3_column_block>.aq-block-aq_widgets_block,
    .aq-block-aq_3_column_block.aq-first>.aq-block-aq_widgets_block,
    .aq-block-aq_2_3_column_block.aq-first>.aq-block-aq_widgets_block,
    #woocontent,
    #woosidebar{
    width: auto !important;
    max-width:360px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height:auto;
    }

    ul.staff>li,
    .aq-block-aq_3_column_block ul.staff > li{max-width:300px !important; padding:30px !important;}

    .folio, .blogger,.infoblock,ul.medpost,.services{ width:100%;}

    .infoblock{ padding:40px 0 !important;}

    .info-inn,.info-inn h2,.infoblock img{ max-width:100% !important; text-align:center !important; float:none !important; margin:10px auto !important}

    .vrgline{ margin: 25px auto !important;}

    .infoblock li:last-child {margin: 0 auto 30px auto;}

    .pagination{ margin-bottom:40px; height:35px;}

    .resmode-No{ display:none; visibility:hidden;}

    h2.widget{ text-align:center;}

    h1.pagetitle {margin: 0 0 30px 0; text-align:center;}

    .line{ float:none !important; margin:0 auto 35px auto !important;}

    .isotope {
        max-width: 360px;
        width: 100%;
        float:none;
        margin:0 auto;
    }

    .isotope .item{
        margin:0 0 30px 0;
        width: 100%;
    }

    /* custom */

}


/*@media only screen and (max-width: 689px) {*/
@media only screen and (max-width: 770px) {

    .scrollTo_top{ visibility:hidden; display:none}

    .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;}

    #topnav{ text-align:center; width:100%; padding:0 0 10px 0}
    #topnav p { float:none;}
    #top-nav{ padding:20px 0;}
    #topnav ul.social-menu, #topnav .searchform {float: none; margin:5px auto 20px auto !important;}
    #topnav ul.social-menu{text-align: center;display: inline-block !important;}

    a#triggernav,
    a#triggernav-sec{ display:block}

    #navigation,#topnav{ display:none;}
    #navigation{margin:0 0 20px 0 !important; width:100% !important;}

    #navigation>.nav>li,
    #top-nav>li {
        width:100% !important;
        float:none;
        text-align:center;
    }

    .nav a{ text-align:center !important;}

    .nav,
    .nav > li > ul > li, .nav li ul ul li{ width:100% !important; margin:0 0 0 0 !important;}

    .nav>li>a:after,
    .nav>li:before{ display:none !important;}

    .nav li a{ margin:0 0 0 0 !important; padding:12px 0 !important; }

    .nav li ul {width:99.6%;}

    .nav li ul{ position:relative !important; display:block !important; visibility:visible !important; left:auto !important; overflow:hidden !important; }

    #main-nav li.bigmenu > ul.sub-menu {
        border: medium none;
        padding: 20px 0 0 0;
    }

    .bigmenu>ul>li>ul,
    .nav>li>ul {border: medium none !important; margin:0 0 0 0;}

    #header{ padding-bottom:20px;}

    #header h1, .leftfix #header h1, .rightfix #header h1{ max-width:90% !important; width:90%; margin:30px 5% 0 5%; text-align:center;}

    .leftfix #header h1 img, .rightfix #header h1 img {max-height: 100px !important;}

    img#logo{ float:none; margin:5px auto; display:block;}

    .righthead {
        float: none;
        margin: 0 auto;
        width: 30%;
        display:none;
    }


    .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;}

    .related{ width:100%;}
    .metapost {width: 100%;}
    .postauthor{width: 94.2%;}

    .work-container .entry_item p{margin: 0 3% 15px;width: 94%;}

    .pageheader{ padding:0 0 30px 0 !important;}
    .pageheader h2{margin: 50px 0 10px;}
    #portfolio-filter ul li{ overflow:hidden;}
    #portfolio-filter ul li a{ float:left; padding:10px 13px;}

    .widgetwrap>h2.widget,.widgetwrap>.container>h2.widget,#content h2.widget, .flexinside h2, .videoblock h2{ font-size:35px !important; margin:5px auto;}

    .widgetwrap,
    .widgetwrap-alt{ padding:20px 0;}


    /* mobile menu */
    #navigation .main-nav li>ul>li>ul.sub-menu { display: none !important; }
    #navigation .main-nav li>ul>li>ul.sub-menu li { display: none !important; }
    .nav li ul ul { display: none !important; }
    ul.sub-menu { border: none !important; padding-top: 10px !important; }

} 

@media only screen and (max-width: 565px) {

    h1, h2.post{ font-size:30px !important;}

    h2.post, h1.itemtitle {margin: 0 0 40px 0;}

        h1.pagetitle {
            font-size: 36px !important;
        }

    .medpost .ribbon_icon,
    .single-post .ribbon_icon{ display:none;}

    .entry{ width:100%}

    .meta{ width:100% !important; margin:0 0 30px 0; text-align:left !important;}

    .meta br {display: none;}

    .workintro_left {max-width: 100%;}
    .workintro_right {
        float: left;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        right: auto;
        top: auto;
        margin:15px 0 0 -15px;
    }

    a.mainbutton_folio{ float:left;}

    .work-container .postinfo{ width:94%;margin: 40px 0 20px 0;}

    h2.widget span, .flexinside h3, .videoblock h3{font-size:15px !important;}
    .widgetwrap>h2.widget,.widgetwrap>.container>h2.widget,#content h2.widget, .flexinside h2, .videoblock h2{ font-size:30px !important;}

    .flexinside p {    font-size: 90%; line-height:1.1;}
    a.tmnf-sc-button{ font-size:.9em !important; padding:8px 12px !importantcc;margin: 15px 0.6em 0.5em 0 !important;}

    .related li{ width:47%; height:180px;}

    .video-block iframe, .video-block object {height: 680px;}

    /* home slider */
    .tp-caption {
        margin-left: 30px !important;
        max-width: 540px;
        white-space: normal !important;
    }
    .rev_slider .tp-caption.sub-head {
        line-height: 24px !important;
        margin-bottom: -40px !important;
    }
}

@media only screen and (max-width: 429px) {

    p.work_info{ width:100%; margin:0 0 20px 0;}

    .comment-form-author, .comment-form-email, .comment-form-url{ width:100%;}

    #respond textarea{ width:90%;}

    .ratingblock{
        float: none;
        margin: 0 0 20px;
        width: 87%;
        }

    .meta{ font-size:10px !important;}

    .mainflex:hover .flex-prev{ left:20%;}
    .mainflex:hover .flex-next{ right:20%;}

    .dividers ul.social-menu li{width:33%; margin:0 0 20px 0 !important;}
    .dividers ul.social-menu li a{ float:none; display:block; margin:0 auto;}


    /* rev slider related */
    .rev_slider_wrapper.fullscreen-container {max-height: 340px !important;}
    .fullscreen-container .tp-bgimg{ background-size:cover !important;}
    .kenburnimg img{ display:none}
    .VRG_H3,
    .VRG_BLUE{ font-size:12px !important;}
    .VRG_BLUE{ padding:6px !important;}
    .VRG_H1{ font-size:18px !important;}
    .rev_slider a.mainbutton{ display:none;}
    /* end - rev slider related */

    /* home slider */
    .tp-caption {
        margin-left: 30px !important;
        max-width: 410px;
        white-space: normal !important;
    }
    .rev_slider .tp-caption.sub-head {
        line-height: 24px !important;
        margin-bottom: -40px !important;
    }
}
