.boxed-layout, .main-wrapper, .container { max-width:1170px; width:96% } @media screen and (max-width:1260px) { .boxed-layout, .boxed-layout .main-wrapper { max-width:980px; width:100% } .header, .main-wrapper, .footer .container, .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 } } @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, .footer-widgets, .footer-subscribe .center-width .copyright-inner { width:96% } .social-widget ul li { margin-right:5% } .social-widget ul li span { width:50px } .ad-125-widget li, .footer-widget { width:47.5% } .copyright-inner { text-align:center } .copyright-text { float:none } .header { text-align:center !important } .f-title { font-size:18px; line-height:26px } .header-search { margin: 11px 15px 11px 0 !important } } @media screen and (max-width:768px) { .header { text-align:center } .logo-wrap { float: none } .header-ad { float: none; margin: 0 auto 25px; max-width: 100%; width: 728px } .social-links { float:right } .header-search { display: none } .st-menu { display:block; position:fixed; left:0; overflow-y:auto; visibility:hidden; width:300px; height:100%; background:#212121; -webkit-transition:all 0.5s; transition:all 0.5s; z-index: 99 } .st-menu ul { margin:0; padding:0; } .st-menu li { display:block; float: none; 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; width: 100%; -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 { color:#fff; display:inline-block; float:left; font-size:24px; cursor:pointer; padding:15px } .menu-btn span { display: inline-block; font-size: 19px; vertical-align: 3px; } .main-nav { display: none } .boxed-layout, .boxed-layout .header, .copyright-inner { max-width:100%; width:100% } .boxed-layout .header { width:96% } .header { overflow:hidden } .main-wrapper, .boxed-layout .main-wrapper { float:none; max-width:96%; width:100%; } .content-area { clear:both; float:none; margin:0; width:100% !important; } .content { margin: 0 } .content-page, .content-single { margin-left:0 } .cover-content { width: 100% } .post-navigation .post-nav-links { width: 100% } .alignright.post-nav-links { margin-top: 20px } .sidebar { margin-left:0; margin-right:0; max-width:100%; width:100% !important } .footer-widgets .footer-widget { margin:0 0 10px; width:100% } .f-title { font-size: 14px; line-height: 1.5; } } @media screen and (max-width:620px) { .social-links-label { display:none } .footer-subscribe form { display:block; margin:15px 0 0; width:100%; } } @media screen and (max-width:480px) { .cover-heading .title { font-size:22px; line-height:26px } .featuredslider .featured-content { display:none } .menu-btn { margin-left:5px } .featured-thumbnail { float: none; max-width:100%; width:100%; } .slider-post { width: 100%; } .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 } #commentform textarea { width:92.5% } .copyright-text { margin-bottom:10px; text-align:center; width:100% } }