﻿

.center {
    max-width: 960px;
    margin: 0 auto;
}

.header {
    width:100%;
    padding:8px 0;
    float:left;
}

.SableLogo {
    float: left;
    width: 150px;
    height: 80px;
    margin-bottom: -40px;
}

.topBar {
    max-width:810px;
    overflow:hidden;
    display:flex;
    flex-direction:row-reverse;
    padding-bottom: 8px;
}

.topNumber {
    /*width: 360px;*/
    padding: 0 8px 0 10px;
    text-align: right;
    font-size: 18px;
    font-weight: 100;
    line-height: 24px;
}

.topLinks {
    width:370px;
}

.mainMenu {
    display: flex;
    max-width: 810px;
    float:right;
}

.mainMenuInner {
    width:100%;
}

.page {
    width: 100%;
    padding: 0 0 25px;
    overflow: auto;
}


/*==== Tablets ====*/

@media screen and (max-width: 980px) {
    .header {
        padding:8px 8px;
    }

    .topNumber {
        /*width: 300px;
        min-width: 300px;*/
        font-size: 14px;
    }

    .page {
        padding: 0 8px 25px;
    }

    #left_container {
        width: 100%;
        background: #000 url(images/SableAmpersand.png) /*right no-repeat*/;
    }

    #sidebar {
        display:none;
    }

    .banner_slider .belt .panel img {
        /*border-right: 1px solid white;
        border-left: 1px solid white;*/
    }

    .lowerleft .sfContentBlock,
    .lowerleft .col01 {
        display:none;
    }

    .lowerleft .sfNavWrp nav{
        
    }

    .maincontent {
        padding-left:8px;
        float: none;
        overflow:hidden;
        max-width: 650px;
        width: auto;
    }
      
}

@media screen and (max-width: 850px) {
    .topBar {
        display:block;
    }

    .topNumber {
        display:none
    }

    .topLinks {
        float:right;
        width:100%;
    }

    .topLinks .topLinksBar a {
        padding: 0 6px;
        margin: 0 1px;
    }

    .new-topnav .k-menu .k-item>.k-link {
        font-size: 12px!important;
        padding: 0 8px!important;
    }
    .services {
          width: 48%!important;
    }

    #footer_top .col {
        min-width:50%
    }
    
    #footer_top .col01 {
        height:160px
    }

    #footer_top .col03 {
        min-width:100%;
        padding-top: 30px;
    }

    #footer_top .smallLeft {
        padding-right:20px;
    } 

    #footer_top .col03 ul li a {
        line-height: 30px;
        font-size: 14px;
    }


}

@media screen and (max-width:560px) {
    #footer_top .col {
        min-width:100%;
        padding: 30px 8px;
    }

    #footer_top .col02 ul {
        justify-content: space-around;
        padding: 10px 10%;
    }
}

@media screen and (max-width:735px) {
    .homePageSlider {
        display:none;
    }

    .homePageStatic {
        display:block!important;
        width:100%
    }

    
}

.homePageStatic {
    display:none;
}

@media screen and (max-width:480px) {
    .services {
          width: 98%!important;
    }

    .services ul li a {
          line-height: 28px;
    }

    #accreditations {
          background: url(http://www.sable-group.com/images/default-source/Site-images/sg_sable-accreditations_2015-05.png?sfvrsn=4) no-repeat 0px !important;
    }
}

.services {
      min-height: 260px!important;
}

