@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      
            
    .navbar .navbar-toggler .icon-bar {
        width: 30px;
        height: 2px;
        background-color: #dc8203;
        display: block;
        margin: 5px 0;
        position: relative;
         -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
      
      


}


/* ----------- iPhone 6, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
      
      
         .navbar .navbar-toggler .icon-bar {
        width: 30px;
        height: 2px;
        background-color: #dc8203;
        display: block;
        margin: 5px 0;
        position: relative;
         -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
      

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
      
         .navbar .navbar-toggler .icon-bar {
        width: 30px;
        height: 2px;
        background-color: #dc8203;
        display: block;
        margin: 5px 0;
        position: relative;
         -webkit-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }
      

}