@media only screen and (max-device-width: 480px) {
                            
select {
         height: 150px;
         line-height: 150px;
         font-size: 12pt;
        }
.bootstrap-select{ 
            width: 100px !important;
                }
.bootstrap-select > .btn,.dropdown-menu.open {
                width: 200px  !important;
                }
.selectpicker img {
                padding: 20px !important;
                width: 100px !important;
            }
span.badgeff {
              font-size: 25px !important;
            }
            
select {
        height: 50px;
        line-height: 50px;
        font-size: 12pt;
       }
   
.bootstrap-select{ width: 90px !important;
/*! font-size: x-small; */
                }
            .bootstrap-select > .btn,.dropdown-menu.open {
                width: 135px;
                padding-right: 50px;
                }
            .selectpicker img {
                padding: 4px;
                width: 40px;
            }
            
            
#templatemo_language{

    padding-top: 10px;
    box-shadow: 0px 2px 7px #838383;
    height: 40px;
    padding-left: 10px;
    
    display: flex;
    align-items: right;
    padding-right: 10px;
      }
      .btn.dropdown-toggle.selectpicker.btn-default {
          border: none;
          font-size: 12px;
          padding: 0px;
          border-radius: unset;
      }
.dropdown-menu > li > a {
    padding: 0px !important;
}
.bootstrap-select > .btn, .dropdown-menu.open {
    width: 0px;
    font-size: 12px;
}
.dropdown-menu {
    font-size: 12px !important;
    }            
            
            
            
}  /* ---------- @media only screen and (max-device-width: 480px)*/
    
    
@media screen and (max-width: 2000px) and (min-width: 100px) {    
            
select {
        height: 50px;
        line-height: 50px;
        font-size: 12pt;
       }
   
.bootstrap-select{ width: 90px !important;
/*! font-size: x-small; */
                }
            .bootstrap-select > .btn,.dropdown-menu.open {
                width: 135px;
                padding-right: 50px;
                }
            .selectpicker img {
                padding: 4px;
                width: 40px;
            }
            
            
#templatemo_language{

    padding-top: 10px;
    box-shadow: 0px 2px 7px #838383;
    height: 40px;
    padding-left: 10px;
    
    display: flex;
    align-items: right;
    padding-right: 10px;
      }
      .btn.dropdown-toggle.selectpicker.btn-default {
          border: none;
          font-size: 12px;
          padding: 0px;
          border-radius: unset;
      }
.dropdown-menu > li > a {
    padding: 0px !important;
}
.bootstrap-select > .btn, .dropdown-menu.open {
    width: 0px;
    font-size: 12px;
}
.dropdown-menu {
    font-size: 12px !important;
    }
    
}  /* @media screen and (max-width: 1000px) and (min-width: 100px) */


@media screen and (max-width: 1000px) and (min-width: 100px) and (orientation: portrait) {   
            
select {
        height: 50px;
        line-height: 50px;
        font-size: 12pt;
       }
   
.bootstrap-select{ width: 120px !important;
/*! font-size: x-small; */
                }
            .bootstrap-select > .btn,.dropdown-menu.open {
                width: 135px;
                padding-right: 50px;
                }
            .selectpicker img {
                padding: 4px;
                width: 40px;
            }
            
            
#templatemo_language{

    padding-top: 10px;
    box-shadow: 0px 2px 7px #838383;
    height: 80px;
    padding-left: 10px;
    
    display: flex;
    align-items: right;
    padding-right: 10px;
      }
      .btn.dropdown-toggle.selectpicker.btn-default {
          border: none;
          font-size: 12px;
          padding: 0px;
          border-radius: unset;
      }
.dropdown-menu > li > a {
    padding: 0px !important;
}
.bootstrap-select > .btn, .dropdown-menu.open {
    width: 0px;
    font-size: 12px;
}
.dropdown-menu {
    font-size: 12px !important;
    }
    
}  /* @media screen and (max-width: 1000px) and (min-width: 100px) and (orientation: portrait) { */