@media only screen and (min-width: 768px) {
    .dateTmWish {
        display: none;
    }
    .allDateTWish {
        visibility: visible;
    }
}

@media only screen and (max-width: 767px) {
    .dateTmWish {
        visibility: visible;
    }
    .allDateTWish {
        display: none;
    }
  
}



#footer-mob {
    display: none;
}
.footer-mob {
    display: none;
}

@media only screen and (max-width: 767px) {
    #footer-mob-what {
        display: flex;
    }
    #footer-mob {
        display: flex;
    }
    .footer-mob {
        display: flex;
    }
       .bn53 {
        right: 20px;
        bottom: 80px;
        padding: 4px;
        width: 150px;
        font-size: 10px;
    }
    .list-inline-item {
        display: none;
    }
}

#main_nav {
    display: none;
}

@media only screen and (max-width: 992px) {
    #main_nav {
        display: flex;
    }
}




/**Resize Image css square*/
@media only screen and (max-width: 299px){
  .img-fluids {
    max-width: 40px;
    max-height: 40px;
  }
  .box-img-hover{
    min-height: 39px;
  }
}
@media only screen and (min-width: 300px){
  .img-fluids {
    max-width: 60px;
    max-height: 60px;
  }
  .box-img-hover{
    min-height: 59px;
  }
}

@media only screen and (min-width: 330px){
  .img-fluids {
    max-width: 70px;
    max-height: 70px;
  }
  .box-img-hover{
    min-height: 69px;
  }
}

@media only screen and (min-width: 350px){
  .img-fluids {
    max-width: 80px;
    max-height: 80px;
  }
  .box-img-hover{
    min-height: 79px;
  }
}


@media only screen and (min-width: 400px){
  .img-fluids {
    max-width: 90px;
    max-height: 90px;
  }
  .box-img-hover{
    min-height: 89px;
  }
}


@media only screen and (min-width: 480px){
  .img-fluids {
    max-width: 125px;
    max-height: 125px;
  }
  .box-img-hover{
    min-height: 124px;
  }
}


@media only screen and (min-width: 600px){
  .img-fluids {
    max-width: 150px;
    max-height: 150px;
  }
  .why-text h5{
    font-size: 16px;
  }
  .box-img-hover{
    min-height: 149px;
  }
}

@media only screen and (min-width: 1301px){
  .img-fluids {
    max-width: 200px;
    max-height: 200px;
  }

  .box-img-hover{
    min-height: 199px;
  }


}

#share-mob{
     display: none;
}

#footer-mob {
    display: none;
}
.footer-mob {
    display: none;
}

@media only screen and (max-width: 767px) {
    #footer-mob-what {
        display: flex;
    }
    #footer-mob {
        display: flex;
    }
    .footer-mob {
        display: flex;
    }
    #share-none{
     display: none;
}
#share-mob{
     display: flex;
}

}

#street-none {
    display: flex;
}

#bn54 {
    display: none;
}

@media only screen and (max-width: 992px) {
  
    #street-none {
        display: none;
    }
     #bn54 {
        display: flex;
    }
}




/**Resize Image css square*/
@media only screen and (max-width: 299px){
  .img-fluids {
    max-width: 40px;
    max-height: 40px;
  }
  .box-img-hover{
    min-height: 39px;
  }
}
@media only screen and (min-width: 300px){
  .img-fluids {
    max-width: 60px;
    max-height: 60px;
  }
  .box-img-hover{
    min-height: 59px;
  }
}

@media only screen and (min-width: 330px){
  .img-fluids {
    max-width: 70px;
    max-height: 70px;
  }
  .box-img-hover{
    min-height: 69px;
  }
}

@media only screen and (min-width: 350px){
  .img-fluids {
    max-width: 80px;
    max-height: 80px;
  }
  .box-img-hover{
    min-height: 79px;
  }
}


@media only screen and (min-width: 400px){
  .img-fluids {
    max-width: 90px;
    max-height: 90px;
  }
  .box-img-hover{
    min-height: 89px;
  }
}


@media only screen and (min-width: 480px){
  .img-fluids {
    max-width: 125px;
    max-height: 125px;
  }
  .box-img-hover{
    min-height: 124px;
  }
}


@media only screen and (min-width: 600px){
  .img-fluids {
    max-width: 150px;
    max-height: 150px;
  }
  .why-text h5{
    font-size: 16px;
  }
  .box-img-hover{
    min-height: 149px;
  }
}

@media only screen and (min-width: 1301px){
  .img-fluids {
    max-width: 200px;
    max-height: 200px;
  }

  .box-img-hover{
    min-height: 199px;
  }
}