.float_button{
	position: fixed;
	top: 50%;
	right: 0%;
	z-index: 9;
}
.float_button ul{
	list-style: none;
	right: calc( -100% + 46px);
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	color: #15469B;
	text-align: right;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	list-style: none;
}
.float_button ul li{
	margin-bottom: -16px;
}
.float_button img{
	width: 45px;
	background-color: #fff;
	padding: 5px;
	border: 2px solid #15469B;
	border-radius: 40%;
	float: left;
	margin-top: -1px;
}
.float_button a{
	color: #15469B;
	font-size: 20px;
	font-weight: 500;
	padding: 8px 6px 6px 21px;
	margin-top: 30px;
	margin-left: 33px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: block;
	text-align: center;
}
.float_button:hover  ul{
	right: calc( -100% + 210px);
}
.float_button:hover ul li a{
	background: #37A4D7;
	color: #ffffff;
}

/* 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;
	}
	.slider_text h1 {
	    font-size: 38px;
    	text-align: center;
		line-height: 55px;
	}
	.slider_text p {
	    font-size: 18px;
	    margin: 15px 10px;
	}
	.slider-content .slider_bg_img {
    	height: 596px;
	}
	.slider_content_img img {
    	height: 324px;
    	margin-top: 32px;
	}
	.slider_button{
		text-align: center;
	}
	.slider_button button:first-child {
		background: #FB9A13;
		color: #fff;
		margin-bottom: 15px;
	}
	/*==================blog header===================*/
	.header_img_one {
		position: absolute;
		top: 0px;
		right: 0;
		z-index: -9;
		width: 57%;
	}
	.header_img_two {
		position: absolute;
		top: 12%;
		left: 0;
		width: 15%;
	}
	.header_img_three {
		position: absolute;
		top: 28%;
		left: 0;
		width: 18%;
	}
	/*============customer_solution_section area css start==============*/
	.solution_header h1 {
		font-size: 39px;
		line-height: 54px;
		color: #18191F;
		width: 98%;
	}
	.solution_header p {
		width: 100%;
		padding: 0px 12px;
	}
	/*============work_process css start==================*/
	#work_process h1 {
		font-size: 28px;
		line-height: 40px;
		top: calc(50% - 138px);
		left: calc(50% - 79px);
	}
	.rocket {
		top: 2%;
		left: 9%;

	}
	/*===========parent section css start==================*/
	#parent_section {
		background: rgba(238, 243, 244, 0.4);
		padding-top: 35px;
	}
	.parent_title h1 {
		font-size: 38px;
		line-height: 54px;
		color: #323232;
		text-align: center;
	}
	.parent_title{
		text-align: center;
	}
	.parent_title button {
		display: initial;
		border-radius: 10px;
		padding: 22px 60px;
		margin-top: 36px;
	}
	.parent_image img {
		margin-top: 20px;
		padding: 0px 0px;
	}
	/*============achieve_section area css start==================*/
	#achieve_section {
		padding-top: 4px;
		text-align: center;
		margin: 18px 16px;
		padding-bottom: 0px;
	}
	.achieve_title {
		padding-right: 0px;
		text-align: center;
	}
	.achieve_title h1 {
		font-size: 35px;
		line-height: 40px;
		color: #18191F;
	}
	.achieve_title button {
		display: initial;
	}
	.countUp{
		margin-bottom: 35px;
	}
	/*===================logo section===============*/
	.desktop_section{
		display: none;
	}
	.mobile_section{
		display: block !important;
	}
	#logo_section {
		padding: 0px 0px;
	}
	#logo_section .col {
		max-width: 100%;
		text-align: center;
	}
	.payment_img img {
		width: 28% !important;
		margin: 0 auto;
	}
	/*=====================client section==============*/
	#client_area {
		padding: 30px 0px 0px 0px;
	}
	.client_review {
		width: 72%;
		padding: 32px 0px 28px 0px;
	}
	/*=======================testimonial===============*/
	.testimonial_image img {
		margin-bottom: 10px;
		width: 44px !important;
		height: 44px !important;
	}
	.testimonial_image {
		margin-top: 26px;
		margin-bottom: 18px;
		width: 100%;
	}
	/*=================parent form and school form responsive==================*/
	.parent_form_area {
    	padding: 0px 15px;
	}
	/*============footer css start==================*/
	#footer_top_area {
	    text-align: center;
		margin-top: 122px;
		background: #1378A0;
		background-image: none !important;
	}
	#footer_top_area .col-4 {
		flex: 100%;
		max-width: 100%;
	}
	#footer_top_area .col {
		flex: 100%;
		max-width: 100%;
	}
	.footer_col_one h2 {
	    text-align: center;
	}
	.footer_col_one p {
	    font-size: 14px;
	    text-align: center;
	    width: 100%;
	}
	.footer_p {
	    margin-left: 0;
	}
	.footer_col_two h4 {
		margin-top: 24px;
	    text-align: center;
	}
    .footer_col_two h4 {
        font-size: 20px;
    }
    .footer_col_two ul li a {
        font-size: 14px;
    }
    .footer_col_two img {
        width: 40%;
    }
    .footer_col_two iframe{
    	width: 100%;
    }
	.footer_col_two {
		margin-left: 0px;
	}
	.foooter_copyright{
		text-align: center;
		margin-bottom: 15px;
	}
	.footer_icon{
		text-align: center;
		margin-top: 16px;
	}

	/*===========================school page responsive css start==================*/
	.blog_title h1 {
		font-size: 21px;
	}
	.blog_title p {
		width: 95%;
	}
	.pay_padding {
		padding: 0px 0px;
		margin-bottom: 30px;
	}
	.video_title h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.video_title p {
		font-size: 15px;
		line-height: 27px;
		width: 100%;
	}
	
	.inteligent_title h1 {
		font-size: 30px;
		line-height: 44px;
		text-align: center;
	}
	.inteligent_title p {
		font-size: 16px;
		line-height: 27px;
		text-align: center;
	}
	.pay_area {
		padding: 40px 0px;
	}
	.inteligent_title{
		text-align: center;
	}
	.inteligent_title a {
		margin-bottom: 25px;
	}
	.video_bg img:first-child {
		width: 60%;
		padding: 17px 0px 0px 0px;
	}
	.play_button {
		top: calc(50% - 23px);
		left: calc(50% - 28px);
		width: 14%;
	}
	.in_item p {
		padding: 12px 0px;
	}
	#prev_form_submit{
		margin-right: 0px !important;
		margin-bottom: 15px;
	}
	.blog_title h1 {
		width: 260px;
		margin: 0 auto;
	}
	.video_content {
		padding: 36px 0px 29px 0px;
	}
	.video_content iframe {
		width: auto;
		height: auto;
	}
	.float_button{
		display: none;
	}
}

@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;
	}
	.slider_text h1 {
	    font-size: 38px;
    	text-align: center;
		line-height: 55px;
	}
	.slider_text p {
	    font-size: 18px;
	    margin: 15px 10px;
	}
	.slider-content .slider_bg_img {
    	height: 596px;
	}
	.slider_content_img img {
    	height: 324px;
    	margin-top: 32px;
	}
	.slider_button{
		text-align: center;
	}
	.slider_button button:first-child {
		background: #FB9A13;
		color: #fff;
		margin-bottom: 15px;
	}
	/*==================blog header===================*/
	.header_img_one {
		position: absolute;
		top: 0px;
		right: 0;
		z-index: -9;
		width: 57%;
	}
	.header_img_two {
		position: absolute;
		top: 20%;
		left: 0;
		width: 15%;
	}
	.header_img_three {
		position: absolute;
		top: 38%;
		left: 0;
		width: 18%;
	}
	/*============customer_solution_section area css start==============*/
	.solution_header h1 {
		font-size: 39px;
		line-height: 54px;
		color: #18191F;
		width: 98%;
	}
	.solution_header p {
		width: 100%;
		padding: 0px 12px;
	}
	/*============work_process css start==================*/
	#work_process h1 {
		font-size: 28px;
		line-height: 40px;
		top: calc(50% - 138px);
		left: calc(50% - 79px);
	}
	.rocket {
		top: 2%;
		left: 9%;

	}.rocket {
		top: 2%;
		left: 12%;
	}
	/*===========parent section css start==================*/
	#parent_section {
		background: rgba(238, 243, 244, 0.4);
		padding-top: 35px;
	}
	.parent_title h1 {
		font-size: 38px;
		line-height: 54px;
		color: #323232;
		text-align: center;
	}
	.parent_title{
		text-align: center;
	}
	.parent_title button {
		display: initial;
		border-radius: 10px;
		padding: 22px 60px;
		margin-top: 36px;
	}
	.parent_image img {
		margin-top: 20px;
		padding: 0px 0px;
	}
	/*============achieve_section area css start==================*/
	#achieve_section {
		padding-top: 4px;
		text-align: center;
		margin: 18px 16px;
		padding-bottom: 0px;
	}
	.achieve_title {
		padding-right: 0px;
		text-align: center;
	}
	.achieve_title h1 {
		font-size: 35px;
		line-height: 40px;
		color: #18191F;
	}
	.achieve_title button {
		display: initial;
	}
	.countUp{
		margin-bottom: 35px;
	}
	/*===================logo section===============*/
	.desktop_section{
		display: none;
	}
	.mobile_section{
		display: block !important;
	}
	#logo_section {
		padding: 0px 0px;
	}
	#logo_section .col {
		max-width: 100%;
		text-align: center;
	}
	.payment_img img {
		width: 28% !important;
		margin: 0 auto;
	}
	/*=====================client section==============*/
	#client_area {
		padding: 30px 0px 0px 0px;
	}
	.client_review {
		width: 72%;
		padding: 32px 0px 28px 0px;
	}
	/*=======================testimonial===============*/
	.testimonial_image img {
		margin-bottom: 10px;
		width: 44px !important;
		height: 44px !important;
	}
	.testimonial_image {
		margin-top: 26px;
		margin-bottom: 18px;
		width: 100%;
	}
	/*=================parent form and school form responsive==================*/
	.parent_form_area {
    	padding: 0px 15px;
	}
	/*============footer css start==================*/
	#footer_top_area {
	    text-align: center;
		margin-top: 122px;
		background: #1378A0;
		background-image: none !important;
	}
	#footer_top_area .col-4 {
		flex: 100%;
		max-width: 100%;
	}
	#footer_top_area .col {
		flex: 100%;
		max-width: 100%;
	}
	.footer_col_one h2 {
	    text-align: center;
	}
	.footer_col_one p {
	    font-size: 14px;
	    text-align: center;
	    width: 100%;
	}
	.footer_p {
	    margin-left: 0;
	}
	.footer_col_two h4 {
		margin-top: 24px;
	    text-align: center;
	}
    .footer_col_two h4 {
        font-size: 20px;
    }
    .footer_col_two ul li a {
        font-size: 14px;
    }
    .footer_col_two img {
        width: 40%;
    }
    .footer_col_two iframe{
    	width: 100%;
    }
	.footer_col_two {
		margin-left: 0px;
	}
	.foooter_copyright{
		text-align: center;
		margin-bottom: 15px;
	}
	.footer_icon{
		text-align: center;
		margin-top: 16px;
	}
	#prev_form_submit{
		margin-right: 0px !important;
		margin-bottom: 15px;
	}
	.blog_title h1 {
		width: 260px;
		margin: 0 auto;
	}
	/*===========================school page responsive css start==================*/
	.blog_title h1 {
		font-size: 21px;
	}
	.blog_title p {
		width: 95%;
	}
	.pay_padding {
		padding: 0px 0px;
		margin-bottom: 30px;
	}
	.video_title h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.video_title p {
		font-size: 15px;
		line-height: 27px;
		width: 100%;
	}
	
	.inteligent_title h1 {
		font-size: 30px;
		line-height: 44px;
		text-align: center;
	}
	.inteligent_title p {
		font-size: 16px;
		line-height: 27px;
		text-align: center;
	}
	.pay_area {
		padding: 40px 0px;
	}
	.inteligent_title{
		text-align: center;
	}
	.inteligent_title a {
		margin-bottom: 25px;
	}
	.video_bg img:first-child {
		width: 60%;
		padding: 17px 0px 0px 0px;
	}
	.play_button {
		top: calc(50% - 23px);
		left: calc(50% - 28px);
		width: 14%;
	}
	.in_item p {
		padding: 12px 0px;
	}
	#prev_form_submit{
		margin-right: 0px !important;
		margin-bottom: 15px;
	}
	.blog_title h1 {
		width: 260px;
		margin: 0 auto;
	}
	.video_content iframe {
		width: auto;
		height: auto;
	}
	.video_content {
		padding: 36px 0px 29px 0px;
	}
	.video_content iframe {
		width: auto;
		height: auto;
	}
	.float_button{
		display: none;
	}

}

/* 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;
	}
	
}

/* 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==============*/

	/*=======================payroll page responsive css=======*/
	
	/*===================classtune-lms page responsive css===============*/
}

/* 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==============*/
	
	/*============freatures area css end+==============*/
	/*============subsecribe_section css start==================*/

	/*===========================paroll page css=================*/

	/*===================classtune-lms page responsive css===============*/
	/*======================blog header================*/
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) and (max-width: 1400px) {
	/*#header_section .navbar {
		padding: 16px 182px;
	}*/
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 65%;
		left: 0;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) and (max-width: 1500px) {
	#header_section .navbar {
		padding: 16px 130px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 400px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1500px) and (max-width: 1600px) {
	#header_section .navbar {
		padding: 16px 182px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 412px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) and (max-width: 1700px) {
	#header_section .navbar {
		padding: 16px 220px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 480px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1700px) and (max-width: 1800px) {
	#header_section .navbar {
		padding: 16px 277px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 490px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1800px) and (max-width: 1900px) {
	#header_section .navbar {
		padding: 16px 330px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 490px;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1900px) and (max-width: 2000px) {
	#header_section .navbar {
		padding: 16px 380px;
	}
	.header_img_two {
		position: absolute;
		top: 18%;
		left: 0;
	}
	.header_img_three {
		position: absolute;
		top: 48%;
		left: 0;
	}
	.video_content iframe {
		width: 50%;
		height: 531px;
	}
}