@media(max-width: 1199px){
	.circle-section li:nth-child(1):after{
		left: 100px;
	    top: -35px;
	}
	.circle-section li:nth-child(2):after{
	    right: -140px;
	}
	.circle-section li:nth-child(3):after{
	    right: -130px;
	    top: -36px;
	}
	.login_register_right {
	    padding: 50px 80px 40px;
	}
}
@media(max-width: 1024px){
	.app-details ul li{
		margin-bottom: 10px;
	    padding: 15px 5px;
	}
	.slide-section .banner-caption{
		left: 40%;
	}
}
@media(max-width: 991px){
	.navigation .navbar-nav{
		-ms-flex-direction: row;
	    flex-direction: row;
	}
	.slide-section .banner-caption {
	    left: 0%;
	    width: 100%;
	    text-align: center;
	    max-width: 100%;
	}
	.circle-section li:nth-child(1):after, 
	.circle-section li:nth-child(2):after,
	.circle-section li:nth-child(3):after{
		display: none;
	}
	.circle-section li:nth-child(1),
	.circle-section li:nth-child(3){
		margin-top: 60px;
	}
	.section4_box{
		margin-bottom: 30px;
	}
	.testimonial-list li{
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.home-blog-detail{
		padding: 10px;
	}
	.login_register_left .circle_logo{
		width: 130px;
	    height: 130px;
	}
	.login_register_right {
	    padding: 25px 30px 10px;
	}
	.login_register_left{
	    padding: 80px 15px;
	}
	.login_register_right h2{
		margin-bottom: 25px;
	}
}
@media (max-width: 767px){

	.mobile_header_height{
		height: 77px;
	}
	header {
	    z-index: 999;
	    position: fixed;
	    width: 100%;
	    top: 0px;
	    left: 0px;
	}
	.menuoverlay{
		display: none;
		transition: all 0.3s ease;
	    width: 100%;
	    height: 100%;
	    left: 0px;
	    background: #000000a6;
	    position: fixed;
	    z-index: 99;
	}
	.menuoverlay.open {
	    display: block;
	}
	.top-header {
	    justify-content: space-between;
	}
	.logo {
	    width: 160px;
	}
	.toggle-menu {
	    width: 25px;
	    height: 30px;
	    display: block;
	    float: left;
	    margin-left: 20px;
	    margin-top: 20px;
	    position: relative;
	}
	.toggle-menu span {
	    width: 100%;
	    background: #fff;
	    position: absolute;
	    height: 3px;
	    border-radius: 9px;
	    left: 0px;
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);
	    -webkit-transition: .25s ease-in-out;
	    -moz-transition: .25s ease-in-out;
	    -o-transition: .25s ease-in-out;
	    transition: .25s ease-in-out;
	}
	.toggle-menu span:nth-child(1){
		top: 0;
	}
	.toggle-menu span:nth-child(2), .toggle-menu span:nth-child(3){
	    top: 8px;
	}
	.toggle-menu span:nth-child(4){
		top: 16px;
	}
	.toggle-menu.open span:nth-child(1){
		top: 9px;
	    width: 0;
	    left: 50%;
	}
	.toggle-menu.open span:nth-child(2){
		-webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	.toggle-menu.open span:nth-child(3) {
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.toggle-menu.open span:nth-child(4) {
		top: 9px;
	    width: 0;
	    left: 50%;
	}
	.navigation {
	    top: 77px;
	    background: #0069b7;
	    display: block;
	    right: 0;
	    left: 0;
	    z-index: 1030;
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    visibility: hidden;
	}
	.navigation.open{
		opacity: 1;
	    visibility: visible;
	}
	.navigation .navbar {
		width: 100%;
	}
	.navigation .navbar-nav {
	    width: 100%;
	    display: grid;
	}
	.navigation .navbar-nav li{
		width: 100%;
	}
	.navigation .navbar-nav li a{
		width: 100%;
		text-align: center;
	}
	.header-action {
	    width: 100%;
	    padding: 0px 1rem;
	    padding-top: 0px !important;
	}
	.header-action a{
		width: 100%;
	}
	.header-action a.text-white {
	    padding-left: 20px !important;
	    width: 100%;
	    display: block;
	    text-align: center;
	    padding-bottom: 5px;
	}
	.header-action a.white_btn{
		margin-top: 10px;
	}
	.slide-section .banner-caption {
	    width: 92%;
	    top: 10px;
	    left: 4%;
	    text-align: center;
	}
	.slide-section .banner-caption h2 {
	    font-size:24px;
	    text-align: center;
	}
	.banner_email input {
	    width: calc(100% - 98px);
	}
	.slide-section .banner-caption p{
		margin-bottom: 0px;
		font-size: 12px;
	}
	.hire-section{
		padding: 25px 0px 25px;
	}
	.text-with-icons__item{
		margin-bottom: 10px;
	}
	.heading-section h1 {
	    font-size: 30px;
	}
	.section-one {
	    padding: 35px 0px 25px;
	}
	.circle-section li:nth-child(1), .circle-section li:nth-child(3){
		margin-top: 0px;
	}
	.circle-section ul {
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.circle-section li {
	    width: 49%;
	    margin-bottom: 15px;
	}
	.work-section {
	    padding: 25px 0px 25px;
	}
	.section4{
		padding: 25px 0px;
	}
	.section4_box{
		margin-bottom: 30px;
	}
	.testimonial {
	    padding: 25px 0px 25px;
	}
	
	.home-blog-detail{
		margin-bottom: 30px;
	}
	.action-section{ 
		text-align: center;
	}
	footer{
		padding: 25px 0px 0px;
	}
	footer .col-md-3{
		margin-bottom: 30px;
	}
	.login-section{
		flex-wrap: wrap;
	}
	.login_register_left {
	    padding: 50px 15px;
	    width: 100%;
	}
	.login_register_left:before{
		display: none;
	}
	.login_register_right{
		width: 100%;
	}
	.login_register_right {
	    padding: 25px 10px 10px;
	}
	.login_register_right .col-sm-12.pr-1{
		padding-right: 15px !important
	}
	.login_register_right .col-sm-12.pl-1{
		padding-left: 15px !important;
	}
	.about-top h1{
	    font-size: 24px;
	    margin-top: 10px;
	    margin-bottom: 0px;
	}
	.about-section3 img.img-fluid, .about-section2 img.img-fluid{
		width: 100%;
	}
	.about-top{
		padding: 40px 10px;
	}
	.about-section2 h2 {
	    font-size: 24px;
	}
	.about-section2 h4{
		font-size: 20px;
	}
	body{
		line-height: auto;
	}
	.h2, h2 {
	    font-size: 1.5rem;
	}
	.h4, h4 {
	    font-size: 1.2rem;
	}
	.feature-top{
		padding: 30px 15px;
	}
	.faq-section .card-header a{
		font-size: 15px;
	}

}
@media (max-width: 480px){
	.heading {
	    font-size: 23px;
	}
	.testimonial-list li h3 {
	    font-size: 12px;
	}
	.testimonial-list li{
		width:100%;
	    text-align: center;
	}
}
@media (max-width: 420px){
	
}