/************************** Responsive Section **********************************/

@media screen and (min-device-width: 319px) and (max-device-width: 413px) {


    .top-nav {

        padding: 15px 0px 10px 0px !important;
    }

    .fb {


        float: left !important;
        margin: 0px 5px 5px 0px !important;
    }


    .twt {
        float: left !important;
        margin: 0px 5px 5px 0px !important;

    }

    .utube {
        float: left !important;
        margin: 0px 5px 5px 0px !important;
    }


    .title {
        margin: 0px;
        padding: 20px 0px 10px 10px;
        font-size: 22px !important;
        color: #38214b;
    }


    .intro-text {
        font-size: 16px;
        color: #ed9b0b;

    }


    .course-title {
        background: #fff;
        border-radius: 10px;
        float: left;
        width: 100%;
        padding: 10px;
        margin: 0px 0px 20px 0px !important;


    }

    .programs-title {

        margin: 0px;
        padding: 0px 0px 20px 10px !important;
        font-size: 22px !important;
        color: #fff;
        text-align: center;

    }

    .title-tstimonials {
        margin: 0px;
        padding: 0px 0px 20px 10px;
        font-size: 22px !important;
        color: #38214b;
        text-align: center;
    }


    .testimonials-block {
        width: 92.5%;
        float: left;
        background: #f7f7f7;
        border-radius: 10px;
        margin: 0px 15px 10px 15px;
        border: 1px solid #dedede;
        display: inline-block !important;


    }

    .student-details {
        width: 100%;
        float: left;
    }

    .student-details {
        width: 100% !important;

        margin: 0px !important;
        float: left;
    }


    .fixed-top {

        background: #fff !important;
        top: 0px !important;

    }


    .top-nav {
        display: none !important;
    }

    .slider-section {
        Width: 100%;
        float: left;
        margin: 120px 0px 0px 0px !important;

    }


  


.teaching-staff {
    width: 100%;
    float: left;
    background:#eadbf6 !important;
    margin-bottom: 20px; 
    border-radius: 5px !important; 
    
}

.staff-title {
    margin:0px !important;
    padding: 0px 0px 30px 10px !important;
    font-size: 19px !important;   
    color: #38214b;
    text-align: center;
}



.block-img {
    width:100% !important;
    float: left;
    background: #38214b;
    min-height: 300px;
    border-radius: 5px !important;
}

.block-deails {
    width:100% !important;
    float: left;
    min-height: 300px;
    background: #eadbf6;
    margin: 0px 0px 0px 0px;
    -webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-bottomright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}

}


@media screen and (min-device-width: 414px) and (max-device-width: 769px) {

    .fb {


        float: left !important;
        margin: 0px 5px 5px 0px !important;
    }


    .twt {
        float: left !important;
        margin: 0px 5px 5px 0px !important;

    }

    .utube {
        float: left !important;
        margin: 0px 5px 5px 0px !important;
    }


    .top-nav {

        padding: 15px 0px 10px 0px !important;
    }


    .title {
        margin: 0px;
        padding: 20px 0px 10px 10px;
        font-size: 22px !important;
        color: #38214b;
    }


    .intro-text {
        font-size: 16px;
        color: #ed9b0b;

    }


    .course-title {
        background: #fff;
        border-radius: 10px;
        float: left;
        width: 100%;
        padding: 10px;
        margin: 0px 0px 20px 0px !important;


    }

    .programs-title {

        margin: 0px;
        padding: 0px 0px 20px 10px !important;
        font-size: 22px !important;
        color: #fff;
        text-align: center;

    }

    .title-tstimonials {
        margin: 0px;
        padding: 0px 0px 20px 10px;
        font-size: 22px !important;
        color: #38214b;
        text-align: center;
    }

    .fixed-top {

        background: #fff !important;
        top: 0px !important;

    }


    .top-nav {
        display: none !important;
    }

    .slider-section {
        Width: 100%;
        float: left;
        margin: 120px 0px 0px 0px !important;


    }



.teaching-staff {
    width: 100%;
    float: left;
    background:#eadbf6 !important;
    margin-bottom: 20px; 
    border-radius: 5px !important; 
    
}

.staff-title {
    margin:0px !important;
    padding: 0px 0px 30px 10px !important;
    font-size: 19px !important;   
    color: #38214b;
    text-align: center;
}



.block-img {
    width:100% !important;
    float: left;
    background: #38214b;
    min-height: 300px;
    border-radius: 5px !important;
}

.block-deails {
    width:100% !important;
    float: left;
    min-height: 300px;
    background: #eadbf6;
    margin: 0px 0px 0px 0px;
    -webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-bottomright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}





}


@media screen and (min-device-width: 770px) and (max-device-width: 1025px) {


.teaching-staff {
    width: 100%;
    float: left;
    background:#eadbf6 !important;
    margin-bottom: 20px; 
    border-radius: 5px !important; 
    
}

.staff-title {
    margin:0px !important;
    padding: 0px 0px 30px 10px !important;
    font-size: 19px !important;   
    color: #38214b;
    text-align: center;
}



.block-img {
    width:100% !important;
    float: left;
    background: #38214b;
    min-height: 300px;
    border-radius: 5px !important;
}

.block-deails {
    width:100% !important;
    float: left;
    min-height: 300px;
    background: #eadbf6;
    margin: 0px 0px 0px 0px;
    -webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-bottomright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}


    
}


@media screen and (min-device-width: 1281px) and (max-device-width: 1440px) {}


@media screen and (min-device-width: 1281px) and (max-device-width: 1440px) {}