| Server IP : 66.29.137.217 / Your IP : 3.144.17.112 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/./gle.gltechlimited.com/public/assets/scss/ |
Upload File : |
/*
-----------------------------------
: Custom - Responsive css :
-----------------------------------
*/
@media (min-width: 768px) and (max-width: 991px) {
body {
overflow-x: hidden;
}
}
@media (max-width: 991px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.topbar {
.searchbar {
width: 120px;
}
}
}
@media (min-width: 768px) {
.vertical-layout {
&.toggle-menu {
.leftbar {
position: fixed;
width: 60px;
margin-left: 0;
transition: all 0.3s ease;
&:hover {
width: 250px;
.vertical-menu > li > a > span {
display: inline-block;
}
.vertical-menu > li > a > i {
font-size: 16px; }
.vertical-menu li > a > .icon-chevron-right {
display: inline-block;
}
.vertical-menu li.active > .vertical-submenu {
display: block !important;
}
.profilename {
display: block;
}
.userbox {
display: block;
}
.vertical-header {
display: block;
}
.profilebar {
padding: 15px 30px 15px 30px;
}
.logobar {
.logo {
&.logo-small {
}
&.logo-large {
display: block;
}
img {
width: 100px;
}
}
}
~ .rightbar {
.topbar {
left: 250px;
}
}
}
}
.vertical-menu > li > a > i {
font-size: 18px;
}
.vertical-menu > li > a > span {
display: none;
}
.vertical-menu li > a > .icon-chevron-right {
display: none;
}
.vertical-menu li.active > .vertical-submenu {
display: none !important;
}
.vertical-header {
display: none;
}
.logobar {
.logo {
&.logo-small {
display: block;
}
&.logo-large {
display: none;
}
img {
width: 40px;
}
}
}
}
}
}
@media (max-width: 767px) {
body {
overflow-x: hidden;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 15px;
}
.leftbar {
position:fixed;
margin-left: -250px;
}
.vertical-menu-icon {
.nav-pills {
.logobar {
margin-bottom: 120px;
}
}
}
.rightbar {
margin-left: 0 !important;
}
.topbar-mobile {
display: block;
position: fixed;
width: 100%;
}
.topbar {
display: none;
.togglebar {
display: none;
}
.infobar {
margin-right: 0;
}
}
.topbar-toggle-menu {
.topbar {
display: block;
position: fixed;
right: 0;
left: 0;
margin-top: 71px;
padding: 15px 15px;
}
}
.menubar {
text-align: right;
}
.footerbar {
left: 0;
}
.email-rightbar {
.email-open-box {
.open-email-head {
ul {
text-align: left;
margin-top: 15px;
}
}
}
}
.breadcrumbbar {
margin: 100px 0 0 0;
padding: 20px 0 20px 0;
.page-title {
text-align: center;
margin-bottom: 10px;
font-size: 18px;
}
.breadcrumb-list {
text-align: center;
}
.widgetbar {
text-align: center;
margin-top: 10px;
}
}
.analytic-chart-label {
.analytic-label-perform {
text-align: left;
margin-bottom: 30px;
}
.list-inline {
text-align: left;
}
.analytic-chart-piety {
text-align: left;
}
}
}
@media (max-width: 620px) {
}
@media (max-width: 576px) {
}
@media (max-width: 480px) {
}
@media (max-width: 420px) {
.infobar-settings-sidebar {
&.sidebarshow {
width: 100%;
}
}
}