@media all and (max-width:1199px) and (min-width:992px) { .navbar-form { display: none; } } @media all and (max-width:991px) and (min-width:768px) { body { -ms-overflow-x: hidden; } .table-responsive { border: 1px solid rgb(221, 221, 221); border-image: none; width: 100%; margin-bottom: 15px; -ms-overflow-x: scroll; -ms-overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0px; } .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table > tbody > tr > th { white-space: nowrap; } .table-responsive > .table > tfoot > tr > th { white-space: nowrap; } .table-responsive > .table > thead > tr > td { white-space: nowrap; } .table-responsive > .table > tbody > tr > td { white-space: nowrap; } .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0px currentColor; border-image: none; } .table-responsive > .table-bordered > thead > tr > th:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > tbody > tr > th:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > tfoot > tr > th:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > thead > tr > td:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > tbody > tr > td:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .table-responsive > .table-bordered > thead > tr > th:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > tbody > tr > th:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > tfoot > tr > th:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > thead > tr > td:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > tbody > tr > td:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right-color: currentColor; border-right-width: 0px; border-right-style: none; } .table-responsive > .table-bordered > tbody > tr:last-child > th { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .table-responsive > .table-bordered > tbody > tr:last-child > td { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .button-menu-mobile { display: block; } .navbar { margin: 0px; } .mobile-sidebar { left: 0px; } .mobile-content { left: 225px; right: -225px; } .box-info .icon-box { width: 45px; font-size: 20px; margin-top: 5px; } .box-info .text-box p { font-size: 11px; } .toolbar-btn-action { text-align: center; } .gallery-wrap .column .inner .img-wrap { background: rgb(221, 221, 221); height: 60px; overflow: hidden; } .gallery-wrap .column-3 .inner .img-wrap { background: rgb(221, 221, 221); height: 140px; overflow: hidden; } .gallery-wrap .column-4 .inner .img-wrap { background: rgb(221, 221, 221); height: 100px; overflow: hidden; } .user-profile-sidebar { text-align: center; } .navbar-form { display: none; } .notifications-menu { display: none !important; } .tasks-menu { display: none !important; } .nav > .topbar-profile > a { padding: 25px 15px; } .nexus-stats .right { min-width: 315px; } .nexus-stats .right .block { padding: 5px 16px; } } @media all and (max-width:767px) { body { -ms-overflow-x: hidden; } .mobile-sidebar { left: 0px; } .mobile-content { left: 250px; right: -250px; } .box-info table { margin: 0px; } .box-info .table-responsive { border: currentColor; border-image: none; } .nav.navbar-nav.top-navbar li span.absolute { left: 25px; } .box-info .additional .list-group { margin-bottom: -10px; } .toolbar-btn-action { text-align: center; } .gallery-wrap .column { width: 25%; } .gallery-wrap .column-4 { width: 33.33%; } .gallery-wrap .column-3 { width: 50%; } .gallery-wrap .column .inner .img-wrap { background: rgb(221, 221, 221); height: 70px; overflow: hidden; } .gallery-wrap .column-3 .inner .img-wrap { background: rgb(221, 221, 221); height: 140px; overflow: hidden; } .gallery-wrap .column-4 .inner .img-wrap { background: rgb(221, 221, 221); height: 105px; overflow: hidden; } .widget.box-messages { margin-top: 0px; } footer { text-align: center; } .navbar-nav { margin: 0px; float: left; } .navbar { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(229, 229, 229); border-image: none; } .navbar-nav .open .dropdown-menu { background: rgb(255, 255, 255); left: auto; right: 0px; float: left; position: absolute; z-index: 100; box-shadow: 0px 2px 6px rgba(0,0,0,0.1); } :last-child.navbar-nav.navbar-right { height: 50px; margin-right: -15px; } .open > .dropdown-menu { display: block; } .nav-tabs.nav-justified > li { width: 1%; display: table-cell; } .navbar-nav > li > a { } .navbar-right { float: right; } .navbar-nav > li { display: none; } .lock-screen { text-align: center; } .profile-actions { top: 60px; bottom: auto; } .widget-tabbed { margin-top: 40px; } .widget-tabbed .nav-tabs a { font-size: 0px !important; } .widget-tabbed .nav-tabs a i { font-size: 18px !important; } .the-timeline ul li.the-year { font-size: 30px; } .ava-lock-screen { text-align: center; margin-bottom: 20px; } .ava-lock-screen img { margin: 0px; width: 100px; } .open-right-sidebar .hide-phone { display: none; } .la-pricing-table .la-col-4 { width: 50%; } .user-profile-sidebar { text-align: center; } .side-menu { background: rgb(242, 242, 242); left: 0px; display: none; z-index: 10 !important; } .enlarged .side-menu { left: 0px; top: 68px; display: block; } .widget-user .widget-user-header { margin-top: 0px; } .left .box { margin-bottom: 0px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; } .content-page { margin: 0px; } .button-menu-mobile:hover { color: rgb(255, 255, 255); } .fixed-left-void .side-menu.left { display: block; } .enlarged#wrapper .content-page { opacity: 0.4; } } @media all and (max-width:480px) { .box-info .icon-box { width: 100%; display: block; } .box-info .icon-box { text-align: center; } .box-info .text-box { text-align: center; } .gallery-wrap .column { width: 33.33%; } .gallery-wrap .column-3 { width: 33.33%; } .gallery-wrap .column-4 { width: 33.33%; } .gallery-wrap .column .inner .img-wrap { height: 70px; } .gallery-wrap .column-3 .inner .img-wrap { height: 70px; } .gallery-wrap .column-4 .inner .img-wrap { height: 70px; } .login-wrap { margin: 20px 0px 0px; } .navbar-default { border: currentColor; border-image: none; } .open-right-sidebar .topbar-profile { display: none; } .open-right-sidebar .hide-phone { display: none; } .the-timeline ul li.the-year { font-size: 20px; margin-left: 37%; } :not(.enlarged)#wrapper .topbar-profile { display: none; } :not(.enlarged)#wrapper .hide-phone { display: none; } #wrapper .content-page { width: 100%; padding-left: 0px; margin-left: 0px !important; display: inline-block; } .content-page > .content-wrapper { padding: 0px; } .topbar { border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; } .topbar .topbar-left { width: 250px; } .button-menu-mobile:hover { color: rgb(255, 255, 255); } .topbar .title { display: none; } .enlarged .topbar .title { display: block; } .widget-user .widget-user-header { margin-top: 0px; } .logout { display: block !important; } .open-right-sidebar .content-page > .content { opacity: 0; } .side-menu { left: 0px; display: none; z-index: 10 !important; } .side-menu.left { background: rgb(248, 248, 248); left: 0px; top: 68px; } .enlarged .side-menu { display: block; } #weather h2 { top: 90px; } #weather .w-region { top: 250px; } #stock-widget #stock-title { display: none; } #stock-widget .stock-options { margin-left: 15px; } .button-menu-mobile { display: block; } } @media all and (max-width:420px) { .hide-phone { display: none !important; } } @media all and (max-width:360px) { .gallery-wrap .column { width: 50%; } .gallery-wrap .column-3 { width: 50%; } .gallery-wrap .column-4 { width: 50%; } .gallery-wrap .column .inner .img-wrap { height: 80px; } .gallery-wrap .column-3 .inner .img-wrap { height: 80px; } .gallery-wrap .column-4 .inner .img-wrap { height: 80px; } .la-pricing-table .la-col-4 { width: 100%; } } @media all and (max-width:320px) { .gallery-wrap .column { width: 50%; } .gallery-wrap .column-3 { width: 50%; } .gallery-wrap .column-4 { width: 50%; } .gallery-wrap .column .inner .img-wrap { height: 70px; } .gallery-wrap .column-3 .inner .img-wrap { height: 70px; } .gallery-wrap .column-4 .inner .img-wrap { height: 70px; } }