/*

Breezed Template

https://templatemo.com/tm-543-breezed

*/

/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. banner
06. features
07. testimonials
08. contact
09. footer
10. preloader
11. search
12. portfolio

--------------------------------------------- */

/*
---------------------------------------------
font & reset css
---------------------------------------------
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

/*
---------------------------------------------
reset
---------------------------------------------
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption,
.col-12,
.row,
.col-lg-6,
.col-md-6,
.col-xs-12,
.col-1,
.col-10 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
    display: block;
}

* {
    box-sizing: border-box;
}

html,
body {
    background-color: #fff !important;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul {
    margin-bottom: 0px;
}


/*
---------------------------------------------
global styles
---------------------------------------------
*/

html,
body {
    background: #fff;
}

::selection {
    background: #ED1C24;
    color: #fff;
}

::-moz-selection {
    background: #ED1C24;
    color: #fff;
}

@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
    }

    .mobile-top-fix {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .mobile-bottom-fix {
        margin-bottom: 30px;
    }

    .mobile-bottom-fix-big {
        margin-bottom: 60px;
    }
}

a.main-stroked-button {
    font-size: 13px;
    border-radius: 25px;
    padding: 11px 25px;
    background-color: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.main-stroked-button:hover {
    background-color: #fff;
    color: #5fb759;
}

a.main-filled-button {
    font-size: 13px;
    border-radius: 25px;
    padding: 13px 25px;
    background-color: #fff;
    text-transform: uppercase;
    color: #5fb759;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.main-filled-button:hover {
    color: #fff;
    background-color: #5fb759;
}

a.main-button-icon {
    font-size: 13px;
    border-radius: 25px;
    padding: 13px 25px;
    background-color: #5fb759;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.main-button-icon i {
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a.main-button-icon:hover i {
    padding-left: 5px;
}

button.main-button {
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    border-radius: 25px;
    padding: 10px 25px;
    background-color: #fff;
    text-transform: uppercase;
    color: #5fb759;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button.main-button:hover {
    color: #fff;
    background-color: #5fb759;
}

button.main-button-icon {
    border: none;
    outline: none;
    font-size: 13px;
    border-radius: 25px;
    padding: 13px 25px;
    background-color: #5fb759;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button.main-button-icon i {
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

button.main-button-icon:hover i {
    padding-left: 5px;
}

a.text-button-icon {
    text-transform: uppercase;
    color: #1e1e1e;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.text-button-icon i {
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

a.text-button-icon:hover {
    color: #5fb759;
}

a.text-button-icon:hover i {
    padding-left: 5px;
}

.section-heading h6 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.section-heading h2 {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 0px;
}


/*
---------------------------------------------
header
---------------------------------------------
*/

.background-header {
    background-color: #fff;
    /* height: 80px!important; */
    position: fixed !important;
    top: 0px;
    left: 0px;
    right: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}

.background-header .main-nav .nav li:hover a {
    color: #5fb759 !important;
}

.background-header .nav li a.active {
    color: #5fb759 !important;
}

.header-area {
    background-color: #fff;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.header-area .main-nav {
    height: 100%;
    min-height: 90px;
    background: transparent;
}

.header-area .main-nav .logo {
    line-height: 80px;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-area .main-nav .nav {
    float: right;
    margin-top: 27px;
    margin-right: 0px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 999;
}

.header-area .main-nav .nav .search-icon {
    float: right;
    margin-left: 15px;
}

.header-area .main-nav .nav .search-icon a {
    background-color: #fff;
    color: #5fb759;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 767px) {
    .header-area .main-nav .nav .search-icon {
        float: none;
        text-align: center;
        width: 100%;
        background-color: #fff;
        margin-left: 0px;
    }
}

.header-area .main-nav .nav .search-icon a:hover {
    opacity: 1;
    color: #5fb759 !important;
}

.header-area .main-nav .nav li a {
    display: block;
    font: normal normal medium 1vw/1em Noto Sans;
    color: #7a7a7a;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 40px;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px;
    color: #000;
    letter-spacing: 0px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
    color: #ED1C24 !important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
    color: #ED1C24 !important;
    opacity: 1;
}

.header-area .main-nav .nav li.submenu {
    position: relative;
    background-color: #ED1C24;
    border-radius: 25px;
}

.header-area .main-nav .nav li.submenu a {
    color: #fff;
}

.header-area .main-nav .nav li.submenu:after {
    font-family: FontAwesome;
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 18px;
    top: 12px;
}

.background-header .main-nav .nav li.submenu:after {
    color: #7a7a7a;
}

.header-area .main-nav .nav li.submenu ul {
    position: absolute;
    width: 200px;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    top: 40px;
    opacity: 0;
    transform: translateY(+2em);
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-area .main-nav .nav li.submenu ul li {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.header-area .main-nav .nav li.submenu ul li a {
    opacity: 1;
    display: block;
    background: #fff;
    color: #7a7a7a !important;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid #f5f5f5;
}

.header-area .main-nav .nav li.submenu ul li a:hover {
    background: #fff;
    color: #ED1C24 !important;
    padding-left: 25px;
}

.header-area .main-nav .nav li.submenu ul li a:hover:before {
    width: 3px;
}

.header-area .main-nav .nav li.submenu:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(5%);
    transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 1.6em;
    width: 32px;
    text-indent: -9999em;
    z-index: 99;
    right: 1em;
    display: none;
}
.header-area .active{
    width: 2em;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #1e1e1e;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
    background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #1e1e1e;
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    left: 0px;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
    background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
    content: "";
}

.header-area .main-nav .menu-trigger span {
    top: 1em;
}

.header-area .main-nav .menu-trigger span:before {
    -moz-transform-origin: 33% 100%;
    -ms-transform-origin: 33% 100%;
    -webkit-transform-origin: 33% 100%;
    transform-origin: 33% 100%;
    top: -10px;
    z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
    -moz-transform-origin: 33% 0;
    -ms-transform-origin: 33% 0;
    -webkit-transform-origin: 33% 0;
    transform-origin: 33% 0;
    top: 10px;
    text-align: center !important;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
    background-color: transparent;
    width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
    -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
    -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
    transform: translateY(6px) translateX(1px) rotate(45deg);
    background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:before {
    background-color: #1e1e1e;
}

.header-area .main-nav .menu-trigger.active span:after {
    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #1e1e1e;
}

.background-header .main-nav .menu-trigger.active span:after {
    background-color: #1e1e1e;
}

.header-area.header-sticky {
    position: fixed;
    min-height: 80px;
}

.header-area.header-sticky .nav li a.active {
    color: #ED1C24;
}

@media (max-width: 1200px) {
    .header-area .main-nav .nav li {
        padding-left: 12px;
        padding-right: 12px;
    }

    .header-area .main-nav:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .header-area .main-nav .logo {
        color: #1e1e1e;
    }

    .header-area.header-sticky .nav li a:hover,
    .header-area.header-sticky .nav li a.active {
        color: #ED1C24 !important;
        opacity: 1;
    }

    .header-area.header-sticky .nav li.search-icon a {
        width: 100%;
    }

    .header-area {
        background-color: #fff;
        padding: 0px 15px;
        /* height: 80px; */
        box-shadow: none;
        text-align: center;
    }

    .header-area .container {
        padding: 0px;
    }

    .header-area .menu-trigger {
        display: block !important;
    }

    .header-area .main-nav {
        overflow: hidden;
    }

    .header-area .main-nav .nav {
        float: none;
        width: 100%;
        display: none;
        -webkit-transition: all 0s ease 0s;
        -moz-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        margin-left: 0px;
    }

    .header-area .main-nav .nav li:first-child {
        border-top: 1px solid #fff;
    }

    .header-area.header-sticky .nav {
        margin-top: 80px !important;
    }

    .header-area .main-nav .nav li {
        width: 100%;
        background: #fff;
        border-bottom: 1px solid #fff;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header-area .main-nav .nav li a {
        height: 4em !important;
        line-height: 2em !important;
        padding: 1em !important;
        border: none !important;
        background: #fff !important;
        color: #191a20 !important;
    }

    .header-area .main-nav .nav li a:hover {
        background: #fff !important;
        color: #ED1C24 !important;
    }

    .header-area .main-nav .nav li.submenu ul {
        position: relative;
        visibility: inherit;
        opacity: 1;
        z-index: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s;
        top: 0px;
        width: 100%;
        box-shadow: none;
        height: 0px;
    }

    .header-area .main-nav .nav li.submenu ul li a {
        font-size: 12px;
        font-weight: 400;
    }

    .header-area .main-nav .nav li.submenu ul li a:hover:before {
        width: 0px;
    }

    .header-area .main-nav .nav li.submenu ul.active {
        height: auto !important;
    }

    .header-area .main-nav .nav li.submenu:after {
        color: #3B566E;
        right: 25px;
        font-size: 14px;
        top: 15px;
    }

    .header-area .main-nav .nav li.submenu:hover ul,
    .header-area .main-nav .nav li.submenu:focus ul {
        height: 0px;
    }
}

@media (min-width: 767px) {
    .header-area .main-nav .nav {
        display: flex !important;
    }
}


/*
---------------------------------------------
banner
---------------------------------------------
*/


/* ==== Main CSS === */

.img-fill {
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

.img-fill .img-modern-slider {
    background-image: url('../images/iStock-1198082588_2.jpg');
    height: 100vh;
    width: auto;
    background-size: cover;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
}

.blocks-box,
.slick-slider {
    margin: 0;
    padding: 0 !important;
}

.slick-slide {
    float: left /* If RTL Make This Right */;
    padding: 0;
}


/* ==== Slider Style === */

.Modern-Slider .item .img-fill {
    background: #000;
}

.scroll-down {
    position: absolute;
    left: 50%;
    margin-top: -60px;
    z-index: 20;
}

.scroll-down i {
    display: inline-block;
    width: calc(100vw / 2);
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
}

ul.slick-dots {
    display: none !important;
}

.Modern-Slider .text-content {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.Modern-Slider .item h3 {
    font: normal normal 300 2.3vw/1em Noto Sans;
    letter-spacing: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

.Modern-Slider .item h5 {
    font: normal normal 300 1.0vw/1em Noto Sans;
    letter-spacing: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

@media (max-width: 767px) {
    .Modern-Slider .item h3 {
        font: normal normal 300 9vw/1.3em Noto Sans;
        letter-spacing: 0.2em;
    }
    .Modern-Slider .item h5 {
        padding-top: 10px;
        font: normal normal 300 4vw/1em Noto Sans;
        letter-spacing: 0.2em;
    }
    .img-fill .img-modern-slider {
        min-height: 500px;
    }
}

/* ==== Slick Slider Css Ruls === */

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}


/*
---------------------------------------------
about
---------------------------------------------
*/

#about {
    position: relative;
    z-index: 9;
}

#about .section-heading {
    margin-bottom: 10px;
}

#about .section-heading h6 {
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    font: normal normal 300 3vw/1em Noto Sans;
    text-transform: none;
}

#about .section-heading h2 {
    margin-top: 0px;
    padding-top: 2em;
    text-align: left;
    font: normal normal 300 1.1vw/1.3em Noto Sans;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

#about .service-item {
    margin-top: 30px;
}

#about .service-item img {
    float: left;
    margin-right: 15px;
    width: 46px;
    height: 46px;
}

#about .service-item h4 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    line-height: 46px;
}

#about a.main-button-icon {
    display: inline-block;
    margin-top: 60px;
}

.about-bg {
    position: relative;
    text-align: center;
    overflow: hidden;
    color: white;
}

.about-bg:hover .background-fms,
.about-bg:hover .background-ali,
.about-bg:hover .background-dms {
    transform: scale(1.2);
    filter: brightness(1);
}

.background-fms {
    background-image: url('../images/iStock-1159801440_2.jpg');
    height: calc((100vh - 80px) / 2);
    width: auto;
    background-size: cover;
    transition: 0.3s all ease-in-out;
    filter: brightness(0.5);
}

.background-ali {
    background-image: url('../images/iStock-612012708_2.jpg');
    height: calc((100vh - 80px) / 2);
    width: auto;
    background-size: cover;
    transition: 0.3s all ease-in-out;
    filter: brightness(0.5);
}

.background-dms {
    background-image: url('../images/iStock-1206802146_2.jpg');
    height: calc((100vh - 80px) / 2);
    width: auto;
    background-size: cover;
    transition: 0.3s all ease-in-out;
    filter: brightness(0.5);
}

#about .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

#about .centered h1 {
    font: normal normal 300 3vw/30px Noto Sans;
    letter-spacing: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

#about .centered p {
    padding-top: 1em;
    font: normal normal 300 1.1vw/1.2em Noto Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}


@media (max-width: 767px) {
    #about .section-heading h6 {
        font: normal normal 300 9vw/1em Noto Sans;
    }
    #about .section-heading h2 {
        padding-top: 1em;
        font: normal normal 300 5vw/1.3em Noto Sans;
    }
    #about .section-heading {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    #about .centered h1 {
        font: normal normal 300 9vw/1.1em Noto Sans;
    }

    #about .centered p {
        font: normal normal 300 4vw/1.2em Noto Sans;
    }

    #about .centered .container{
        max-width: none;
    }

}



/*
---------------------------------------------
footer
---------------------------------------------
*/

footer {
    min-height: 50px;
    background: #ED1C24 0% 0% no-repeat padding-box;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

footer .left-text-content p {
    text-align: center;
    font: normal normal 300 1vw/1em Noto Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

footer .right-text-content ul li a:hover {
    background-color: #5fb759;
    color: #fff;
}

@media (max-width: 992px) {
    footer .left-text-content p {
        text-align: center;
    }

    footer .right-text-content {
        float: none;
        text-align: center;
    }
    footer .left-text-content p {
        font: normal normal 300 2vw/1em Noto Sans;
    }
}
@media (max-width: 767px) {
    footer {
        min-height: 30px;
    }


}