.yellow-hover-box-2col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media(max-width: 1023px){.yellow-hover-box-2col{width:100%;margin:0 auto;display:block;max-width:720px}}.yellow-hover-box-2col .single{padding:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:20px 15px;border-radius:5px;width:calc(50% - 30px);border:1px solid #ddd;background-color:#fff;box-shadow:0px 0px 5px #ddd;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media(max-width: 1023px){.yellow-hover-box-2col .single{width:100%;margin:20px 0px}}@media only screen and (max-width: 768px){.yellow-hover-box-2col .single{height:auto;display:block}}.yellow-hover-box-2col .single:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.yellow-hover-box-2col .single .img-div{width:100%;max-width:205px;padding-right:45px}@media only screen and (max-width: 768px){.yellow-hover-box-2col .single .img-div{max-width:160px;padding-right:0px;margin:0 auto 20px auto}}.yellow-hover-box-2col .single .img-div img{width:100%;height:auto;max-width:160px}.yellow-hover-box-2col .single .content-div{padding-left:15px;padding-right:15px}.yellow-hover-box-2col .single .content-div .title{height:auto;font-size:18px;color:#384248;margin:20px 0px;font-weight:600;letter-spacing:.15px}.yellow-hover-box-2col .single .content-div .content{font-size:1rem;color:#707e8a;margin:20px 0px;line-height:1.5;font-weight:400;letter-spacing:.15px}@media only screen and (max-width: 768px){.yellow-hover-box-2col .single .content-div .content{height:auto}}