.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28253, 126, 20, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}

.navbar-toggler-icon:hover{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%282, 129, 235, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
}

.navbar-dark .navbar-toggler{
     border: 1px solid #FD7E14;
   box-shadow: none;
}

@media screen and (max-width: 820px) {
    .background-container {
     width: 100%;
     height: 300px;
     position: relative;
     background: -webkit-linear-gradient(left top, #858585, #525252);
     background: -moz-linear-gradient(left top, #858585, #525252);
     background: -o-linear-gradient(left top, #858585, #525252);
     background: -ms-linear-gradient(left top, #858585, #525252);
     background: linear-gradient(to right bottom, #858585, #525252);
   }


   .background-animation {
     width: 100%;
     height: 300px;
     position: absolute;
     background: none;
      background-image: url(../images/bg03.jpg);
     background-size:cover;
           -webkit-animation: slidein 25s;
           animation: slidein 25s;
            -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;

           -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;

           -webkit-animation-direction: alternate;
           animation-direction: alternate;

   }

   @-webkit-keyframes slidein {
   from {background-position: bottom; background-size:1225px; }
   to {background-position: -100px 0px;background-size:1075px;}
   }

   @keyframes slidein {
   from {background-position: bottom;background-size:1225px; }
   to {background-position: -100px 0px;background-size:1075px;}

   }
   
   .device-bg-container{
       max-height: 290px;
   }
   
   .device-icons{
       max-height: 290px;
   }
   
   .device-commercial{
       background-color: #C6C6C6;
   }
   
    .device-order { 
            display: flex; 
            flex-direction: column; 
        } 
  
        .device-col-a { 
            order: 2; 
        } 
  
        .device-col-b { 
            order: 1; 
        }
    .device-card{
        padding-left: 1px;
        padding-right: 1px;
    }


}

@media screen and (max-width: 992px) {
    .device-logo{
        display: none;
    }
    
    .device-logo-else{
     
    }
    
    .device-images {
       width: 100%;
       height: auto;
   }
}