%PDF- %PDF-
Direktori : /var/www/html/shaban/laviva/wp-content/plugins/soliloquy-lite/assets/css/ |
Current File : /var/www/html/shaban/laviva/wp-content/plugins/soliloquy-lite/assets/css/addons.css |
/* ========================================================================== Icon Font ========================================================================== */ @font-face { font-family: 'soliloquy'; src: url("../fonts/soliloquy.eot"); src: url("../fonts/soliloquy.eot?#iefix") format("embedded-opentype"), url("../fonts/soliloquy.woff") format("woff"), url("../fonts/soliloquy.ttf") format("truetype"), url("../fonts/soliloquy.svg#soliloquy") format("svg"); font-weight: normal; font-style: normal; } [class*='soliloquy-icon-']:before { display: inline-block; font-family: 'soliloquy'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 1.5; margin-right: 8px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .soliloquy-icon-configuration:before { content: '\0041'; } .soliloquy-icon-soliloquy:before { content: '\0042'; } .soliloquy-icon-pinterest:before { content: '\0043'; } .soliloquy-icon-lightbox:before { content: '\0044'; } .soliloquy-icon-misc:before { content: '\0045'; } .soliloquy-icon-mobile:before { content: '\0046'; } .soliloquy-icon-pagination:before { content: '\0047'; } .soliloquy-icon-proofing:before { content: '\0048'; } .soliloquy-icon-slideshow:before { content: '\0049'; } .soliloquy-icon-tags:before { content: '\004a'; } .soliloquy-icon-thumbnails:before { content: '\004b'; } .soliloquy-icon-video:before { content: '\004c'; } .soliloquy-icon-watermark:before { content: '\004d'; } .soliloquy-icon-cloud-download:before { content: '\004e'; } .soliloquy-icon-toggle-on:before { content: '\004f'; } .soliloquy-icon-plus-circle:before { content: '\0050'; } .soliloquy-icon-list:before { content: '\0052'; } .soliloquy-icon-grid:before { content: '\0053'; } .soliloquy-icon-pencil:before { content: '\0055'; } .soliloquy-icon-close:before { content: '\0056'; } .soliloquy-icon-check:before { content: '\0057'; } .soliloquy-icon-schedule:before { content: '\0058'; } .soliloquy-icon-carousel:before { content: '\0059'; } /* ========================================================================== Header Styles ========================================================================== */ #soliloquy-header { background-color: #ff3700; height: 120px; margin-left: -20px; } #soliloquy-header #soliloquy-logo { margin: 0; padding-top: 25px; line-height: 120px; margin-left: 20px; } #soliloquy-header #soliloquy-logo img { max-width: 288px; } /* ========================================================================== Global Styles ========================================================================== */ .wp-core-ui .button-soliloquy { background: #ff3700; border-color: #ff3700; -webkit-box-shadow: none; box-shadow: none; color: white; text-decoration: none; font-weight: 500; text-shadow: none; line-height: 15px; height: 35px; font-size: 13px; padding: 0 20px 1px; } .wp-core-ui .button-soliloquy:hover { background: #ff3700; border-color: #ff3700; color: white; opacity: .8; } .wp-core-ui .button-soliloquy-secondary { background: #f7f7f7; border: 1px solid; border-color: #dddddd; -webkit-box-shadow: none; box-shadow: none; color: #23282d; text-decoration: none; text-shadow: none; font-weight: bold; height: 35px; font-size: 13px; padding: 0 20px 1px; } .wp-core-ui .button-soliloquy-secondary:hover { background: #f7f7f7; border-color: #999999; color: #23282d; } .wp-core-ui .button-soliloquy-delete { background: #e3231b; border: 1px solid; border-color: #e3231b; -webkit-box-shadow: none; box-shadow: none; color: white; text-decoration: none; text-shadow: none; font-weight: bold; height: 35px; font-size: 13px; padding: 0 20px 1px; } .wp-core-ui .button-soliloquy-delete:hover { background: #e3231b; color: white; opacity: .8; } .wp-core-ui a.button-soliloquy, .wp-core-ui a.button-soliloquy-secondary, .wp-core-ui a.button-soliloquy-delete { line-height: 32px; } #soliloquy-settings-content input:not([type=checkbox]) { background-color: white; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; color: #32373c; height: 35px; outline: none; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; } #soliloquy-settings-content input[type=checkbox]:checked { -color: #ff3700; } #soliloquy-settings-content textarea { width: 100%; } #soliloquy-settings-content input[type="password"].soliloquy-input { background-color: white; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; color: #32373c; outline: none; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; } input[type="password"].soliloquy-input { background-color: white; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; height: 35px; color: #32373c; outline: none; -webkit-transition: 0.05s border-color ease-in-out; transition: 0.05s border-color ease-in-out; } pre.soliloquy-code { background-color: #dddddd; border-radius: 3px; padding: 15px; } .soliloquy-clipboard { display: block; text-decoration: underline !important; padding-top: 8px; font-size: 11px; outline: 0 !important; } .soliloquy-clipboard:focus { outline-style: none; box-shadow: none; border-color: transparent; } .soliloquy-code { display: block; background-color: #f7f7f7; border-radius: 3px; padding: 10px !important; } /* ========================================================================== Utilities ========================================================================== */ .soliloquy-list-inline { margin: 0; list-style: none; } .soliloquy-list-inline li { display: inline-block; margin-right: 5px; } .soliloquy-list-inline li:last-child { margin-right: 0 !important; } .soliloquy-yt iframe { max-width: 100%; height: auto; } .soliloquy-hidden { display: none !important; } .soliloquy-hideme { visibility: hidden; } .soliloquy-no-border { border: none !important; } .soliloquy-right { float: right; } .soliloquy-left { float: left; } .soliloquy-clearfix { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } /* Add this attribute to the element that needs a tooltip */ [data-soliloquy-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-soliloquy-tooltip]:before, [data-soliloquy-tooltip]:after { visibility: hidden; opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-soliloquy-tooltip]:before { position: absolute; bottom: 120%; left: 50%; margin-bottom: 5px; margin-left: -35px; padding: 7px; width: 60px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; color: #fff; content: attr(data-soliloquy-tooltip); text-align: center; font-size: 12px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-soliloquy-tooltip]:after { position: absolute; bottom: 120%; left: 50%; width: 0; margin-left: -5px; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-soliloquy-tooltip]:hover:before, [data-soliloquy-tooltip]:hover:after { visibility: visible; opacity: 1; } .soliloquy-alert { position: relative; margin: 0 0 20px 0; padding: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #fcf8e3; } [class*=soliloquy-grid-] { float: left; margin-left: 2%; } [class*=soliloquy-grid-] input[type=text] { width: 100% !important; } .soliloquy-grid-1 { width: 6.5%; } .soliloquy-grid-2 { width: 15%; } .soliloquy-grid-3 { width: 23.5%; } .soliloquy-grid-4 { width: 32%; } .soliloquy-grid-5 { width: 40.5%; } .soliloquy-grid-6 { width: 49%; } .soliloquy-grid-7 { width: 57.5%; } .soliloquy-grid-8 { width: 66%; } .soliloquy-grid-9 { width: 74.5%; } .soliloquy-grid-10 { width: 83%; } .soliloquy-grid-11 { width: 91.5%; } .soliloquy-grid-12 { width: 100%; } .soliloquy-first { margin-left: 0px; } /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.5.1 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2016 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ .soliloquy-select { /* @group Base */ /* @end */ /* @group Single Chosen */ /* @end */ /* @group Results */ /* @end */ /* @group Multi Chosen */ /* @end */ /* @group Active */ /* @end */ /* @group Disabled Support */ /* @end */ /* @group Right to Left */ /* @end */ /* @group Retina compatibility */ /* @end */ } .soliloquy-select * { box-shadow: none !important; background-image: none !important; } .soliloquy-select *:after { background-image: none !important; } .soliloquy-select .soliloquy-chosen { height: 35px; max-width: 350px; width: 100%; } .soliloquy-select .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; -webkit-user-select: none; -moz-user-select: none; user-select: none; max-width: 350px; font-weight: 600; } .soliloquy-select .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .soliloquy-select .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; border: 1px solid #dddddd; border-top: 0; background: white; } .soliloquy-select .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .soliloquy-select .chosen-container a { cursor: pointer; } .soliloquy-select .chosen-container .search-choice .group-name, .soliloquy-select .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .soliloquy-select .chosen-container .search-choice .group-name:after, .soliloquy-select .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .soliloquy-select .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 35px; border: 1px solid #dddddd; border-radius: 3px; background: white; background-clip: padding-box; color: #444; text-decoration: none; white-space: nowrap; line-height: 35px; } .soliloquy-select .chosen-container-single .chosen-default { color: #999; } .soliloquy-select .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .soliloquy-select .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .soliloquy-select .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; font-size: 1px; } .soliloquy-select .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .soliloquy-select .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .soliloquy-select .chosen-container-single .chosen-single div { border-left: 1px solid #dddddd; position: absolute; top: 0; right: 0; display: block; width: 30px; height: 100%; padding-left: 9px; } .soliloquy-select .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; line-height: 35px; } .soliloquy-select .chosen-container-single .chosen-single div b:before { content: "\0051"; display: block; font-weight: normal; font-size: 8px !important; font-family: 'soliloquy'; position: absolute; text-align: center; } .soliloquy-select .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .soliloquy-select .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #dddddd; background: white url("chosen-sprite.png") no-repeat 100% -20px; background: url("chosen-sprite.png") no-repeat 100% -20px; font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .soliloquy-select .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 2px 2px; background-clip: padding-box; } .soliloquy-select .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .soliloquy-select .chosen-container .chosen-results { color: #444; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .soliloquy-select .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .soliloquy-select .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .soliloquy-select .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .soliloquy-select .chosen-container .chosen-results li.highlighted { background: #ff3700; color: white; } .soliloquy-select .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .soliloquy-select .chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default; } .soliloquy-select .chosen-container .chosen-results li.group-option { padding-left: 15px; } .soliloquy-select .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .soliloquy-select .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 5px; width: 100%; height: auto !important; height: 1%; border: 1px solid #dddddd; background: white; cursor: text; } .soliloquy-select .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #999; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 5px 3px 0; padding: 3px 20px 3px 5px; border: 1px solid #dddddd; max-width: 100%; border-radius: 2px; background: white; background-size: 100% 19px; background-repeat: repeat-x; background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url("chosen-sprite.png") -42px 1px no-repeat; font-size: 1px; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #dddddd; background: #e4e4e4; color: #666; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .soliloquy-select .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .soliloquy-select .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .soliloquy-select .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .soliloquy-select .chosen-container-active .chosen-single { border: 1px solid #dddddd; } .soliloquy-select .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #dddddd; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background: white; } .soliloquy-select .chosen-container-active.chosen-with-drop .chosen-single div { border-left: 1px solid transparent; background: transparent; } .soliloquy-select .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .soliloquy-select .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .soliloquy-select .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222 !important; } .soliloquy-select .chosen-disabled { opacity: 0.5 !important; cursor: default; } .soliloquy-select .chosen-disabled .chosen-single { cursor: default; } .soliloquy-select .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .soliloquy-select .chosen-rtl { text-align: right; } .soliloquy-select .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .soliloquy-select .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .soliloquy-select .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .soliloquy-select .chosen-rtl .chosen-single div { right: auto; left: 3px; } .soliloquy-select .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .soliloquy-select .chosen-rtl .chosen-choices li { float: right; } .soliloquy-select .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .soliloquy-select .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .soliloquy-select .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .soliloquy-select .chosen-rtl.chosen-container-single-nosearch .chosen-search, .soliloquy-select .chosen-rtl .chosen-drop { left: 9999px; } .soliloquy-select .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .soliloquy-select .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .soliloquy-select .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .soliloquy-select .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url("chosen-sprite.png") no-repeat -30px -20px; background: url("chosen-sprite.png") no-repeat -30px -20px; direction: rtl; } .soliloquy-select .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .soliloquy-select .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .soliloquy-select .chosen-rtl .chosen-search input[type="text"], .soliloquy-select .chosen-container-single .chosen-single abbr, .soliloquy-select .chosen-container-single .chosen-search input[type="text"], .soliloquy-select .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .soliloquy-select .chosen-container .chosen-results-scroll-down span, .soliloquy-select .chosen-container .chosen-results-scroll-up span { background-image: none !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } .soliloquy-select select.soliloquy-chosen + .chosen-container.chosen-container-single .chosen-single { padding-right: 35px; } /* ========================================================================== Addons Styles ========================================================================== */ /* Heading */ #soliloquy-heading { background-color: white; height: 45px; margin-left: -20px; } #soliloquy-heading h1 { margin: 0; padding-left: 20px; line-height: 45px; font-size: 20px; font-weight: 400; } #soliloquy-settings-refresh-addons-form { float: left; } #soliloquy-settings-refresh-addons-form p { font-size: 14px; } .soliloquy-addon-filter { font-weight: 600; margin-right: 10px; } #soliloquy-addons-area { margin-top: 20px; } #soliloquy-addons-upgrade-area { padding-top: 0; margin-top: 0; border-top: none; } #soliloquy-addons-upgrade-area h2.soliloquy-addons-upgrade { font-size: 23px; } #soliloquy-addons-upgrade-area .soliloquy-unlock-text { font-size: 14px; margin-bottom: 30px; } #soliloquy-addons-upgrade-area .soliloquy-addon-unlock { max-width: 125px; margin: auto; text-align: center; } .soliloquy-addon { position: relative; border: 1px solid #dddddd; background: white; border-radius: 3px; float: left; margin: 0 2% 2% 0; height: 510px; text-align: center; width: 32%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .soliloquy-addon .soliloquy-addon-thumb { border-radius: 3px; height: auto; margin: 0 auto; max-width: 100%; width: auto; } .soliloquy-addon.last { margin-right: 0; } .soliloquy-addon .soliloquy-addon-content { padding: 20px; } .soliloquy-addon .soliloquy-addon-footer { position: absolute; width: 100%; bottom: 0; height: 75px; line-height: 75px; border-top: 1px solid #dddddd; background-color: #f7f7f7; } .soliloquy-addon .soliloquy-addon-footer .soliloquy-unlock-addon { vertical-align: middle; } .soliloquy-addon .soliloquy-addon-action-button:before { font-size: 18px; vertical-align: middle; margin-top: -1px; } .soliloquy-addon .soliloquy-icon-cloud-download.soliloquy-addon-action-button:before { color: #999999; } .soliloquy-addon .soliloquy-icon-toggle-on.soliloquy-activate-addon:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color: #e3231b; } .soliloquy-addon .soliloquy-icon-toggle-on.soliloquy-deactivate-addon:before { color: #72b63d; } .soliloquy-addon .soliloquy-addon-message, .soliloquy-addon .soliloquy-addon-error { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: left; } .soliloquy-addon .soliloquy-addon-inactive .addon-status span { color: #e3231b; } .soliloquy-addon .addon-status-not-installed span { color: #999999; } .soliloquy-addon .soliloquy-addon-active .addon-status span { color: #72b63d; } .soliloquy-addon .soliloquy-addon-message span { font-weight: bold; } .soliloquy-addon .soliloquy-addon-action { display: inline; float: right; margin-top: 20px; margin-right: 15px; } .soliloquy-addon .soliloquy-addon-message { margin-left: 15px; } .soliloquy-addon .soliloquy-addon-error { margin-top: 10px; } .soliloquy-addon .soliloquy-addon-error .wrap { margin: 0; } .soliloquy-addon .soliloquy-addon-error .icon32 { display: none; } .soliloquy-addon .soliloquy-addon-error h2 { padding: 0; } .soliloquy-addon .soliloquy-addon-error .form-table th { padding: 10px 0; width: 30% !important; } .soliloquy-addon .soliloquy-addon-error .form-table input[type="text"], .soliloquy-addon .soliloquy-addon-error .form-table input[type="password"] { width: 100% !important; } .soliloquy-addon .soliloquy-addon-error p.submit { padding: 0; } .soliloquy-addon p { color: #2f2f2f; font-size: 13px; margin: 30px 40px; } @media screen and (min-width: 1751px) { .soliloquy-addon { margin: 0 2% 2% 0; height: 720px; width: 32%; } } @media screen and (max-width: 1750px) { .soliloquy-addon { margin: 0 2% 2% 0; height: 620px; width: 32%; } } @media screen and (max-width: 1549px) { .soliloquy-addon { margin: 0 2% 2% 0; height: 500px; width: 32%; } } @media screen and (max-width: 1200px) { .soliloquy-addon { margin: 0 2% 2% 0; min-height: 460px; width: 48%; } .soliloquy-addon.last { margin: 0 2% 2% 0; } .soliloquy-addon:nth-child(2) { margin-right: 0; } } @media screen and (max-width: 568px) { .soliloquy-addon { margin: 0 1% 1% 0; min-height: 530px; margin-bottom: 30px; width: 98%; } .soliloquy-addon.last { margin: 0 1% 1% 0; } .soliloquy-addon .soliloquy-addon-action { margin-top: 0; } }