/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    
    /*Header start*/

    header{
    padding: 5px 0;
    }

    .logo {
    width: 180px;
    }

    .menu ul li a{
    padding:0 0 5px 10px !important;
    text-align: right;
    }

    .s_btn{
    float: right;
    }
    
    /*Header end*/

    /*Banner start*/

    .banner{
    padding-bottom: 60px;
    }

    .b_text{
    text-align: center;
    }

    .b_text h1{
    margin: 10px 0 20px;
    font-size: 30px;
    line-height: 35px;
    }

    .b_bt_p{
    margin: 0 0px;
    line-height: 30px;
    }

    .b_img{
    padding: 0 0 30px;
    }

    /*Banner end*/

    /*Feature start*/

    .c_p{
    padding-bottom: 60px;
    }

    .f_rapper{
    margin-top: 30px;
    }

    /*Feature end*/

    /*Course start */

    .c_h1{
    font-size: 25px;
    }

    .c_content{
    margin: 30px 0 0;
    padding: 24px 15px 25px;
    }

    .c_content h2 {
    font-size: 22px;
    }

    .cf_left ul li span, .cf_right ul li span{
    font-size: 15px;
    }

    .cf_left ul li img, .cf_right ul li img{
    width: 21px;
    }

    .c_li {
    margin-right: 0 !important;
    }

/*Course end */

/*Testimonial start*/

    .t_item{
    margin: 40px 0 0;
    text-align: center;
    }

    .t_img{
        padding: 0 50px 20px;
    }

/*Testimonial end*/

/*Footer start*/

.footer_top{
    padding: 55px 0 20px;
    text-align: center;
}

.ft_detail{
    padding: 0 0 35px;
}

.ft_links {
    margin-bottom: 35px;
}

/*Footer end*/

}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    /*Header start*/

    header{
    padding: 5px 0;
    }

    .logo {
    width: 180px;
    }

    .menu ul li a{
    padding:0 0 5px 10px !important;
    text-align: right;
    }

    .s_btn{
    float: right;
    }
    
    /*Header end*/

    /*Banner start*/

    .banner{
    padding-bottom: 60px;
    }

    .b_text{
    text-align: center;
    }

    .b_text h1{
    margin: 10px 100px 20px;
    font-size: 30px;
    line-height: 35px;
    }

    .b_bt_p{
    margin: 0 50px;
    line-height: 30px;
    }

    .b_img{
    padding: 0 50px 30px;
    }

    /*Banner end*/

    /*Feature start*/

    .c_p{
    padding-bottom: 60px;
    }

    .f_rapper{
    margin-top: 30px;
    }

    /*Feature end*/

    /*Course start */

    .c_h1{
    font-size: 25px;
    }

    .c_content{
    margin: 30px 0px 0;
    padding: 24px 15px 25px;
    }

    .c_content h2 {
    font-size: 22px;
    }

/*Course end */

/*Testimonial start*/

    .t_item{
    margin: 40px 0 0;
    text-align: center;
    }

    .t_img{
        padding: 0 120px 20px;
    }

/*Testimonial end*/

/*Footer start*/

.footer_top{
    text-align: center;
}

.ft_detail{
    padding: 0 40px 35px;
}

/*Footer end*/

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

    /*Header start*/

    .menu ul li a{
    padding:0 0 5px 10px !important;
    text-align: right;
    }

    .s_btn{
    float: right;
    }

    /*Header end*/

    /*Banner start*/

    .b_text{
    text-align: center;
    }

    .b_text h1{
    margin: 10px 130px 20px;
    font-size: 40px;
    line-height: 50px;
    }

    .b_bt_p{
    margin: 0 100px;
    line-height: 30px;
    }

    .b_img{
    padding: 0 50px 30px;
    }

    /*Banner end*/

    /*    Feature start*/

    .c_p{
    padding-bottom: 80px;
    }

    .f_rapper{
    margin-top: 30px;
    }

/*    Feature end*/

/*Course start */

    .c_h1{
    font-size: 30px;
    }

    .c_content{
    margin: 40px 100px 0;
    }

/*Course end */

/*Testimonial start*/

    .t_item{
    margin: 40px 0 0;
    }

/*Testimonial end*/

/*Footer start*/

.footer_top{
    text-align: center;
}

.ft_detail{
    padding: 0 80px 35px;
}

/*Footer end*/

}



/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
     /*Banner start*/

    .b_text h1{
    margin: 10px 40px 20px 0;
    }
    /*Banner end*/

/*    Feature start*/

    .f_img{
    width: 55px;
    height: 70px;
    }

/*    Feature end*/

/*Course start*/

.c_content{
    padding: 24px 15px 25px;
}

.cf_left ul li span, .cf_right ul li span{
    font-size: 15px;
}

.cf_left ul li img, .cf_right ul li img{
    width: 21px;
}

.c_li {
    margin-right: 0 !important;
}

/*Course end*/

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
     /*Banner start*/

    .b_text h1{
    margin: 10px 40px 20px 0;
    }
    /*Banner end*/
}

/*Extra extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
/*    Footer start*/
    .ft_detail{
    padding-right: 130px;
    }
/*    Footer end*/
}