.footer-holder .footer .footer-social-icon .icon-holder .social-icon {
  color: #000000;
  font-size: 15px;
}

.footer-holder .footer .footer-social-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2%;
}

.footer-holder .footer .footer-social-icon .icon-holder {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 50%;
  margin: 0px 5px;
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-holder .footer {
  background: #343434;
  text-align: center;
  padding: 18px 0px;
}

.footer-holder .footer .footer_content p {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
}

.footer-holder .footer .footer_content .after-before:before {
  color: white;
  content: "";
  flex: 1;
  border-bottom: groove 2px;
  margin: auto 15px auto 30%;
}

.footer-holder .footer .footer_content .after-before:after {
  color: white;
  content: "";
  flex: 1;
  border-bottom: groove 2px;
  margin: auto 30% auto 15px;
}
.footer-holder .footer .footer_content .after-before {
  font-weight: 500;
  display: flex;
}

.footer-holder .footer .long-hr {
  background: #ffffff;
  width: 100%;
  height: 1px;
  margin: 20px auto;
}

.footer-holder .footer .footer_content .network {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px 15px;
}

.footer-holder .footer .footer_content .network .icon {
  margin-right: 10px;
}

.footer-holder .footer .footer_content .network .vr {
  color: #fff;
  opacity: 1;
}

.footer-holder .footer .short-hr {
  background: #ffffff;
  width: 28%;
  height: 1px;
  margin: 20px auto;
}

.footer-holder .footer .copyright p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0px;
}

.footer-holder .footer .copyright span {
  font-size: 12px;
  font-weight: 400;
  color: #ff7700;
}

/* footer responsive css start */
@media (min-width: 0px) and (max-width: 320px) {
    .footer-holder .footer .footer_content p {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .footer-holder .footer .footer_content .after-before:before {
       display: none;
      }
      
      .footer-holder .footer .footer_content .after-before:after {
        display: none;
      }
      .footer-holder .footer .footer_content .after-before {
        display: block;
    }

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .network .vr {
        display: none;
    }

      .footer-holder .footer .footer_content .network {
        display: block;
       
    }
     
}

@media (min-width: 321px) and (max-width: 485px) {
    .footer-holder .footer .footer_content p {
        font-size: 14px;
        margin-bottom: 30px;
    }
    .footer-holder .footer .footer_content .after-before:before {
       display: none;
      }
      
      .footer-holder .footer .footer_content .after-before:after {
        display: none;
      }
      .footer-holder .footer .footer_content .after-before {
        display: block;
    }

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .network .vr {
        display: none;
    }

      .footer-holder .footer .footer_content .network {
        display: block;
       
    }
     
}

@media (min-width: 486px) and (max-width: 575px) {
    .footer-holder .footer .footer_content p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .footer-holder .footer .footer_content .after-before:before {
        display: none;
       }
       
       .footer-holder .footer .footer_content .after-before:after {
         display: none;
       }
       .footer-holder .footer .footer_content .after-before {
         display: block;
     }
  
  

    .footer-holder .footer .short-hr {
        width: 70%;
    }

   
     
}

@media (min-width: 576px) and (max-width: 767px) {
    .footer-holder .footer .footer_content p {
        font-size: 15px;
        margin-bottom: 30px;
    }
   

    .footer-holder .footer .short-hr {
        width: 70%;
    }
    

    .footer-holder .footer .footer_content .after-before:before {
        margin: auto 15px auto 5%;
    }

    .footer-holder .footer .footer_content .after-before:after {
        margin: auto 5% auto 15px;
    }
   

   

    
     
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-holder .footer .footer_content p {
        font-size: 14px;
    }
  

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .after-before:before {
        margin: auto 15px auto 20%;
    }

    .footer-holder .footer .footer_content .after-before:after {
        margin: auto 20% auto 15px;
    }
   
    

    
     
}

@media (min-width: 992px) and (max-width: 1023px) {
  
    .footer-holder .footer .footer_content p {
        font-size: 14px;
    }
  

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .after-before:before {
        margin: auto 10px auto 30%;
    }

    .footer-holder .footer .footer_content .after-before:after {
        margin: auto 30% auto 10px;
    }
   
 

}

@media (min-width: 1024px) and (max-width: 1199px) {
    .footer-holder .footer .footer_content p {
        font-size: 14px;
    }
  

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .after-before:before {
        margin: auto 10px auto 30%;
    }

    .footer-holder .footer .footer_content .after-before:after {
        margin: auto 30% auto 10px;
    }
   
  
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .footer-holder .footer .footer_content p {
        font-size: 14px;
    }
  

    .footer-holder .footer .short-hr {
        width: 70%;
    }

    .footer-holder .footer .footer_content .after-before:before {
        margin: auto 10px auto 30%;
    }

    .footer-holder .footer .footer_content .after-before:after {
        margin: auto 30% auto 10px;
    }
   
   
}

/* footer responsive css end */
