#mgf {
width: 5pc;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}

@media only screen 
and (min-device-width: 550px) 
and (max-device-width: 768px) 
and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles for iPhone 6, 7, 8 */
#mgf {
width: 9%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}


/* iPhone 6, 7, 8 */

@media only screen 
and (min-device-width: 275px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles for iPhone 6, 7, 8 */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}


@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles for iPhone 6, 7, 8 */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 9 */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
/* Styles for iPhone 9 */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 11 Pro, X, XS */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 812px) 
and (-webkit-min-device-pixel-ratio: 3) { 
/* Styles for iPhone 11 Pro, X, XS */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 11, XR */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 896px) 
and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles for iPhone 11, XR */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}
@media only screen 
and (min-device-width: 555px) 
and (max-device-width: 991px) 
and (-webkit-min-device-pixel-ratio: 2) { 
/* Styles for iPhone 11, XR */
#mgf {
width: 7%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 13 mini */
@media only screen 
and (min-device-width: 360px) 
and (max-device-width: 780px) 
and (-webkit-min-device-pixel-ratio: 3) { 
/* Styles for iPhone 13 mini */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 13, 13 Pro */
@media only screen 
and (min-device-width: 390px) 
and (max-device-width: 844px) 
and (-webkit-min-device-pixel-ratio: 3) { 
/* Styles for iPhone 13, 13 Pro */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 13 Pro Max */
@media only screen 
and (min-device-width: 428px) 
and (max-device-width: 926px) 
and (-webkit-min-device-pixel-ratio: 3) { 
/* Styles for iPhone 13 Pro Max */
#mgf {
width: 18%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}

/* iPhone 14 */
@media only screen 
and (min-device-width: 390px) 
and (max-device-width: 844px) 
and (-webkit-min-device-pixel-ratio: 4) { 
/* Styles for iPhone 14 */
#mgf {
width: 17%;
border-radius: 68px;
margin-left: -39px;
position: absolute;
top: 1px;
}
}




#mf{
    width: 171px;
border-radius: 84px;
}