/*====================================================
Footer section css start Here

#DB0C77
#227DA7
#360F6F
======================================================*/

.footer{
  background:#151515;
}

.footer-inner ul{
  list-style: none;
  position: relative;
}

.sm-link-list li{
  float: left;
  background: #000;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 42px;
  color: #fff;
  transition:all .5s ease-in-out;
}

.sm-link-list li:hover{
  transition:all .5s ease-in-out;
  background:#5827e4;
  cursor: pointer;
}

.sm-link-list li:hover a{
  color:#fff;
  transition:all .5s ease-in-out;

}

.sm-link-list li a{
  color:#fff;
}

.sm-link-list li a i{
  transition:all .5s ease-in-out;
}

.sm-link-list li:hover a i{
  transition:all .5s ease-in-out;
  transform: rotate(360deg);
}

.fthead h4{
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
  font-size: 25px;
}

.page-link-list li{
  /*padding: 5px 0;*/
}

.page-link-list li a{
  text-transform: capitalize;
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  transition: all .5s ease-in-out;
}

.page-link-list li:hover a{
  color:#5829e4;
  transition: all .5s ease-in-out;
  padding-left:10px;
}


/**/

.ftr-row{
  display: flex;
  justify-content: space-evenly;
}

.copyright{
  padding: 20px 0;
  position: relative;
  text-align: center;
  background: #000000;
}

.copyright a{
  text-decoration: none;
  color: #d0d0d0;
  transition: all .5s ease-in-out;
}

.copyright a:hover{
  color: #d02c0d;
  transition: all .5s ease-in-out;
}

.copyright-txt p{
  color: #fff;
  font-size: 15px;
}

/*====================================================
Footer section css End Here
======================================================*/

/* ----------Resposive CSS start here-------------- */ 

@media (max-width: 1199px){

  .fthead h4{font-size: 22px;margin-bottom: 13px;}
  .page-link-list li a{font-size: 14px;}
  .sm-link-list li a{font-size: 15px;}
  .sm-link-list li{width: 36px;height:36px;line-height:38px;}
}

@media (max-width: 991px){

  .fthead h4{font-size: 19px;margin-bottom: 10px;}
  .sm-link-list li a{font-size: 13px;}
  .sm-link-list li{width: 33px;height: 33px;line-height: 33px;}
}

@media (max-width: 767px){

  .fthead h4{font-size: 17px;margin-bottom: 8px;}
  .copyright{font-size: 15px;}
}

@media (max-width: 575px){}

@media (max-width: 368px){

  .ftr-row{display: block;}
}