/* Max width 767px */
@media only screen and (max-width: 767px) {
body {
font-size: 13px;
}
p {
font-size: 13px;
}
.container {
max-width: 100%;
}
.ptb-100 {
padding-top: 60px;
padding-bottom: 60px;
}
.pt-100 {
padding-top: 60px;
}
.pb-100 {
padding-bottom: 60px;
}
.ptb-70 {
padding-top: 30px;
padding-bottom: 30px;
}
.pt-70 {
padding-top: 30px;
}
.pb-70 {
padding-bottom: 30px;
}
.pb-60 {
padding-bottom: 20px;
}
.admin-bar .navbar-area, .admin-bar .navbar-area.is-sticky {
top: 0px;
}
.default-btn {
padding: 10px 20px 10px 37px;
font-size: 14px;
}
.default-btn.no-icon {
padding: 10px 20px 10px 20px;
}
.default-btn i {
left: 15px;
font-size: 15px;
}
.section-title {
max-width: 100%;
margin-bottom: 40px;
}
.section-title .sub-title {
font-size: 13px;
}
.section-title h2 {
font-size: 22px;
}
.section-title h2 br {
display: none;
}
.section-title.text-start {
text-align: center !important;
}
.form-control {
font-size: 13.5px;
}
.single-blog-post .post-content .meta li::before {
top: 3px;
}
.single-blog-post .post-content h3 {
font-size: 17px;
}
.single-blog-post .post-content p {
opacity: 1 !important;
visibility: visible !important;
}
.single-blog-post .post-content .link-btn {
left: 0;
bottom: 0;
opacity: 1;
margin-top: 12px;
position: relative;
visibility: visible;
}
.blog-details-desc .article-content .entry-meta ul {
margin-bottom: -15px;
}
.blog-details-desc .article-content .entry-meta ul li {
padding-left: 20px;
margin-right: 15px;
margin-bottom: 10px;
}
.blog-details-desc .article-content .entry-meta ul li i {
top: -1px;
}
.blog-details-desc .article-content h3 {
font-size: 17px;
line-height: 1.4;
margin-bottom: 12px;
}
.blog-details-desc .article-footer {
text-align: center;
}
.blog-details-desc .article-footer .d-flex {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: block !important;
}
.blog-details-desc .article-footer .article-tags {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.blog-details-desc .article-footer .article-tags p {
margin-bottom: 10px;
}
.blog-details-desc .article-footer .article-tags a {
margin-left: 5px;
padding: 6px 15px;
font-size: 13px;
}
.blog-details-desc .article-footer .article-share {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.blog-details-desc .article-footer .article-share .social {
text-align: center;
margin-top: 15px;
}
.blog-details-desc .article-footer .article-share .social li a {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 29px;
}
blockquote, .blockquote {
padding: 20px 15px !important;
}
blockquote p, .blockquote p {
font-size: 13px !important;
}
.comments-area .comments-title {
font-size: 17px;
margin-bottom: 25px;
}
.comments-area .comment-author {
font-size: 15px;
}
.comments-area .comment-author .avatar {
top: 0;
left: 0;
display: block;
position: relative;
margin-bottom: 15px;
}
.comments-area .comment-body {
padding-left: 0;
}
.comments-area .comment-respond .comment-reply-title {
font-size: 17px;
}
.comments-area .comment-respond .comment-form-author {
width: 100%;
padding-right: 0;
}
.comments-area .comment-respond .comment-form-email {
width: 100%;
padding-left: 0;
}
.comments-area .comment-respond input[type="date"], .comments-area .comment-respond input[type="time"], .comments-area .comment-respond input[type="datetime-local"], .comments-area .comment-respond input[type="week"], .comments-area .comment-respond input[type="month"], .comments-area .comment-respond input[type="text"], .comments-area .comment-respond input[type="email"], .comments-area .comment-respond input[type="url"], .comments-area .comment-respond input[type="password"], .comments-area .comment-respond input[type="search"], .comments-area .comment-respond input[type="tel"], .comments-area .comment-respond input[type="number"], .comments-area .comment-respond textarea {
font-size: 13px;
}
.comments-area .comment-respond .comment-form-cookies-consent label {
font-size: 14px;
}
.comments-area .comment-respond .form-submit input {
font-size: 14px;
}
.error-area {
border-top: 1px solid #eeeeee;
padding-bottom: 60px;
padding-top: 60px;
}
.error-content h3 {
font-size: 20px;
margin-bottom: 15px;
margin-top: 30px;
}
.page-title-area {
padding-top: 60px;
padding-bottom: 60px;
}
.page-title-content h2 {
margin-bottom: 12px;
font-size: 22px;
}
.page-title-content p {
font-size: 13px;
max-width: 100%;
}
.page-title-content ul li {
font-size: 15px;
}
.pagination-area {
margin-top: 0;
}
.pagination-area .page-numbers {
width: 35px;
height: 35px;
font-size: 14px;
line-height: 34.5px;
}
.widget-area {
padding-left: 0;
}
.widget-area.right-sidebar {
margin-top: 30px;
}
.widget-area.left-sidebar {
margin-bottom: 30px;
}
.widget-area .widget .wp-block-heading {
padding-bottom: 10px;
font-size: 17px;
margin-bottom: 25px;
}
.widget-area .widget .wp-block-tag-cloud .tag-cloud-link {
font-size: 13px !important;
}
.widget-area .widget_restoran_posts_thumb .item .info .title {
font-size: 13px;
}
.widget-area .widget_newsletter {
padding: 20px 15px;
}
.widget-area .widget_newsletter h4 {
font-size: 16px;
}
.widget-area .widget_newsletter .newsletter-form button {
padding: 13px 30px 12px;
font-size: 13px;
}
.footer-area {
padding-top: 60px;
}
.single-footer-widget.pr-5 {
padding-right: 0;
}
.footer-area .widget-title,
.footer-area .footer-title {
font-size: 17px;
}
.single-footer-widget .newsletter-form .input-newsletter {
height: 45px;
}
.single-footer-widget .newsletter-form button {
height: 45px;
padding: 0 20px;
font-size: 13px;
}
.footer-area .widget .menu li {
font-size: 13px;
}
.single-footer-widget .footer-contact-info li {
font-size: 13px;
}
.copyright-area {
text-align: center;
margin-top: 30px;
}
.copyright-area ul {
text-align: center;
margin-top: 10px;
}
.shape1, .shape2 {
display: none;
}
.go-top {
right: 15px;
width: 38px;
height: 40px;
bottom: 20px;
font-size: 28px;
}
}
/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
.container {
max-width: 540px;
}
.copyright-area {
text-align: left;
}
.copyright-area ul {
text-align: right;
margin-top: 0;
}
}
/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
font-size: 14px;
}
p {
font-size: 14px;
}
.container {
max-width: 720px;
}
.ptb-100 {
padding-top: 80px;
padding-bottom: 80px;
}
.pt-100 {
padding-top: 80px;
}
.pb-100 {
padding-bottom: 80px;
}
.ptb-70 {
padding-top: 50px;
padding-bottom: 50px;
}
.pt-70 {
padding-top: 50px;
}
.pb-70 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 40px;
}
.admin-bar .navbar-area {
top: 0px;
}
.admin-bar .navbar-area.is-sticky {
top: 46px;
}
.default-btn {
padding: 10px 25px 10px 40px;
font-size: 14px;
}
.default-btn.no-icon {
padding: 10px 25px 10px 25px;
}
.default-btn i {
left: 19px;
font-size: 16px;
}
.section-title {
margin-bottom: 50px;
}
.section-title .sub-title {
font-size: 14px;
}
.section-title h2 {
font-size: 30px;
}
.section-title.text-start {
text-align: center !important;
}
.restoran-responsive-nav .others-option {
top: 14px;
}
.restoran-responsive-nav .others-option .default-btn {
font-size: 14px;
padding-top: 10px;
padding-left: 40px;
padding-right: 25px;
padding-bottom: 10px;
}
.restoran-responsive-nav .others-option .default-btn i {
display: inline-block;
}
.single-blog-post .post-content .meta li::before {
top: 5px;
}
.single-blog-post .post-content h3 {
font-size: 19px;
}
.single-blog-post .post-content p {
opacity: 1 !important;
visibility: visible !important;
}
.single-blog-post .post-content .link-btn {
position: relative;
bottom: 0;
left: 0;
opacity: 1;
visibility: visible;
margin-top: 12px;
}
.shape3 {
display: none;
}
.page-title-area {
padding-top: 80px;
padding-bottom: 80px;
}
.page-title-content h2 {
font-size: 35px;
}
.page-title-content p {
font-size: 15px;
max-width: 525px;
}
.page-title-content ul li {
font-size: 16px;
}
.widget-area {
padding-left: 0;
}
.widget-area.right-sidebar {
margin-top: 40px;
}
.widget-area.left-sidebar {
margin-bottom: 40px;
}
.widget-area .widget .wp-block-heading {
font-size: 20px;
}
.widget-area .widget .wp-block-tag-cloud .tag-cloud-link {
font-size: 13.5px !important;
}
.error-area {
border-top: 1px solid #eeeeee;
padding-top: 80px;
padding-bottom: 80px;
}
.error-content h3 {
font-size: 25px;
margin-bottom: 15px;
margin-top: 40px;
}
.footer-area {
padding-top: 80px;
}
.footer-area .widget-title,
.footer-area .footer-title {
font-size: 19px;
}
.single-footer-widget.pr-5 {
padding-right: 0;
}
.single-footer-widget .newsletter-form button {
padding: 0 25px;
font-size: 14px;
}
.footer-area .widget .menu li {
font-size: 14px;
}
.single-footer-widget .footer-contact-info li {
font-size: 14px;
}
.copyright-area {
margin-top: 50px;
}
.shape1, .shape2 {
display: none;
}
}
/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container {
max-width: 960px;
}
.navbar-area .container-fluid {
max-width: 960px;
padding-left: var(--bs-gutter-x, 0.75rem);
padding-right: var(--bs-gutter-x, 0.75rem);
}
.widget-area {
padding-left: 0;
}
.single-footer-widget.pr-5 {
padding-right: 0;
}
.single-footer-widget .payment-types {
margin-bottom: -5px;
}
.single-footer-widget .payment-types li {
margin-bottom: 5px;
}
}
/* Min width 1200px to Max width 1355px */
@media only screen and (min-width: 1200px) and (max-width: 1355px) {
.container {
max-width: 1140px;
}
.single-footer-widget.pr-5 {
padding-right: 2rem;
}
}
/* Min width 1550px */
@media only screen and (min-width: 1550px) {
.restoran-nav .container-fluid {
padding-left: 150px;
padding-right: 150px;
}
.shape3 {
right: 18%;
}
}