| Server IP : 172.67.168.138 / Your IP : 216.73.216.227 [ Web Server : Apache System : Linux frog 6.1.0-49-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.174-1 (2026-05-26) x86_64 User : web13 ( 5017) PHP Version : 8.3.31 Disable Function : NONE Domains : 41 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/clients/client12/web13/web/ahelos/resources/backend/sass/components/ |
Upload File : |
//Bootstrap five columns in one row
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
z-index: 0;
}
.col-xs-5ths {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-lg-5ths {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-xl-5ths {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
// Bootstrap Half Column Grid
.col-1point5, .col-sm-1point5, .col-md-1point5, .col-lg-1point5,
.col-2point5, .col-sm-2point5, .col-md-2point5, .col-lg-2point5,
.col-3point5, .col-sm-3point5, .col-md-3point5, .col-lg-3point5,
.col-4point5, .col-sm-4point5, .col-md-4point5, .col-lg-4point5,
.col-5point5, .col-sm-5point5, .col-md-5point5, .col-lg-5point5,
.col-6point5, .col-sm-6point5, .col-md-6point5, .col-lg-6point5,
.col-7point5, .col-sm-7point5, .col-md-7point5, .col-lg-7point5,
.col-8point5, .col-sm-8point5, .col-md-8point5, .col-lg-8point5,
.col-9point5, .col-sm-9point5, .col-md-9point5, .col-lg-9point5,
.col-10point5, .col-sm-10point5, .col-md-10point5, .col-lg-10point5,
.col-11point5, .col-sm-11point5, .col-md-11point5, .col-lg-11point5,
.col-point5, .col-sm-point5, .col-md-point5, .col-lg-point5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
z-index: 0;
}
.col-xl-1point5,
.col-xl-2point5,
.col-xl-3point5,
.col-xl-4point5,
.col-xl-5point5,
.col-xl-6point5,
.col-xl-7point5,
.col-xl-8point5,
.col-xl-9point5,
.col-xl-10point5,
.col-xl-11point5,
.col-xl-point5{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
z-index: 0;
}
@media (max-width: 576px) {
.col-point5 { width: 4.16666667%;}
.col-11point5 { width: 95.83333334%;}
.col-10point5 { width: 87.5%;}
.col-9point5 { width: 79.16666667%;}
.col-8point5 { width: 70.83333334%;}
.col-7point5 { width: 62.5%;}
.col-6point5 { width: 54.16666667%;}
.col-5point5 { width: 45.83333334%;}
.col-4point5 { width: 37.5%;}
.col-3point5 { width: 29.16666667%;}
.col-2point5 { width: 20%;}
.col-1point5 { width: 12.5%;}
.col-point5 {
-ms-flex: 0 0 4.16666667%;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.col-11point5 {
-ms-flex: 0 0 95.83333334%;
flex: 0 0 95.83333334%;
max-width: 95.83333334%;
}
.col-10point5 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.col-9point5 {
-ms-flex: 0 0 79.16666667%;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.col-8point5 {
-ms-flex: 0 0 70.83333334%;
flex: 0 0 70.83333334%;
max-width: 70.83333334%;
}
.col-7point5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-6point5 {
-ms-flex: 0 0 54.16666667%;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.col-5point5 {
-ms-flex: 0 0 45.83333334%;
flex: 0 0 45.83333334%;
max-width: 45.83333334%;
}
.col-4point5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-3point5 {
-ms-flex: 0 0 29.16666667%;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.col-2point5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-1point5 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media (min-width: 576px) {
.col-sm-point5 { width: 4.16666667%; }
.col-sm-11point5 { width: 95.83333334%; }
.col-sm-10point5 { width: 87.5%; }
.col-sm-9point5 { width: 79.16666667%; }
.col-sm-8point5 { width: 70.83333334%; }
.col-sm-7point5 { width: 62.5%; }
.col-sm-6point5 { width: 54.16666667%; }
.col-sm-5point5 { width: 45.83333334%; }
.col-sm-4point5 { width: 37.5%; }
.col-sm-3point5 { width: 29.16666667%; }
.col-sm-2point5 { width: 20%; }
.col-sm-1point5 { width: 12.5%; }
.col-sm-point5 {
-ms-flex: 0 0 4.16666667%;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.col-sm-11point5 {
-ms-flex: 0 0 95.83333334%;
flex: 0 0 95.83333334%;
max-width: 95.83333334%;
}
.col-sm-10point5 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.col-sm-9point5 {
-ms-flex: 0 0 79.16666667%;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.col-sm-8point5 {
-ms-flex: 0 0 70.83333334%;
flex: 0 0 70.83333334%;
max-width: 70.83333334%;
}
.col-sm-7point5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-sm-6point5 {
-ms-flex: 0 0 54.16666667%;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.col-sm-5point5 {
-ms-flex: 0 0 45.83333334%;
flex: 0 0 45.83333334%;
max-width: 45.83333334%;
}
.col-sm-4point5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-sm-3point5 {
-ms-flex: 0 0 29.16666667%;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.col-sm-2point5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-sm-1point5 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media (min-width: 768px) {
.col-md-point5 { width: 4.16666667%; }
.col-md-11point5 { width: 95.83333334%; }
.col-md-10point5 { width: 87.5%; }
.col-md-9point5 { width: 79.16666667%; }
.col-md-8point5 { width: 70.83333334%; }
.col-md-7point5 { width: 62.5%; }
.col-md-6point5 { width: 54.16666667%; }
.col-md-5point5 { width: 45.83333334%; }
.col-md-4point5 { width: 37.5%; }
.col-md-3point5 { width: 29.16666667%; }
.col-md-2point5 { width: 20%; }
.col-md-1point5 { width: 12.5%; }
.col-md-point5 {
-ms-flex: 0 0 4.16666667%;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.col-md-11point5 {
-ms-flex: 0 0 95.83333334%;
flex: 0 0 95.83333334%;
max-width: 95.83333334%;
}
.col-md-10point5 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.col-md-9point5 {
-ms-flex: 0 0 79.16666667%;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.col-md-8point5 {
-ms-flex: 0 0 70.83333334%;
flex: 0 0 70.83333334%;
max-width: 70.83333334%;
}
.col-md-7point5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-md-6point5 {
-ms-flex: 0 0 54.16666667%;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.col-md-5point5 {
-ms-flex: 0 0 45.83333334%;
flex: 0 0 45.83333334%;
max-width: 45.83333334%;
}
.col-md-4point5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-md-3point5 {
-ms-flex: 0 0 29.16666667%;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.col-md-2point5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-md-1point5 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media (min-width: 992px) {
.col-lg-point5 { width: 4.16666667%; }
.col-lg-11point5 { width: 95.83333334%; }
.col-lg-10point5 { width: 87.5%; }
.col-lg-9point5 { width: 79.16666667%; }
.col-lg-8point5 { width: 70.83333334%; }
.col-lg-7point5 { width: 62.5%; }
.col-lg-6point5 { width: 54.16666667%; }
.col-lg-5point5 { width: 45.83333334%; }
.col-lg-4point5 { width: 37.5%; }
.col-lg-3point5 { width: 29.16666667%; }
.col-lg-2point5 { width: 20%; }
.col-lg-1point5 { width: 12.5%; }
.col-lg-point5 {
-ms-flex: 0 0 4.16666667%;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.col-lg-11point5 {
-ms-flex: 0 0 95.83333334%;
flex: 0 0 95.83333334%;
max-width: 95.83333334%;
}
.col-lg-10point5 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.col-lg-9point5 {
-ms-flex: 0 0 79.16666667%;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.col-lg-8point5 {
-ms-flex: 0 0 70.83333334%;
flex: 0 0 70.83333334%;
max-width: 70.83333334%;
}
.col-lg-7point5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-lg-6point5 {
-ms-flex: 0 0 54.16666667%;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.col-lg-5point5 {
-ms-flex: 0 0 45.83333334%;
flex: 0 0 45.83333334%;
max-width: 45.83333334%;
}
.col-lg-4point5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-lg-3point5 {
-ms-flex: 0 0 29.16666667%;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.col-lg-2point5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-lg-1point5 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}
@media (min-width: 1200px) {
.col-xl-point5 { width: 4.16666667%; }
.col-xl-11point5 { width: 95.83333334%; }
.col-xl-10point5 { width: 87.5%; }
.col-xl-9point5 { width: 79.16666667%; }
.col-xl-8point5 { width: 70.83333334%; }
.col-xl-7point5 { width: 62.5%; }
.col-xl-6point5 { width: 54.16666667%; }
.col-xl-5point5 { width: 45.83333334%; }
.col-xl-4point5 { width: 37.5%; }
.col-xl-3point5 { width: 29.16666667%; }
.col-xl-2point5 { width: 20%; }
.col-xl-1point5 { width: 12.5%; }
.col-xl-point5 {
-ms-flex: 0 0 4.16666667%;
flex: 0 0 4.16666667%;
max-width: 4.16666667%;
}
.col-xl-11point5 {
-ms-flex: 0 0 95.83333334%;
flex: 0 0 95.83333334%;
max-width: 95.83333334%;
}
.col-xl-10point5 {
-ms-flex: 0 0 87.5%;
flex: 0 0 87.5%;
max-width: 87.5%;
}
.col-xl-9point5 {
-ms-flex: 0 0 79.16666667%;
flex: 0 0 79.16666667%;
max-width: 79.16666667%;
}
.col-xl-8point5 {
-ms-flex: 0 0 70.83333334%;
flex: 0 0 70.83333334%;
max-width: 70.83333334%;
}
.col-xl-7point5 {
-ms-flex: 0 0 62.5%;
flex: 0 0 62.5%;
max-width: 62.5%;
}
.col-xl-6point5 {
-ms-flex: 0 0 54.16666667%;
flex: 0 0 54.16666667%;
max-width: 54.16666667%;
}
.col-xl-5point5 {
-ms-flex: 0 0 45.83333334%;
flex: 0 0 45.83333334%;
max-width: 45.83333334%;
}
.col-xl-4point5 {
-ms-flex: 0 0 37.5%;
flex: 0 0 37.5%;
max-width: 37.5%;
}
.col-xl-3point5 {
-ms-flex: 0 0 29.16666667%;
flex: 0 0 29.16666667%;
max-width: 29.16666667%;
}
.col-xl-2point5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.col-xl-1point5 {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
}