.footer-inner .social-icons             { display: none; }
.footer-inner .offerid          { display: none; margin: 0 auto; max-width: 150px; height: 60px;}




.footer-outer           { background-color:#006999; padding-bottom: 50px; }
.footer-inner           { max-width: 1300px; background-image:url('https://www.haynietravel.com/images/footer/map-white.png'); background-repeat: no-repeat; background-position: center center; margin: 0 auto;  }


.footer-inner .offerid          { margin: 0 auto; max-width: 150px; height: 60px;}


.footer-logos-outer     { background-image:url('https://www.haynietravel.com/images/footer/fade-top.png'); background-repeat: no-repeat; background-position: top center; }
.footer-logos           { padding: 12px; background-image:url('https://www.haynietravel.com/images/footer/fade-bottom.png'); background-repeat: no-repeat; background-position: bottom center; text-align:center;  }
.footer-logos img           { vertical-align:middle; margin: 20px; }

.footer-info            { padding: 25px;  }
.footer-info p a { color:white; }

.footer-info .fa        { float:left; color:#ffffff; font-size: 45px; width: 50px; padding: 30px 0;}

.footer-info p          { color:white; text-align:left; font-size: 16px; margin: 0px; }
.footer-info p span          { font-weight:bold; font-size:24px; display: inline-block;  padding: 0 0 8px 0; }
.footer-info .col33         { float:left; width: 33.33%; }

.footer-links               { padding: 15px; }
.footer-links  p         { text-align:center;  }
.footer-links  a         { border-right: 1px white solid; border-left: 1px white solid; color:white; margin: 0 0 0 -1px; padding: 2px 16px; display: inline-block; }

.copyright              { clear:both; }
.copyright p                  { text-align:center; color:white; font-size: 12px; }
.copyright a                { color:white; }

.footer-inner .social-icons p           { text-align:center; }
.footer-inner .social-icons .fa           { color:white;  }





@media only screen and (max-width: 1100px) 

{


.footer-info p         { font-size: 12px; line-height: 125%; }
.footer-info .fa        { font-size: 22px; width: 25px; padding: 20px 0;}



}




@media only screen and (max-width: 900px) 

{


.footer-inner .social-icons, 
.footer-inner .offerid          { display: block; }




}





@media only screen and (max-width: 800px) 

{
.footer-info .col33         { float:none; clear:both; width: 100%; padding: 10px; }

.footer-info p           { margin: 0px; padding: 0; text-align:center; }
.footer-info p span          { font-size:14px; display: inline-block;  padding: 0; }
.footer-info .fa        { display:none; ;}

}









@media only screen and (max-width: 650px) 

{

.footer-logos img           { margin: 10px; max-height: 35px;  }


}








@media only screen and (max-width: 500px) 

{


.footer-links  a         { border: 0px; border-top: 1px white solid; color:white;  margin: 0px; padding: 6px 16px; display: block; }
.footer-links  a:Hover         { text-decoration:none; background-color:#2f4463 }




}