@media screen and (min-width:1550px) {
    header .container-fluid {
        padding: 0 110px;
    }
    .middle-section .container-fluid {
        padding: 0 60px 0 160px;
    }
    .logo a > img {
        max-width: 290px;
    }
    .middle-text > img {
        margin-bottom: 70px;
        /* max-width: 783px; */
    }
}
@media screen and (min-width:1800px) {
    .middle-text h1 {
        font-size: 219px;
        line-height: 125px;
    }
.middle-section .container-fluid {
    padding: 0 60px 0 160px;
    max-width: 1930px;
}
.middle-text {
    padding-left: 90px;
    margin-top: -124px;
}
.logo a > img {
    max-width: 290px;
}
header .container-fluid {
    padding: 0 110px;
}
header {
    /* padding:74px 0 32px 0; */
    padding: 40px 0 40px 0;
}
.middle-text p {
    margin-left: 48px;
}
.middle-text > img {
   max-width: 904px;
}
}
@media screen and (max-width:1400px) {
    .middle-text h1 {
        font-size: 160px;
        line-height: 75px;
        margin-bottom: 60px;
    }
    .middle-text p {
        /* line-height: 35px;
        font-size: 29px; */
        margin-left: 0;
        max-width: 456px;
    }
    footer p {
        font-size: 20px;
        padding: 25px 0;
    }
    .banner-img {
        margin-top: -142px;
    }
}
@media screen and (max-width:1365px) {
    .middle-text > img {
        max-width: 100%;
    }
}
@media screen and (max-width:1199px) {
.middle-text h1 {
    font-size: 120px;
    line-height: 65px;
    margin-bottom: 60px;
}
.middle-text p {
    line-height: 28px;
    font-size: 24px;
    max-width: 384px;
}
.logo a > img {
    max-width: 200px;
}
.banner-img {
    margin-top: -114px;
}
}
@media screen and (max-width:1024px) {
    * {
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
    }
}
@media screen and (max-width:991px) {
    .middle-text h1 {
        font-size: 84px;
        line-height: 43px;
        margin-bottom: 40px;
    }
    .middle-text p {
        line-height: 22px;
        font-size: 17px;
        margin-left: 0;
        max-width: 275px;
    }
    .banner-img {
        margin-top: -100px;
    }
    footer p {
        font-size: 15px;
        padding: 20px 0;
    }
    .middle-text {
        margin-top: -70px;
    }
}
@media screen and (max-width:767px) {
    .logo {
        margin: 0 auto;
        text-align: center;
    }
    header {
        padding: 15px 0 15px 0;
    }
    .logo a > img {
        max-width: 180px;
    }
    .banner-img {
        margin-top: 20px;
        max-width: 100%;
        flex: 0 0 100%;
    }
    section.middle-section {
        padding-bottom: 15px;
    }
    .middle-text h1 span {
       margin-left: 0;
    }
    .middle-text {
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0;
        text-align: center;
    }
    .middle-text > img {
        max-width: 90%;
    }
    .middle-text h1 {
        margin-bottom: 35px;
        transform: none;
        text-align: center;
    }
    .middle-text p {
        line-height: 27px;
        font-size: 22px;
        max-width: 100%;
        text-align: center;
    }
    footer p i {
        padding: 0 5px;
    }
    body {
        padding: 0 15px;
    }
    .middle-section .container-fluid,header .container-fluid {
        padding: 0px 15px;
    }
}
@media screen and (max-width:575px) {
    footer p i {
       display: none;
    }
    footer p span {
        display: block;
    }
    .middle-text h1 {
        font-size: 77px;
    }
  
}
@media screen and (max-width:400px) {}