.col-lg-no-pad, .col-no-pad, .btn-link-no-pad {padding: 0}

*[class|="main-section"]{position: relative; width: 100%}
.main-section-header{padding: 15px 0; z-index: 2}
.main-section-content{min-height: 100% !important; margin-top: -100px; padding-top: 100px; }
.main-section-content.add-footer-space{margin-bottom: -245px; padding-bottom: 245px}
#office .main-section-content.add-footer-space{margin-bottom: 0; padding-bottom: 0}
.main-section-footer{}

*[class|="inner-sidebar"]{width: 300px; float: left}
*[class|="inner-content"]{margin-left: 300px;}
.container.inner-container, .container.inner-sidebar-container{width: auto;}

.cut-it{min-height: 100% ; max-height: 100% !important; z-index: 2; overflow: hidden;}
.do-scrollable{margin-top: 15px; }
.scrollable{min-height: 100% ; max-height: 100%; overflow: hidden; overflow-y: scroll; overflow-x: hidden; margin-right: -30px; padding: 0 15px 0 0;}

@media (max-width: 480px) {
    .main-section-header{height: auto !important;}
    .main-section-content{padding: 0px; margin: 0}
    *[class|="inner-content"]{margin: 0 auto}
    .container.inner-container, .container{width: 320px; margin:0 auto}
    *[class|="inner-sidebar"]{width: 320px; float: none; padding: 0; margin:0 auto}
    .xs-hidden{display: none !important;}
    #stash *[class|="inner-sidebar"]{display: none}
    #stash *[class|="inner-content"]{width: 100%; }
    #stash *[class|="inner-content"] .row, #stash *[class|="inner-content"], #stash  .col-lg-12{margin: 0 !important; padding: 0 !important;}
    #stash .container.inner-container, .container{margin: 0 auto; padding: 0; width: 320px}
    .main-section-header .top-navigation ul{float: none !important;}

}
@media (min-width: 481px) and (max-width: 767px) {
    .main-section-header{height: auto !important;}
    *[class|="inner-content"]{margin: 0 auto}
    .container.inner-container, .container{width: 450px; margin:0 auto}
    *[class|="inner-sidebar"]{width: 450px; float: none; padding: 0; margin:0 auto}
    #stash *[class|="inner-sidebar"]{display: none}
    #stash *[class|="inner-content"]{width: 100%; }
    #stash *[class|="inner-content"] .row, #stash *[class|="inner-content"],#stash  .col-lg-12{margin: 0 !important; padding: 0 !important;}
    #stash .container.inner-container, .container{margin: 0 auto; padding: 0; width: 480px}
    .main-section-header .top-navigation ul{float: none !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-section-header{height: auto !important;}
    *[class|="inner-content"]{margin: 0 auto}
    .container.inner-container{width:720px; margin:0 auto}
    *[class|="inner-sidebar"]{width: 720px; float: none; padding: 0; margin:0 auto}
    #stash *[class|="inner-sidebar"]{display: none}
    #stash *[class|="inner-content"]{width: 100%; }
    #stash *[class|="inner-content"] .row, #stash *[class|="inner-content"], #stash  .col-lg-12{margin: 0 !important; padding: 0 !important;}
    #stash .container.inner-container, .container{margin: 0 auto; padding: 0; width: 720px}
    .main-section-header .top-navigation ul{float: none !important;}

    .main-section-content{min-height: 100% !important; margin-top: -140px; padding-top: 140px; }
    .main-section-content.add-footer-space{margin-bottom: -360px; padding-bottom: 360px}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container.inner-container{min-width: 670px;}
}
@media (min-width: 1200px) and (max-width: 1499px) {
    .container.inner-container{min-width: 870px;}
}
@media (min-width: 1500px) and  (max-width: 1799px){
    .container.inner-container{min-width: 1170px;}
}
@media (min-width: 1800px) {
    .container.inner-container{min-width: 1470px;}
}