windy/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

基础数据模块增加面包屑导航

Browse Source
This commit is contained in:
714943302@qq.com
2018-12-19 09:11:11 +08:00
parent 8cbea4d402
commit 54670ce8f4
27 changed files with 394 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/basic-data/aircraft-type/aircraft-type.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
机型
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/aircraft/aircraft.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
飞机
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/aircraft/aircraft.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/airline/airline.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
航空公司
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/airline/airline.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/airport/airport.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
机场
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/airport/airport.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/basic-data.module.ts
+4 -2
View File
@@ -19,12 +19,13 @@ import { AircraftTypeComponent } from './aircraft-type/aircraft-type.component';
import { AircraftComponent } from './aircraft/aircraft.component';
import { TerminalAreaComponent } from './terminal-area/terminal-area.component';
import { AirlineComponent } from './airline/airline.component';
import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
@NgModule({
imports: [
CommonModule,
BasicDataRouting,
FormsModule,
NgZorroAntdModule,
BasicDataPipesModule
],
declarations: [
@@ -39,6 +40,7 @@ import { AirlineComponent } from './airline/airline.component';
AircraftTypeComponent,
AircraftComponent,
TerminalAreaComponent,
AirlineComponent]
AirlineComponent],
providers : [ { provide: NZ_I18N, useValue: zh_CN } ],
})
export class BasicDataModule { }
src/app/pages/basic-data/carousel/carousel.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
行李转盘
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/carousel/carousel.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/checkin-desk/checkin-desk.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
值机柜台
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/checkin-group/checkin-group.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
值机岛
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/checkin-group/checkin-group.component.scss
+18 -3
View File
@@ -2,11 +2,13 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.input-container {
@@ -44,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/chut/chut.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
行李传送带
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/chut/chut.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/city/city.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
城市
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/city/city.component.scss
+18 -29
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
@@ -67,19 +72,3 @@
// text-align: left;
// }
// }
.divFieldseTitle{
position: relative;
display: inline;
left: 10px;
top: 11px;
white-space: nowrap;
text-align: center;
background-color: #fff;
font-weight: bold;
}
.checkInfo{
position: relative;
top: 5px;
left: 15px;
}
src/app/pages/basic-data/gate/gate.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
登机门
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/gate/gate.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/stand/stand.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
机位
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/stand/stand.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/terminal-area/terminal-area.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
航站楼区域
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/terminal-area/terminal-area.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {
src/app/pages/basic-data/terminal/terminal.component.html
+12 -2
View File
@@ -1,5 +1,15 @@
<div class="main-page">
<div class="page-content">
<div class="main-page breadcrumb-main-content">
<div class="navigation">
<nz-breadcrumb>
<nz-breadcrumb-item>
航站楼
</nz-breadcrumb-item>
<nz-breadcrumb-item>
列表
</nz-breadcrumb-item>
</nz-breadcrumb>
</div>
<div class="page-content breadcrumb-main-content card">
<div class="search-filter mb-3">
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
src/app/pages/basic-data/terminal/terminal.component.scss
+18 -13
View File
@@ -2,23 +2,15 @@
width: 100%;
height: 100%;
overflow-y: scroll;
padding: 15px 10px;
background-color: #fff;
padding: 10px 20px 20px;
background-color: #f0f0f0;
.page-content {
border: 1px solid #ccc;
padding: 10px 20px;
// padding: 10px 20px;
// overflow-y: scroll;
// height: 100%;
.search-filter {
padding: 0 15px;
.first-condition {
.line-operator-right {
text-align: right;
padding: 0;
.btn-info {
background-color: rgb(122, 156, 204);
border-color: rgb(122, 156, 204);
}
}
}
.input-container {
padding: 0;
> .form-control {
@@ -54,6 +46,19 @@
}
}
}
.navigation{
padding-bottom: 10px;
}
.breadcrumb-main-container {
padding: 20px 20px;
background-color: #f0f0f0;
}
.card{
background: #fff;
padding: 20px;
box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
border-radius: 0;
}
}
@media screen and (max-width: 991px) {