
@media (max-width:1399px) {

  h1 {
    font-size: 42px;
  }

	h2 {
		font-size: 38px;
	}

}

@media (max-width:1199px) {

	#download .box img,
	p {
		margin-bottom: 20px
	}

	h1 {
		font-size: 38px
	}

	h2 {
		font-size: 32px
	}

	h4 {
    font-size: 22px;
	}

	#features .content-box a,
	h5 {
		font-size: 18px
	}

	footer .link-box a,
	p {
		font-size: 16px
	}

	.small {
		font-size: 14px
	}

	#homeBanner .box.box2 .img-box img,
	#live-cricket-banner .box.box2 .img-box img {
		max-width: 400px
	}

	.btn-common {
		padding: 10px 25px
	}

	.btn-common.transpatent ul img {
		max-width: 12px
	}

	#features .content-box img {
		width: 70px;
		height: 70px
	}

	#download .box img {
		max-width: 100px
	}

	#download .box {
		margin: 0
	}

	#get .box .text-box {
		margin: 0 0 30px -5px
	}

	footer .logo-box img {
		max-width: 250px
	}

	#about .box.box1 img {
		max-width: 350px
	}
}

@media (max-width:991px) {
	h1 {
		font-size: 30px
	}

	h2 {
		font-size: 30px
	}

	#features .content-box a,
	h5 {
		font-size: 16px
	}

	#homeBanner .box.box2 .img-box img,
	#live-cricket-banner .box.box2 .img-box img {
		max-width: 300px
	}

	.heading {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	#header .logo-box img {
		max-width: 180px
	}

	#header .button-box ul img {
		max-width: 25px
	}

	#about .button-box img {
		max-width: 28px;
		width: 100%
	}

	#about .button-box li:not(:last-child) {
		padding-right: 30px
	}

	#features .content-box img {
		width: 60px;
		height: 60px
	}

	#download .box img {
		max-width: 80px
	}

	#download .box {
		padding: 20px
	}

	#get .box {
		max-width: 500px;
		margin: 0 auto
	}

	footer .box.box2 {
		padding-top: 40px
	}

	#about .box.box2 {
		padding-top: 0
	}

  .feature-box a {
    font-size: 14px;
  }

	#id-provider .box.box1 img,
	#id-provide-india .box.box2 img,
	#about-id-provider .box.box1 img {
		max-width: 480px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	#id-provider,
	#id-provide-india,
	#about-id-provider {
    text-align: center;
	}

	#id-provider .row,
	#id-provide-india .row,
	#about-id-provider .row {
    row-gap: 30px;
	}

	#id-provide-india .row {
    flex-direction: column-reverse;
	}

	.accordion-button {
    font-size: 17px;
	}

	#id-provider .button-box ul {
		justify-content: center;
	}


}

@media (max-width:767px) {
	.mobile {
		display: block !important
	}

	.desktop {
		display: none !important
	}

	br {
		display: none
	}

	section {
		text-align: center
	}

	#homeBanner .box.box2 .img-box img,
	#live-cricket-banner .box.box2 .img-box img {
		margin: 0 auto;
		width: 80%
	}

	.row {
		row-gap: 30px
	}

	.button-box ul {
		justify-content: center
	}

	#homeBanner .text-box,
	#live-cricket-banner .text-box {
		padding-bottom: 20px
	}

	.heading::after {
		left: 50%;
		transform: translateX(-50%)
	}

	#homeBanner .row,
	#live-cricket-banner .row {
		flex-direction: column-reverse
	}

	#about .box.box1 img {
		max-width: 250px;
		width: 80%
	}

	#about .list li {
		text-align: left
	}

	#about .list-box {
		display: flex;
		justify-content: center
	}

	#download .box {
		padding: 20px 40px
	}

	.owl-dots {
		padding-top: 30px
	}

	.form-box.common-form .row {
		row-gap: 0
	}

	#faq {
    text-align: left;
	}

}

@media (max-width:575px) {

  .telegram-box a img {
    max-width: 100px;
}

}

@media (max-width:479px) {
	#header .logo-box img {
		max-width: 140px
	}

	#header .main-nav {
    padding-left: 10px;
	}

	#header .main-nav {
    justify-content: flex-end;
	}

	#header .main-nav nav {
    margin-right: 0;
	}

	#header .button-box ul img,
	footer .list-box img {
		max-width: 20px
	}

	#header .button-box ul li:not(:last-child) {
    padding-right: 14px;
	}

	/* h1 {
		font-size: 30px
	} */

	h2 {
		font-size: 25px
	}

	h4 {
    font-size: 20px;
	}

	#features .content-box a,
	.btn-common,
	.form-control-common,
	footer .link-box a,
	h5,
	label,
	p {
		font-size: 14px
	}

	p {
		margin-bottom: 15px
	}

	.small {
		font-size: 12px
	}

	footer,
	section {
		padding: 40px 0
	}

	#about .list li::before {
		top: 7px
	}

	#about .button-box img {
		max-width: 25px
	}

	#about .button-box li:not(:last-child) {
		padding-right: 20px
	}

	#features .content-box img {
		width: 50px;
		height: 50px;
		margin-bottom: 15px
	}

	#download .box img {
		max-width: 60px
	}

	.form-box.common-form {
		padding: 20px
	}

	footer .logo-box img {
		max-width: 200px
	}

	#get .box .text-box {
		margin: 0 0 0 -5px
	}

	#get .box {
		align-items: center
	}

	.section-heading {
		margin-bottom: 30px
	}

  .telegram-box {
    right: 20px;
    bottom: 10px;
  }

	.accordion-button {
    font-size: 16px;
	}

	.accordion-button::after {
    width: 16px;
    height: 10px;
	}

	.accordion-body p {
    font-size: 14px;
	}

	.accordion-button {
    padding: 15px 17px;
	}

	footer .link-box li:not(:last-child) {
    padding-right: 30px;
	}


}

@media (max-width:420px) {
	#get .box {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	#get .box img {
		width: 100%;
		max-width: 60%
	}

	#get .box .text-box {
		width: 100%;
		max-width: 100%;
		border-radius: 10px;
		margin: 15px 0 0;
		border: 2px solid #333
	}

	footer .link-box li:not(:last-child) {
    padding-right: 20px;
	}

}

@media (max-width: 375px) {

	#header nav ul li a {
    padding: 6px;
    font-size: 15px;
	}

	footer ul {
    flex-wrap: wrap;
    row-gap: 6px;
	}

}

@media (max-width:320px) {

  .telegram-box {
    bottom: 10px;
  }

  .feature-box a {
    font-size: 12px;
  }

}
