/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.right-img-hexa,
	.left-img-hexa{
		display: none;
	}
	.main-white-box{
    	width: 90%;
    }
	.banner-content-box .top-heading{
		text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
	}
	.highlight-text-box p{
		font-weight: 400;
	}
	.banner-content-box .top-heading{
		font-size: 25px;
	}
	.app-download-box p,
	.highlight-text-box p {
		font-size: 15px;
		line-height: 20px;
	}
	.highlight-text-box{
		padding: 30px 0px 20px 0px;
	}
	.app-download-img a img{
		width: 40%;
	}
	.banner-section {
		min-height: auto;
		padding-bottom: 60px;
	}
	.key-feature .top-shape-img {
		top: -28px;
	}
	.header-logo-box a img{
		width: 80%!important;
	}
	.header-section {
		height: auto;
		padding: 0px 7px 0px 10px;
	}
	.content-about h1,
	.key-feature .content-box  h1{
		font-size: 30px;
	}
	.content-about p,
	.key-feature .content-box p {
		font-size: 16px;
	}
	.blue-key-feature .bottom-shape-img {
		bottom: -25px;
	}
	.blue-key-feature {
		margin-top: 10px;
	}
	.about-section .about-cricle-box {
		top: 30%;
	}
	.get-in-touch-section .cricle-right img{
		width: 80%;
	}
	.get-in-touch-section .cricle-right{
		top: 80%;
		right: -138%;
	}
	.footer-section{
		clip-path: inherit;
		border-radius: 20px 20px 0px 0px;
		padding: 0px 0px 10px 0px;
	}
	.get-in-touch-section .get-in-touch-box .form-box .common-field textarea, .get-in-touch-section .get-in-touch-box .form-box .common-field input{
		margin-bottom: 14px;
	}
	.get-in-touch-section {
		margin-top: 0px;
	}
	.get-in-touch-section .get-in-touch-box h2 {
		font-size: 26px;
	}
	.get-in-touch-section .get-in-touch-box h4{
		font-size: 22px;
	}

	.footer-row{
		margin-top: 70px;
	}
	.footer-memu .footer-heading {
		margin-bottom: 19px;
	}
	.footer-menu-list .items p b{
		font-size: 14px;
	}
	.menu-list .list a {
		font-size: 15px;
		font-weight: 400;
	}
	.common-btn{
	    padding: 7px 27px;
			font-size: 13px;
	}
	.copy-right-box {
		margin-top: 20px;
	}
	.main-white-box {
		margin-top: 10px;
	}
	.login-button {
    	padding: 10px 10px 10px 10px;
	}
	.floting-button {
		left: 50%;
		top: inherit;
		bottom: 0px;
		width: 70%;
	}
	.floting-button .button .btn{
		font-size: 16px;
	}
	.floting-button .button .btn span img{
		display: block;
	}
}






/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 400px) and (max-width: 778px) {
	.menu-box-mob{
	    top: 25%;
	    width: 95%;
	}
}









/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.banner-section{
		min-height: 750px;
	}
	.header-section {
		height: auto;
		padding: 0px 7px 0px 10px;
	}
	#webapp_cover {
		right: -48%;
	}
	.menu-box-mob {
		top: 16%;
	    width: 97%;
	}
	.main-white-box {
		width: 45%;

	}

	.banner-content-box .top-heading{
		font-size: 35px;
	}

	.banner-section .right-img-hexa {
    	right: -53.4%;
	}
	.left-img-hexa{
		display: none;
	}
	.get-in-touch-section .cricle-right{
		right: -28%;
   		top: 73%;
	}
	.footer-section{
		margin-top: 0px;
	}

	.social-media-footer a i{
		width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 16px;
	}
	.highlight-text-box p{
		font-size: 23px;
	}
	.app-download-box p{
		font-size: 18px;
	}
	
    .footer-row {
    	margin-top: 30px;
    }

}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 910px) and (max-width: 1199.98px) {
	.banner-section .right-img-hexa {
    	right: -38.4%;
	}
}


/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	.banner-section .left-img-hexa {
		left: 9%;
	}
	.get-in-touch-section .cricle-right {
		right: -28%;
	}
	.footer-section{
		margin-top: -40px;
	}
    .footer-row {
    	margin-top: 30px;
    }
    .header-section {
    	height: auto;
    	padding: 10px 25px 10px 10px;
    }



}




/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1380px) {
	.banner-section .right-img-hexa{
		right: -15.4%;
	}
	.banner-section{
		min-height: 760px;
	}
	.footer-row {
		margin-top: 40px;
	}

	 .banner-section .left-img-hexa {
		left: 11%;
	}

 }