@media screen and (min-width: 1024px) and (max-width: 1366px) { 
	.text-box:before {
	clip-path: circle(104% at 353% 50%);
    -webkit-clip-path: circle(104% at 353% 50%);
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) { 

	.image-box {
    width: 400px;
    height: 400px;
	}
	.image-box:before{left: -8px;}
	.footer{border-radius: 117px 0 0 0;}
	.home-bio .row{ justify-content: space-evenly; }
	
    
}
@media screen and (min-width: 768px) and (max-width: 991px) { 
	.text-box:before{display: none;}
}


@media only screen and (max-width: 812px) {

	.image-box {
    width: 340px;
    height: 340px;
	}
	.image-box:before{left: -8px;}
	.footer{border-radius: 117px 0 0 0;}
	.home-bio .row {
    justify-content: space-evenly;
    align-items: flex-start;
	}
	.top-features .icon{
		font-size: 40px;
		width: 60px;
    	height: 60px;
	}
	.text-box:before{
		clip-path: circle(99% at 342% 49%);
    	-webkit-clip-path: circle(99% at 342% 49%);
	}
	

}

@media only screen and (max-width: 767px) {
    .menu {display: none;}
	.navigation {padding: 10px 0;}
	.menu-icon .fa {
	    background: -webkit-linear-gradient( 180deg, #f77062, #fe5196);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	    font-size: 25px;
	}
	.menu {
	    width: 100%;
	    background-image: linear-gradient(to right, #f77062, #fe5196);
	    padding: 10px 0;
	}
	.menu li {
    display: block;
    margin: 10px 0;
	}
	.menu li a {
    color: #fff;
	}
	.navigation .row {
    flex-direction: row;
	}
	.row {
    flex-direction: column;
	}
	.top-header p {margin-bottom: 10px;}
	.top-header{padding-bottom: 20px; padding-top: 15px;}
	.banner{padding-top: 40px;padding-bottom: 0px;}
	.banner h1 {
	    font-size: 30px;
	    line-height: 40px;
	}
	.banner .banner-sub-heading {
	    font-size: 16px;
	    line-height: 26px;
	}
	.heading-text {padding-bottom: 0px;}
	.slider-renge .form-heading {
	    font-size: 18px;
	    line-height: 28px;
	}
	.slider-renge h2 {
	    font-size: 26px;
	    line-height: 36px;
	}
	.btn-comm{padding: 12px 28px;font-size: 15px;}
	.banner .features{padding: 30px 0;}
	.banner .features .inner-row { justify-content: flex-start;padding-left: 24%;}
	.banner{clip-path: none;}
	.padding {padding: 20px 0;}
	.image-box {
    width: 100%;
    height: auto;
    border-radius: 0;
	}
	.image-box img {
    border-radius: 0;
	}
	.image-box:before{display: none;}
	body { font-size: 15px;}
	h2{font-size: 25px; line-height: 35px; margin-bottom: 10px;}
	.top-features .text-area h3{font-size: 18px; line-height: 28px;}
	.top-features .icon {
		font-size: 27px;
		width: 40px;
    	height: 40px;
	}
	.top-features .text-area {
    width: 84%;
	}
	.benefit-with-us .col:nth-of-type(1) {display: none;}
	.how-it-works .leaf{border-radius: 0 0;}

	.inner-row{margin-bottom: 10px;}

	.top-header{text-align: center;}

	.banner .features .col, .banner .features .col:nth-of-type(2), .banner .features .col:nth-of-type(3), .home-bio .col, .top-features .col, .benefit-with-us .col, .how-it-works .leaf, .top-footer .col:nth-of-type(1), .top-footer .col {width: 100%;}

	.top-footer .col{margin-bottom: 20px;}
	.bottom-footer {
    font-size: 14px;
    line-height: 24px;
    padding-top: 15px;
	}
	.bottom-footer p {
    margin-bottom: 5px;
    text-align: center;
	}
	.bottom-footer .right {
    text-align: center;
    margin-bottom: 5px;
	}
	.footer-list.reach li {display: block;}

	.text-box {padding-top: 30px; padding-bottom: 40px;}
	.footer{    border-radius: 0 0 0 0;  padding-top: 30px;}
	.top-footer {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 0px;
	}
 
}