.ccm-block-type-capsule-search{
   background-color : #f2efdb;
   padding-left   : .5em;
   padding-right  : .25em;
   padding-top    : .25em;
   padding-bottom : .25em;
   border-radius  : 6px;
}
.ccm-block-type-capsule-search input{
   width            : 80%; /* older browsers */
   width            : calc(100% - 40px - 3%);
   background-color : #59595b;
   border-color     : #59595b;
   color            : white;
   height           : 2.2em;
   padding-left     : 1em;
   vertical-align   : middle;
}
.ccm-block-type-capsule-search img{
   width : 40px;
}
@media (max-width: 1199px){
 .ccm-block-type-capsule-search{
    background-color : #f2efdb;
    padding-left   : .3em;
    padding-right  : .3em;
    padding-top    : .3em;
    padding-bottom : .3em;
  }
  .ccm-block-type-capsule-search input{
     width            : calc(100% - 25px - 3%);
     height : 1.8em;
  }
  .ccm-block-type-capsule-search img{
     width : 25px;
  }
}