@charset "UTF-8";
/*   
Theme Name: pathSoft
Version: 1.3.0
Tags: html5, css3, sass, gulp, bootstrap
Description: This Template is created for web template
Author: Koval Web
Author URI: https://kovalweb.com/
*/
/* === All CSS in 1 file

A. CSS Libs
B. CSS Table Of Content

===*/
/* === A. CSS Libs === */
/*!
 * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

#md-note {
    background: white;
    color: black;
}

#md-note:hover {
    background: white;
    color: black;
}

#meter_num {
    /*border: 2px solid red; */
    width: auto; 
    float: left;
  }

#plus-sign {
  font-size: 40px; 
  color: #007bff; 
  margin-top:-6px; 
  /*border: 2px solid red; */
  float: left; 
  height: 50px;
}

#customers-text {
  /*border: 2px solid blue; */
  float: left; 
  width: 100%; 
  margin-bottom:20px;
}

#middle-carousel {
   background: transparent; 
   text-shadow: 2px 3px 4px yellow; 
   box-shadow: none;
}

#jed-img-banner {
  width: 70%; 
  margin: 0 auto;
  /*border: 2px solid blue;*/
}

.hide {
  display: none;
}

.branch_name:hover + .hide {
  display: block;
  color: black;
}

#col-feeders {
   padding: 4px 20px 8px 20px;
   /*border: 2px solid red;*/
}


@media (max-width:1199px) {  
  /*carousels*/
  
}

@media (max-width:768px) {
   #middle-carousel {
     background: transparent; 
     text-shadow: 2px 3px 4px black; 
     box-shadow: none;
  }

  #plus-sign {
    font-size: 30px; 
    color: #007bff; 
    margin-top:-2px;
    height: 50px;
  }

  #jed-img-banner {
    width: 80%;
  }

  #col-feeders {
   /*padding: 4px 20px 8px 20px;
   border: 2px solid red;*/
   width: 
  }

}

@media (max-width:575px) {
#meter_num {
    /*border: 2px solid white; */
    /*width: 100%; */
    padding-left: 35%;
    float: left;
    text-align: center;
    margin: 0 auto;
  }

#plus-sign {
    font-size: 30px; 
    color: #007bff; 
    margin-top:0px; 
    border: none; 
    float: left; 
    height: 50px;
  }

#customers-text {
    /*border: 2px solid white; */
    float: left; 
    width: 100%; 
    margin-bottom:30px;
  }
}

@media (max-width:480px) {  
  #meter_num {
    padding-left: 33%;
  }

  #jed-img-banner {
    width: 100%; 
  }
}

@media (max-width:380px) {  
  #meter_num {
    padding-left: 29%;
  }
}