@media only screen and (max-width:1200px){
.nav-link{
	margin-right: 1.5rem;
}
.same_height{
        	height: 12rem;
        }
        .pricing-card{
        	padding: 2rem;
        }
}


@media only screen and (max-width: 992px){
	html{
	font-size: 55.5%;
	}
	.my_menu{
	display: block;
	text-align: center;
	margin-top: 4rem;
}
.nav-link{
	margin:0;
	padding:0;
	margin-bottom:1rem;
	font-size: 2.2rem;
}
.download_btn{
	width:100%;
	margin-top:5rem;
}
.forspace{
	display: none;
}
.main_logo{
	max-height: 7rem;
}
.offcanvas-header{
	margin-right: 2rem;
	margin-left: 2rem;
}
.offcanvas-header .main_logo{
	max-height: 12rem;
	width: auto;
}
.menu_icon{
	font-size:2.5rem;
	cursor: pointer;
}

	.nav_mobile_right{
		display: flex;
		flex-direction: row-reverse;
	}
	.hero_contents{
		width: 85%;
	}
	.hero_section{
	height: auto;
}
.hero_contents{
		width:90%;
	padding-top:0rem;
		
	}
.mt_3m{
	margin-top: 3rem;
}
.pricing-card{
	padding: 3rem;
}
.same_height {
	height: 7rem;
}
.client_review{
	height: 25rem;
  }
}





@media only screen and (max-width: 768px){
	html{
	font-size: 47.5%;
	}
.offcanvas.show{
	max-width: 45rem;
}
.navbar{
	padding:1.5rem 1rem;
}
.menu_icon{
	font-size: 3rem;
}
.navbar-nav .nav-link{
	font-size: 2.2rem;
}
.hero_section{
	height: auto;
}
.hero_contents{
		width:90%;
		
	}
	.sec_heading {
		font-size: 3rem;
		line-height: 3.3rem;
	}
	.px_2{
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
	.fotlink ul{
		margin-top: 0;
		margin-bottom: 3rem;
	}
	.fotlink ul li a{
		line-height: 3rem;
	}
	.same_height {
	height: auto;
}
.client_review{
	height: 14rem;
  }
}



@media only screen and (max-width: 576px){
	.hero_contents{
		width:96%;
	
}
.client_review{
	height: 33rem;
  }
}