@media screen and (max-width: 992px) { .wp-main-header .wp-topbar-menu ul { margin: 10px 0; text-align: center; } .dropdown-toggle::after { position: absolute; top: 8px; left: 65px; } .wp-main-section .sidebar { padding: 26px 10px 15px 10px; } .sidebar-search{ margin-top: 50px; } .dropdown-menu.show { display: block; } .wp-main-section .blog-wrap .post-prev .postnav-image, .wp-main-section .blog-wrap .post-next .postnav-image { width: 60px; height: 60px; } .wp-main-section .blog-wrap .post-prev i, .wp-main-section .blog-wrap .post-next i { line-height: 60px; } } @media screen and (max-width: 1024px) { .wp-main-section .post-description .post-title h5{ line-height: 17px !important; } .wp-main-section .post-description .post-title h5 a{ font-size: 14px; padding-bottom: 0; } .wp-main-section .post-description ul li.date{ font-size: 12px; margin-top: 0 !important; margin-left: 20px !important; font-size: 12px !important; } .wp-main-section .sidebar { padding: 30px 0 15px 15px; } .wp-main-section .post-description ul li.date:before { width: 10px !important; left: -18px !important; } .contact-section .contact-form .contact-title h2:before{ left: 35%; } .contact-section .contact-form .contact-title h2:after{ right: 35%; } } @media (max-width: 768px){ .wp-main-section .pagination{ justify-content: center !important; } .contact-section .contact-form .contact-title h2:before{ left: 29%; } .contact-section .contact-form .contact-title h2:after{ right: 29%; } .contact-section .contact-form .contact-title .description{ padding: 0; } .wp-main-section .post-description .post-title h5 a{ font-size: 16px; } .footer-section .footer-top .social_link ul li{ margin-right: -2px; } .categories-list .categories-name span{ margin-right: 100px; } .wp-main-section .sidebar.sidebar-post .single-post .post-description ul li.dates{ float: none; margin-left: 25px; } } @media (max-width: 425px){ .contact-section .contact-form .contact-title h2{ font-size: 22px; } .contact-section .contact-form .contact-title h2:before{ left: 16%; } .contact-section .contact-form .contact-title h2:after{ right: 16%; } .wp-main-header .wp-topbar-menu ul li { margin-right: 15px; } .wp-main-section .blog-wrap .content-part { padding: 0px 30px 0px; } .wp-main-section .blog-wrap .content-part .title:before{ left: -30px; } .wp-main-section .blog-meta li i{ margin-left: 11px; } .wp-main-section .pagination .page-numbers { margin-right: 0px } .wp-main-header .magcity-site-naming-wrapper a{ font-size: 38px; } .wp-main-header .magcity-site-naming-wrapper p{ font-size: 14px; } .mppt-100{ padding: 60px 0; } .wp-main-section .sidebar { padding: 30px 18px 15px 18px; } .wp-main-section .post-description .post-title h5 a { font-size: 15px; } #goToTopBtn{ position: fixed; bottom: 5px; right: 15px; padding: 2px 10px; } .footer-section .copyright-footer{ margin: 0; } .footer-section .footer-top { padding-top: 35px; } .wp-main-section .blog-wrap .author-img{ float: none; } .next-post-title{ width: 110px; padding-right: 10px; } .wp-main-section .blog-wrap .post-navigation h6{ font-size: 12px; margin: 0; } .wp-main-section .blog-wrap .prev-post-title span, .wp-main-section .blog-wrap .next-post-title span{ font-size: 13px; } .wp-main-section .blog-wrap .post-navigation .post-prev{ border: none; } .prev-post-title{ width: 110px !important; padding-left: 10px !important; } .comment-form .form-group { margin-bottom: 10px; } .comment-form { padding: 15px; } .blog-dtls-content .comments-wrap ul li.ml-30 { margin-left: 0px;} } @media (max-width: 375px){ .wp-main-header .wp-topbar-menu ul li a, .wp-main-header .wp-topbar-menu ul li span{ font-size: 13px; } .contact-section .contact-form .contact-title h2{ font-size: 22px; } .contact-section .contact-form .contact-title h2:before{ left: 11%; } .contact-section .contact-form .contact-title h2:after{ right: 11%; } .wp-main-header .wp-topbar-menu ul li { margin-right: 15px; } .wp-main-section .blog-wrap .content-part { padding: 0px 20px 0px; } .wp-main-section .blog-wrap .content-part .title:before{ left: -20px; } .wp-main-section .blog-meta li a { font-size: 12px; } .wp-main-section .blog-meta li a img { margin-right: 5px; } .wp-main-section .blog-wrap .content-part .descriptison{ font-size: 14px; } .wp-main-section .blog-meta li i{ margin-left: 8px; } .wp-main-section .pagination .page-numbers { margin-right: 0px } .wp-main-header .magcity-site-naming-wrapper a{ font-size: 38px; } .wp-main-header .magcity-site-naming-wrapper p{ font-size: 14px; } .mppt-100{ padding: 60px 0; } .wp-main-section .sidebar { padding: 30px 18px 15px 18px; } .wp-main-section .post-description .post-title h5 a { font-size: 15px; } #goToTopBtn{ position: fixed; bottom: 5px; right: 15px; padding: 2px 10px; } } @media (max-width: 320px){ .wp-main-header .wp-topbar-menu ul li { margin-right: 12px; } .wp-main-header .wp-topbar-menu ul li a{ font-size: 11px; } .wp-main-header .wp-topbar-menu ul li span{ font-size: 11px; } .wp-main-header .wp-topbar-menu ul li a.sep:after{ height: 10px; } .wp-main-header .wp-topbar-menu ul { margin: 5px 0; } .wp-main-header .wp-topbar-menu .topbar-right ul li { width: 25px; height: 25px; margin-right: 3px; line-height: 24px; } .wp-main-header .magcity-site-naming-wrapper a{ font-size: 30px; } .wp-main-header .magcity-site-naming-wrapper p{ font-size: 15px; } .mppt-100{ padding: 50px 0; } .wp-main-section .blog-wrap .content-part h3 a{ font-size: 17px; } .wp-main-section .pagination .page-numbers{ padding: 5px 10px; } .wp-main-section .blog-wrap .post-prev .postnav-image, .wp-main-section .blog-wrap .post-next .postnav-image{ display: none; } .wp-main-section .blog-wrap .post-navigation .post-prev{ border-right: 2px solid #1f1f1f; } .wp-main-section .blog-wrap .post-navigation h6{ margin: 5px 0; } .blog-dtls-content .comments-wrap ul li{ margin-bottom: 0; } .blog-dtls-content .comments-wrap ul li.ml-30{ margin-left: 0; } .blog-dtls-content .comments-wrap ul li p{ font-size: 14px; } .comment-form .title h2{ margin-bottom: 15px; font-size: 23px; } .categories-list .categories-name span { margin-right: 30px; } .wp-main-section .blog-wrap .content-part .title:before{ width: 0; } .wp-main-section .sidebar { padding: 30px 0px 15px 10px; } .contact-section .contact-form .contact-title h2:before { left: 0%; } .contact-section .contact-form .contact-title h2:after { right: 0%; } }