/* Theme Name: Mgomz Description: Special theme for this site. HTML5 & CSS3 Version: 1.0 Author: Jurko Chervony Author URI: http://skinik.name */ @import url("css/reset.css"); @import url("css/base.css"); @import url("css/wp.css"); @import url("css/plugins.css"); /* __________ Fonts __________ */ @font-face { font-family: 'WebSymbolsRegular'; /* src: url('fonts/fonts-regular-webfont.eot'); */ src: url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/websymbols-regular-webfont.woff') format('woff'), url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'), url('fonts/websymbols-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .websymbols { font-family: "WebSymbolsRegular"; } html { min-height:100%; height:auto; background:#f5f5f5; } /* Container ##############################################################################*/ #container { width:960px; margin:0 auto; background:#fff; } #wrapper { width:960px; padding:15px 0; margin:-5px 0 0; float:left; clear:both; background:transparent url("i/sidebar-border.png") repeat-y 680px 0; } body.home #wrapper, body.error404 #wrapper, body.page-template-tpl_onecolumn-page-php #wrapper { margin:0; background-image:none; } /* Header ##############################################################################*/ #header { padding:24px 0 0; margin:0 0 30px 0; width:960px; float:left; clear:both; } #branding { float:left; width:470px; margin:20px 0 0; } #branding .logo { display: block; float: left; margin-right: 8px; } #header #site-title { float:left; font-size:17px; line-height:1.35; font-family: Georgia,serif; padding:0; margin:15px 0 0; width:365px; } #header #site-title a { color:#3450A3; text-decoration:none; } /*** Navigation ***/ #en_and_sitemap_nav { position:absolute; right: 10px; top: 10px; z-index:999; width:310px; } #en_and_sitemap_nav ul { margin:4px 0 0; } #en_and_sitemap_nav li { list-style: none; display: block; float: left; margin:0 0 0 15px; } #en_and_sitemap_nav li a { } #en_and_sitemap_nav li a[href*='com'] { } #en_and_sitemap_nav li#menu-item-1139 a { display:block; overflow:hidden; text-decoration:none; font-size:0.001em; text-indent:-666em; width:18px; height:18px; background:transparent url("i/icons/ico.sitemap.gif") no-repeat 0 0; } #en_and_sitemap_nav .sn { float:left; } #en_and_sitemap_nav .sn a { margin:0 4px; } #header-nav { float:right; } #header-nav ul { margin:0; } #header-nav li { list-style: none; display: block; float: left; margin:0; } #header-nav a { color:#7f3532; padding:105px 0 0; display: block; width:110px; text-align:center; text-decoration:none; background:transparent url("i/bg.menu--territory.png") no-repeat; } #header-nav a:hover { text-decoration:underline; } #header-nav li#menu-item-1131 a { background-position:0 0; } #header-nav li#menu-item-1130 a { background-position:-110px 0; } #header-nav li#menu-item-1129 a { background-position:-220px 0; } #header-nav li#menu-item-1128 a { background-position:-330px 0; } #nav { clear:both; float:left; width:100%; height:auto; padding-top:5px; background:transparent url("i/bg.nav-top.png") no-repeat 50% 0; } #nav .menu-header { float:left; width:100%; padding-bottom:5px; background:transparent url("i/bg.nav-bottom.png") no-repeat 50% 100%; } #nav ul { list-style:none; margin:0; } #nav li { float:left; position:relative; margin:0; } #nav a { color: #4D4D4D; font-size:1.05em; display:block; line-height:36px; padding:3px 11px; text-decoration:none; } #nav ul ul { -webkit-transition: opacity .4s; -moz-transition: opacity 0.4s; -o-transition-property: opacity; -o-transition-duration: 0.4s; transition: opacity 0.4s; opacity:0; filter:alpha(opacity=0); /* for IE */ height:0; overflow:hidden; position:absolute; top:42px; left:0; float:left; min-width:160px; max-width:250px; z-index:666; border:1px #eee solid; border-top:0 none; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; box-shadow:0 3px 5px rgba(0,0,0,0.35); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.35); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.35); } #nav ul ul li { background:#fff; min-width:160px; float:none; } #nav ul ul ul { left:100%; top:0; } #nav ul ul a { font-size:0.9em; line-height:1.25; white-space: normal; padding:7px 10px; min-width:140px; height:auto; border-top:1px #eee dotted; } #nav ul ul li.li-0 a { border-top:0 none; } #nav ul ul li:last-child { border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; } #nav li:hover > a { /* 1st level*/ text-decoration:underline; } #nav ul ul :hover > a { /* 2nd level */ text-decoration:underline; } /* Show children menu */ #nav li:hover > ul { height:auto; overflow:visible; opacity: 1; filter:alpha(opacity=100); /* for IE */ } /* /Show children menu */ /* Active menu item */ #nav ul li.current_page_item > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current_page_ancestor > a, #nav ul li.current-page-ancestor > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { color:#000; text-decoration:underline; font-style:italic; } /* /Active menu item */ .breadcrumbs { width:680px; margin-bottom:20px; padding-bottom:12px; font-size:0.8em; border-bottom:1px solid #eee; } .breadcrumbs a { color:#666; text-decoration:none; } .breadcrumbs a:hover { color:#000; } body.home .breadcrumbs, body.error404 .breadcrumbs { display:none; } /* Content ##############################################################################*/ body.error404 #content, body.page-template-tpl_onecolumn-page-php #content { width:960px; } /*** 404 page ***/ body.error404 #content { text-align:center; padding:45px 0; } body.error404 #content h1 { font-size:4em; margin-bottom:40px; } body.error404 #content p { font-size:1.2em; } /*** /404 page ***/ /*** SITEMAP page ***/ body.page-template-tpl_sitemap-php #content a { color:#000; font-size:0.9em; } body.page-template-tpl_sitemap-php #content a:hover { color:#3450A3; } /*** /SITEMAP page ***/ /*** FRONT page ***/ body.home #content { width:960px; } /* Slideshow */ #slides { float:left; position:relative; overflow:hidden; width:960px; height:368px; padding-bottom:60px; margin-bottom:35px; background:transparent url("i/bg.slider-bottom.png") no-repeat 50% 368px; } #content #slides .rslides { margin: 0; } #content #slides .rslides li { list-style: none; margin: 0; } #content #slides figure { height:368px !important; } #content #slides .caption { position: absolute; right: 45px; bottom: 15px; width: 400px; height: auto; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); padding: 20px; background: rgba(0,0,0,.55); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94000000,endColorstr=#94000000); border-radius: 15px; } #content #slides .caption h2 { color:#fff; line-height:1.15; margin:0; font-size:23px; } #content #slides .caption h2 a { color:#fff; text-decoration:none; } #content #slides .caption h2 a:hover { text-decoration:underline; } #content #slides .caption .s-descr { margin-top: 15px; line-height: 1.35; } #content #slides .caption .s-descr p:last-of-type { margin-bottom: 0; } #content #slides .caption .s-descr .readmore { display: none; } /* Pagination */ #slides .pagination { position: absolute; z-index: 15; left: 0; bottom: 0; margin: 0; padding: 0; background: transparent none; height: 52px; width: 100%; } #slides .pagination li { list-style:none outside none; margin:0 8px; display:block; float:left; color: #999; } #slides .pagination li a { display: block; width: 104px; height: 42px; overflow: hidden; text-decoration: none; padding-top: 10px; color: #fff; position: relative; } #slides .pagination li .s-arr { position: absolute; top: 0; left: 41px; display: inline-block; width: 0; height: 0; border-bottom: 10px solid; border-right: 10px solid transparent; border-left: 10px solid transparent; } html.Safari #slides .pagination li .s-arr {display:none;} #slides .pagination li img { width: 100px; height: 38px; border: 2px solid #fff; } #slides .pagination li.rslides_here a { color: #999; } #slides .pagination li.rslides_here a img { border-color: #999; } /* Arrows */ #slides a.next, #slides a.prev { position:absolute; z-index:13; top:150px; display:block; width:35px; height:32px; overflow:hidden; background:transparent url("i/bg.slider-arrows.png") no-repeat; text-indent:-666em; font-size:0.001em; opacity:0.55; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition-property: opacity; -o-transition-duration: 0.3s; transition: opacity 0.3s; } #slides a.next:hover, #slides a.prev:hover { opacity:1; } #slides a.next { background-position:-35px 0; right:0; } #slides a.prev { background-position:0 0; left:0; } /**/ #content #cat-57 { width:100%; float:left; clear:both; padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #eee; } #content #cat-57 header { float:left; width:310px; text-align:right; } #content #cat-57 header h1 { font-family: 'Droid Sans',Arial,Verdana,sans-serif; font-size: 13px; color: #2B2B2B; font-weight: bold; font-style:normal; } #content #cat-57 header h1 a { color:#2B2B2B; text-decoration:none; } #content #cat-57 header h1 a:hover { text-decoration:underline; color:#3450A3; } #content #cat-57 .cat-57_container { float:right; width:620px; } #content #cat-57 .cat-57_container figure { float:left; width:200px; height:200px; overflow:hidden; position:relative; } #content #cat-57 .cat-57_container > figure + figure { margin:0 10px; } #content #cat-57 .cat-57_container > figure + figure + figure { margin:0; } #content #cat-57 .cat-57_container figure figcaption { position:absolute; left:0; bottom:0; width:200px; height:auto; background:rgba(0,0,0,.45); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94000000,endColorstr=#94000000); /* For IE */ } #content #cat-57 .cat-57_container figure figcaption h2 { padding:5px 7px; line-height:1.1; font-size:12px; font-family:'Droid Sans',Arial,Verdana,sans-serif; font-style:normal; margin:0; } #content #cat-57 .cat-57_container figure figcaption h2 a { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; } #content #cat-57 .cat-57_container figure figcaption h2 a:hover { text-decoration:underline; } /* Home links */ #content #home_links { width:100%; float:left; clear:both; padding-bottom:20px; margin-bottom:35px; border-bottom:1px solid #eee; } #content #home_links header { float:left; width:100%; clear: both; } #content #home_links header h1 { font-family: 'Droid Sans',Arial,Verdana,sans-serif; font-size: 13px; color: #2B2B2B; font-weight: bold; font-style: normal; border-bottom: 1px solid #eee; } #content #home_links .home_links_container{ float:left; width:100%; clear: both; } #content #home_links figure { float:left; width:225px; height:200px; overflow:hidden; position:relative; margin-right: 20px; } #content #home_links .home_links_container figure + figure + figure + figure { margin:0; } #content #home_links figure figcaption { position:absolute; left:0; bottom:0; width:225px; height:auto; background:rgba(0,0,0,.45); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94000000,endColorstr=#94000000); /* For IE */ } #content #home_links figure figcaption h2 { padding:5px 7px; line-height:1.1; font-size:12px; font-family:'Droid Sans',Arial,Verdana,sans-serif; font-style:normal; margin:0; } #content #home_links figure figcaption h2 a { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; } #content #home_links figure figcaption h2 a:hover { text-decoration:underline; } /* /Home links */ #content #page-724 { float:left; width:310px; } #content #page-724 header h1 { font-family: 'Droid Sans',Arial,Verdana,sans-serif; font-size: 13px; color: #2B2B2B; font-weight: bold; font-style:normal; border-bottom:1px solid #eee; } #content #page-724 header h1 a { color:#2B2B2B; text-decoration:none; } #content #page-724 header h1 a:hover { text-decoration:underline; color:#3450A3; } #content #page-724 .page-724_container { font-size:0.9em; } #content #cat-3 { float:right; width:620px; } #content #cat-3 header { border-bottom: 1px solid #eee; float: left; width: 100%; margin-bottom: 15px; } #content #cat-3 header h1 { font-family: 'Droid Sans',Arial,Verdana,sans-serif; font-size: 13px; color: #2B2B2B; font-weight: bold; font-style: normal; margin-bottom: 0; float:left; } #content #cat-3 header h1 a { color:#2B2B2B; text-decoration:none; } #content #cat-3 header h1 a:hover { text-decoration:underline; color:#3450A3; } #wrapper a.all-events { float:right; font-size:13px; font-weight:bold; color: #2B2B2B; } #wrapper #sidebar a.all-events { margin-top:10px; } #wrapper a.all-events:hover { color:#3450A3; } #content #cat-3 figure { width:100%; float:left; clear:both; margin-bottom:13px; } #content #cat-3 figure a.sk-c1-image { display:block; width:60px; height:60px; float:left; } #content #cat-3 figure figcaption { display:block; float:right; width:545px; font-size: 0.9em; } #content #cat-3 figure figcaption h2 { font-size: 13px; line-height:1.1; } #content #cat-3 figure figcaption a { text-decoration: none; color: #9D9C9C; } #content #cat-3 figure figcaption a:hover { text-decoration:underline; color:#3450A3; } #content #cat-3 figure figcaption .readmore { display:none; } /*** /FRONT page ***/ #content { float:left; overflow:hidden; width:650px; } #content article[class*="post-"] { margin-bottom:25px; overflow:hidden; clear:both; } body.singular #content article[class*="post-"] { margin-bottom:5px; } #content article.sticky { /* sticky post */ background:lightYellow; border:1px dashed #E6DB55; padding:7px; } #content .entry-title { clear:both; color:#2B2B2B; line-height:1; margin:0 0 7px 0; } #content h1.entry-title { font-weight:normal; } #content .article-in-loop .entry-title a { color:#2B2B2B; font-size:1.15em; text-decoration:none; } #content .article-in-loop .entry-title a:hover { color:#3450A3; text-decoration:underline; } #content hgroup .entry-title { padding-top: 15px; } #content .entry-format { color: #9D9C9C; font-size: 0.7em; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; position: absolute; text-transform: uppercase; top: -3px; } body.page #content h1.entry-title { margin-bottom:20px; } /*** START info under post title ***/ body.singular #content .entry-meta { margin-bottom:15px; } #content .entry-meta { margin:4px 0 7px; color:#666; font-size:0.85em; clear: both; } #content .entry-meta a { color:#666; text-decoration:none; } #content .entry-meta a:hover { color:#000; } /*** END info under post title ***/ #content .article-in-loop .entry-summary { float:left; width: 475px; } body.search #content .article-in-loop .entry-summary { width:100%; } /* More link */ #content a.more-link { display:block; border:1px solid #BDBDBD; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; /* background */ background: #F5F5F5; /* IE10 */ background-image: -ms-linear-gradient(top, #ffffff 0%, #F5F5F5 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #ffffff 0%, #F5F5F5 100%); /* Opera */ background-image: -o-linear-gradient(top, #ffffff 0%, #F5F5F5 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #F5F5F5)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #ffffff 0%, #F5F5F5 100%); /* Proposed W3C Markup */ background-image: linear-gradient(top, #ffffff 0%, #F5F5F5 100%); float: right; padding: 3px 20px; text-decoration:none; color:#2B2B2B; } #content a.more-link:hover { color:#000; text-decoration:underline; } /**/ /* Lists */ #content ul, #content ol { margin-left:2.5em; } #content li ul, #content li ol { margin-top:10px; margin-left:1.5em; } #content li { margin-bottom:10px; } /** Show children pages **/ #content ul.child-pages { float:right; width:250px; background: #FAFAFA; border: 1px solid #EEE; padding: 10px 10px 0 25px; } #content ul.child-pages a { color:#222; font-size:0.9em; } #content ul.child-pages a:hover { color:#3450A3; } body.page-template-tpl_show-children-pages-with-images-php #content {} body.page-template-tpl_show-children-pages-with-images-php #content figure {} body.page-template-tpl_show-children-pages-with-images-php #content figure { float:left; width:150px; height:150px; overflow:hidden; position:relative; margin:0 16px 20px 0; } body.page-template-tpl_show-children-pages-with-images-php #content figure.sk-f1 { margin-right:0; } body.page-template-tpl_show-children-pages-with-images-php #content figure figcaption { position:absolute; left:0; bottom:0; width:150px; height:auto; background:rgba(0,0,0,.45); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#94000000,endColorstr=#94000000); /* For IE */ } body.page-template-tpl_show-children-pages-with-images-php #content figure figcaption h2 { padding:5px 7px; line-height:1.1; font-size:13px; font-family:'Droid Sans',Arial,Verdana,sans-serif; font-style:normal; text-align:center; margin:0; } body.page-template-tpl_show-children-pages-with-images-php #content figure figcaption h2 a { color:#fff; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4); text-decoration:none; } body.page-template-tpl_show-children-pages-with-images-php #content figure figcaption h2 a:hover { text-decoration:underline; } /** /Show children pages **/ /*** Wp standart Page Navi ***/ #content .pager { margin-bottom:0; } /** Post parts nav **/ #content .page-link { font-weight:bold; clear:both; margin-top:5px; } #content .page-link a { color:#666; font-weight:normal; padding:2px 4px; } #content .page-link a:hover { color:#fff; background:#3450A3; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-style:italic; } /* Edit post link */ #content .edit-link a { color:blue !important; font-size: 1.3em !important; padding:0 0 4px 23px; margin-left:15px; background:url("i/icons/edit.png") no-repeat; } /**/ /*** Sharing ***/ body.home .header_text, body.home .buttons_share { display:none; } /* Sidebar && Widgets ##############################################################################*/ /* All Widgets */ .block h3, .block h2 { font-family: 'Droid Sans',Arial,Verdana,sans-serif; font-size: 14px; color: #2B2B2B; font-weight: bold; margin-bottom:10px; } .block h3 a { color:#000; text-decoration:none; } .block h3 a:hover { text-decoration:underline; } .block a { color:#222; } .block a:hover { color:#3450A3; } .block { overflow:hidden; word-wrap:break-word; margin-bottom:20px; list-style:none outside none !important; } ul.xoxo { margin-left:0; } ul.xoxo ul { margin-left:1.1em; } .block ul li { list-style:square outside; list-style-image:url("i/sidebar_bullet.png"); margin-bottom:13px; line-height:1.35em; clear:both; } /* All Widgets */ #sidebar { width:240px; float:right; } /** Widgets in Sidebar **/ #sidebar #primary { margin:0 0 50px 0; } #sidebar .block { font-size:0.9em; } /*** Comments in sidebar ***/ #sidebar #sidebar-comments ul { padding:5px 0 0 0; } #sidebar #sidebar-comments ul li { background-image:none; padding:0; margin-bottom:10px; min-height:29px; } #sidebar #sidebar-comments ul li .user-avatar { float:left; } #sidebar #sidebar-comments ul li .user-avatar img { margin:0 5px 3px 0; border:1px #ccc solid; padding:1px; } /*** Wp-Polls ***/ #sidebar .block .wp-polls-ul { margin:0 0 10px 0; } #sidebar .block .wp-polls ul li, #sidebar .block .wp-polls-ans ul li { list-style:none; padding-left:0; background-image:none; } /*** Calendar ***/ #sidebar .block #calendar_wrap .pad { background:transparent; } #sidebar .block #calendar_wrap #prev { background:transparent; } #sidebar .block #calendar_wrap #next { background:transparent; } #sidebar .block #calendar_wrap table { width:100%; margin:0; padding:0;} #sidebar .block #calendar_wrap table th { width:14.2%; } #sidebar .block #calendar_wrap table td { width:14.2%; background:#f3f3f3; text-align:center; color:#000; } #sidebar .block #calendar_wrap table td a { font-weight:bold; } /* Widgets in Footer ##############################################################################*/ #footer-widget-area .widget-area { float:left; margin-right:20px; width:225px; } #footer-widget-area #fourth { margin-right:0; } #footer-widget-area .widget-area ul.xoxo { margin-bottom:0; } #footer #colophon { float:left; padding:25px 0; width:960px; } /**/ /* Footer ##############################################################################*/ #footer { float:left; clear:both; background:url("i/bg.footer-top.png") no-repeat 50% 0 #f5f5f5; width:100%; font-size:0.95em; border-top: 1px solid #E9E9E9; position: relative; text-shadow: 1px 1px 0px white; padding-bottom:10px; } #footer #footer-in { margin:0 auto; width:960px; } #footer #site-info { color:#545454; font-size:0.9em; float:left; width:200px; } /* Search form */ #footer #searchform { position:relative; width:100%; } #footer #s { width: 198px; padding-right: 22px; } #footer #searchsubmit { position:absolute; right:2px; top:1px; border:0 none; padding:0; width:22px; height:21px; overflow:hidden; font-size:0.001em; color:#f5f5f5; text-indent:-666em; background:transparent url("i/search_btn.png") no-repeat 50% 50%; } /* Footer menu */ #footer #nav2 { float:right; text-align:right; width:740px; } #footer #nav2 ul { margin:0; } #footer #nav2 li { display:inline; list-style:none; padding:0 5px; border-left:1px #545454 solid; } #footer #nav2 li:first-child { border-left:0 none; padding-left:0; } #footer #nav2 li:lasr-child { padding-right:0; } #footer #nav2 li a { color:#545454; font-size:0.95em; } #footer #nav2 li a:hover { color:#000; } #footer #nav2 ul ul { display:none; } #footer .copy img {float:left;padding: 0 5px;margin-top: 6px;} /**/ .wp-pagenavi { font-size:1.5em; } .wp-pagenavi .first, .wp-pagenavi .last { font-size:15px; } /* Display none ###############################################################################*/ #blackbox-web-debug, #cboxTitle {display:none !important;} /*Виджет над подвалом*/ .tizer-block { margin: 30px auto 0; padding-right: 15px; padding-left: 15px; text-align: center; background-color: #F3F5F7; width: 100%; } .tizer-block__row { margin-right: -15px; margin-left: -15px; } .tizer-block__col { margin:auto; max-width: 100%; padding: 16px 8px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; max-width: 70%; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .tizer-block__banner { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 380px; height: 300px; margin: 8px; -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-negative: 1; -webkit-flex-shrink: 1; flex-shrink: 1; } .tizer-block__banner:empty { display: none; } @media screen and (max-width: 1280px) { .tizer-block__banner { height: 280px; } } @media screen and (max-width: 1180px) { .tizer-block__banner { height: 270px; } } @media screen and (max-width: 1134px) { .tizer-block__banner { height: 270px; } } @media screen and (max-width: 1024px) { .tizer-block__banner { height: 280px; } .tizer-block__banner:last-child { display: none; } } @media screen and (max-width: 850px) { .tizer-block__banner { height: 300px; } } @media screen and (max-width: 768px) { .tizer-block__banner { height: 295px; } } @media screen and (max-width: 759px) { .tizer-block__banner { min-width: 235px; height: 280px; } .tizer-block__banner:last-child { display: block; } } @media screen and (max-width: 630px) { .tizer-block__banner { height: 280px; } } @media screen and (max-width: 540px) { .tizer-block__banner { height: 280px; } } @media screen and (max-width: 534px) { .tizer-block__col { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .tizer-block__banner:last-child { display: none; } .tizer-block__banner { height: 340px; min-width: 280px; } } @media screen and (max-width: 517px) { .tizer-block__banner { height: 280px; } } @media screen and (max-width: 320px) { .tizer-block__col { padding: 16px 8px; } .tizer-block__banner { height: 280px; } } /* END CSS */