/**********************************
Hi! Welcome Here!
**********************************/

.my-functions { 
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  background: none; }

.my-functions a.tab-link.active, .my-functions a.tab-link:hover{
opacity: 1;
font-weight: 700;
border-width: 1px;
background: #fff;
border: 1px solid #444;
text-decoration: none;
border-radius: 0.25rem;
}


.my-functions a.tab-link{
width: 20%;
padding: 1.5%;
opacity: 1;
background: #fff;
color: #111;
font-size: 16px;
border-radius: 0.25rem;
box-shadow: 0 1px 2px rgba(56,65,74,.15); 
}


.select {
 border: 1px solid #ddd;
 height: 42px;
 text-align: center;
 display: block;
 position: relative;
 font-size: 14px;
 border-radius: 3px;
 margin-right: 10px;
 -webkit-transition: all .3s;
    -moz-transition: all .3s;
     -ms-transition: all .3s;
      -o-transition: all .3s;
         transition: all .3s;
}


.select-square{min-width: 200px;}
.select-square select{

    border: 1px solid #ddd;
    color: #333;
    padding: 14px 12px 10px 12px;
    border-radius: 0px;
    margin-right: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    height: 42px;
}


@media screen and (max-width: 768px) {

.my-functions a.tab-link{
width: 23%;
padding: 1%;
opacity: 1;
background: #fff;
color: #111;
font-size: 15px;
border-radius: 0.25rem;
box-shadow: 0 1px 2px rgba(56,65,74,.15); 
}


 .select-square{min-width: 163px;}
 .select-square select{
    border: 1px solid #999;
    color: #333;
    padding: 11px 7px 12px 7px;
    border-radius: 0px;
    margin-right: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}
.select-square select:first-child{margin-right:5px; }
}



.select-square input{

    border: 1px solid #999;
    color: #000;
    margin-right: 10px;
    padding: 12px 30px ;
    opacity: 1;
}