@media (min-width: 490px) and (max-width: 540px) {
#hamzabutton{
	width:70% !important;
}}

@media (min-width: 540px) and (max-width: 768px) {
#hamzabutton{
	width:60% !important;
}}

@media (min-width: 645px) and (max-width: 768px) {
#hamzabutton{
	width:50% !important;
}}



@media (min-width: 490px) and (max-width: 540px) {
#saimbutton{
	width:70% !important;
}}

@media (min-width: 540px) and (max-width: 768px) {
#saimbutton{
	width:60% !important;
}}

@media (min-width: 645px) and (max-width: 768px) {
#saimbutton{
	width:50% !important;
}}



/* 600–650 */
@media (min-width: 600px) and (max-width: 650px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -3.3vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 550–600 */
@media (min-width: 550px) and (max-width: 600px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -3.9vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 500–550 */
@media (min-width: 500px) and (max-width: 550px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -4.6vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 450–500 */
@media (min-width: 450px) and (max-width: 500px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -5.2vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 400–450 — your earlier reference */
@media (min-width: 400px) and (max-width: 450px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -6.3vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 350–400 — updated per your example */
@media (min-width: 350px) and (max-width: 400px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -7vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 300–350 */
@media (min-width: 300px) and (max-width: 350px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -9.1vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 250–300 */
@media (min-width: 250px) and (max-width: 300px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -10.6vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 200–250 */
@media (min-width: 200px) and (max-width: 250px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -9.6vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 150–200 */
@media (min-width: 150px) and (max-width: 200px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -10.2vw !important;
    max-width: none !important;
    position: relative;
  }
}

/* 0–150 */
@media (min-width: 0px) and (max-width: 150px) {
  .e-con > .talhalastinnerbox {
    width: 92vw !important;
    margin-left: -10.8vw !important;
    max-width: none !important;
    position: relative;
  }
}


@media (min-width: 0px) and (max-width: 776px) {
.talhabg{
    background-color: transparent !important;
    text-align: center;
}
}



@media (min-width: 0px) and (max-width: 650px) {
#firstboxtalha{

position: relative;
    left: 8px;
}

}



@media (min-width: 0px) and (max-width: 650px) {
#secondneedfixback{

position: relative;
    left: -8px;
}

}


@media (min-width: 0px) and (max-width: 650px) {
#paraneedwefix{

position: relative;
    left: -12px;
}

}

@media (min-width: 0px) and (max-width: 650px) {
#lastboxtal{

position: relative;
    left: -12px;
}

}


@media (min-width: 0px) and (max-width: 650px) {
#finalhambox{

position: relative;
    left: -12px;
}

}