@media only screen and (min-width: 1200px){
    .accordion{
        display: none;
    }
}
@media only screen and (min-width: 0px) and (max-width: 1200px){
    /* .accordion-item{
        height: 500px !important;
    } */
    .accordion-button{
        background-color: #ffe00c !important;
        color: #444 !important;
        font-size: 15px !important;
        height: 70px !important;
        font-weight: 500;
        outline: none !important;
        border: none !important;
    }
/* .accordion{
    display: block;
    background-color: #ffe00c;
    color: #444;
    cursor: pointer;
    padding: 18px 18px 0px 18px;
    width: 100%;
    font-weight: 600;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    }
    .accordion i{
        line-height: 1.8rem;
    }
    #arrow-up{
        display: none;
    }
    #arrow-down{
        display: block;
    }

    #arrow-up-1{
        display: none;
    }
    #arrow-down-1{
        display: block;
    }

    #arrow-up-2{
        display: none;
    }
    #arrow-down-2{
        display: block;
    }

    #arrow-up-3{
        display: none;
    }
    #arrow-down-3{
        display: block;
    }

    #arrow-up-4{
        display: none;
    }
    #arrow-down-4{
        display: block;
    }

    #arrow-up-5{
        display: none;
    }
    #arrow-down-5{
        display: block;
    }

    .accordion:hover {
    background-color: #000;
    color: #fff; 
    }


    .panel
    ,.panel-1,
    .panel-2,.panel-3,.panel-4,.panel-5 {
        padding: 0 18px;
        display: none;
        background-color: white;
        overflow: hidden;
        position: absolute;
        z-index:9 ;
        } */
    .course-block .inner-box .overlay-content-box11{
        position:absolute;
        left:100%;
        top:-35px;
        width:360px;
        z-index:1;
        opacity:0;
        visibility:hidden;
        padding:25px 25px;
        background-color:#ffffff;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        transform:translateX(20px);
        box-shadow:0px 0px 15px rgba(0,0,0,0.10);
    }
    
    .course-block .inner-box:hover .overlay-content-box1{
        opacity:1;
        visibility:visible;
        transform:translateX(0px);
    }
    
    .course-block .inner-box .overlay-content-box1:before{
        position:absolute;
        content:'';
        left:-10px;
        top:32%;
        border-top: 6px solid transparent;
        border-right: 10px solid #ffffff;
        border-bottom: 6px solid transparent;
    }
    
    .course-block:nth-child(3n + 0) .inner-box .overlay-content-box1{
        left:auto;
        right:100%;
    }
    
    .course-block:nth-child(3n + 0) .inner-box .overlay-content-box1:before{
        right:-10px;
        left:auto;
        border-right:0px;
        border-top: 6px solid transparent;
        border-left: 10px solid #ffffff;
        border-bottom: 6px solid transparent;
    }
    
    .course-block .inner-box .overlay-content-box1 h4{
        position:relative;
        font-weight:700;
        line-height:1.3em;
        color:#000000;
        font-size:24px;
        margin-bottom:20px;
        padding-bottom:18px;
        border-bottom:1px solid #dadada;
    }
    
    .course-block .inner-box .overlay-content-box1 .uni-name{
        position:relative;
        color:#43b97e;
        font-size:15px;
        margin-top:18px;
        margin-bottom:12px;
    }
    
    
    .course-block .inner-box .overlay-content-box1 .enroll-now{
        position:relative;
        color:#ffffff;
        font-size:13px;
        padding:12px 18px;
        border-radius:5px;
        letter-spacing:1px;
        background-color:#43b97e;
        text-transform:uppercase;
        transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
    }
    
    .course-block .inner-box .overlay-content-box1 .enroll-now:hover{
        background-color:#111111;
    }
    
    .course-block .inner-box .overlay-content-box1 .text{
        position:relative;
        color:#000000;
        font-size:14px;
        line-height:1.8em;
        margin-top:15px;
    }
    
    .course-block .inner-box .overlay-content-box1 .lists{
        position:relative;
        margin-top:20px;
    }
    
    .course-block .inner-box .overlay-content-box1 .lists li{
        position:relative;
        margin-bottom:12px;
        color:#000000;
        font-size:14px;
        padding-left:25px;
    }
    
    .course-block .inner-box .overlay-content-box1 .lists li:before{
        position:absolute;
        content:'';
        left:0px;
        top:10px;
        width:15px;
        height:3px;
        background-color:#43b97e;
    }
    
    .course-block .inner-box .overlay-content-box1 .lists li:last-child{
        margin-bottom:0px;
    }
    
    .course-block .inner-box .overlay-content-box1 .btns-box{
        position:relative;
        margin-top:22px;
    }
    
    .course-block .inner-box .overlay-content-box1 .btns-box .enrol-btn{
        position:relative;
        color:#000000;
        font-size:16px;
        padding:16px 26px;
        border-radius:6px;
        font-weight:500;
        margin-right:10px;
        display:inline-block;
        background-color:#ffe00c;
    }
}