/* =Blocks & Widgets -------------------------------------------------------------- */ .widget ul li { word-wrap: break-word; } .widget p:last-child { margin-bottom: 0 !important; } /* =Ad Block -------------------------------------------------------------- */ /* Mobile */ @media (max-width: 767px) { .mega_ads { max-width: 100%; } .mega_ads img { max-width: 100%; height: auto; } } /* =Logo Block -------------------------------------------------------------- */ .ys-logo img { max-width: 100%; height: auto; } /* Mobile */ @media (max-width: 768px) { .row > .ys-logo img { display: block; margin-left: auto; margin-right: auto; } } /* =Posts & Comments Blocks -------------------------------------------------------------- */ .ys-recent-posts ul li:last-child, .ys-recent-comments ul li:last-child { margin-bottom: 0; } .ltr .ys-recent-posts img.thumb, .ltr .ys-recent-comments img.avatar { float: left; } .rtl .ys-recent-posts img.thumb, .rtl .ys-recent-comments img.avatar { float: right; } /* =Accordion Block -------------------------------------------------------------- */ .mega_block_accordion .accordion-element > .head { margin: 0; display: block; cursor: pointer; box-sizing: border-box; text-transform: uppercase; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; } .mega_block_accordion .accordion-element > .head:after { content: "\f0d7"; font-style: normal; font-weight: normal; line-height: inherit; font-family: FontAwesome; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ltr .mega_block_accordion .accordion-element > .head:after { float: right; } .rtl .mega_block_accordion .accordion-element > .head:after { float: left; } .mega_block_accordion .accordion-element.active > .head:after { content: "\f0d8"; } .mega_block_accordion .accordion-element > .body { max-height: 350px; -webkit-transition: all .4s ease; transition: all .4s ease; } .mega_block_accordion .accordion-element:not(.active) > .body { overflow-y: hidden; height: 0 !important; } .mega_block_accordion .accordion-element.active > .body { overflow-y: auto; } .mega_block_accordion .accordion-element.active.clicked > .body { overflow-y: hidden; } /* =Tabs Block -------------------------------------------------------------- */ .ltr .ys-tabs .ui-state-default { float: left; } .rtl .ys-tabs .ui-state-default { float: right; } .ys-tabs .true-block-wrapper { padding-top: 30px; } /* =Paginate Block -------------------------------------------------------------- */ .ys-paginate { text-align: center; } .ys-paginate .page-numbers { vertical-align: top; text-align: center; } .ltr .ys-paginate .page-numbers { float: left; } .rtl .ys-paginate .page-numbers { float: right; } .ltr .ys-paginate .page-numbers:last-child { margin-right: 0; } .rtl .ys-paginate .page-numbers:last-child { margin-left: 0; } /* =Menu Block -------------------------------------------------------------- */ .ltr .ys-menu .menu.hor > .menu-item:last-child { margin-right: 0 !important; } .rtl .ys-menu .menu.hor > .menu-item:last-child { margin-left: 0 !important; } /* =Menu Non Mobile ---------------------------- */ @media (min-width: 967px) { .menu a { cursor: default; } /* exclude vertical accordion menu */ .menu a[href] { cursor: auto; } .ltr .ys-menu .menu.hor > .menu-item { float: left; } .rtl .ys-menu .menu.hor > .menu-item { float: right; } .ys-menu .menu.hor-left .menu-item, .ys-menu .menu.ver-right .menu-item { direction: rtl; } .ys-menu .menu.hor-right .menu-item, .ys-menu .menu.ver-left .menu-item { direction: ltr; } .ltr .ys-menu .menu.hor-left .menu-item > a, .ltr .ys-menu .menu.ver-right .menu-item > a { direction: ltr; } .rtl .ys-menu .menu.hor-right .menu-item > a, .rtl .ys-menu .menu.ver-left .menu-item > a { direction: rtl; } /* Dropdown align */ .ltr .ys-menu .menu.hor > .menu-item-has-children > a i { float: right; } .rtl .ys-menu .menu.hor > .menu-item-has-children > a i { float: left; } /* Submenu Dropdown align + Vertical Submenu align */ .ltr .ys-menu .menu.hor .sub-menu .menu-item-has-children > a i, .ltr .ys-menu .menu.ver .menu-item-has-children > a i { float: right; } .rtl .ys-menu .menu.hor .sub-menu .menu-item-has-children > a i, .rtl .ys-menu .menu.ver .menu-item-has-children > a i { float: left; } .ys-menu .sub-menu { position: absolute; top: 100%; z-index: 1000; visibility: hidden; opacity: 0; -webkit-transition: all .3s cubic-bezier(1,0,0,0) 1s, width 1ms; transition: all .3s cubic-bezier(1,0,0,0) 1s, width 1ms; } /* Submenu Animations */ .active-menu-item > .sub-menu { -webkit-transition: all .3s cubic-bezier(1,0,0,0) 1s; transition: all .3s cubic-bezier(1,0,0,0) 1s; } .ys-menu .menu-item-has-children:not(.active-menu-item) > .sub-menu { display: none; } .delay > .sub-menu { -webkit-transition-delay: 1s; transition-delay: 1s; } .ys-menu .menu-item-has-children > a:focus ~ .sub-menu, .ys-menu .menu-item-has-children:hover > .sub-menu { display: block; visibility: visible; /*inherit?*/ opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .ys-menu .sub-menu .menu-item-has-children > .sub-menu { top: -20%; -webkit-transition: all .3s ease-in 1s, width 1ms; transition: all .3s ease-in 1s, width 1ms; } .ys-menu .sub-menu .menu-item-has-children > a:focus ~ .sub-menu, .ys-menu .sub-menu .menu-item-has-children:hover > .sub-menu { -webkit-transition-delay: 0s; transition-delay: 0s; } .menu:not(.toggle) .sub-menu .menu-item a { display: block; } .ltr .menu.hor-left .sub-menu { direction: ltr; } .rtl .menu.hor-right .sub-menu { direction: rtl; } .menu.hor-left .sub-menu .sub-menu, .menu.ver-left .sub-menu .sub-menu { right: 100%; } .menu.hor-right .sub-menu .sub-menu, .menu.ver-right .sub-menu .sub-menu { left: 100%; } /* vBlock Menus */ .column.widgets > .ys-menu .menu > .menu-item { position: relative; } .column.widgets > .ys-menu .menu > .menu-item > .sub-menu { top: -1px; } .column.widgets > .ys-menu > .menu.ver > .menu-item.menu-item-has-children { -webkit-transition: width .3s cubic-bezier(1,0,0,0) 1s; transition: width .3s cubic-bezier(1,0,0,0) 1s; } .column.widgets > .ys-menu > .menu.ver > .menu-item.menu-item-has-children:hover { -webkit-transition-delay: 0s; transition-delay: 0s; } .menu.ver-left > .menu-item > .sub-menu { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .menu.ver-right > .menu-item > .sub-menu { -webkit-transform: translateX(100%); transform: translateX(100%); } } .ys-menu .menu-item-has-children > a, .ys-menu .sub-menu > .menu-item-has-children { position: relative; } .menu-item > a.icon > span { display: none; } .sub-menu a { word-wrap: break-word; box-sizing: border-box; } .submenu-parent:hover, .menu-item-has-children:hover { *z-index: 1000; } .hidden-m { min-width: 0; width: 0 !important; height: 0 !important; overflow: hidden; } .hidden-m.shown-m { min-width: 160px !important; width: auto !important; height: auto !important; overflow: initial !important; } .column.widgets .menu.hor > .menu-item:last-child { margin: 0 !important; } /* =Mobile Menu ---------------------------- */ .mobile-menu-trigger { display: none; } /* Mobile */ @media (max-width: 767px) { .ys-menu .menu { display: table; margin-left: auto; margin-right: auto !important; } } @media only screen and (max-width: 967px) { .ys-menu .menu-item-has-children { overflow: hidden; } .ys-menu .menu-item-has-children > a:not(.open) i:before { content: ''; position: absolute; top: 0; } .ys-menu .menu-item-has-children > a i:after { content: ''; border: 0 !important; } .ltr .ys-menu .menu-item-has-children > a i { float: right; } .rtl .ys-menu .menu-item-has-children > a i { float: left; } .ltr .ys-menu .menu-item-has-children > a i:after { display: block; margin-left: 10px; } .rtl .ys-menu .menu-item-has-children > a i:after { display: block; margin-right: 10px; } .menu-item:last-child > a { border-bottom: 0; } .ys-menu .sub-menu { height: 0; visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 300ms linear; transition: transform 300ms linear; } .ys-menu .menu-item-has-children > a.open ~ .sub-menu { height: auto; display: block; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } .mobile-menu-scroll .ys-menu { position: fixed; left: 0; right: 0; overflow: scroll; -webkit-overflow-scrolling: touch; display: block; } .ys-menu ul.menu { display: block; } .ltr .menu.hor > .menu-item { float: none; } .mobile-menu-trigger { display: block; text-align: center; } .mobile-menu-trigger i:before { content: "\f0c9"; } .ys-menu.mobile-menu { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 300ms linear; transition: transform 300ms linear; /*visibility: hidden;*/ max-width: none !important; display: block; position: fixed; left: 0; right: 0; overflow-x: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .ys-menu.mobile-menu.open { display: block; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; } .mobile-menu .menu-item > a { display: block; } .ltr .mobile-menu-wrapper.open .mobile-menu-trigger, .ltr .headroom--not-top .mobile-menu-trigger { float: right !important; } .rtl .mobile-menu-wrapper.open .mobile-menu-trigger, .rtl .headroom--not-top .mobile-menu-trigger { float: left !important; } .mobile-menu-wrapper.open { height: 100%; } } /* =Meta Block -------------------------------------------------------------- */ .ys-meta span i, .ys-meta:not(.labels) span:not(.tag):not(.cat) label { display: none; } .ys-meta.icons span i { display: inline-block; } .ys-meta.sentence.labels:not(.icons) span { margin-left: 0 !important; margin-right: 0 !important; } /* =Feature Block -------------------------------------------------------------- */ .ys-box .thumb-wrapper { overflow: hidden; } .ys-box .thumb { display: block; } .ys-box .wrapper { box-sizing: border-box; } .ys-box.to-center.gfx-position-top .thumb-wrapper img, .ys-box.to-center.gfx-position-bottom .thumb-wrapper img { margin-left: auto; margin-right: auto; } @media only screen and (min-width : 1023px) { .ys-box.gfx-position-left .thumb-wrapper, .ys-box.gfx-position-left .thumb-wrapper img, .ys-box.gfx-position-left .wrapper { float: left; } .ys-box.gfx-position-right .thumb-wrapper, .ys-box.gfx-position-right .thumb-wrapper img, .ys-box.gfx-position-right .wrapper { float: right; } .gfx-position-left.gfx-type-ion .thumb-wrapper > i, .gfx-position-left.gfx-type-fa .thumb-wrapper > i { text-align: left; } .gfx-position-right.gfx-type-ion .thumb-wrapper > i, .gfx-position-right.gfx-type-fa .thumb-wrapper > i { text-align: right; } .gfx-position-left.gfx-type-ion .wrapper, .gfx-position-left.gfx-type-fa .wrapper { padding-left: 0 !important; } .gfx-position-right.gfx-type-ion .wrapper, .gfx-position-right.gfx-type-fa .wrapper { padding-right: 0 !important; } } @media only screen and (min-width : 767px) and (max-width: 1022px) { .ys-box.gfx-position-left:not(.show-title) .thumb-wrapper, .ys-box.gfx-position-left:not(.show-title) .thumb-wrapper img, .ys-box.gfx-position-left:not(.show-title) .wrapper { float: left; } .ys-box.gfx-position-right:not(.show-title) .thumb-wrapper, .ys-box.gfx-position-right:not(.show-title) .thumb-wrapper img, .ys-box.gfx-position-right:not(.show-title) .wrapper { float: right; } .gfx-position-left.gfx-type-ion:not(.show-title) .thumb-wrapper > i, .gfx-position-left.gfx-type-fa:not(.show-title) .thumb-wrapper > i { text-align: left; } .gfx-position-right.gfx-type-ion:not(.show-title) .thumb-wrapper > i, .gfx-position-right.gfx-type-fa:not(.show-title) .thumb-wrapper > i { text-align: right; } .gfx-position-left.gfx-type-ion:not(.show-title) .wrapper, .gfx-position-left.gfx-type-fa:not(.show-title) .wrapper { padding-left: 0 !important; } .gfx-position-right.gfx-type-ion:not(.show-title) .wrapper, .gfx-position-right.gfx-type-fa:not(.show-title) .wrapper { padding-right: 0 !important; } } @media only screen and (max-width : 768px) { .ys-box.show-title .thumb-wrapper.trustee, .ys-box.show-title .true-block-wrapper.wrapper { width: 100% !important; } } @media only screen and (max-width : 766px) { .ys-box .thumb-wrapper.trustee, .ys-box .true-block-wrapper.wrapper { width: 100% !important; } } .ys-box.gfx-position-top .true-block-wrapper { padding-top: 30px; } /* =Follow Block -------------------------------------------------------------- */ .ltr .ys-follow li, .ltr .ys-follow-counter li { float: left; } .rtl .ys-follow li, .rtl .ys-follow-counter li { float: right; } /* =About Block -------------------------------------------------------------- */ .ys-about img.logo { max-width: 100%; } /* =Search Widget -------------------------------------------------------------- */ .widget_search input[type="text"] { max-width: 100%; } .ltr .widget_search input[type="text"] { margin-right: 5px; } .rtl .widget_search input[type="text"] { margin-left: 5px; } /* .ys-form-search */ .widget_search input[type="text"] { width: 100%; } .searchform .ys-form-field > i { transform: none; } .ltr .searchform .ys-form-field > i { right: 12px; } .rtl .searchform .ys-form-field > i { left: 12px; } .searchform .ys-form-field > i:before { content: "\f002"; } .searchform input[type="text"] { -webkit-transition: .3s width; transition: .3s width; } /* =Calendar Widget -------------------------------------------------------------- */ .widget_calendar caption { display: none; } /* =Tag Cloud Widget -------------------------------------------------------------- */ .tagcloud a { font-size: small !important; } /* =Login Block -------------------------------------------------------------- */ #user_login, #user_pass { display: block; margin-top: 3px; } #loginform p { margin-bottom: 15px; } /* =CTA Block -------------------------------------------------------------- */ /* Mobile */ @media (max-width : 766px) { .ys-cta .content { width: 100% !important; float: none !important; } } /* =Copyright Block -------------------------------------------------------------- */ .megaby { display: none; } .mega { text-indent: -999999px; } .ltr .mega { float: right; } .rtl .mega { float: left; } .column.widgets .megaby { display: inline; } .column.widgets .mega { float: none; display: inline-block; vertical-align: middle; } /* Mobile */ @media (max-width: 768px) { .megaby { display: inline; } .mega { float: none !important; display: inline-block; vertical-align: middle; } } /* =Table -------------------------------------------------------------- */ .ltr .mega_block_table_column:last-child, .ltr .mega_block_table .owl-item:last-child { margin-right: 0 !important; } .rtl .mega_block_table_column:last-child, .rtl .mega_block_table .owl-item:last-child { margin-left: 0 !important; } .mega_block_table .owl-carousel { display: block; } .mega_block_table .owl-stage { display: table; margin-left: auto; margin-right: auto; } .ltr .mega_block_table_column.label, .ltr .mega_block_table_column.basic, .ltr .mega_block_table_column.highlight { text-align: left; float: left; } .rtl .mega_block_table_column.label, .rtl .mega_block_table_column.basic, .rtl .mega_block_table_column.highlight { text-align: right; float: right; } .mega_block_table_column .row { box-sizing: content-box; } .ltr .mega_block_table_column .row.spread { text-align: left; } .rtl .mega_block_table_column .row.spread { text-align: right; } .ltr .mega_block_table_column .row.spread i { float: right; } .rtl .mega_block_table_column .row.spread i { float: left; } .mega_block_table_column .row.center { text-align: center !important; } .ltr .mega_block_table_column .row.center i { margin-left: 5px; } .rtl .mega_block_table_column .row.center i { margin-right: 5px; } /* Head */ .ltr .mega_block_table_column .row.spread .title_t, .ltr .mega_block_table_column .row.head .desc { float: left; } .rtl .mega_block_table_column .row.spread .title_t, .rtl .mega_block_table_column .row.head .desc { float: right; } .mega_block_table_column .row.head .desc { width: 100%; box-sizing: border-box; } /* Foot */ .mega_block_table_column .row.foot span a.btn { text-align: center; } .mega_block_table_column .row.foot.center span a.btn { display: table; margin: 0 auto; } .ltr .mega_block_table_column .row.foot.spread span a.btn { float: right; } .rtl .mega_block_table_column .row.foot.spread span a.btn { float: left; } /* Mobile */ @media (max-width: 767px) { .mega_block_table .owl-stage { display: block; } .mega_block_table_column { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .mega_block_table_column.basic { margin-top: 0 !important; } .mega_block_table_column.highlight { padding-top: 0 !important; padding-bottom: 0 !important; } .mobile-carousel .mega_block_table_column:not(.highlight) .row.body, .mobile-carousel .mega_block_table_column:not(.highlight) .row.head span, .mobile-carousel .mega_block_table_column:not(.highlight) .row.foot span { padding-left: 42px; padding-right: 42px; } .mobile-carousel .owl-nav { position: initial; } .mobile-carousel .owl-prev, .mobile-carousel .owl-next { width: 28px; height: 100%; position: absolute; top: 0; border: 1px solid #E6E6E6; } .ltr .mobile-carousel .owl-prev, .rtl .mobile-carousel .owl-next { left: 0; border-left: 1px solid #D9D9D9; background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(233, 233, 233, 1)); box-shadow: -1px 0 1px 0 #E9E9E9; } .ltr .mobile-carousel .owl-next, .rtl .mobile-carousel .owl-prev { right: 0; border-right: 1px solid #D9D9D9; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(233, 233, 233, 1)); box-shadow: 1px 0 1px 0 #E9E9E9; } .mobile-carousel .owl-prev i, .mobile-carousel .owl-next i { width: 26px; position: absolute; left: 0; top: calc(50% - 7px); } } /* =Mobile & Tablet -------------------------------------------------------------- */ @media (max-width: 768px) { textarea, input[type="text"], input[type="email"], input[type="password"] { width: 100% !important; max-width: 100% !important; } .ys-follow ul, .ys-follow-counter ul { display: table; margin-left: auto; margin-right: auto; } .mega_block_copyright-wrapper { text-align: center; } } @media (max-width: 967px) { .hentry .ys-meta span.tag { margin-top: 10px; } } @media (max-width: 1142px) { .auto-width { margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box; } } /* =Content Block -------------------------------------------------------------- */ .entry > p:first-child { margin-top: 0 !important; } /* jPlayer */ /* Progress */ .jp-av .jp-progress { width: 100%; height: 5px; } .jp-av .jp-seek-bar { width: 0; height: 100%; cursor: pointer; } .jp-av .jp-play-bar { width: 0; height: 100%; overflow: visible !important; position: relative; box-sizing: border-box; padding-left: 15px; } .jp-av .jp-play-bar:after { width: 15px; height: 15px; margin-top: -6px; position: absolute; right: 0; content: ''; border-radius: 100%; } /* Play & Pause */ .jp-av .jp-controls { float: left; margin: 0 !important; width: 50px; } .jp-av .jp-controls li { display: block; } .jp-av .jp-controls a.jp-play, .jp-av .jp-controls a.jp-pause { display: block; text-align: center; user-select: none; -webkit-user-select: none; } .jp-av .jp-controls a span { display: none; } .jp-av .jp-controls a.jp-play i, .jp-av .jp-controls a.jp-pause i { display: inline-block; font-size: 23px; margin-top: 13px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jp-av .jp-controls a.jp-play i { margin-left: 6px; } .jp-av .jp-controls a.jp-play i:before { content: "\f04b"; } .jp-av .jp-controls a.jp-pause i:before { content: "\f04c"; } .jp-av .jp-play, .jp-av .jp-pause { width: 50px; height: 50px; } .jp-av .jp-pause { display: none; } /* Volume */ .jp-av .jp-mute i, .jp-av .jp-unmute i { float: left; margin-left: 16px; font-size: 18px; line-height: 50px; } .icon-sound:before { content: "\f028"; } .icon-mute:before { content: "\f027"; } .jp-av .jp-volume-bar-container { width: 50px; height: 50px; float: left; text-align: center; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; position: relative; } .jp-av .jp-volume-bar-container:hover { width: 165px !important; } .jp-av .jp-volume-bar { width: 100px; height: 8px; position: absolute; left: 50px; top: 20px; visibility: hidden; opacity: 0; -webkit-transition: all .3s cubic-bezier(1,0,0,0) 1s; transition: all .3s cubic-bezier(1,0,0,0) 1s; cursor: pointer; overflow: hidden; } .jp-av .jp-volume-bar-container:hover .jp-volume-bar, .jp-av .jp-volume-bar:hover { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .jp-av .jp-volume-bar-value { height: 100%; } /* Time */ .jp-av .jp-time-holder { margin-top: 19px; margin-left: 16px; float: left; } .jp-av .jp-current-time, .jp-av .jp-duration { float: left; font-size: 14px; line-height: 10px; } .jp-av .jp-duration { display: none; } /* Title */ .jp-av .jp-title { font-size: 14px; line-height: 50px; float: right; margin-right: 15px; } /* =Slider Block -------------------------------------------------------------- */ .slide-wrapper { background-repeat: no-repeat; } .slide-wrapper, .slide-wrapper-inner, .slide-inner, div.thumb { box-sizing: border-box; } .slide-wrapper .slide-wrapper-inner, .to-center .slide-inner { margin-left: auto; margin-right: auto; } .slide-wrapper.to-center.to-top div.thumb { margin-left: auto; margin-right: auto; display: table; } @media only screen and (max-width : 1024px) { .slide-inner .text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } } @media only screen and (min-width : 767px) and (max-width : 1024px) { .slide-inner { margin-left: auto; margin-right: auto; } .slide-wrapper div.thumb { margin-left: auto; margin-right: auto; display: table; } .slide-inner .text { -webkit-line-clamp: 2; } } @media only screen and (min-width : 1279px) { .cover .slide-inner { position: relative; z-index: 1; } .cover .slide-inner .overlay { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; overflow: hidden; z-index: -1; } } @media only screen and (min-width : 319px) and (max-width : 1279px) { .cover.slide-wrapper { position: relative; z-index: 1; } .cover.slide-wrapper > .overlay { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; overflow: hidden; z-index: -1; } } @media only screen and (min-width : 767px) and (min-height : 550px) and (max-height : 799px) { .slide-wrapper { min-height: 100vh; box-sizing: border-box; } } .cover .slide-inner > .overlay .cover.slide-wrapper > .overlay { background-repeat: no-repeat; } @media only screen and (min-width : 767px) and (max-width : 1024px) { .slide-wrapper .slide-inner { max-width: 80% !important; } } /* Mobile */ @media only screen and (max-width : 768px) { .slide-wrapper div.thumb, .slide-wrapper div.thumb img { width: 100% !important; } } @media only screen and (max-width: 768px) { .slide-inner { padding: 50px; padding-top: 10px; } } @media only screen and (max-width: 766px) { .slide-inner .text { -webkit-line-clamp: 3; } } /* Tablet & Desktop */ @media only screen and (min-width: 1023px) { .slide-wrapper.to-left div.thumb, .slide-wrapper.to-right .slide-inner { float: right; } .slide-wrapper.to-right div.thumb, .slide-wrapper.to-left .slide-inner { float: left; } } @media only screen and (min-width: 1023px) { .slide-wrapper.to-left div.thumb img, .slide-wrapper.to-right div.thumb img { width: 100% !important; } } /* =Timeline Block -------------------------------------------------------------- */ /* Mobile */ @media only screen and (max-width: 766px) { .ys-timeline ul li, .ys-timeline ul:first-child { margin-bottom: 4vmax !important; } .ys-timeline ul > li { margin-top: 0 !important; } .ys-timeline ul li:last-child { margin-bottom: 0 !important; } .ys-timeline ul > li > i { display: none; } }