Advertisement
Guest User

Untitled

a guest
Sep 2nd, 2021
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.40 KB | None | 0 0
  1. /* ======================================================================================================================================================
  2. Masonry Grid
  3. ====================================================================================================================================================== */
  4.  
  5. .av-masonry{
  6. position: relative;
  7. overflow: hidden;
  8. clear:both;
  9. }
  10.  
  11. .av-masonry-container{
  12. width:100.4%;
  13. float:left;
  14. clear:both;
  15. position: relative;
  16. }
  17.  
  18. .av-masonry-entry{
  19. position: relative;
  20. display: block;
  21. width:24.90%;
  22. float:left;
  23. clear: none;
  24. text-decoration: none;
  25. visibility: hidden;
  26. opacity: 0;
  27. }
  28.  
  29. #top .masonry-no-border{border-top:none;}
  30.  
  31. .av-masonry-entry.av-landscape-img{
  32. width:49.80%;
  33. }
  34.  
  35.  
  36. .av-masonry-col-2 .av-masonry-entry{width:49.80%;}
  37. .av-masonry-col-2 .av-masonry-entry.av-landscape-img{width:99.50%;}
  38.  
  39. .av-masonry-col-3 .av-masonry-entry{width:33.3%}
  40. .av-masonry-col-3 .av-masonry-entry.av-landscape-img{width:66.6%}
  41.  
  42. .av-masonry-col-4 .av-masonry-entry{}
  43. .av-masonry-col-4 .av-masonry-entry.av-landscape-img{}
  44.  
  45. .av-masonry-col-5 .av-masonry-entry{width:19.90%;}
  46. .av-masonry-col-5 .av-masonry-entry.av-landscape-img{width:39.80%;}
  47.  
  48. .av-masonry-col-6 .av-masonry-entry{width:16.6%;}
  49. .av-masonry-col-6 .av-masonry-entry.av-landscape-img{width:33.2%;}
  50.  
  51. /* Tablet Portrait size to standard 960 (devices and browsers) */
  52. @media only screen and (min-width: 768px) and (max-width: 989px) {
  53.  
  54. .responsive.av-no-preview #top .av-medium-columns-4 .av-masonry-entry{width:24.90%;}
  55. .responsive.av-no-preview #top .av-medium-columns-3 .av-masonry-entry{width:33.3%;}
  56. .responsive.av-no-preview #top .av-medium-columns-2 .av-masonry-entry{width:49.80%;}
  57. .responsive.av-no-preview #top .av-medium-columns-1 .av-masonry-entry{width:100%;}
  58. }
  59.  
  60.  
  61. /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  62. @media only screen and (min-width: 480px) and (max-width: 767px) {
  63.  
  64. .responsive.av-no-preview #top .av-small-columns-4 .av-masonry-entry{width:24.90%;}
  65. .responsive.av-no-preview #top .av-small-columns-3 .av-masonry-entry{width:33.3%;}
  66. .responsive.av-no-preview #top .av-small-columns-2 .av-masonry-entry{width:49.80%;}
  67. .responsive.av-no-preview #top .av-small-columns-1 .av-masonry-entry{width:100%;}
  68. }
  69.  
  70. /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  71. @media only screen and (max-width: 479px) {
  72.  
  73. .responsive.av-no-preview #top .av-mini-columns-4 .av-masonry-entry{width:24.90%;}
  74. .responsive.av-no-preview #top .av-mini-columns-3 .av-masonry-entry{width:33.3%;}
  75. .responsive.av-no-preview #top .av-mini-columns-2 .av-masonry-entry{width:49.80%;}
  76. .responsive.av-no-preview #top .av-mini-columns-1 .av-masonry-entry{width:100%;}
  77. }
  78.  
  79.  
  80.  
  81.  
  82.  
  83. .av-masonry-outerimage-container{
  84. overflow: hidden;
  85. }
  86.  
  87. .av-masonry-outerimage-container, .av-masonry-image-container {
  88. position: relative;
  89. top: 0;
  90. left: 0;
  91. bottom: 0;
  92. right: 0;
  93. z-index: 1;
  94. }
  95.  
  96. .av-masonry-image-container{
  97. text-align: center;
  98. background-size: cover;
  99. background-position: center center;
  100. }
  101.  
  102.  
  103.  
  104. .av-masonry-image-container img{ display:block; margin: 0 auto;}
  105.  
  106. #top .av-inner-masonry{overflow: hidden; background-color: transparent;}
  107.  
  108. .av-masonry-entry .av-inner-masonry-content{
  109. padding:20px;
  110. z-index: 2;
  111. position: relative;
  112. width:100%;
  113. }
  114.  
  115. .av-masonry-entry .avia-arrow{border:none; top: -5px;}
  116. .av-masonry-item-no-image .avia-arrow{display: none;}
  117.  
  118. .av-masonry-entry .av-masonry-entry-title{
  119. line-height: 1.3em;
  120. margin:0;
  121. font-size: 15px;
  122. }
  123.  
  124. .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content{
  125. padding-top:4px;
  126. text-overflow: ellipsis;
  127. overflow: hidden;
  128. }
  129.  
  130. .av-masonry-date, .av-masonry-text-sep, .av-masonry-author{font-size: 11px;}
  131. .av-masonry-text-sep{padding: 0 5px;}
  132. .av-masonry-text-sep.text-sep-author, .av-masonry-author{display:none;}
  133.  
  134. /*items loaded*/
  135.  
  136. .av-masonry-entry.av-masonry-item-loaded{
  137. opacity: 1;
  138. visibility: visible;
  139. }
  140.  
  141. .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry{
  142. -webkit-perspective: 600px;
  143. -moz-perspective: 600px;
  144. perspective: 600px;
  145. }
  146.  
  147. .avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
  148. -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */
  149. animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */
  150. }
  151.  
  152.  
  153.  
  154.  
  155. /*gap variations between elements: no, 1px and large*/
  156.  
  157. .av-large-gap.av-masonry{ padding:15px 0 0 15px; }
  158.  
  159. .av-no-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:-1px; right: 0px; bottom:-2px; }
  160. .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{ position: absolute; top:0px; left:0px; right: 1px; bottom:1px; }
  161. .av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry{position: absolute; top:0px; left:0px; right: 15px; bottom:15px; }
  162.  
  163. .av-no-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; }
  164. .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:1px; margin-bottom:1px; }
  165. .av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ position: relative; margin-right:15px; margin-bottom:15px; }
  166.  
  167.  
  168.  
  169.  
  170. /*firefox 1px gap fix*/
  171. .avia-mozilla .av-1px-gap.av-flex-size .av-masonry-entry .av-inner-masonry{ margin-bottom:2px; }
  172.  
  173.  
  174. /*flex size*/
  175.  
  176. .av-flex-size .av-masonry-image-container{background-image: none !important; }
  177.  
  178. /*fixed sized masonry (aka perfect grid)*/
  179. .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container{position: absolute;}
  180. .av-fixed-size .av-masonry-image-container img{display: none;}
  181. .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:80%; z-index: 1; }
  182. .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:40%;}
  183. .av-fixed-size .av-masonry-entry.av-portrait-img .av-inner-masonry-sizer{ padding-bottom:160%;}
  184. .av-fixed-size .av-masonry-entry.av-portrait-img.av-landscape-img .av-inner-masonry-sizer{ padding-bottom:80%;}
  185.  
  186. #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content,
  187. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ display: table; position: relative; height: 100%;width:100%; bottom:0; table-layout: fixed; }
  188. #top .av-fixed-size .av-masonry-entry.av-masonry-item-no-image .av-inner-masonry-content-pos,
  189. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content-pos{display:table-cell; vertical-align: middle; text-align: center;}
  190. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry {
  191. background: transparent;
  192. }
  193.  
  194.  
  195.  
  196. .av-fixed-size .av-masonry-entry .av-inner-masonry-content,
  197. .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content,
  198. .av-flex-size.av-caption-on-hover-hide .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content
  199. {
  200. position: absolute;
  201. bottom: -1px; /*fixes hover bug that lets 1px img shine through at bottom when font is big*/
  202. }
  203.  
  204. /*overlay styling*/
  205. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{
  206. background: rgba(0,0,0,0.35);
  207. }
  208.  
  209. #top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content{
  210. background: transparent;
  211. }
  212.  
  213. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content *,
  214. #top .av-caption-style-overlay .av-masonry-item-with-image ins:before,
  215. #top #wrap_all .av-caption-style-overlay .av-masonry-item-with-image del{
  216. color:#fff;
  217. }
  218.  
  219.  
  220. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .avia-arrow,
  221. #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content .av-icon-display{
  222. display: none;
  223. }
  224.  
  225. #top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{
  226. position: absolute; top:-2px; left:-2px; right: -2px; bottom:-2px; display:block; height: auto; width:auto;
  227. }
  228.  
  229. #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos{
  230. display:table; height: 100%; width:100%;
  231. }
  232.  
  233. #top .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content-pos-content{
  234. display: table-cell;
  235. vertical-align: middle;
  236. }
  237.  
  238. #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title{
  239. font-size: 1.5em;
  240. }
  241.  
  242.  
  243. /*masonry orientation*/
  244. .av-fixed-size.av-orientation-landscape-large .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:50%; }
  245. .av-fixed-size.av-orientation-square .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:100%; }
  246. .av-fixed-size.av-orientation-portrait .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:130%; }
  247. .av-fixed-size.av-orientation-portrait-large .av-masonry-entry .av-inner-masonry-sizer{ width:100%; padding-bottom:150%; }
  248.  
  249.  
  250.  
  251.  
  252. /*hover effect*/
  253. #top .av-masonry-entry:hover{text-decoration: none; }
  254.  
  255. .av-masonry-image-container, .av-inner-masonry-content, .av-masonry-pagination{
  256. -webkit-transition: all 0.4s ease-in-out;
  257. transition: all 0.4s ease-in-out;
  258. }
  259.  
  260. .avia_desktop .av-hover-overlay-active .av-masonry-image-container{opacity: 0.7;}
  261. .avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container,
  262. .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container
  263. { opacity: 1;}
  264. .avia_desktop .av-masonry-entry:hover .av-masonry-image-container{
  265. -webkit-transform: scale(1.05,1.05);
  266. transform: scale(1.05,1.05);
  267. }
  268.  
  269.  
  270. .avia_desktop .av-caption-on-hover .av-masonry-item-with-image .av-inner-masonry-content{opacity: 0; filter:alpha(opacity=00);}
  271. .avia_desktop .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{opacity: 1; filter:alpha(opacity=100);}
  272.  
  273.  
  274. .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image .av-inner-masonry-content{opacity: 1; filter:alpha(opacity=100);}
  275. .avia_desktop .av-caption-on-hover-hide .av-masonry-item-with-image.av-masonry-entry:hover .av-inner-masonry-content{opacity: 0; filter:alpha(opacity=00);}
  276.  
  277.  
  278.  
  279. .avia_desktop .av-inner-masonry-content{ /*fixes flickering issue when caption/excerpt is visible by default and sorting is activated . may also try to replace it with -webkit-transform-style: preserve-3d;*/
  280. -webkit-backface-visibility:hidden;
  281. }
  282.  
  283. .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content,
  284. .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{
  285. -webkit-backface-visibility: hidden;
  286. -moz-backface-visibility: hidden;
  287. backface-visibility: hidden;
  288. -webkit-transform-origin: center bottom;
  289. -moz-transform-origin: center bottom;
  290. transform-origin: center bottom;
  291. -webkit-transform: rotateX(120deg);
  292. transform: rotateX(120deg);
  293. -webkit-transform-style: preserve-3d;
  294. transform-style: preserve-3d;
  295. }
  296.  
  297. .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content,
  298. .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content{
  299. -webkit-transform: rotateX(0deg);
  300. transform: rotateX(0deg);
  301. -webkit-transform-origin: center bottom;
  302. -moz-transform-origin: center bottom;
  303. transform-origin: center bottom;
  304. }
  305.  
  306.  
  307. .avia_desktop.avia_transform3d .av-masonry-entry:hover .av-icon-display{
  308. -webkit-transform: rotateY(180deg);
  309. transform: rotateY(180deg);
  310. border-color: transparent;
  311. }
  312.  
  313. /*need to make sure that the scale transform doesnt mess up the image*/
  314. .avia_desktop.avia_transform3d .av-masonry-image-container{
  315. -webkit-perspective: 1000px;
  316. -webkit-backface-visibility: hidden;
  317. }
  318.  
  319.  
  320.  
  321.  
  322. /*masonry sorting*/
  323.  
  324. .av-masonry-sort{ text-align: center; padding:20px 40px; visibility: hidden; overflow: hidden; }
  325. #top div.container .av-masonry .av-masonry-sort {
  326. padding: 0px;
  327. background: transparent;
  328. line-height: 30px;
  329. margin-bottom:15px;
  330. font-size: 0.9em;
  331. }
  332.  
  333. .av-large-gap .av-masonry-sort{}
  334. .av-masonry-sort a{text-decoration: none;}
  335. .av-masonry-sort .avia_hide_sort{display: none;}
  336. .av-sort-by-term > * { display: inline-block; }
  337. .av-no-gap .av-masonry-sort, .av-1px-gap .av-masonry-sort{margin:0 0 1px 0;}
  338. .av-large-gap .av-masonry-sort{margin:0 15px 15px 0;}
  339. .avia-term-count{display: none; }
  340.  
  341. #top .av-sort-yes-tax{line-height: 50px}
  342. #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat{float: right}
  343. #top .av-current-sort-title{float: left; font-weight: normal; font-size: 26px;}
  344.  
  345. /*masonry pagination*/
  346. .av-masonry-pagination{
  347. clear: both;
  348. z-index: 2;
  349. bottom: 20px;
  350. right:20px;
  351. padding:20px;
  352. display:block;
  353. }
  354.  
  355. #top .av-masonry-load-more{
  356. text-align: center;
  357. text-decoration: none;
  358. text-transform: uppercase;
  359. font-weight: 600;
  360. letter-spacing: 1px;
  361. font-size: 13px;
  362. visibility: hidden;
  363. opacity: 0;
  364. overflow: hidden;
  365. }
  366.  
  367. #top .av-masonry-load-more.av-masonry-no-more-items {
  368. opacity: 0 !important;
  369. height: 0px;
  370. padding: 0px;
  371. filter:alpha(opacity=00);
  372. }
  373.  
  374.  
  375. #top .av-masonry-load-more:hover{ letter-spacing: 0px; }
  376. .av-no-gap .av-masonry-load-more{margin:1px 0 0 0; float: left; width: 100%;}
  377. .av-large-gap .av-masonry-pagination{margin:0 15px 15px 0;}
  378. .av-masonry-pagination .pagination{padding:5px;}
  379. .av-masonry-pagination .pagination-meta { line-height: 30px; }
  380.  
  381.  
  382. /*masonry post types and variations*/
  383. /*product*/
  384. .av-masonry-entry.sale .av-masonry-entry-title{ padding-right:48px;}
  385. #top .av-masonry-entry.type-product .av-masonry-image-container{-webkit-transform: scale(1);transform:scale(1); }
  386. #top .av-masonry-entry .price, #top .av-masonry-entry .price span, #top .av-masonry-entry del, #top .av-masonry-entry ins {font-size: 14px;}
  387. #top .av-masonry-entry .onsale{ top:20px; right:20px;}
  388.  
  389. #top .av-caption-style-overlay .av-masonry-entry .onsale{ top:0px; right:0px; border-radius: 0;}
  390. #top .av-caption-style-overlay .av-masonry-entry.sale .av-masonry-entry-title{ padding-right:0px;}
  391.  
  392. #top .av-masonry-entry .av-inner-masonry .av-masonry-overlay{opacity: 0; filter:alpha(opacity=0); width:100%; z-index: 10; position: absolute; top:0; left:0; right:0; bottom:0;}
  393. #top .av-masonry-entry:hover .av-inner-masonry .av-masonry-overlay{ opacity: 1; filter:alpha(opacity=100); }
  394.  
  395.  
  396. /*post types*/
  397. #top .av-icon-display.av-masonry-media{
  398. position: absolute;
  399. left: 50%;
  400. margin-left: -30px;
  401. top: -75px;
  402. opacity: 0.7;
  403. filter:alpha(opacity=70);
  404. }
  405.  
  406. #top .av-masonry-entry:hover .av-icon-display.av-masonry-media{
  407. opacity: 1; filter:alpha(opacity=100);
  408. -webkit-transform: rotateY(0deg);
  409. transform: rotateY(0deg);
  410. }
  411.  
  412.  
  413. #top .av-masonry-entry.format-quote .av-icon-display{
  414. position: absolute;
  415. z-index: -1;
  416. border: none;
  417. background: rgba(0, 0, 0, 0);
  418. opacity: 0.1;
  419. filter:alpha(opacity=10);
  420. bottom: -20px;
  421. left: 0;
  422. font-size: 50px;
  423. line-height: 100px;
  424. width: 100px;
  425. }
  426.  
  427. #top div .av-masonry-entry.format-quote:hover .av-icon-display{
  428. -webkit-transform: rotateY(0deg);
  429. transform: rotateY(0deg);
  430. opacity: 0.3; filter:alpha(opacity=30);
  431. }
  432.  
  433.  
  434.  
  435. /*masonry within columns/sections */
  436. #top .container .av-masonry{
  437. background: transparent;
  438. }
  439.  
  440. #top .container .av-masonry.av-large-gap {
  441. padding: 0;
  442. width: 102%;
  443. width: calc(100% + 15px);
  444. }
  445.  
  446. #top .container .av-masonry.av-large-gap.av-masonry-gallery{
  447. padding-top: 15px; /* changed with 4.8.6.1 to center images in columns */
  448. }
  449.  
  450.  
  451. /*masonry fade_out/grayscale/desat effect/blur */
  452. #top .av-hover-overlay-fade_out .av-masonry-image-container{
  453. opacity: 1.0;
  454. }
  455. #top .av-hover-overlay-fade_out .av-masonry-entry:hover .av-masonry-image-container{
  456. opacity: 0.2;
  457. }
  458.  
  459. #top .av-hover-overlay-grayscale .av-masonry-entry .av-masonry-image-container{
  460. -webkit-filter:grayscale(1);
  461. filter:grayscale(1);
  462. }
  463.  
  464. #top .av-hover-overlay-grayscale .av-masonry-entry:hover .av-masonry-image-container{
  465. -webkit-filter:grayscale(0);
  466. filter:grayscale(0);
  467. }
  468.  
  469. #top .av-hover-overlay-desaturation .av-masonry-image-container{
  470. -webkit-filter:saturate(30%);
  471. filter:saturate(30%);
  472. }
  473.  
  474. #top .av-hover-overlay-desaturation .av-masonry-entry:hover .av-masonry-image-container{
  475. -webkit-filter:saturate(100%);
  476. filter:saturate(100%);
  477. }
  478.  
  479. #top .av-hover-overlay-bluronhover .av-masonry-image-container{
  480. -webkit-filter:blur(0px);
  481. filter:blur(0px);
  482. }
  483.  
  484. #top .av-hover-overlay-bluronhover .av-masonry-entry:hover .av-masonry-image-container{
  485. -webkit-filter:blur(10px);
  486. filter:blur(10px);
  487. }
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496. @media only screen and (min-width: 1800px){
  497. .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry,
  498. .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry{width:16.6%;}
  499. .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry.av-landscape-img,
  500. .responsive.html_av-framed-box .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:33.2%;}
  501. }
  502.  
  503. @media only screen and (min-width: 989px) and (max-width: 1340px) {
  504. .responsive .av-masonry-col-flexible .av-masonry-entry{width:33.3%;}
  505. .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:66.6%;}
  506. }
  507.  
  508. @media only screen and (max-width: 767px) {
  509. .responsive #top .av-masonry-entry{width:100%;}
  510. }
  511.  
  512. @media only screen and (min-width: 480px) and (max-width: 767px) {
  513. .responsive #top .av-masonry-entry{width:49.90%;}
  514. .responsive #top .av-masonry-entry.av-landscape-img{width:100%;}
  515.  
  516. }
  517.  
  518. @media only screen and (max-width: 480px){
  519. .responsive #top .av-masonry-entry{width:100%;}
  520. }
  521.  
  522. @media only screen and (min-width: 767px) and (max-width: 989px) {
  523. .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{width:33.3%;}
  524. .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{width:66.6%;}
  525. .responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{font-size:13px;}
  526. .responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{display:none;}
  527. }
  528.  
  529. @media only screen and (min-width: 767px) and (max-width: 989px) {
  530. .responsive .av-masonry-col-flexible .av-masonry-entry{width:49.90%;}
  531. .responsive .av-masonry-col-flexible .av-masonry-entry.av-landscape-img{width:100%;}
  532. }
  533.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement