@media only screen and (max-width: 767px) {
    #topbar{
     display: none;
    }
    .probutton
    {
        width: 260px;;
    }
}
@media only screen and (min-width: 1400px) {
    #c-a{
   max-width: 1175px;
    }
    #b-a{
        max-width: 1175px;
         }
         #pro
         {
            max-width: 1118px;
         }
         #f-a{
            max-width: 1175px;
             }
             #form
             {
                width:16%;
             }
             #links
             {
              padding-left: 49px; 
             }
        
}

@media (max-width: 768px) {
   .probutton{
    width: 182px;
   }
   #footer-links {
    list-style: none;
    padding-left: 1.6rem;
}
#links
{
    padding-left: 23px;
}
  }
  @media only screen and (min-width:1024px) {
    #footer-links {
        list-style: none;
        padding-left: 3.5rem;
    }
    .probutton{
        width: 267px;
    }
    
  }
  @media (max-width: 425px) {
   #links
   {
text-align: none;
   }
    #footer-links {
     list-style: none;
     padding-left: 1.6rem;
 }
 #form
 {
    width:85%;
 }
  }
  @-webkit-keyframes appear {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @-ms-keyframes appear {
    0% {
      opacity: 0;
      -ms-transform: scale(0);
      transform: scale(0);
    }
  
    100% {
      opacity: 1;
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes appear {
    0% {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @-webkit-keyframes slidein {
    0% {
      opacity: 0;
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  @-ms-keyframes slidein {
    0% {
      opacity: 0;
      -ms-transform: translateX(10px);
      transform: translateX(10px);
    }
  
    100% {
      opacity: 1;
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  @keyframes slidein {
    0% {
      opacity: 0;
      -webkit-transform: translateX(10px);
      transform: translateX(10px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
  
  @media only screen and (max-width: 412px) {
    .botIcon .Layout-open {
      width: 250px;
    }
  }