@media screen and (max-width: 790px){ .content-box .content { padding: 0; } .content-box-img { position: relative; } .grid_flex { flex-direction: column-reverse!important; position : relative!important; } .grid_flex p { color: #484848; font-size: 1.15em; font-weight: 300; } .desc_title:before { position: relative!important; } .yt_player_iframe { width: 100%; height: 430px!important; } .featured-icons-pagination { top: -3px!important; } .swipervideo-pagination { top: 3px!important; } .featured-prod-pagination { top: -11px!important; } }
@media only screen and (min-device-width: 790px) and (max-device-width: 1920px) { .yt_player_iframe { width: 100%; height: 503px!important; } .content-box .content { padding: 71px; transform: translateX(-11%); margin-bottom: 39px;} .content-box-img { transform: translate(-21%,-50px); position: absolute; } .grid_flex { position : relative!important; transition: 0.5s ease; -webkit-transition: 0.5s ease; will-change: transform; opacity: 1; } #tv_space { margin-bottom: 59px; } }
.grid_flex { opacity: 1; } .content-box-img, img { display: block; margin: auto; z-index: 1; } .content-box .content .text { margin-bottom: 50px; color: #FFF; font-size: 18px; line-height: 2em; } .item:hover { overflow: hidden; } .hidetag{ display: none; opacity: 0; visibility: hidden;} .btn-group { display: unset!important; flex-direction: unset!important; padding: 0!important;} .showtag{ opacity: 1; visibility: visible; height: auto!important; position: relative!important; } .content-box .content { /*background: linear-gradient(-227deg, #003267, #0c5296, #0c5296, #003267);*/ background-image: url('https://cdn.russellhobbs.com/build/senesigence/texture_bg.jpg'); padding: 71px; text-align: center; } .desc_title:before { content: ''; position: absolute; background-color: #17386A; left: -50px; width: 57px; height: 1px; top: 27px; } .content-box .content { text-align: left; }.wrap-div{ display: flex; flex-direction: row; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .item_arrow:hover { top: -10px; overflow: visible; color: #000; transition: 0.5s ease; -webkit-transition: 0.5s ease; will-change: transform; opacity: 1; cursor: pointer; } .box-item { position: relative; margin-bottom: 27px; } .item { transition: width .5s; color: #FFF; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; letter-spacing: 1px; padding-bottom: 19px; }.box-item:nth-child(odd) { background-image: linear-gradient(#fff 175px,#003267 75px); min-width: 239px; } .box-item:nth-child(even) { background-image: linear-gradient(#fff 175px,#0c5296 75px); min-width: 239px; } #content-block *:last-child { margin-bottom: auto;} .swiper-button-disabled { display: none; } .item_img { display: block; align-self: center; height: 150px; margin: auto; transition: transform .5s; transform: translateY(41px); } .item_title { position: relative; margin-top: 39px; text-align: center; color: #fff; line-height: 23px; } .item_arrow { text-align: center; z-index: 11; position: absolute; top: 27px; opacity: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 0.6s ease; will-change: transform; justify-content: space-between; flex-direction: column; } .item_active { opacity: 1; } .arrow { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%) rotate(45deg); border: 11px solid #fff; } #color_disc p{ color: #fff!important;}