/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 430px) { 
	/*=======================================================
	=======================================header area css start
	=========================================================*/
	#header_section .navbar{
		padding: 18px 25px;
	}
	.navbar-brand {
	    width: 42%;
	}
	.c_login {
    	padding: 6px 16px !important;
    	font-size: 15px;
	}
	.header_title_content h1 {
	    font-size: 20px;
	}
	.header_title_content {
	    padding-top: 145px;
	    padding-bottom: 45px;
	}
	.try_demo {
    	padding: 13px 24px;
	}
	.header_contact_us {
    	width: 130px;
	}
	.header_section_area {
	    max-height: 464px;
	}
	.header_button {
    	padding-bottom: 0;
	}
	.header_carousel{
		margin-top: -55px;
	}
	/*============products area css start==============*/
	#product_area {
	    margin-bottom: 20px;
	}
	.product_content {
        padding: 30px 0px;
    }
    .product_content:hover{
        padding: 20px 0px;
    }
	.product_header h2 {
	    margin-top: 55px;
	    margin-bottom: 44px;
	    font-size: 35px;
	}
	.product_content h4 {
	    margin-top: 28px;
	    margin-bottom: 12px;
	}
	.product_content {
	    text-align: center;
	    margin-bottom: 35px;
	}
	/*============lms area css start==================*/
	.lms_experiance_area {
	    margin-bottom: 8px;
	}
	.lms_content {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 35px;
	}
	.lms_content h4 {
    	text-align: center;
	}
	.lms_content p {
    	margin-bottom: 21px;
    	text-align: center;
	}
	.lms_assignment {
	    width: 98px;
	    height: 42px;
	    font-size: 12px;
	}
	.lms_img{
		margin-top: 35px;
	}
	/*===========fee collection area css start==================*/
	#fee_collection_area {
    	margin-top: 0px;
	}
	.fee_content {
	    width: 100%;
	}
	#fee_collection_area .col-2 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 33.99%;
	    max-width: 33%;
	}
	.fee_icon img {
	    width: 78%;
	    margin-bottom: 15px;
	}
	/*============payroll area css start==================*/
	.payroll_content {
	    width: 100%;
	    margin-left: 0;
	}
	.payroll_content h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.payroll_content p {
	    text-align: center;
	}
	.payroll_btn {
	    margin-left: calc(50% - 68px);
	}
	.payroll_title_content p{
		width:100% !important;
	}
	/*============admission css start==================*/
	.payroll_content h2, .payroll_content h3 {
    	font-size: 29px;
	}
	.admission_parent {
    	width: 100%;
	}
	.admission_content {
	    width: 100%;
	    margin-left: 0%;
	    margin-top: 40px;
	}
	.admission_content h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.admission_content p {
	    text-align: center;
	}
	.admission_btn {
	    margin-left: calc(50% - 68px);
	}
	.admission_m img {
    	width: 28%;
    	margin-bottom: 20px;
	}
	.inline_quiz_lms_content h2, .inline_quiz_lms_content h4, .lms_make_content h2, .lms_make_content h4 {
    	width: 100%;
    	font-size: 29px;
	}
	/*===========sem and contact area css start==========*/
	.sem_and_contact_bg {
    	padding-top: 35px;
	}
	.seam_header h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.sam_col_one {
	    margin-top: 30px;
	}
	.sam_col_two {
	    margin-top: 22px;
	}
	#contact_area {
	    padding-top: 80px;
	    padding-bottom: 35px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.contact_title h4 {
	    font-size: 26px;
	    text-align: center;
	}
	.contact_title p {
	    width: 100%;
	    text-align: center;
	}
	.contact_field input[type="text"] {
	    width: 100%;
	    text-align: left;
	}
	.contact_field input[type="submit"] {
	    right: 10px;
	}
	
	/*============footer css start==================*/
	#footer_top_area {
	    text-align: center;
	}
	.footer_col_one p {
	    font-size: 14px;
	    text-align: center;
	}
	.footer_p {
	    margin-left: 0;
	}
	.footer_col_two h4 {
		margin-top: 24px;
	    text-align: center;
	}
	#footer_top_area {
        background-image: none;
        padding-top: 55px;
        background-color: #39373F;
    }
    .footer_col_two h4 {
        font-size: 20px;
    }
    .footer_col_two ul li a {
        font-size: 14px;
    }
    .footer_col_two img {
        width: 40%;
    }


    /*===================payroll page responsive css===============*/
	.payroll_title_content h1 {
       font-size: 26px;
	}
    .payroll_use h4 {
	    font-size: 16px;
	}
	.payroll_page_emp_mag button {
	    font-size: 11px;
	}
	.payroll_page_emp_mag .lms_assignment {
    	width: 86px;
	}
	.salary_manage_content {
	    width: 100%;
	    margin-left: 0;
	}
	.payroll_page_lms_button {
    	width: 254px;
	}
	.payroll_title_content p{
		width:100% !important;
	}
	/*===================classtune-lms page responsive css===============*/

	#assignment_solution {
	    margin-bottom: 80px;
	}
	.assignment_solution_content {
	    width: 100%;
	}
	.assignment_solution_content h4 {
    	font-size: 28px;
	}
	.exam_paper_content {
	    width: 100%;
	}
	.exam_pager_img{
		margin-top: 40px;
	}
	#mobile_app_area {
	    margin-top: 62px;
	}
	.mobile_app_title h4 {
    	font-size: 30px;
    	margin-bottom: 30px;
	}
	.mobile_app_title p {
    	width: 100%;
	}
	.col-flex-box {
	    flex-basis: 100%;
	    text-align: center;
	}
	.inline_quiz_lms_img img {
	    width: 100%;
	}
	#inline_quiz_lms {
    	margin-top: 30px;
	}
	.inline_quiz_lms_content h4, .lms_make_content h4 {
	    width: 100%;
	    font-size: 30px;
	    text-align: center;
	}
	.lms_make_content {
	    margin-left: 0px;
	}
	.lms_make_content_img{
		margin-top: 30px;
	}
	.more_feature_title h4 {
		margin-bottom: 65px;
	}
	.more_feature_icon{
		margin-bottom: 50px;
	}
	.classtune_page_lms_button {
    	width: 290px;
	}
	/*==================contact page======================*/
	.contact_form h4 {
    	font-size: 25px;
	}
	.content_con_section {
	    margin-left: 6px;
	}
	.contact_icon_img a img{
		width: 48%;
	}
	/*==================contact page======================*/
	.content_con_section {
	    margin-left: 6px;
	}
	.contact_icon_img a img{
		width: 48%;
	}
	.footer_bottom {
    	text-align: center;
        padding-top: 15px;
    	padding-bottom: 15px;
	}
	.footer_icon {
    	text-align: center;
	}
    .career_button a{
        display:block;
		margin-top: 20px;
	}

}

@media (min-width: 431px) and (max-width: 575px) { 
		/*=======================================================
	=======================================header area css start
	=========================================================*/
	#header_section .navbar{
		padding: 18px 25px;
	}
	.navbar-brand {
	    width: 42%;
	}
	.c_login {
    	padding: 6px 16px !important;
    	font-size: 15px;
	}
	.header_title_content h1 {
	    font-size: 20px;
	}
	.header_title_content {
	    padding-top: 145px;
	    padding-bottom: 45px;
	}
	.try_demo {
    	padding: 13px 24px;
	}
	.header_contact_us {
    	width: 130px;
	}
	.header_section_area {
	    max-height: 540px;
	}
	.header_button {
    	padding-bottom: 0;
	}
	.header_carousel{
		margin-top: -55px;
	}
	/*============products area css start==============*/
	#product_area {
	    margin-bottom: 20px;
	}
	.product_content {
        padding: 30px 0px;
    }
    .product_content:hover{
        padding: 20px 0px;
    }
	.product_header h2 {
	    margin-top: 55px;
	    margin-bottom: 44px;
	    font-size: 35px;
	}
	.product_content h4 {
	    margin-top: 28px;
	    margin-bottom: 12px;
	}
	.product_content {
	    text-align: center;
	    margin-bottom: 35px;
	}
	/*============lms area css start==================*/

	.lms_experiance_area {
	    margin-bottom: 8px;
	}
	.seam_header{
		width: 100%;
	}
	.seam_header h5 {
    	text-align: center;
	}
	.seam_header h5::after {
    	left: -15px;
	}
	.lms_content {
	    width: 100%;
	    margin-left: 0;
	    margin-top: 35px;
	}
	.lms_content h4 {
    	text-align: center;
	}
	.lms_content p {
    	margin-bottom: 21px;
    	text-align: center;
	}
	.lms_assignment {
	    width: 98px;
	    height: 42px;
	    font-size: 12px;
	}
	.lms_img{
		margin-top: 35px;
	}
	.footer_col_two img {
        width: 43%;
    }
	/*===========fee collection area css start==================*/
	#fee_collection_area {
    	margin-top: 0px;
	}
	.fee_content {
	    width: 100%;
	}
	#fee_collection_area .col-2 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 33.99%;
	    max-width: 33%;
	}
	.fee_icon img {
	    width: 78%;
	    margin-bottom: 15px;
	}
	.fee_content h4 {
	    text-align: center;
	}
	.fee_content p {
	    text-align: center;
	}
	/*============payroll area css start==================*/
	.payroll_content {
	    width: 100%;
	    margin-left: 0;
	}
	.payroll_content h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.payroll_content p {
	    text-align: center;
	}
	.payroll_btn {
	    margin-left: calc(50% - 68px);
	}
	/*============admission css start==================*/
	.payroll_content h2, .payroll_content h3 {
    	font-size: 29px;
	}
	.admission_parent {
    	width: 100%;
	}
	.admission_content {
	    width: 100%;
	    margin-left: 0%;
	    margin-top: 40px;
	}
	.admission_content h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.admission_content p {
	    text-align: center;
	}
	.admission_btn {
	    margin-left: calc(50% - 68px);
	}
	.admission_m img {
    	width: 28%;
    	margin-bottom: 20px;
	}
	/*===========sem and contact area css start==========*/
	.sem_and_contact_bg {
    	padding-top: 35px;
	}
	.seam_header h4 {
	    font-size: 30px;
	    text-align: center;
	}
	.sam_col_one {
	    margin-top: 30px;
	}
	.sam_col_two {
	    margin-top: 22px;
	}
	#contact_area {
	    padding-top: 80px;
	    padding-bottom: 35px;
	    padding-left: 0;
	    padding-right: 0;
	}
	.contact_title h4 {
	    font-size: 26px;
	    text-align: center;
	}
	.contact_title p {
	    width: 100%;
	    text-align: center;
	}
	.contact_field input[type="text"] {
	    width: 100%;
	    text-align: left;
	}
	.contact_field input[type="submit"] {
	    right: 10px;
	}
	
	/*============footer css start==================*/
	#footer_top_area {
	    text-align: center;
	}
	.footer_col_one p {
	    font-size: 14px;
	    text-align: center;
	}
	.footer_p {
	    margin-left: 0;
	}
	.footer_col_two h4 {
		margin-top: 24px;
	    text-align: center;
	}
	.footer_col_two img {
	    width: 35%;
	    margin-top: 14px;
	}
	#footer_top_area {
        background-image: none;
        padding-top: 55px;
        background-color: #39373F;
    }
    .footer_col_two h4 {
        font-size: 20px;
    }
    .footer_col_two ul li a {
        font-size: 14px;
    }
    .footer_col_two img {
        width: 43%;
    }

    /*===================payroll page responsive css===============*/
    .payroll_use h4 {
	    font-size: 16px;
	}
	.payroll_page_emp_mag button {
	    font-size: 11px;
	}
	.payroll_page_emp_mag .lms_assignment {
    	width: 124px;
	}
	.salary_manage_content {
	    width: 100%;
	    margin-left: 0;
	}
	.payroll_page_lms_button {
    	width: 254px;
	}
	#dy_salary_manage{
		margin-top: 40px;
	}
	/*===================classtune-lms page responsive css===============*/

	#assignment_solution {
	    margin-bottom: 80px;
	}
	.assignment_solution_content {
	    width: 100%;
	}
	.assignment_solution_content h4 {
    	font-size: 28px;
	}
	.exam_paper_content {
	    width: 100%;
	}
	.exam_pager_img{
		margin-top: 40px;
	}
	#mobile_app_area {
	    margin-top: 62px;
	}
	.mobile_app_title h4 {
    	font-size: 30px;
    	margin-bottom: 30px;
	}
	.mobile_app_title p {
    	width: 100%;
	}
	.col-flex-box {
	    flex-basis: 100%;
	    text-align: center;
	}
	.inline_quiz_lms_img img {
	    width: 100%;
	}
	#inline_quiz_lms {
    	margin-top: 30px;
	}
	.inline_quiz_lms_content h4, .lms_make_content h4 {
	    width: 100%;
	    font-size: 30px;
	    text-align: center;
	}
	.lms_make_content {
	    margin-left: 0px;
	}
	.lms_make_content_img{
		margin-top: 30px;
	}
	.more_feature_title h4 {
		margin-bottom: 65px;
	}
	.more_feature_icon{
		margin-bottom: 50px;
	}
	.classtune_page_lms_button {
    	width: 290px;
	}
	.footer_bottom {
    	text-align: center;
        padding-top: 15px;
    	padding-bottom: 15px;
	}
	.footer_icon {
    	text-align: center;
	}
   .career_button a{
        display:block;
		margin-top: 20px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.navbar-brand {
	    width: 28%;
	}
	.header_title_content h1 {
	    font-size: 32px;
	}
	.header_section_area {
	    max-height: 675px;
	}
	.header_carousel{
		margin-top: -100px;
	}
	.product_header h2 {
	    margin-top: 189px;
	}
	.product_content {
	    text-align: center;
	    margin-bottom: 45px;
	}
	#product_area {
	    margin-bottom: 0px;
	}
	.lms_content {
    	width: 100%;
    	margin-left: 0;
	}
	.lms_content h4 {
	    text-align: center;
	}
	.lms_content p {
	    text-align: center;
	    margin-bottom: 39px;
	}
	.lms_experiance_area {
    	margin-bottom: 25px;
	}
	.fee_content {
	    width: 100%;
	}
	.fee_content h4 {
	    text-align: center;
	}
	.payroll_content {
	    width: 100%;
	    margin-left: 0;
	}
	.admission_content {
	    width: 100%;
	    margin-left: 0%;
	    margin-top: 35px;
	}
	.sem_and_contact_bg {
	    padding-top: 65px;
	}
	.seam_header{
		width: 100%;
		text-align: center;
	}
	.seam_header h4 {
    	text-align: center;
	}
	.seam_header h5::after {
	    left: -12px;
	}
	.sam_col_one {
	    margin-top: 79px;
	}
	#contact_area {
	    padding-top: 88px;
	    padding-bottom: 100px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.contact_title h4 {
    	text-align: center;
	}
	.contact_title p {
	    width: 100%;
	    text-align: center;
	}
	.footer_col_one {
    	margin-bottom: 35px;
	}
	/*===================classtune-lms page responsive css===============*/
	.payroll_page_content p {
	    text-align: center;
	}
	.about_payroll_page {
	    margin-top: 85px;
	    padding-left: 100px;
	    padding-right: 100px;
	    text-align: center;
	}
	.assignment_solution_content {
    	width: 100%;
    	text-align: center;
    	padding-left: 100px;
		padding-right: 100px;
	}
	.assignment_solution_content > p {
	    text-align: center;
	}
	.exam_paper_content {
	    width: 100%;
	    text-align: center;
	}
	.exam_pager_img{
		margin-top: 50px;
	}
	.mobile_app_title p {
    	width: 100%;
	}
	.lms_make_content {
	    margin-left: 48px;
	}
	.col-flex-box {
	    flex-basis: 33%;
	}
	.inline_quiz_lms_img img {
	    width: 100%;
	}
	.more_feature_icon{
		margin-bottom: 40px;
	}
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.row_modify {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.navbar-brand {
	    width: 25%;
	}
	/*============freatures area css start==============*/
	.product_header h2 {
	    margin-top: 220px;
	}
	.product_content {
	    text-align: center;
	    margin-bottom: 45px;
	}
	#product_area {
	    margin-bottom: 0px;
	}
	.lms_content {
    	width: 100%;
    	margin-left: 0;
	}
	.lms_experiance_area {
	    max-width: 100%;
	}
	.fee_content {
	    width: 443px;
	}
	.payroll_content {
	    width: 100%;
	    margin-left: 0;
	}
	.admission_content {
	    width: 100%;
	    margin-left: 0%;
	    margin-top: 35px;
	}
	.sem_and_contact_bg {
	    padding-top: 65px;
	}
	.seam_header{
		width: 100%;
		text-align: center;
	}
	.seam_header h4 {
    	text-align: center;
	}
	.seam_header h5::after {
	    left: -12px;
	}
	.sam_col_one {
	    margin-top: 79px;
	}
	.sam_content {
	    margin-top: 76px;
	}
	#contact_area {
	    padding-top: 88px;
	    padding-bottom: 100px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.contact_title h4 {
    	text-align: center;
	}
	.contact_title p {
	    width: 100%;
	    text-align: center;
	}
	.footer_col_one {
    	margin-bottom: 35px;
	}

	/*=======================payroll page responsive css=======*/
	.payroll_page_emp_mag button {
	    font-size: 11px;
	}
	.lms_assignment {
    	width: 121px;
	}
	.salary_manage_content {
	    width: 100%;
	    margin-left: 0px;
	}
	/*===================classtune-lms page responsive css===============*/
	.assignment_solution_content {
	    width: 100%;
	}
	.exam_paper_content {
	    width: 100%;
	}
	.mobile_app_title p {
    	width: 100%;
	}
	.lms_make_content {
	    margin-left: 50px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.row_modify {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.navbar ul li a {
	    font-size: 15px;
	}
	.navbar ul li a {
    	padding-right: 19px !important;
    	padding-left: 19px !important;
	}
	.mobile{
		display: none;
	}
	#slider_section{
		display: none;
	}
	/*============freatures area css start==============*/
	.features_row_two .col{
		width: 33%;
		display: inline-table;
	}
	.features_content {
	    text-align: center;
	    margin-bottom: 30px;
	}
	/*============freatures area css end+==============*/
	/*============subsecribe_section css start==================*/
	#subsecribe_section {
	    margin-left: 10px;
	    margin-right: 10px;
	    margin-bottom: 20px;
	}

	/*===========================paroll page css=================*/
	.payroll_page_content {
	    width: 100%;
	}
	.payroll_content {
	    margin-left: 10px;
	}
	.lms_content {
	    width: 100%;
	    margin-left: 0%;
	    margin-top: 35px;
	}
	.lms_assignment {
    	width: 136px;
	}
	.salary_manage_content {
	    width: 100%;
	    margin-left: 0;
	}
	/*===================classtune-lms page responsive css===============*/
	.assignment_solution_content {
	    width: 100%;
	}
	.mobile_app_title p {
    	width: 100%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) and (max-width: 1500px) {
	.product_header h2 {
	    margin-top: 300px;
	}
}

@media (min-width: 1600px) and (max-width: 1950px) {
	.product_header h2 {
    	margin-top: 500px;
	}
	.header_section_area {
	    max-height: 1000px;
	}
	.admission_img {
	    margin-left:100px;
	}
    #seamless_im_area {
        margin-top: 60px;
    }
	#contact_area {
        padding-top: 600px;
    }
}