body.narrow div.middle {width: 95%;}
body.narrow.tablet div.middle {width: 96%;}


body.narrow.tablet #fmenu {float: left; clear: both; margin: 10px 0 0 10px;}
body.narrow.tablet .copy {margin-left: 10px;}
body.narrow.tablet.mobile #fmenu {margin: 10px 0 0 5px;}
body.narrow.tablet.mobile .copy {margin-left: 5px;}
/*body.narrow #logo { width: 150px; background-size: contain; height: 80px; }*/


@media screen and (max-width: 1840px) {
    .menu li a { padding-left: 12px !important; padding-right: 12px !important; font-size: 16px !important; }
    div.contact-info {padding-left: 12px; font-size: 16px;}
    a.phone {margin-right: 12px; }
    a.facebook {width: 50px;}
    a.facebook:before {left: 18px;}
    a.linkedin {width: 50px;}
    a.linkedin:before {left: 18px;}
}

@media only screen and (max-width: 1505px) {
    
    div.menu ul.main { display: none; }
   div.menu ul.submenu {display: block;}
   div.menu ul.submenu {margin-top: 0px;}
    div.contact-info { right: 70px;}

    div.contact-info {padding-left: 20px; padding-right: 0; }
    a.phone {margin-right: 20px; }
    a.facebook {width: 70px;}
    a.facebook:before {left: 27px;}
    a.linkedin {width: 70px;}
    a.linkedin:before {left: 24px;}

    .hero-slider .slide {height: 550px;}
    .hero-slider .slide .side-content {width: 40%; padding-top: 50px;}
    .page-banner .slide .side-content {width: 40%; }

    .sidebar {width:55px; position:absolute;}
    .sidebar-nav ul li a {text-align:center; padding: 15px 0;}
    .sidebar-nav ul li a i.fa {float: none; margin: 0; display:inline;}
    .sidebar-nav ul li a span { display:none;}
    .sidebar-nav ul li a.expand {display:block;}

    .members-content {  width: 68%; margin-left: 55px;  }

    .members-content.no-notifications {
    width: auto; 
    }

    .members-content.no-notifications div.middle {width: auto;}

    .members-content.full-width {width: auto; margin-left: auto;}

    .members-notification { width: 26%; }

    .sidebar.expanded {
        width: 260px;
    }

    .sidebar.expanded ul li a span {display: inline;}

    .sidebar.expanded .sidebar-nav ul li a {text-align:left; padding: 15px;}
    .sidebar.expanded .sidebar-nav ul li a i.fa {float: left; margin-right: 10px; display:block; }

}

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

    .not-grid-md .repeat-section .headings {
        min-height: unset;
        background: none;
    }

        .not-grid-md .repeat-section .headings .heading {
            background: none;
            min-height: unset;
            text-align: left;
        }

            .not-grid-md .repeat-section .headings .heading:not(.action-buttons) {
                display: none;
            }

    .not-grid-md .repeat-section.grid .repeater label {
        display: inline-block;
    }

    .not-grid-md .repeat-section.grid .row-count {
        display: none;
    }

    .not-grid-md .repeat-section.grid .row {
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .not-grid-md .repeat-section.grid {
        border: none;
    }


        .not-grid-md .repeat-section.grid .action-buttons {
            width: 100%;
            text-align: left;
            padding-left: 15px;
        }

        .not-grid-md .repeat-section.grid .action-buttons {
            position: static;
        }

    .not-grid-md .action-buttons a.button {
        width: auto;
        padding: 6px 12px;
        font-size: 1em;
    }

        .not-grid-md .action-buttons a.button span {
            display: inline-block;
            padding-left: 8px;
        }

}

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


        .not-grid-sm .repeat-section .headings {
            min-height: unset;
            background: none;
        }

            .not-grid-sm .repeat-section .headings .heading {
                background: none;
                min-height: unset;
                text-align: left;
            }

                .not-grid-sm .repeat-section .headings .heading:not(.action-buttons) {
                    display: none;
                }

        .not-grid-sm .repeat-section.grid .repeater label {
            display: inline-block;
        }

        .not-grid-sm .repeat-section.grid .row-count {
            display: none;
        }

        .not-grid-sm .repeat-section.grid .row {
            padding: 0;
            margin-left: -15px;
            margin-right: -15px;
        }

        .not-grid-sm .repeat-section.grid {
            border: none;
        }


            .not-grid-sm .repeat-section.grid .action-buttons {
                width: 100%;
                text-align: left;
                padding-left: 15px;
            }

            .not-grid-sm .repeat-section.grid .action-buttons {
                position: static;
            }

        .not-grid-sm .action-buttons a.button {
            width: auto;
            padding: 6px 12px;
            font-size: 1em;
        }

            .not-grid-sm .action-buttons a.button span {
                display: inline-block;
                padding-left: 8px;
            }

    .gallery.tiles .tile {
        height: 200px !important;
        width: 31.33% !important;
        margin: 12px 1% !important;
        float: left !important;
    }




    .sidebar { height: 100%;}

    h1{font-size: 2.5em; margin-top: 14px;}
    h2 {font-size: 1.75em; margin: 10px 0;}

    

    .members-content {  width: auto;  float:none; height: auto !important; min-height: unset; padding: 20px;}
    .members-notification { width: auto; float:none; height: auto !important; min-height: unset; border: none; position: relative; padding: 0; margin-top: 30px;}
    .members-notification h3 {margin-top: 5px;}

   .hide-if-tablet {
       display:none;
   }

   .show-if-tablet {display: block;}
   tr.show-if-tablet {display: table-row ;}
   

}


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


    .gallery.tiles .tile {
        height: 220px !important;
        width: 48% !important;
        margin: 12px 1% !important;
        float: left !important;
    }

    .gallery.tiles .slide {
        height: 220px !important;
    }


    


    #footer .menu {height: auto;}
    #footer .menu ul {height: auto;}
    #footer .menu ul li a {font-size: 13px !important; line-height: 30px;}

    

    .page-title {font-size: 2em !important; padding: 15px 0;}

    .page-title:after {margin: 25px auto 0 auto;}

    .hero-slider .slide, .page-banner .slide {
        height: 400px;
    }

    .section-text-large {font-size: 1.25em; margin-bottom: 10px;}

    a.button {
        font-size: 1.1em;
    }

        .hero-slider .slide .side-content, .page-banner .slide .side-content {
            width: 100%;
            padding: 40px 10px;

        }

        .page-banner .slide .side-content {height: 400px;}


        .hero-slider .slide .side-content:before, .page-banner .slide .side-content:before {display:none;}

        .hero-slider .slide .side-content .slide-content-image, .page-banner .slide .side-content .slide-content-image {width: 120px !important; margin-bottom: 10px; }

}


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


    .not-grid-xs .repeat-section .headings {
        min-height: unset;
        background: none;
    }

        .not-grid-xs .repeat-section .headings .heading {
            background: none;
            min-height: unset;
            text-align: left;
        }

            .not-grid-xs .repeat-section .headings .heading:not(.action-buttons) {
                display: none;
            }

    .not-grid-xs .repeat-section.grid .repeater label {
        display: inline-block;
    }

    .not-grid-xs .repeat-section.grid .row-count {display:none;}

    .not-grid-xs .repeat-section.grid .row {
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .not-grid-xs .repeat-section.grid {
        border: none;
    }


        .not-grid-xs .repeat-section.grid .action-buttons   {
            width: 100%;
            text-align: left;
            padding-left: 15px;
            
        }

        .not-grid-xs .repeat-section.grid .action-buttons {
            position: static;
           
        }

            .not-grid-xs .action-buttons a.button {
                width: auto;
                padding: 6px 12px;
                font-size: 1em;
            }

            .not-grid-xs .action-buttons a.button span {
                display: inline-block;
                padding-left: 8px;
            }

    h1 {margin-top: 14px; font-size: 2em;}
    h2 {font-size: 1.5em; }

    .show-if-mobile {display: block;}

   .hide-if-mobile {
       display:none;
   }


    div.contact-info {
        padding-left: 0;
    }

    div.contact-info a.phone {margin-right: 0px; margin-left: 0; font-size: 0; width: 70px;  border-left: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1) inset; }
        div.contact-info a.phone:before {
            left: 24px;
        }

    a.email { font-size: 0; width: 70px;   }
        a.email:before {
            left: 23px;
        }


        
    /*.step-bar .step:not(.active) {display:none;}*/
    .step-bar {font-size: 13px;}
        .step-bar .step:before {
            top: 31px;
        }
        .step-bar .step-number {width: 58px;}
        

        .step-bar {
        height: 40px;
        margin: 0;
    }

        .step-bar .step {
            text-indent: -9999px;
            width: 40px !important;
        }

            .step-bar .step:before {
                top: 0;
                display: none;
            }

            .step-bar .step:after {
                display: none;
            }

            .step-bar .step .step-number {
                top: 0;
                text-indent: 0;
                width: 24px;
                height: 24px;
                line-height: 15px;
                font-size: 12px;
            }

                .step-bar .step .step-number a {
                    display: block;
                    text-indent: 0;
                    text-decoration: none;
                }

                .step-bar .step .step-number span {
                    display: none;
                }

                .step-bar .step .step-number:after {
                    display: none;
                }

}

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

    .gallery.tiles .tile {
        height: 300px !important;
        width: 100% !important;
        margin: 12px 0 !important;
        float: left !important;
    }

    .gallery.tiles .slide {
        height: 300px !important;
    }

}
@media only screen and (max-width: 500px) {
    h1 { font-size: 1.75em;}
    h2 {font-size: 1.25em; }
    

    .sidebar {width: 40px;}

    .sidebar .sidebar-nav ul li a i.fa {
        font-size: 18px;
        margin-top: 0px;
        
    }

    .step.complete .step-number {background: #ed9f07;}

    .members-content {margin-left: 40px; padding: 15px;}
    /*.members-notification {margin-left: 40px; padding: 15px;}*/

    .sidebar.expanded .sidebar-nav ul li a i.fa {margin-right: 5px;}
    .sidebar.expanded .sidebar-nav ul li a span {font-size: 13px;}

    #footer .menu ul {margin-left: 0;}
    #footer .menu ul li  {width: 100% !important;}

    .menu ul.submenu li a.expand {height: 70px;}
        .menu ul.submenu li a.expand:before {
            top: 11px;
        }

    div.menu-bg {
        height: 70px;
    }

    


    #logo {margin-left: 2px; width: 55px !important; height: 55px !important; margin-top: 10px; }

    div.contact-info {
    height: 70px;
    }

    .sticky-wrapper {height: 70px !important;}

    div.contact-info a {height: 70px;}

    div.contact-info a.phone {  width: 45px; border:none; box-shadow: none; }
        div.contact-info a.phone:before {
            left: 13px;
             top: 20px;
        }

         a.email {  width: 40px;   }
        a.email:before {
            font-size: 20px;
            left: 12px;
            top: 22px;
        }

    a.facebook {width: 40px;}
    a.facebook:before {left: 12px; top: 20px;}
    a.linkedin {width: 50px; border:none; box-shadow: none; width: 40px;}
    a.linkedin:before {left: 9px;  top: 20px;}



}

@media only screen and (max-width: 400px){
    div.social {display: none;}
}

body.narrow.tablet .contentmain { margin: 0 10px 0 10px; padding: 20px 0; }
body.narrow.tablet.mobile .contentmain { margin: 0 5px 0 5px; padding: 10px 0; }

body.narrow div.contact-content {width: 50%;}
body.narrow.tablet div.contact-content {width: 100%; margin-bottom: 40px;}
body.narrow.tablet #googlemap {height: 300px;}
body.narrow.tablet div.form {width: auto; float: none; clear: both; }

body.narrow.tablet img.article-right {
    width: 50%;
}

body.narrow.tablet.mobile img.article-right  {
    width: 100%;
    margin-bottom: 20px;
}


body.narrow.tablet.mobile div.blogcontent img.left {
    float: none;
    margin: 20px 0 20px 0;
    max-width: none;
    width: 100%;
}

body.narrow.tablet.mobile div.blogcontent img.right {
    float: none;
    margin: 20px 0 20px 0;
    max-width: none;
    width: 100%;
}





body.narrow.tablet div.right-content { width: 100%; margin-top: 0; height: 55px; overflow: hidden; margin-bottom: 20px; }
body.narrow.tablet.mobile div.right-content {height: 42px;}

body.narrow.tablet div.right-content.show {height: auto; }

body.narrow.tablet div.right-content div.fb-container {display: none;}
body.narrow.tablet div.left-content { width: 100%; }
body.narrow.tablet div.right-content ul.bullet {margin-top: 0;}
body.narrow.tablet div.right-content ul.bullet li {float: left; margin-right: 10px;}


body.narrow.tablet div.right-content h3 {font-size: 1.1em; margin-top: 12px;}
body.narrow.tablet.mobile div.right-content div.form {padding: 10px;}
body.narrow.tablet div.right-content div.form a.button {margin-top: 10px;}

body.narrow.tablet.mobile div.right-content div.form a.button {line-height: 26px;}

body.narrow.tablet a.toggle-form {display: block; margin-top: -5px;}

body.narrow.tablet div.form.members div.filter {width: 100%;}
body.narrow.tablet div.form.members a.button {margin-top: 20px;}
body.narrow.tablet div.form.members {margin-bottom: 5px;}

body.narrow.tablet div.search-result
{
    
    padding-top: 6px;
    margin-bottom: 12px;
    padding-bottom: 6px;
}

body.narrow.tablet a.video, body.narrow.tablet a.image {clear:both;}


body.narrow a.button.full {font-size: 1.25em; padding: 16px 8px;}

body.narrow.tablet a.button.full {font-size: 1.1em; padding: 8px 8px; line-height: 20px;}