.rt-case-study-box.element-three{ } .rt-case-study-box.element-three .rt-case-study-box-item{ padding-left:0; padding-right:0; text-align:center; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder{ } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data{ padding:30px 30px 30px 30px; background-color:#fff; border:1px #dedede solid; border-bottom:none; } .rt-case-study-box.element-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data{ text-align:left; } .rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data{ text-align:center; } .rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data{ text-align:right; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data > *:last-child{ margin-bottom:0 !important; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data p.category{ margin-bottom:10px; text-transform:uppercase; font-weight:700; font-size:17px; color:#273272; line-height:28px; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data h4{ margin-bottom:10px; font-weight:400; font-size:15px; color:#505050; line-height:28px; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data h4 a{ color:inherit; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data p{ margin-bottom:10px; color:#505050; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic{ position:relative; overflow:hidden; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic > img{ width:100%; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic > .holder{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder:hover > .pic > .holder{ transform:scale(1.1); -webkit-transform:scale(1.1); } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more{ position:relative; overflow-y:hidden; border:1px #dedede solid; border-top:none; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn{ display:block; padding:13px 30px 13px 30px; background-color:#fff; border:none; border-radius:0; text-transform:uppercase; font-weight:500; font-size:12px; color:#626262; line-height:25px; cursor:pointer; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } .rt-case-study-box.element-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .more > .btn{ text-align:left; } .rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .more > .btn{ text-align:center; } .rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .more > .btn{ text-align:right; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt{ position:absolute; top:100%; left:0; right:0; z-index:1; background-color:#313d85; color:#fff; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder:hover > .more > .btn{ transform:translateY(-100%); -webkit-transform:translateY(-100%); } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn i{ margin-left:10px; color:#001a57; } .rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt i{ color:#fff; } /* LARGE DESKTOP PART */ @media screen and (min-width:1200px){ } /* DESKTOP PART */ @media screen and (min-width:992px) and (max-width:1199px){ } /* TABLET LANDSCAPE PART */ @media screen and (min-width:768px) and (max-width:991px){ .rt-case-study-box.element-three .rt-case-study-box-item{ width:33.33% !important; } } /* TABLET PROTRAIT PART */ @media screen and (min-width:480px) and (max-width:767px){ .rt-case-study-box.element-three .rt-case-study-box-item{ width:50% !important; } } /* SMART PHONE LANDSCAPE PART */ @media screen and (min-width:321px) and (max-width:479px){ .rt-case-study-box.element-three .rt-case-study-box-item{ width:100% !important; } } /* SMART PHONE PROTRAIT PART */ @media screen and (max-width:320px){ .rt-case-study-box.element-three .rt-case-study-box-item{ width:100% !important; } }