@media all and (max-width: 1200px){

  .main-containar{
      width: 90%;
  }
  .manu-btn{
      margin-right: 4rem;
  }
  .jackpot-top-left h2 {
      font-size: 3.4rem;
  }
  .integration-left-item img {
      max-width: 100%;
      width: 430px;
  }
  .integration-right-item h2 {
      max-width: 100%;
      font-size: 2.7rem;
  }
  .integration-right-item p {
      max-width: 91%;
  }
  .untimate-feature-area{
      background: none;
  }
  .untimate-feature-item-bottom{
      width: 100%;
      -ms-grid-columns: (1fr)[2];
          grid-template-columns: repeat(2, 1fr);
  }
  .untimate-phone{
      display: block;
      text-align: center;
      margin-top: 15rem;
  }
  .untimate-phone img{
      max-width: 1200px;
      width: 500px;
      margin: auto;
      text-align: center;
  }
  .untimate-feature-item-top h2 {
      max-width: 100%;
  }
  .untimate-feature-item-top p {
      max-width: 100%;
  }
  .extra-charges-btn {
      width: 27.5%;
      border: none;
  }
  .extra-charges-area-top h1 {
      max-width: 65%;
      font-size: 4rem;
  }
  .testimonial-item-right-text-1 h2 {
    max-width: 100%;
  }
  .testimonial-item-right-text-1 p {
    max-width: 85%;
  }
}
@media all and (max-width: 1112px){
  .download-app-area {
    padding-bottom: 41.2rem;
  }
  .download-apppicture img {
    display: none;
  }
  .download-app-items {
    width: 100%;
    padding: 5rem 0;
    text-align: center;
  }
  .download-app-item-top p {
    max-width: 65%;
    margin: auto;
    color: var(--color3);
    margin-bottom: 4rem;
  }
  .download-app-item-bottom {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .download-apppicture2{
    display: block;
    position: absolute;
  }
  .download-apppicture2 img{
    display: block;
    
  }
}
@media all and (max-width:992px){
	.header-area {
		border-bottom: 2px solid #8080802b;
		padding-bottom: 10px;
	}
  .header-items{
    flex-direction: column;
	padding-top: 2rem;
  }
  .logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 0 0 100%;
    width: 100%
  }
  .menu{
    flex-direction: column;
    position: absolute;
    top: 8.5%;
    right: -150%;
    width: 0%;
    transition: 0.5s all linear;
    background: rebeccapurple;
    color: #fff;
    border-radius: 0.3rem;
    transition: 0.5s all ease-in-out;
  }
 .open {
    right: 0%;
    width: 40%;
}
.menu{
  flex-direction: column;
}
.menu ul{
  flex-direction: column;
  margin: 4rem 0;
}
.menu ul li{
  margin: 1.3rem 0;
}
.menu ul li a{
  color: #fff;
}
.manu-btn{
  display: none;
}
.show i{
	background: var(--color2);
	height: 35px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
}
.left-app {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .app-icon-right p {
    max-width: 70%;
  }
  .jackpot-top-left h2 {
    font-size: 3.2rem;
  }
  .integration-left-item {
    margin-top: 6rem;
  }
  .integration-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .integration-right-item {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
  }
  .choose-app-items {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  .choose-app-heading h2{
    max-width: 50%;
}
.choose-app-heading p {
    max-width: 65%;
  }
  .untimate-feature-item-top h2 {
    max-width: 100%;
  }
  .untimate-phone img{
    display: block;
    max-width: 1200px;
    width: 460px;
    margin: auto;
    text-align: center;
}
  .extra-charges-area-top h1 {
  max-width: 80%;
  }
  .extra-charges-area-top p {
    max-width: 65%;
  }
  .testimonial-item-right-text-1 p {
    max-width: 100%;
  }
  .faq-item-top p {
    max-width: 100%;
  }
}

@media all and (max-width:918px){
.jackpot-top-left h2 {
    font-size: 2.6rem;
  }
}

@media all and (max-width:910px){
.bennar-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
			
  }
  .bennar-left {
    margin-top: 9rem;
    margin-bottom: 3rem;
  }
  .bennar-heading h1 {
    max-width: 95%;
    font-size: 4.7rem;
  }
  .bennar-heading p {
    max-width: 82%;
  }
  .bennar-right {
    margin-top: 2.5rem;
  }
  .bennar-right img {
    width: 100%;
    height: 55rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .trusted-item {
    margin-bottom: 3.5rem;
  }
  .untimate-feature-item-top p {
    max-width: 100%;
  }
  .extra-charges-area-top h1 {
    max-width: 75%;
    font-size: 3.3rem;
  }
  .download-app-area {
    padding-bottom: 36.05rem;
  }
  .download-apppicture2 img {
    display: block;
    width: 730px;
  }
}

@media all and (max-width:768px){
.bennar-heading h1 {
    font-size: 4rem;
  }
.awesome-apps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.right-app {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
  }
.right-app h2 {
    max-width: 100%;
  }
.right-app-pragraph {
    max-width: 75%;
  }
.app-icon-right p {
    max-width: 90%;
  }
.left-app img {
    width: 460px;
    height: 600px;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
.jackpot-top {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    margin-bottom: 45px;
  }
.jackpot-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }
.jackpot-bottom-item1 {
    margin-left: 0;
    margin-bottom: 3.7rem;
  }
.jackpot-top {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
.jackpot-top-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
.jackpot-top-left h2 {
    font-size: 2.8rem;
  }
.jackpot-top-right p {
    max-width: 85%;
    margin-left: 0;
  }
  .integration-area {
    margin-top: 0;
  }
  .choose-app-heading {
    text-align: start;
  }
  .choose-app-heading h2 {
    max-width: 100%;
    margin: 0;
    margin-bottom: 1.8rem;
    font-size: 3.4rem;
  }
  .choose-app-heading p {
    max-width: 90%;
    margin: 0;
  }
  .choose-app-items {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    text-align: start;
  }
  .choose-apps-icon {
    margin: 0;
  }
  .choose-apps-icon p {
    max-width: 82%;
    margin: 0;
  }
  .untimate-feature-item-bottom p {
    max-width: 100%;
  }
  .download-app-area {
    padding-bottom: 32.05rem;
  }
  .download-apppicture2 img {
    display: block;
    width: 650px;
  }
  .untimate-feature-item-top h2 {
    font-size: 3.5rem;
  }
}

@media all and (max-width:720px){
.bennar-heading h1 {
    font-size: 4rem;
  }
  .jackpot-top {
    margin: 0;
    margin-bottom: 4.3rem;
  }
  .jackpot-bottom{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.jackpot-bottom-item1 p {
    max-width: 90%;
    margin-bottom: 4rem;
  }
  .jackpot-bottom-item1 {
    margin-left: 0;
    margin-bottom: 0rem;
  }
  .untimate-feature-item-bottom {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

@media all and (max-width:686px){
.bennar-left {
    margin-top: 6rem;
  }
.bennar-heading h1 {
    font-size: 4rem;
    line-height: 5.5rem;
  }
  .bennar-heading p {
      max-width: 95%;
  }
  .extra-charges-area-top h1 {
    max-width: 100%;
    font-size: 3.5rem;
  }
  .extra-charges-area-top p {
    max-width: 95%;
  }
  .extra-charges-area-bottom {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
  }
  .extra-charges-area-bootom-left {
    margin-right: 0;
    margin-bottom: 6rem;
  }
  .testimonal-area {
    background: none;
  }
  .testimonial-items {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  .testimonial-item-right {
    width: 100%;
    margin-bottom: 6rem;
  }
  .faq-items {
    width: 100%;
  }
  .download-app-item-top p {
    max-width: 100%;
  }
  .main-containar .testimonal-bottom-img{
    width: 100%;
    display: block;
  }
  .download-app-area {
    padding-bottom: 27.2rem;
  }
  .download-apppicture2 img {
    display: block;
    width: 550px;
  }
}

@media all and (max-width:620px){
.bennar-heading h1 {
    font-size: 3.5rem;
  }
}

@media all and (max-width:576px){
  .open {
    right: 0%;
    width: 50%;
  }
  .bennar-heading h1 {
    font-size: 3.5rem;
  }
  .faq-item-top h2 {
    font-size: 3.5rem;
  }
  .download-app-item-top h2 {
    font-size: 3.5rem;
  }
  .download-apppicture2 img {
    display: block;
    width: 423px;
    height: 311px;
  }
  .faq-item-bottom h3 {
    max-width: 85%;
  }
  .untimate-phone {
    margin-top: 10rem;
  }
  .untimate-phone img {
    width: 365px;
  }
  .jackpot-top-left h2 {
    font-size: 30px;
    font-size: 3rem;
  }
  .choose-app-heading h2 {
    font-size: 30px;
    font-size: 3rem;
  }
  .choose-app-heading p {
    max-width: 98%;
  }
  .untimate-feature-item-top h2 {
    font-size: 30px;
    font-size: 3rem;
  }
  .footer-items .menu li {
    margin-bottom: 1.5rem;
  }
}
@media all and (max-width: 480px){
  .manu-btn {
    display: none;
  }
  .bennar-heading h1 {
      font-size: 3rem;
  }
  .bennar-heading p {
      max-width: 100%;
  }
  .bennar-icon {
    padding-right: 20px;
    padding-right: 2rem;
  }
  .right-app-pragraph {
      max-width: 99%;
  }
  .app-icon-right p {
      max-width: 100%;
  }
  .jackpot-top-left h2 {
      font-size: 2.6rem;
  }
  .jackpot-top-right p {
      max-width: 100%;
  }
  .jackpot-bottom-item1 p {
      max-width: 100%;
  }
  .choose-app-heading h2 {
      max-width: 100%;
      font-size: 3rem;
  }
  .choose-app-heading p {
      max-width: 100%;
  }
  .choose-apps-icon p {
      max-width: 100%;
      margin: 0;
  }
  .extra-charges-area-top h1 {
    font-size: 2.6rem;
  }
  .testimonial-item-right-text-1 h2 {
    font-size: 2.5rem;
  }
  .faq-item-top h2 {
    font-size: 2.5rem;
  }
  .faq-item-bottom h3 {
    font-size: 1.9rem;
  }
  .faq-item-bottom p {
    font-size: 1.5rem;
  }
  .download-app-item-top h2 {
    font-size: 2.6rem;
  }
}
@media all and (max-width: 420px){
  .extra-charges-area-top h1 {
    font-size: 2.2rem;
  }
   p {
    font-size: 1.4rem;
  }
  .testimonial-item-right-text-1 h2 {
    font-size: 2.2rem;
  }
  .faq-item-top h2 {
    font-size: 2.1rem;
  }
  .faq-item-bottom h3 {
    font-size: 1.8rem;
  }
  .download-app-item-top h2 {
    font-size: 2.2rem;
  }
}
@media all and (max-width:380px) {
  .download-app-item-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .google-app {
    margin: 0;
    margin-bottom: 2rem;
  }
  .download-apppicture2 img {
    display: block;
    width: 320px;
    height: 311px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}