@media only screen and (min-width: 768px) { .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; width: 50%; } .feature-slider-wrap { height: 520px; } .feature-slider-wrap .feature-slider-img { flex: 0 0 48.33%; max-width: 48.33%; } .feature-carousel-slider .content-description { flex: 0 0 51.67%; max-width: 51.67%; padding: 1rem 1.5rem 1rem 5.9rem; } .col-width-70 { -ms-flex: 70%; flex: 70%; max-width: 70%; } .col-width-30 { -ms-flex: 30%; flex: 30%; max-width: 30%; padding-left: 42px; } .post-content-body { display: flex; flex-wrap: wrap; align-items: center; } .post-content-body .post-thumbnail { -ms-flex: 39.9%; flex: 39.9%; max-width: 39.9%; margin-bottom: 0; } .post-content-body .main-post-content { -ms-flex: 60.1%; flex: 60.1%; max-width: 60.1%; padding-left: 40px; } .main-post-content-banner .post-thumbnail { -ms-flex: 100%; flex: 100%; max-width: 100%; margin-bottom:0; } .main-post-content-banner .main-post-content { -ms-flex: 100%; flex: 100%; max-width: 100%; padding: 30px; position: absolute; text-align: center; left: 0; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; } } @media (min-width: 576px){ .search-overlay .modal-dialog { max-width: 100%; padding: 0 1.25rem; } } @media screen and (max-width: 1100px) and (min-width: 768px) { #page { overflow: hidden; } .navbar-nav > li > a { padding-top: 1.2rem; padding-bottom: 1.2rem; padding-right: 12px; padding-left: 12px; } .navbar-nav{ margin-left:0; } .navbar-nav li{ font-size: 0.8125rem; } .col-width-30{ padding-left: 15px; } .custom_paging li.slick-active span:first-of-type{ font-size: 4rem; } .feature-carousel-slider.feature-carousel-slider-v2 .content-description{ padding: 1rem 3rem 1rem 1.2rem; } .custom_paging li span:first-of-type{ font-size: 4rem; } } @media screen and (max-width: 900px) and (min-width: 768px) { .wp-block-quote p:before{ left:-10px; } .navbar-nav li { font-size: 0.8rem; } .feature-carousel-slider .content-description{ padding: 1rem 1.5rem 1rem 2rem; } h2, .h2 { font-size: 1.875rem; } h4, .h4 { font-size: 1.2rem; } .entry-header .title-tag{ font-size: 0.75rem; } .post-meta ul li{ font-size: 0.6rem; } .newsletter-heading p{ font-size:0.875rem; } .newsletter-wrap-body{ padding:1.5rem; } .newsletter-wrap-body .newsletter-content form input{ width: 50%; } .post-content-body .main-post-content{ padding-left: 20px; } .post-content-body .post-thumbnail img{ height: 270px; } .about-us-content{ padding: 2rem 1rem; } .about-us-content h2{ font-size: 2.5rem; } .list-social-media{ margin-left: -10px; } .list-social-media li{ padding-left: 10px; padding-right: 10px; } .newsletter-wrap-aside{ padding:2rem 1rem; } .post-content-wrap-slider .post-content-slider{ padding: 1rem; } .instagram-widget .insta-content img{ height: 82px; } .post-type-popular .post-content h6{ font-size: 0.85rem; } .tag-list{ margin-left: -2px; margin-right: -2px; } .tag-list a{ margin-right: 2px; margin-left: 2px; padding: 5px 12px; font-size: 0.6rem; margin-bottom:8px; } .copyright{ font-size: 0.875rem; } } @media only screen and (max-width: 767px) { .wp-block-quote p:before{ left:-10px; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { justify-content: flex-end; } .nav-previous a{ padding-left: 50px; } .nav-next a{ padding-right: 50px; } .nav-previous{ margin-bottom: 15px; } .breadcrumb{ margin-left: 0; } .post-thumbnail img{ height: auto; } .welcome-banner{ background-attachment: scroll; } .feature-carousel-slider .feature-slider-img{ height: 300px; } .feature-carousel-slider .content-description{ padding:1.5rem; } .custom_paging::after{ width: 128px; } .about-us-content h4{ text-align: center; } .post-type-popular .post-popular-img img{ height: 130px; } #footer-main{ padding: 1.5rem 0; } .page-logo img{ width: 160px; } body{ font-size: 0.875rem; } .copyright{ margin-top:1rem; } .navbar{ display:block; } .navbar-nav{ display:none; } #main-nav{ padding:11px 0; border-bottom: none; box-shadow: 0 1px 5px hsla(0,0%,74.5%,.46); background-color: #ffffff; position:absolute; left:0; top: 0; z-index: 999; right: 0; } #main-nav > .container{ max-width: 100%; } #btn-rollover { position: absolute; left: 0; top: 0; height: 18px; } .navbar-component{ justify-content: flex-end; } .container { max-width: 540px; } .newsletter-wrap-body .newsletter-content form{ display: block; } .newsletter-content .form-inline .btn{ margin-left: 0; } .newsletter-wrap-body .newsletter-content form input{ width: 100%; } .newsletter-content .form-inline .btn{ display: flex; margin-left: auto; margin-top: 10px; width: 100%; text-align: center; justify-content: center; } .about-us-content .author-image img{ width: 250px; height: 250px; } .entry-header h2 { font-size: 2rem; line-height: 1.3; } .custom_paging li span:first-of-type{ font-size: 3.2rem; } .post-content-body .post-thumbnail img{ height: 250px; } .main-post-content-banner .post-thumbnail img{ height: 450px; } }