.title-section{position: relative;}
.datepick{position: absolute; right: 0; top: 0; width: 300px; height: 40px;}
.datepick input{width: 100%; height: 40px; border: 1px solid #ddd; padding: 0 60px;}
.datepick i{position: absolute; left: 15px; top: 11px; font-size: 18px;}
.datepick button{position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background: #ddd;}
.datepick button i{position: relative; top: auto; left: auto; color: #333;}
.datepick .picker__select--year{width: 80px; height: 40px; font-size: 14px;}
.datepick .picker__select--month{width: 120px; height: 40px; font-size: 14px;}
.datepick:before{content: ""; width: 20px; height: 100%; background: #fff; position: absolute; top: 0; left: -20px;}

@media only screen and (max-width:768px){
    .datepick{ position: relative; float: left; width: 100%; margin-top: 10px;}
    .datepick{width: 100%;}
}