@media (min-width: 768px) and (max-width: 992px) {
	.shap1{
		bottom: -60px;
	}
	.chatlot-nav a.navbar-brand {
    	margin-right: 30px;
	}
	.chatlot-nav{
		max-width: 96%;
	}
	.auth-btn .signup-btn{
		width: 140px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}
	.auth-btn .login-btn{
		height: 44px;
		line-height: 44px;
		font-size: 14px;
		width: 70px;
	}
	.chatlot-nav a.navbar-brand img{
		height: 26px;
	}
	.chatlot-nav{
		height: 70px;
		top: 25px;
	}
	.why-details p{
		font-size: 16px;
		line-height: 24px;
	}
	.why-details h3{
		font-size: 28px;
		line-height: 34px;
		margin-bottom: 5px;
	}
	.banner-head h1,.banner-head .mg-text{
		font-size: 48px;
		line-height: 54px;
	}
	section.banner-section{
		background-size: 100% 80%;
		padding-bottom: 30px;
	}
	.banner-head{
		padding: 70px 0px 30px;
	}
	.section-title h2{
		font-size: 36px;
	}
	section.joinus .join-box h3{
		font-size: 36px;
		line-height: 42px;
	}
	section.joinus{
		padding: 30px 0px;
	}
	.footer-box {
	    display: flex;
	    justify-content: space-between;
	    padding-bottom: 20px;
	}
	footer{
		padding: 50px 0px 30px;
	}
	.inner-pagetitle-section{
		height: 100%;
		padding: 140px 0px 0px;
		background-size: cover;
	}
	.inner-pagetitle-section .page-title h1,.inner-pagetitle-section .page-title h1 span{
		font-size: 48px;
		line-height: 60px;
	}
}

@media (max-width: 767px) {
	.banner-head h1{
		font-size: 36px;
		line-height: 42px;
	}
	.banner-head .mg-text{
		font-size: 36px;
		line-height: 42px;
	}
	.auth-btn{
		display: none;
	}
	.chatlot-nav{
		height: 60px;
		margin: auto 0px;
		border-radius: 0;
    	top: 0px;
    	padding: 10px 21px;
	}
	.chatlot-nav a.navbar-brand img {
    	height: 25px;
	}
	.banner-head{
		padding: 40px 0px;
		background-image: none;
	}
	.btn-gradient{
		height: 44px;
		line-height: 44px;
	}
	section.banner-section{
		padding-bottom: 20px;
	}
	.section-title h2{
		font-size: 34px;
		line-height: 40px;
	}
	.why-details h3{
		font-size: 28px;
		margin-bottom: 10px;
		line-height: 1.2;
		text-align: center;
	}
	.why-details p{
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}
	.shap1{
		display: none;
	}
	section.joinus .join-box h3{
		font-size: 26px;
		line-height: 32px;
	}
	section.joinus{
		padding: 30px 0;
	}
	.footer-link{
		padding-top: 25px;
	}
	footer {
    	padding: 40px 0px 0;
	}
	.footer-logo img {
    	height: 40px;
	}
	.footer-box {
    	text-align: center;
	}
	.footer-box p{
		max-width: 100%;
	}
	.footer-box .follow-link div{
		justify-content: center;
	}
	.contact a{
		padding: 0 0 5px;
	}
	.navbar-collapse{
		background: #fff;
		padding: 15px;
	}
	.navbar-nav .nav-item{
		border-bottom: 1px solid #ddd;
	}
	.navbar-toggler:focus{
		box-shadow: none;
	}
	.mobile-only{
		display: block;
	}
	.inner-pagetitle-section .page-title h1,.inner-pagetitle-section .page-title h1 span{
		font-size: 36px;
		line-height: 42px;
	}
	.inner-pagetitle-section{
		background-size: cover;
		height: 100%;
		padding: 100px 0px 0px;
	}
	.pricing-plan{
		padding: 50px 0px 20px;
	}
}