/******************************************************/
    /*************** Desain Menu Responsive ***************/
    /******************************************************/
    /* Desain untuk perangkat dengan layar 600px kebawah*/
    
    @media screen and (max-width: 600px) {
        .banner {
            height: 177px;
        }
        .section-banner {
            position: absolute;
            height: 177px;
            
            background-repeat: no-repeat;
            background-size: 100%;
        }
        .trans-box {
            position: absolute;
            height: 177px;
            background-color: rgba(37, 48, 54, 0.18);
            background-size: 100%;
            padding: 10px 0px;
        }
        .banner_text h2 {
            font-style: normal;
            font-weight: 900;
            font-size: 35px;
            line-height: 35px;
            color: #D4797C;
        }
        .banner_text p {
            color: #fff;
            font-family: 'Red Hat Display', sans-serif;
            font-size: 20px;
            width: 100%;
        }
        .garis_ {
            height: 20px;
            border-left: 1px solid #57646B;
            margin-left: 17px;
        }
        .banner_testimoni {
            height: 250px;
        }
        .section-testimoni {
            position: absolute;
            width: 100%;
            height: 250px;
            background: #F6FBFC;
            background-repeat: no-repeat;
            background-size: 100%;
        }
        .section-testimoni img {
            width: 100%
        }
        .icon_banner {
            width: 70%;
            margin-bottom: 5px;
        }
        .banner_text {
            padding-top: 10px
        }
        .owl-prev span {
            font-size: 43px;
            /* color: #8787ff; */
            /* background: #000; */
            /* padding: 2px 25px 10px; */
            /* border-radius: 100%; */
            width: 48px;
            height: 48px;
            left: 136px;
            top: 3824px;
            transform: rotate(-180deg);
            color: #1E9BBA;
            background: #FFFFFF;
            border: 1px solid #1E9BBA;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(30, 155, 186, 0.2);
            transform: rotate(-180deg);
            border-radius: 100px;
            padding: 0px 25px 10px;
        }
        .text-testimoni {
            padding-left: 0px;
            margin-top: 0px;
            padding-top: 0px
        }
        .text-testimoni p {
            font-size: 20px;
            line-height: 36px;
            color: #47565D;
        }
        .about-title h2 {
            font-weight: 900;
            font-size: 30px;
            line-height: 44px;
            color: #1E9BBA;
        }
        .gambar-testimoni {
            padding-right: 0px;
            padding-top: 0px;
        }
        .owl-prev {
            font-size: 99px;
            color: #8787ff;
            position: absolute;
            top: 350px;
            left: 0px;
        }
        .owl-prev span {
            font-size: 20px;
            /* color: #8787ff; */
            /* background: #000; */
            /* padding: 2px 25px 10px; */
            /* border-radius: 100%; */
            width: 48px;
            height: 48px;
            left: 136px;
            top: 3824px;
            transform: rotate(-180deg);
            color: #1E9BBA;
            background: #FFFFFF;
            border: 1px solid #1E9BBA;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(30, 155, 186, 0.2);
            transform: rotate(-180deg);
            border-radius: 100px;
            padding: 2px 15px 8px;
        }
        .owl-next span {
            font-size: 20px;
            /* color: #8787ff; */
            /* background: #000; */
            /* padding: 2px 25px 10px; */
            /* border-radius: 100%; */
            width: 48px;
            height: 48px;
            left: 136px;
            top: 3824px;
            transform: rotate(-180deg);
            color: #1E9BBA;
            background: #FFFFFF;
            border: 1px solid #1E9BBA;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(30, 155, 186, 0.2);
            transform: rotate(-180deg);
            border-radius: 100px;
            padding: 2px 15px 8px;
        }
        .owl-next {
            font-size: 20px;
            color: #8787ff;
            position: absolute;
            top: 350px;
            right: 0px;
        }
        #owl2 .owl-prev {
            font-size: 20px;
            color: #8787ff;
            position: absolute;
            top: 250px;
            left: 0px;
        }
        #owl2 .owl-prev span {
            font-size: 20px;
            /* color: #8787ff; */
            /* background: #000; */
            /* padding: 2px 25px 10px; */
            /* border-radius: 100%; */
            width: 48px;
            height: 48px;
            left: 136px;
            top: 3824px;
            transform: rotate(-180deg);
            color: #1E9BBA;
            background: #FFFFFF;
            border: 1px solid #1E9BBA;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(30, 155, 186, 0.2);
            transform: rotate(-180deg);
            border-radius: 100px;
            padding: 2px 15px 8px;
        }
        .join_daftar_style {
            padding: 0px
        }
        .width_ {
            width: 100%
        }
        .horizontal_line-l {
            width: 30%;
            height: 0px;
            left: 112px;
            margin-top: 40px;
            border: 1px solid #57646B;
            float: left;
            margin-left: 24px;
        }
        .horizontal_line-r {
            width: 30%;
            height: 0px;
            left: 112px;
            margin-top: 40px;
            border: 1px solid #57646B;
            float: left;
            margin-right: 24px;
        }
        .footer {
            padding: 20px 0px
        }
        #owl2 .owl-next span {
            font-size: 20px;
            /* color: #8787ff; */
            /* background: #000; */
            /* padding: 2px 25px 10px; */
            /* border-radius: 100%; */
            width: 48px;
            height: 48px;
            left: 136px;
            top: 3824px;
            transform: rotate(-180deg);
            color: #1E9BBA;
            background: #FFFFFF;
            border: 1px solid #1E9BBA;
            box-sizing: border-box;
            box-shadow: 0px 4px 4px rgba(30, 155, 186, 0.2);
            transform: rotate(-180deg);
            border-radius: 100px;
            padding: 2px 15px 8px;
        }
        #owl2 .owl-next {
            font-size: 20px;
            color: #8787ff;
            position: absolute;
            top: 250px;
            right: 0px;
        }
        /*
    Sekolah Kedinasan
    */
        .left_ {
            float: left;
            display: none;
        }
        .right_ {
            width: 100%;
        }