@media only screen and (max-width: 1170px) { .headerstyle2 div#logo { text-align: center; margin: 0 auto; float: none; } .headerstyle2 .topad { float: none; text-align: center; margin: 0 auto; margin-top: 25px; } } @media only screen and (min-width: 942px) and (max-width: 1170px) { #mainfooter .four.columns{ width: 27.2%; } .container { width:940px; } #mainpage { width:580px; } /* featured-box Boxes */ .featured-box-item { height:250px; } /* Grid Layout */ .ct_grid_view > li { width:275px; } #mainpage.fullwidth .ct_grid_view > li { width:30.5%; } /* Related Posts */ #mainpage.fullwidth .item-related:last-child { margin-right:0; } /* Footer */ #ct_social_footer a { margin:0 19px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { #mainfooter .four.columns:last-child { margin-right: 2%; } #mainfooter .four.columns:nth-child(2) { margin-right: 0; } .pagination{margin-bottom: 30px;} #sidebar { padding-left: 0px; } #mainfooter .four.columns{ width: 42.94%; } #footer .side-image{margin-bottom: 30px;} #footer .side-item-text{ padding: 0; } .container { width:726px; } #mainpage { width:100%; } #sidebar { width:480px; margin:0 auto; float:none; overflow:hidden; clear:both; } #navigation-wrap { display:none; } .slicknav_menu { display:block; } /* Grid items */ .ct_grid_view > li, #mainpage.fullwidth .ct_grid_view > li { width:47.94%; } #mainpage.fullwidth .ct_grid_view > li { margin-right:26px; } /* slider slider */ .feat-overlay h2 { font-size:23px; } /* featured-box Boxes */ .featured-box-item { height:185px; margin-right:2%; } /* Related items */ #mainpage.fullwidth .item-related:last-child { margin-right:0; } /* Footer */ #ct_social_footer a span { display:none; } #ct_social_footer a { font-size:18px; } } @media only screen and (max-width: 767px) { .pagination{margin-bottom: 30px;} #sidebar { padding-left: 0px; } .feat-item{height:350px;} .list-blog .post-entry p{display:none;} .container { width:300px; } #mainpage { width:100%; } #sidebar { width:100%; } #logo img { max-width:100%; } #navigation-wrap { display:none; } .slicknav_menu { display:block; } /* grid item */ .ct_grid_view > li, #mainpage.fullwidth .ct_grid_view > li { width:100%; margin-right:0; } /* List layout */ .list-item .article_image img { max-width:90px; } .list-item .article_image { margin-right:16px; } .list-item p { display:none; } .list-item .entry_article_header h2 a { font-size:14px; letter-spacing:1px; } .list-item .entry_article_header h2 { margin-bottom:9px; } .list-item .entry_article_header { margin-bottom:0; } #mainpage.fullwidth .list-item .article_image img { max-width:90px; } .list-separators { margin: 0 0 10px; } .feat-overlay h2 { font-size:15px; } .feat-more { font-size:9px; padding:8px 9px 9px 10px; } .feat-overlay h2 { margin-bottom:12px; } .feat-overlay .category a { margin:0 3px 10px; } /* featured-box Boxes */ .featured-box-item { width:100%; height:176px; margin-bottom:30px; } /* Related items */ /* Post header */ .entry_article_header h2 a, .entry_article_header h1 { font-size:19px; letter-spacing:2px; } .entry_article_header h2, .entry_article_header h1 { max-width:100%; } /* post share */ /* Author box */ .author-img { margin-right:16px; } .author-img img { max-width:60px; height:auto; } /* Footer */ #ct_social_footer a span { display:none; } #ct_social_footer a { font-size:18px; margin:0 10px; } /* Instagram */ #insta_widget_footer ul.instagram-pics > li { width:25% !important; } #insta_widget_footer ul.instagram-pics > li:nth-child(8), #insta_widget_footer ul.instagram-pics > li:nth-child(7), #insta_widget_footer ul.instagram-pics > li:nth-child(6), #insta_widget_footer ul.instagram-pics > li:nth-child(5) { display:none; } } @media only screen and (min-width: 480px) and (max-width: 768px) { .item-grid.first { width: 100%; margin-bottom: 1px; } .item-grid-wrap { width: 100%; } .item-grid-wrap .item-grid:nth-child(1) {margin-right: 1px;} .item-grid-wrap .item-grid:nth-child(odd){ width:49.8%; } .feat-overlay h2 a { font-size: 18px; line-height: 26px; } .pagination{margin-bottom: 30px;} #mainfooter .four.columns{ width: 96%; margin-right:0; padding:2%; } #footer .side-image{margin-bottom: 30px;} #footer .side-item-text{padding: 0} .ct_slider .feat-inner { max-width: 60%!important; } .container { width:480px; } /* grid item */ .ct_grid_view > li, #mainpage.fullwidth .ct_grid_view > li { width:44.2%; margin-right:26px; } /* List layout */ .list-item .article_image img { max-width:150px; } .list-item .article_image { margin-right:22px; } .list-item .entry_article_header h2 a { font-size:17px; } .list-item .entry_article_header h2 { margin-bottom:8px; } #mainpage.fullwidth .list-item .article_image img { max-width:150px; } .feat-overlay h2 { font-size:17px; } /* featured-box Boxes */ .featured-box-item { width:100%; height:200px; margin-bottom:30px; } .featured-box-item:last-child { margin-bottom:0; } /* Related items */ /* Author Box */ .author-img img { max-width:70px; height:auto; } /* Footer */ #ct_social_footer a { font-size:18px; margin:0 5px; } } @media only screen and (max-width: 479px) { #mainfooter .four.columns{padding:2%; margin-right:0; margin-bottom: 20px;} .item-grid.first { width: 100%; float: left; height: 350px; overflow: hidden; position: relative; } .item-grid.first .feat-item { height: 350px; } .item-grid-wrap { width: 100%; } .item-grid-wrap .item-grid:nth-child(even),.item-grid-wrap .item-grid:nth-child(odd) { width: 100%;height:200px; } .feat-overlay h2 a { font-size: 18px; line-height: 24px; } .item-grid-wrap .feat-item{height:200px;} .pagination{margin-bottom: 30px;} .item-related { width: 100%; margin-right: 0; } .post-tags { float: none; text-align: center; } .ct_slider .feat-inner { max-width: 40%!important; } .single .social_share_area-box.share-buttons { float: none; text-align: center; display: block; } p.readmore { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 0; position: relative; margin: 20px 0; } .jack.social_share_area { width: 100%; display: inline-block; vertical-align: top; padding: 3px 0px; } .social_share_area-box.share-comments { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 0; padding: 7px 0; text-align: center; } .list-blog .grid-item { margin-bottom: 40px; } #mainfooter .four.columns { width: 95%; } .list-blog .contentwrap{width: 60%!important;} #footer .side-image { margin-bottom: 30px; } #footer .side-item-text { padding: 0 } #ct_social_footer{width:100%; display:block; margin:0 auto; text-align:center;} .copyright{text-align: center;padding-top: 40px;} } @media only screen and (max-width: 480px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width:100%; } } @media only screen and (min-width: 767px) { #mainpage.fullwidth .ct_grid_view li:nth-of-type(3n+3) { margin-right: 0; } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @media only screen and (min-width: 220px) { #footer h2 { margin-bottom: 25px; } } @media only screen and (max-width:960px){ #sidebar .widget{margin-left:0;} .topmenuwrap{padding-bottom: 44px;} #upper-social-area { width: 100%; } #logo { width: 100%; } #upper-search-area { position: absolute; top: 35px; right: 0; } .frontclass.container { position: relative; padding-top: 35px; } .post { margin-bottom:40px; } }