@media (max-width:1150px){ .recommended-posts {padding: 0 30px;} .recommended-post:first-child {margin-right: 26px;} .recommended-post:last-child {margin-right: 26px;} .recommended-post img {height: 210px; width: 210px;} } @media (max-width:1000px){ .main-header{display:none} .slide-content .widget-about {margin-top:60px;} .slide-content .widget-instagram {display:none;} .responsive-header{display:none;} .responsive-menu{display:block;} } @media (max-width:805px){ .single .entry-title, .page .entry-title { font-size: 2em; } .comments-area { width: 90%; margin: 0 auto; } .single .post-navigation { width: 90%; } .post-navigation .post-nav-image { display: none; } .single-post .entry-content > *:not( .alignwide ):not( .alignfull ), .page .entry-content > *:not( .alignwide ):not( .alignfull ) { max-width: 70%; margin-left: auto; margin-right: auto; } header{ z-index: 1111111;} .featured-post { margin-bottom: 32px; } .menu .container { padding: 0 15px; } .menuout { padding: 33px 20px 0 20px; width: 100%; border-bottom: 1px solid rgba(204, 204, 204, 0.5); } .recommended-post { width: 100%; display: block; float: none; text-align: center; margin-right: 0; } .brick, .hentry{padding:0!important;} .theme-layout {padding:0 12px;} .page-instagram img {width: 144px; height: 144px;} .full-width .post-text {margin-right: 5px; margin-left: 5px;} #content{ width:100%; margin: 0 auto; } #content { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } #primary{ width: 100%; float: none; } #secondary{ float: none; width: 100%; } .content-area{ padding:5px!important; margin:0!important; width: 100%!important; float: none!important; left: 0!important; } .widget-area{padding:5px!important; margin:0!important; float: none!important; width: 100%!important; left: 0!important; } .second-sidebar{ padding:5px!important; margin:0!important; float: none!important; width: 100%!important; left: 0!important; } } @media (max-width:668px){ .single .entry-title, .page .entry-title { font-size: 2em; } .comments-area { width: 90%; margin: 0 auto; } .single .post-navigation { width: 90%; } .post-navigation .post-nav-image { display: none; } .menu-icons li i{ padding:0; } .entry-content { padding: 0 25px 50px 25px; } .artcela-menu > ul.menu-icons { display: block; padding: 0; float: left; position: absolute; left: 0; } .artcela-menu .menu-icons li { display: inline-block; float: left; } .artcela-menu .menu-icons .search-icon{display:none;} .artcela-menu .menu-icons .header-social-icon{display:none;} .post-footer>.primary-button { float: none; display: block; margin:5px 0; } .footer-layout ul li { display: inline-block; margin-right: 0; } .social-parent:hover .social-hover-content { display: inline-block; position: absolute; right: 95px; top: 2px; bottom: -25px; } .mobile-menu li:first-child > a { border-top: 3px solid #ffc2ca; } .responsive-menu header { margin: 10px 0 17px 0; } .menu-toggle, .main-navigation.toggled ul { display: none; } .menu .menu-button a { font-size: 15px; color: #fff; line-height: 50px; } .menu-button { display: block; text-align: right; padding: 0 13px!important; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .artcela-menu ul li{ margin: 0; padding: 0; float: right; } .artcela-main-menu, .menu-icons {display: none;} .responsive-menu .sub-menu .sub-menu .sub-menu .sub-menu{display:none!important;} .responsive-menu .sub-menu .sub-menu .sub-menu li.menu-item-has-children > a:after { display:none!important; } .multisliderout .flexslidercar .largeslider .sliderposttitle { max-width: 204px; font-size: 15px; } .largeslider .sliderposttitle { font-size: 15px; } .footer-widget { width: 100%!important; float: none!important; padding: 50px!important;} .post-navigation .nav-next { float: right; text-align: right; width: 100%; } .post-navigation .nav-previous { float: left; width: 100%; text-align: left; } .site-title{ } #primary-menu ul li{ list-style: none;} .paging-navigation li { margin-right: 0; } .multisliderout .topslider { width: 100%; margin-right: 0px; } .post-featured-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; text-align: center; } .brick, .hentry{padding:0!important;} .multisliderout .slidersidepost { margin:2.5%; width: 45%; float: left; display: block; height: 225px; position: relative; } .smallslider { padding: 0 20px 15px 20px; } .responsive-menu{overflow: scroll;} .responsive-header{display:block;} .admin-bar .responsive-menu .header { padding: 60.5px 45px 62px 4px; } .widget_nav_menu .sub-menu { display: block; } .sub-menu {display:none;} .sub-menu:hover{} .menuout,.menu-item-search,.menu-item-bar{display:none;} .responsive-menu header{ margin-top: 10px;} .slide-content {padding:0!important;} .site-header .slide-out{} .responsive-menu{display:block!important;} .responsive-menu {left:-100%; width:100%!important;} .responsive-header ul li:first-child {display:none;} .responsive-header ul li:nth-last-child(2) { float:left;} .paging-navigation ul { margin:0 0 50px;} .site-title {font-size: 14vw;} .paging-navigation ul li {margin-right:6px;} .paging-navigation ul li:first-child {margin-right:14px;} .paging-navigation ul li:last-child {margin-left:14px;} .paging-navigation ul li:nth-last-child(2) {margin-right:0;} .post-about-content img { float: none;margin: 18px 0;} .post-about-content { text-align: center;} .widget-post-about .primary-button {float: none;} .widget-post-about h3 {float: none; text-align: center;} .widget-post-about h3:after {float: none; margin: 12px auto;} .widget-post-about .post-social ul {float: none; padding-top: 18px;} .post-tags p span:last-child {float: none; margin-top: 4px;margin-left: 5px;} .page-instagram img:first-child {margin-right: 20px;} .page-instagram img:last-child {margin-right: 0;} .page-instagram img:nth-last-child(2) {margin-right: 20px;} .page-instagram img:nth-last-child(3) {margin-right: 0;} .post-link {display: none;} .post-link-responsive {display: block;font-size: 1em;} } @media (max-width:420px){ .site-content .slidercat .cat-links { padding: 0; font-size: 10px; line-height: 2; } .smallslider .sliderposttitle { font-size: 13px; } .f-entry-title { width: 100%; } .f-entry-title h3 a { width: 100%; padding: 0 40px; } .responsive-header h1 {font-size:30px; margin-top:8px;} .post-footer ul {display:block; width:100%} .widget-instagram { padding:20px 0 40px;} .insta-pics img { width:60%; height:auto; padding:4px 0;} .insta-pics img:first-child { margin-right:0;} .insta-pics img:nth-last-child(2) { margin-right:0;} } @media (max-width:310px){ .big-post-text h3 a, .featured-post h3 a { font-size: 15px; } .big-post-text { position: absolute; top: 78%; text-align: center; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }