@media screen and (max-width:1200px) {

    /* Second Banner */
    #second-banner {
        margin: 150px 0 150px 0;
    }

    /* Gallery */
    #gallery {
        padding: 0 150px;
    }
}

@media screen and (max-width:992px) {
    header .logo {
        right: 33%;
    }
    #intro .logo {
        width: 18%;
        z-index: 1;
        position: relative;
        top: 2%;
    }
    #intro .box-blue {
    width: 20%;
    height: 45%;
    border-radius: 15px;
}
    #intro {
        height: 40vw;

    }

    #intro .text .first-text h2,
    #intro .text .two-text h2 {
        font-size: 3vh !important;

    }

    #intro .text .first-text p,
    #intro .text .two-text p {
        font-size: 2vh !important;
    }

    #banner .images img#start-object {
        position: absolute;
        left: 0;
        width: 25%;
    }

    #intro .intro-slider {
        margin: -118px 0 0 0 !important;
    }
        #banner .images img#end-object {
            position: absolute;
            right: 0;
            width: 25%;
        }

        #second-banner .card {
            height: 300px;
        }

        #Importance .text .icon {
            font-size: 4vh !important;
            margin-top: 3vh !important;
        }

        #Importance .text {
            top: 63% !important;
        }

        #Importance .text h5 {
            font-size: 2.5vh !important;
        }

        #Importance .text p {
            text-align: justify;
            font-size: 1.2vh !important;
        }

        #Description .first-Description {
            font-size: 2vh !important;

            margin: 1vh !important;
        }
    }

    @media screen and (max-width:768px) {

        /* Gallery */
        #gallery {
            padding: 0 75px;
        }

        /* Banner */
        #second-banner .card {
            height: 240px;
        }

        #second-banner .card .data h1 {
            font-size: 23px;
        }

        #second-banner .card .data {
            /* width: 200px; */
            /* padding: 30px; */
            line-height: 20px;
            font-size: 13px;
        }

        /* About */
        #about .title {
            top: 100px;
            padding-right: 45px;
            text-align: start;
        }
    }

    @media screen and (max-width:576px) {
        #about .image {
            display: flex;
            justify-content: center;
        }

        #about .title {
            width: 100%;
            padding-right: 0;
            text-align: center;
        }

        #about .title h3 {
            display: inline-block;
            padding: 10px 20px;
            background: linear-gradient(#ffc70e, #ffe693, #ffc70e);
            border-radius: 15px;
        }

        .doctor-man h2 {
            font-size: 18px;
        }

        .doctor-man p {
            font-size: 11px;
            width: 43%;
        }

    }