/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

	header{
        padding: 0 0;
        
    }
    .logo{
    	width: 180px;
    }
	.menu ul li a{
		margin-bottom: 10px;
		padding: 0 10px !important;

	}

	/*banner start*/
	.banner{
		padding-bottom: 65px;
	}
	.b_text {
    	text-align: center;
	}

	.b_h1 {
    	padding: 0;
    	font-size: 30px;
    	line-height: 40px;
	}

	.b_p2 {
    	padding: 0;
    	line-height: 30px;
	}

	.btn_link {
    	margin: 15px auto 0;
	}

	.b_img {
		margin-bottom: 20px;
    	padding: 0;
	}
	/*feature start*/
	.c_padd {
    	padding-bottom: 60px;
		}
	.s_feature {
    	margin-top: 24px;
	}
	.s_img {
    	margin: 0 auto;
    	width: 60px;
    	height: 70px;
	}
	/*course start*/
	.c_h1{
		font-size: 25px;
	}
	.c_item {
   		 margin: 30px 0px 0;
   		 padding: 10px 10px 15px;
	}
	.c_h2 {
    	font-size: 20px;
	}
	.c_left ul li img,
	.c_right ul li img
	{
    	width: 18px;
	}
	.c_left ul li span, .c_right ul li span {
    	font-weight: 400;
	}
	.cli:not(:last-child) {
    	margin-right: 0px;
	}

	/*tesimony start*/
	.tesimony {
    	padding-bottom: 60px;
	}
	.t_item{
		margin-top: 30px;
	}
	.t_img {
    	padding: 0 50px 20px;
	}
	.t_text p {
    text-align: center;
	}

	/*footer top start*/
	.footer_top {
		text-align: center;
    	padding: 55px 0 20px;
	}
	.ft_deatils {
    	margin-bottom: 35px;
    	padding-right: 0px;
	}
	.ft_link {
    	margin-bottom: 35px;
	}


}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

	header{
        padding: 5px;
        
    }

	.menu ul li a{
		margin-bottom: 15px;
		padding: 0 10px !important;

	}

	/*banner start*/
	.b_text {
    	text-align: center;
	}

	.b_h1 {
    	padding: 0 40px 0;
    	font-size: 35px;
    	line-height: 50px;
	}

	.b_p2 {
    	padding: 0px 30px 0;
    	line-height: 30px;
	}

	.btn_link {
    	margin: 15px auto 0;
	}

	.b_img {
		margin-bottom: 30px;
    	padding: 0 50px;
	}

	/*feature start*/
		.c_padd {
    		padding-bottom: 60px;
		}
		.s_feature {
    		margin-top: 24px;
		}
	/*course start*/
		.c_h1{
			font-size: 25px;
		}
		.c_item {
   			 margin: 30px 60px 0;
   			 padding: 20px 15px 25px;
		}
	/*tesimony start*/
	.tesimony {
    	padding-bottom: 60px;
	}
	.t_item{
		margin-top: 30px;
	}
	.t_img {
    	padding: 0 120px 20px;
	}
	.t_text p {
    text-align: center;
	}

	/*footer top start*/
	.footer_top{
   	 	text-align: center;
	}
	.ft_deatils {
		margin-bottom: 35px;
    	padding-right: 70px;
    	padding-left: 70px;
	}

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {

/* header start */
	.menu ul li a{
		margin-bottom: 15px;
		padding: 0 10px !important;

	}
/*banner start*/
	.b_text {
    	text-align: center;
	}

	.b_h1 {
    	padding: 0 90px 0;
	}

	.b_p2 {
    	padding: 0px 70px 0;
	}

	.btn_link {
    	margin: 15px auto 0;
	}

	.b_img {
		margin-bottom: 30px;
    	padding: 0 100px;
	}
/*feature start*/
.c_padd {
    padding-bottom: 80px;
}
.s_feature {
    margin-top: 24px;
}
/*course start*/
.c_item {
    margin: 40px 100px 0;
}

/*tesimony start*/
.t_item {
    margin-top: 40px;
}

/*footer top start*/
.footer_top{
    text-align: center;
}
.ft_deatils {
	margin-bottom: 35px;
    padding-right: 80px;
    padding-left: 80px;
}

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

/*course start*/
.c_item {
    padding: 24px 10px 30px;
}
.c_left ul li img,
.c_right ul li img
{
    width: 18px;
}
.c_left ul li span, .c_right ul li span {
    font-weight: 400;
}
.cli:not(:last-child) {
    margin-right: 0px;
}

}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {

}

/*Extra	Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
	/*banner start*/
	.b_h1 {
    	padding-right: 100px;
	}
	.b_p2 {
    	padding-right: 90px;
	}
	/*feature start*/
	.s_feature {
    	padding: 65px 0 60px;
	}
	/*footer top start*/
	.ft_deatils {
    	padding-right: 130px;
	}
}