.boxed-layout, .main-wrapper, .container { max-width:1170px; width:100% } @media screen and (max-width:1260px) { .boxed-layout, .boxed-layout .main-wrapper { max-width:980px; width:100% } .container, .main-wrapper, .copyright-inner { width:96% } .content-page, .content-single { width:100% } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url { margin-bottom:15px; width:80% } #commentform textarea { width:90% } #subscribe-widget input[type="text"] { margin-bottom:10px; width:99% } } @media screen and (max-width:1110px) { .back-to-top { right:5px } .featuredslider .post-content, .featuredslider .read-more, .featured-post .read-more { display: none } } @media screen and (max-width:1024px) { .boxed-layout .header #logo { margin:6px 0 } .boxed-layout .main-nav { max-width:100% } .boxed-layout, .boxed-layout .header { max-width:730px; width:100% } .boxed-layout .header, .header, .main-wrapper { width:96% } .social-widget ul li span { width:50px } .ad-125-widget li, .footer-widget { width:47.5% } .footer-widget:nth-child(2) { } .footer-widget:nth-child(3) { clear:left } .copyright-inner { text-align:center } .copyright-text { float:none } .content:before,.single-content:before{ display:none } .post, .author-box, #comments, #respond { padding-left:0; padding-right:0 } .content:before, .single-content:before{ display:none } .post-meta{ width:auto; } .post-meta .fa, .meta .fa{display:inline-block; } .navigation { margin-left:0; margin-right:0 } } @media screen and (max-width:870px) { .post .gallerytiled ul li { width:24.6% } .featured-posts .post { margin-right: 0; width: 100%; } .main-wrapper { float:none; max-width:96%; width:100%; } .content-area { clear:both; float:none; margin:0; width:100% !important; } .sidebar { margin-left:0; margin-right:0; max-width:100%; width:100% !important } .instagram-photos li { width: 33%; } } @media screen and (max-width:768px) { .header { text-align:center } .main-nav { display:none } .social-links { float:right } .st-menu { display:block } .st-menu ul { margin:0; padding:0; } .st-menu ul li { display:block; position:relative } .st-menu ul li a { display:block; padding:13px 15px; box-shadow:inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.06); color: #fff; text-transform:uppercase; text-shadow:0 0 1px rgba(255,255,255,0.1); letter-spacing:1px; font-weight:400; line-height:1.4; -webkit-transition:background 0.3s, box-shadow 0.3s; transition:background 0.3s, box-shadow 0.3s; } .st-menu ul li ul li a { padding-left:30px } .st-menu ul li ul li ul li a { padding-left:45px } .st-menu ul li a:hover { background:rgba(0,0,0,0.2); box-shadow:inset 0 -1px rgba(0,0,0,0); color:#fff } .side-sub-menu { cursor:pointer; position:absolute; top:0; right:0; height:44px; width:50px } .side-sub-menu .fa { color:#fff; font-size:22px; margin:10px 18px } .st-menu { -ms-transform:translate3d(-300px, 0, 0); -webkit-transform:translate3d(-300px, 0, 0); transform:translate3d(-300px, 0, 0); } .openNav .menu-pusher { position: fixed; -ms-transform:translate3d(300px, 0, 0); -webkit-transform:translate3d(300px, 0, 0); transform:translate3d(300px, 0, 0); } .openNav .st-menu { visibility: visible } .site-overlay { visibility: hidden; -webkit-transition:background 0.4s; transition:background 0.4s; } .openNav .site-overlay { background: rgba(0,0,0,0.5); cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; visibility: visible; z-index: 999; } .st-menu ul.sub-menu { display:none } .menu-btn.fa { bottom: -55px; color: #fff; cursor: pointer; display: inline-block; float: left; font-size: 24px; left: 0; padding: 15px 0; position: absolute; text-align: center; width: 100%; } .header-1 .logo-wrap { float: none; } .main-header { margin-bottom: 95px; } .boxed-layout, .boxed-layout .header, .footer .container { max-width:100%; width:100% } .boxed-layout .header { width:96% } .content { margin: 0 } .content-page, .content-single { margin-left:0 } .footer-widgets .footer-widget { margin:0 0 10px; width:100% } } @media screen and (max-width:620px) { .footer-subscribe form { display:block; margin:15px 0 0; width:100%; } } @media screen and (max-width:480px) { .header #logo { font-size:45px } .menu-btn { margin-left:5px } .featured-thumbnail { width:100% } .featured-cats { display: none; } .featured-cats:before {background: transparent;} .f-title {font-size: 14px;} .featuredslider .post-inner {padding: 10px;} .content-area { float:left } .post-home, .breadcrumbs, .author-box, .post-navigation, .relatedPosts, #comments, #respond { padding-left:20px; padding-right:20px } .post-content { margin:0 0 15px } .post-meta span { border:0 } .post-meta .post-comments span { display:inline-block } .error-text { font-size:120px; line-height:140px; margin-bottom:0 } .error-page-content { font-size:14px } .error-head span { padding:0 10px } .sitemap-col, .archive-col { margin:0 0 20px; width:100% } .post-navigation .post-nav-links { width:100% } .post-navigation .prev-link { border-right:0 } .sidebar { margin-left:0; margin-right:0; max-width:100%; width:100% } .footer-widget { margin:0 0 20px; width:100% } .footer-widget .widget { margin-bottom:0 } .footer-site-info #logo { font-size:45px } #commentform textarea { width:92.5% } .copyright-text { margin-bottom:10px; text-align:center; width:100% } .instagram-title { display: inline-block; left: auto; margin-bottom: 30px; position: inherit; top: auto; transform: none; } .instagram-photos li { width: 100%; } }