@media only screen and (min-width: 1200px) and (max-width: 1560px){
	.banner-section .right-content .image img{
	  width: 100%;
	}

	.banner-section .right-content .shape-image1 {
	    right: 258px;
	}

	.banner-section .right-content .shape-image2 {
	    right: 119px;
	    top: 76px;
	}

	.banner-section .right-content .shape-image3 {
	    right: 409px;
	    top: 60px;
	}

	.ration-section .right-content img{
	  width: 100%;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1200px){
	.banner-section .right-content .image img{
	  width: 100%;
	}

	.banner-section .right-content .shape-image1 {
	    right: 215px;
	    top: 6px;
	}

	.banner-section .right-content .shape-image2 {
	    right: 98px;
    	top: 37px;
	}

	.banner-section .right-content .shape-image3 {
	    right: 338px;
    	top: 28px;
	}

	.ration-section .right-content img{
	  width: 100%;
	}

	.team-section .team-box {
	    padding: 126px 0px 20px 0px;
	}

	.team-section .team-box .image img {
	    top: -195px;
	}

	.blog-section .blog-content .date {
	    top: 251px;
	}

	.footer-section .footer-icon a {
	    margin: 0px 8px;

	}

}

@media only screen and (min-width: 768px) and (max-width: 991px){

	.banner-section .left-content h2 {
	    font-size: 34px;
	}

	.banner-section .right-content .image img{
	  width: 100%;
	}

	.banner-section .right-content .shape-image1 {
	    right: 138px;
    	top: -56px;
	}

	.banner-section .right-content .shape-image2 {
	    right: 55px;
    	top: 8px;
	}

	.banner-section .right-content .shape-image3 {
	    right: 241px;
    	top: 8px;
	}

	.banner-section .left-content .button a {
	    padding: 13px 20px;
	}

	.ration-section .rating-box-wraper .rating-box {
	    margin-bottom: 30px;
	}

	.ration-section .rating-box-wraper .rating-box.last {
	    margin-bottom: 0;
	}


	.ration-section .left-content h2 {
	    font-size: 30px;
	}

	.ration-section .right-content img{
	  width: 100%;
	}

	.about-section .right-content h2 {
	    font-size: 30px;
	}

	.token-section .token-content .count-box {
	    margin-left: 0px;
	}

	.token-section .token-content .count-box li {
	    padding: 5px 12px 10px 12px;
	}

	.token-section .token-content .count-box li span {
	    font-size: 45px;
	}

	.token-section .token-content .box-image img {
	    width: 83%;
	}

	.token-section .token-content .last-content {
	    margin-top: 0px;
	}

	.platform-section .right-content {
	    padding: 40px 12px;

	}

	.document-section .document-box .circle::before {
	    left: 257px;
	}

	.token-section .token-content .left-content {
	    margin-bottom: 30px;
	}

	.token-section .token-content .last-content {
	    margin-top: 48px;
	}

	.roadmap-section .roadmap-content .map-box::before {
	    width: 352px;
	}

	.faq-section .accordion-faq {
	    margin-bottom: 30px;
	}

	.team-section .team-box .icon {
	    bottom: 14px;
	}

	.team-section .team-box .image img {
	    top: -277px;
	}

	.blog-section .blog-content .date {
	    top: 291px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.banner-section .left-content h2 {
	    font-size: 34px;
	}

	.banner-section .right-content .image img{
	  width: 100%;
	}


	.banner-section .right-content .shape-image1 {
	    right: 206px;
	    top: 11px;
	}

	.banner-section .right-content .shape-image2 {
	    right: 89px;
	    top: 33px;
	}

	.banner-section .right-content .shape-image3 {
	    right: 334px;
	    top: 25px;
	}

	.ration-section .rating-box-wraper .rating-box {
	    margin-bottom: 30px;
	}

	.ration-section .rating-box-wraper .rating-box.last {
	    margin-bottom: 0;
	}

	.ration-section .left-content h2 {
	    font-size: 29px;
	}

	.ration-section .right-content img{
	  width: 100%;
	}

	.platform-section .platform-image {
		margin-bottom: 65px;
	}

	.document-section .document-box .circle::before {
		left: 137px;

	}

	.token-section .token-content .left-content {
		margin-left: 20px;
	}

	.token-section .token-content .count-box {
		margin-left: 0px;
	}

	.token-section .token-content .box-image {
		margin-left: 0px;
	}

	.team-section .board {
		justify-content: center;
	}

	.team-section .team-box {
		padding: 280px 0px 20px 0px;

	}

	.team-section .team-box .image img {
		top: -374px;
	}

	.blog-section .blog-content .date {
	    top: 411px;
	}

}

@media only screen and (min-width: 320px) and (max-width: 479px){

	.banner-section {
		padding: 74px 0px 101px 0px;
	}

	.banner-section .left-content h2 {
	    font-size: 30px;
	}

	.banner-section .left-content .button a {
		padding: 13px 10px;
	}

	.banner-section .right-content .image img{
	  width: 100%;
	}


	.banner-section .right-content .shape-image1 {
	    display: none;
	}

	.banner-section .right-content .shape-image2 {
	    display: none;
	}

	.banner-section .right-content .shape-image3 {
	    display: none;
	}

	.ration-section .rating-box-wraper .rating-box {
	    margin-bottom: 30px;
	}

	.ration-section .rating-box-wraper .rating-box.last {
	    margin-bottom: 0;
	}

	.ration-section .left-content h2 {
	    font-size: 29px;
	}

	.ration-section .right-content img{
	  width: 100%;
	}

	.ration-section .right-content {
		margin-left: 0px;
		margin-top: 45px;
	}

	.platform-section .platform-image .shape-image {
		display: none;
	}

	.platform-section .right-content {
		padding: 40px 12px;
		margin-left: 0px;
		margin-top: 30px;
	}

	.document-section .document-box .circle::before {
		left: 136px;
	}

	.token-section .token-content .left-content {
		margin-left: 20px;
	}

	.token-section .token-content .count-box {
		margin-left: 0px;
	}

	.token-section .token-content .box-image {
		margin-left: 0px;
	}

	.token-section .token-content .count-box li span {
	font-size: 45px;
}

	.team-section .board {
		justify-content: center;
	}

	.team-section .team-box {
		padding: 150px 0px 20px 0px;
	}

	.team-section .team-box .image img {
		top: -250px;
	}

	.blog-section .blog-content .date {
	    top: 251px;
	}
}