
/*#region For both tablet and phone */
@media (max-width: 992px) 
{
    .fwHeader .header-right{ height: 24px;}
    /*#region Basic CSS */
    body.expand{ background:url(../images/gfx/bg_deviceBody.png) 0 0 repeat-y #f8f8f8;}
    /*#endregion*/

    /*#region Common CSS */
    .visible-desktop {display: none;}
    .hidden-desktop {display: block;}
    .full-container.no-crumb{ padding-top: 0;}
    body.expand .wrapper{ left: 270px;}
    .Content {min-height: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .listArticles .article h3 {padding: 2px 0 8px;}    
    .Template-Folder, .Template-Article, .Template-Search {margin: 0 auto;padding: 0 20px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .Template-Folder.have-full-width-content{ padding: 0;}
    .Template-Folder.have-full-width-content>.Content, .Template-Folder.have-full-width-content>.fwFooter { padding: 0 20px;}
    /*#endregion*/
    
    /*#region Header CSS */
    .wrapper{ background-image: none;}
    .fwHeader .logo img{ width: 34px;height: 35px;}
    .device-menu-but{ float: left;background:url(../images/gfx/bt_deviceMenu.png) no-repeat;width: 31px;height: 21px;}    
    .device-menu{ display: none;} 
    body.expand .device-menu{ left: 0;display: block;} 
    .device-search{ padding: 20px 18px 15px;background-color: #5b5a5a;height: 24px;}
    .device-search .searchBox input {width: 144px;}
    .device-menu ul{ list-style: none;margin: 0;}
    .device-menu-container>ul>li{ padding-bottom: 7px;}
    .device-menu-container>ul>li>a{display: block;padding: 5px 10px;text-transform: uppercase;font-size: 14px;color: #2f2f2f;background-color: #f7f7f7;}
    .device-menu-container>ul>li>a:hover{text-decoration: none;}
    .device-menu-container ul ul{ display: none;}
    .device-menu-container li.current>ul{ display: block;}
    .device-menu-container ul ul a{display: block;padding: 3px 10px;font-size: 13px;color: #da0328;}
    .device-menu-container ul ul ul a{color: #5b5a5a;}
    .device-extra-menu>li{padding-bottom: 7px;}
    .device-extra-menu>li>a{display: block;padding: 5px 10px;text-transform: uppercase;font-size: 14px;color: #fff;background-color: #737373;}
    .device-extra-menu>li>a{text-decoration: none;}
    .fwContent .TopContent{height:auto;}
    /*#endregion*/
    
    /*#region Menu CSS */
    #LeftMenu{ width: 100%;min-height: inherit;}
    .fwMenu {
        margin: 0 auto;
        padding-bottom: 10px;
    }
    /*#endregion*/
    
    /*#region BreadCrumbs CSS */
    .fwCrumbs{width:100%;margin:0 auto;padding-left: 20px; padding-right:20px;}
    /*#endregion*/
        
    /*#region Responsive Table CSS */
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .table-responsive > .table-bordered {
        border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
    /*#endregion*/
    
    /*#region WebRoot */
    #PageContent {margin-top: 0;padding: 0 20px;}
    .fwContent .mainContent {border-top: 0;background: none;}    
    .home-page .focusArticles .Article {float: none;margin-right: 0;margin-bottom: 20px;padding: 5px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .home-page .focusArticles .image { height: 125px;}
    /*#endregion*/
    
    /*#region WebFolder 6 CSS*/
    .Departments .title .Image, .Departments .Title .Image{padding: 0;width:100%;margin-bottom: 35px;}
    .Departments .Title .Image.Left img, .Departments .title .Image.Left img { width: 100%;}
    .Departments .leftBanners .Body .Image img,.Departments .leftBanners .body .Image img{ width: 100%;}
    .Departments.Content {margin-bottom: 15px;}
    /*#endregion*/

    /*#region Webfodler18 */
    .listRentalArticles { min-height: 0; }
    /*#endregion*/
    
    /*#region Login */
    .login {min-height: 0;}
    /*#endregion*/
}
/*#endregion*/

/*#region For tablet only */
@media (max-width: 992px) and (min-width: 768px){
    /*#region Common CSS */
    .visible-phone, .hidden-tablet {display: none;}
    .visible-tablet, .hidden-phone {display: block;}
    h1.Headline.no-crumb {padding-top: 40px;}
    .header-right{ width: 426px;}
    /*#endregion*/
    
    /*#region Header CSS */
    .fwHeader{ height: 60px;}
    .fwHeader .logo{ padding-top: 14px;}
    .fwHeader .logo span{ padding: 0;line-height: 35px;}
    .device-menu-but{margin: 22px 54px 0 20px;}
    .wrapper-banner-item .banner-image-bigtitle{top:118px;padding-left:35px;width:550px;}
    .wrapper-banner-item .banner-image-desc{top: 100px;width:550px;}
    /*#endregion*/

    /*#region WebRoot */
    .fwContent .mainContent{ padding-top: 10px;}
    /*#endregion*/

    /*#region WebFolder 6 CSS*/
    .Departments .leftBanners {width: 49%;}
    .Departments .rightArticles {width: 51%;}
    /*#endregion*/

    /*#region Webfodler7 */
    .location-map {height: 490px;margin-bottom: 30px;}
    .department-item {padding: 12px 4%;width: 41%;margin-bottom: 15px;}
    .department-item.even-item {clear: both;margin-right: 2%;}
    /*#endregion*/  
}
/*#endregion*/

/*#region For phone only */
@media (max-width: 767px) {
    /*#region Common CSS */
    .visible-tablet, .hidden-phone {display: none;}
    .visible-phone, .hidden-tablet {display: block;}
    h1.Headline {padding-top: 20px;}    
    .mobile-has-top-padding{ padding-top: 30px;}
    /*#endregion*/
    
    /*#region Header CSS */
    .fwHeader{ height: 52px;}
    .fwHeader .logo{ float: right;padding-right: 20px;}
    .fwHeader .logo img{ padding-right: 10px;}
    .fwHeader .logo span{ padding-top: 19px;line-height: 16px;}
    .device-menu-but{margin: 16px 0 0 20px;}
    .wrapper-banner-item .banner-image-bigtitle{display: none;}
    .wrapper-banner-item .banner-image-desc{display: none;}
    /*#endregion*/
    
    /*#region BreadCrumbs + Extra link + Footer CSS */
    .fwCrumbs, .extraLink, .fwFooter{display: none;}
    /*#endregion*/

    /*#region WebRoot */
    .fwContent .mainContent .left-content, .fwContent .mainContent .right-content{ width: 100%;float: none;}
    .home-page .international-link-list li{ width: 48%;padding: 0 2% 3px 0;}
    .home-page .company-link-list a{ padding: 18px 10px 18px 60px;font-size: 15px;color: #5b5a5a;line-height: 22px;}
    .home-page .jobs{ padding-bottom: 20px;}
    .home-page .news li{ padding: 0;background: none!important;}
    .home-page .news li span{ left: 0;position: relative;padding-bottom: 3px;display: block;}
    .home-page .news li a{ padding-left: 0;font-weight: bold;padding-bottom: 3px;display: block;}
    /*#endregion*/

     /*#region WebFolder 2 - Rental CSS */
    .rentalOverview ul li a, h1.Headline.WithPaddingLeft16 {padding-left:0;}
    .rentalOverview > ul > li:last-child{border-bottom: 1px solid #a7a7a7;padding-bottom:15px;}
    .rentalOverview ul li a:hover:before{content: '';}
    /*#endregion*/
    
     /*#region WebFolder 3 - Contact Info CSS */
     .webfolder3 .ProductTemplate .Image{ width: 100%!important;}
    .ContactInfoContainer .ContactInfoItem:last-child {border-bottom: 1px solid #dadad9;}
    /*#endregion*/

    /*#region WebFolder 4 CSS */
    .latestArticle .image, .latestArticle .content {width: 100%;}
    .latestArticle .content .wrap-content {margin-left: 0; margin-top: 30px;}
    .listArticles .article .img, .listArticles .article .noimg, .listArticles .article .wrap-article-content {width: 50%;}
    .webfolder4 .listArticles .article span, .webfolder4 .listArticles .article h3, .webfolder4 .listArticles .article .ingressContent {margin-left: 14px;}
    .listArticles .article .ingressContent {display: none;}
    .listArticles .article:first-child {margin-top: 5px;}
    /*#endregion*/
    
    /*#region WebFolder 6 CSS*/
    .Departments .leftBanners, .Departments .rightArticles{width: 100%;margin-top:5px;}
    .Departments .rightArticles {margin-top:15px;}
    .Departments .rightArticles .article, .Departments .rightArticles h3.more {margin-left: 0;}
    .Departments .rightArticles h3.more {margin-top:5px;}
    .Departments .title .Image, .Departments .Title .Image{ margin-bottom: 20px;}
    /*#endregion*/

     /*#region Webfodler7 */
    .department-item {
        width: 92%;
    }
    .department-item.even-item {
        margin-right: 0;
    }
    /*#endregion*/

    /*#region Search & Advanced Search */
    .AdvancedSearch ul li label.leftText {width: 100%;}
    /*#endregion*/
    
    /*#region Webfodler15 */
    #UtleieList .Item{ border-bottom: 0;padding-bottom: 50px;margin-bottom: 0;}
    #UtleieList .Item .item-img {float: none;width: 100%;}
    #UtleieList .Item .item-content-container {float: none;width: 100%;}
    #UtleieList .Item .item-content { padding: 20px 0 0 0;}
    #UtleieList .Item .item-content h3{ padding-bottom: 20px;}
    /*#endregion*/
    
    /*#region Webfodler17 */
    .rental .rental-item {    width: 100%;    position: relative!important;top: auto!important;}
    /*#endregion*/
    
    /*#region CourseList */
    .course-item {  float: none;width: 100%;-webkit-box-sizing: border-box;}
    /*#endregion*/
}
/*#endregion*/

/*#region For Printer */
@media print 
{
    /*#region Table CSS */
    .table {
        border-collapse: collapse !important;
    }
    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important;
    }
    .table td,
    .table th {
    background-color: #fff !important;
    }
    /*#endregion*/
}
/*#endregion*/
