@media only screen 

and (min-device-width : 200px) 

and (max-device-width : 710px) { /* STYLES GO HERE */

  





.footer-links{



  font-size: 24px!important;



  



}







.footer-links a{



  font-size: 22px!important;



  



}



.footer-center p, .email, .hover2, .mobiletop{



  font-size:  21px!important;

}





.footer-company-about{



  font-size:  21px!important;





}





.footer-distributed{





  padding: 30px 30px!important;





}





.footer-distributed .footer-left{

  width: 40%!important;

}





.footer-distributed .footer-right{

  width: 22%!important;

}





  }





.footer-distributed{

  background-color:#454545;

  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);

  box-sizing: border-box;

  width: 100%;

  text-align: left;

  font: bold 16px sans-serif;



  padding: 55px 50px;





}



.footer-distributed .footer-left,

.footer-distributed .footer-center,

.footer-distributed .footer-right{

  display: inline-block;

  vertical-align: top;

}



/* Footer left */



.footer-distributed .footer-left{

  width: 40%;

}



/* The company logo */



.footer-distributed h3{

  color:  #ffffff;

  font: normal 36px 'Cookie', cursive;

  margin: 0;

}



.footer-distributed h3 span{

  color:  #5383d3;

}



/* Footer links */



.footer-distributed .footer-links{

  color:  #ffffff;

  margin: 20px 0 12px;

  padding: 0;

}



.footer-distributed .footer-links a{

  display:inline-block;

  line-height: 1.8;

  text-decoration: none;

  color:  inherit;

}



.footer-distributed .footer-company-name{

  color:  #8f9296;

  font-size: 14px;

  font-weight: normal;

  margin: 0;

}



/* Footer Center */



.footer-distributed .footer-center{

  width: 35%;

}



.footer-distributed .footer-center i{

  background-color:  #33383b;

  color: #ffffff;

  font-size: 25px;

  width: 38px;

  height: 38px;

  border-radius: 50%;

  text-align: center;

  line-height: 42px;

  margin: 10px 15px;

  vertical-align: middle;

}



.footer-distributed .footer-center i.fa-envelope{

  font-size: 17px;

  line-height: 38px;

}



.footer-distributed .footer-center p{

  display: inline-block;

  color: #ffffff;

  vertical-align: middle;

  margin:0;

}



.footer-distributed .footer-center p span{

  display:block;

  font-weight: normal;

  font-size:14px;

  line-height:2;

}



.footer-distributed .footer-center p a{

  color:  #5383d3;

  text-decoration: none;;

}





/* Footer Right */



.footer-distributed .footer-right{

  width: 20%;

}



.footer-distributed .footer-company-about{

  line-height: 20px;

  color:  #92999f;

  font-size: 13px;

  font-weight: normal;

  margin: 0;

}



.footer-distributed .footer-company-about span{

  display: block;

  color:  #ffffff;

  font-size: 14px;

  font-weight: bold;

  margin-bottom: 20px;

}



.footer-distributed .footer-icons{

  margin-top: 25px;

}



.footer-distributed .footer-icons a{

  display: inline-block;

  width: 35px;

  height: 35px;

  cursor: pointer;

  background-color:  #33383b;

  border-radius: 2px;



  font-size: 20px;

  color: #ffffff;

  text-align: center;

  line-height: 35px;



  margin-right: 3px;

  margin-bottom: 5px;

}



/* If you don't want the footer to be responsive, remove these media queries */



@media (max-width: 880px) {



  .footer-distributed p{

    font: bold 14px sans-serif!important;

  }



  .footer-distributed .footer-left,

  .footer-distributed .footer-center,

  .footer-distributed .footer-right{

    display: block;

  font-size: 14px;



    width: 100%;

    margin-bottom: 40px;

    text-align: center;

  }



  .footer-distributed .footer-center i{

    margin-left: 0;

  }



}





.footer-distributed a:hover, .hover2:hover{

 -webkit-transition: all .4s ease-in;

    -moz-transition: all .4s ease-in;

    -o-transition: all .4s ease-in;

    transition: all .4s ease-in;

  



color:;

}





.footer-distributed a:hover{



   border-bottom:1px solid white;



}







.footer-distributed a, .hover2 {

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;

font-weight: 500;

   border-bottom:1px solid transparent;  

}











.hover2 {

font: bold 16px sans-serif;



}



.fa a:hover {



color: white!important;

}





.footer-links a, .email{

display: inline-block;

  line-height: 11px;

}



.expad{



padding-top: 25%;



  }









.footer-distributed .fa:before {



    color:white!important;

}















/*----*/