/* ThemeWaves Responsive CSS */ /* Affects device widths of 959px and smaller. */ @media (max-width: 1599px) { .tw-header.tw-header-sidebar ~ .main-container { margin-left: 0; } .uk-padding-large .uk-padding{ padding: 10px; } .uk-padding .uk-padding-large{ padding: 30px; } } @media (max-width: 1199px) { .tw-magazine-fixed{ position: relative !important; } .uk-section.tw-blog-magazine .uk-container{ padding: 0 40px; } .bottom-area .uk-padding-left{ padding-left: 0; } .uk-padding-large{ padding: 40px; } .tw-box.uk-padding:not(.layout-2){ padding: 10px; } .tw-box.uk-padding.layout-2:not(.right){ padding-right: 0; } .tw-call-action{ flex-direction: column; align-items: flex-start; } .call-content + .call-btn{ margin-top: 20px; } .sidebar-area .sidebar-inner{ padding-left: 10px; } .sidebar-area .widget{ margin-bottom: 36px; } .portfolio-single8{ width: 100%; } } /* Affects device widths of 959px and smaller. */ @media (max-width: 959px) { .fp-tableCell, .tw-fullpage-main>section, .tw-fullpage-main{ height: auto !important; max-width: 100% !important; display: inline-block !important; left: 0 !important; top:0 !important; position: static !important; transform: none !important; } .fp-tableCell{ padding: 70px 0; } .tw-fullpage-main-container{ overflow-y: auto !important; } #fp-nav{ /*display: none;*/ } .big-images.owl-carousel.owl-theme .owl-stage-outer, .big-images.owl-carousel.owl-theme .owl-item{ width: auto !important; } .tw-fullpage-main>section>.fp-tableCell, .tw-fullpage-main>section{ min-width: 100%; width: 100%; visibility: visible !important; opacity: 1 !important; } .isotope-container .portfolio-media img, .isotope-container .portfolio-media, .owl-carousel .shop-image-container, .owl-carousel .portfolio-media{ width: 100%; } .tw-slider .slider-item{ height: 600px; } .tw-heading .tw-sub-title{ font-size: 10px; } .tw-heading h1{ font-size: 42px; } .tw-heading h2{ font-size: 36px; } .tw-carousel .owl-theme .owl-dots{ bottom: 50px; } .footer-area .copyright{ text-align: center; } .tw-process .tw-process-block .tw-process-circle:after { display: none; } .tw-tablet-margin{ margin-top: 20px; } .sidebar-area{ width: 100%; } .sidebar-area .sidebar-inner{ padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap; justify-content: space-around; } .content-area + .sidebar-area, .sidebar-area + .content-area{ margin-top: 60px; } .tw-portfolio.promo .promo-text-container, .tw-portfolio.promo .uk-first-column .promo-text-container, .tw-portfolio.promo .promo-image-container, .tw-portfolio.promo .uk-first-column .promo-image-container{ margin-left: 0; margin-right: 0; } .tw-header .uk-container .uk-navbar-left { left: 30px; } .tw-header .uk-container .uk-navbar-right { right: 30px; } .tw-topbar{ height: auto; line-height: auto; } .tw-topbar-right, .tw-topbar-left{ justify-content: center; } } @media (max-width: 767px) { html, body{ overflow: auto; } .tw-splitscreen .uk-section.tw-splitpage-section{ padding: 70px 0; background-size: cover; min-height: 250px; } .tw-splitscreen .tw-header.tw-header-transparent{ position: relative; background: #151515; } .tw-splitscreen .uk-section.tw-splitpage-section .tw-box.layout-2.no-icon{ padding-left: 0; } } @media (max-width: 639px) { .tw-element + .uk-grid, .tw-element + .tw-element { margin-top: 20px; } .uk-container{ padding-left: 30px; padding-right: 30px; } .tw-slider .slider-item{ height: 400px; } .tw-pricing-table .pricing-title, .tw-heading h1{ font-size: 36px; } .tw-heading h2{ font-size: 30px; } .tw-carousel-testimonial .testimonial-title{ font-size: 20px; } .tw-coming-soon .counter-item{ margin-left: 15px; margin-right: 15px; } .tw-coming-soon .counter{ font-size: 24px; width: 90px; height: 90px; } .tw-page-title-container .tw-page-title{ font-size: 36px; } .metro-blog article .entry-content p:not(.more-link){ display: none; } .metro-blog article .entry-date, .metro-blog article .entry-title{ top: 0 !important } } /* Affects device widths of 639px and smaller. */ @media (max-width: 480px) { .uk-container{ padding-left: 20px; padding-right: 20px; } } @media (max-width: 639px) { .uk-width-1-1\@xs, .uk-child-width-1-2\@xs>.uk-width-1-1, .uk-child-width-1-1\@xs>* { width: 100%; } .uk-child-width-1-2\@xs>* { width: 50%; } .tw-call-action{ padding: 40px 60px; } } @media (max-width: 360px) { .uk-width-1-1\@xxs, .uk-child-width-1-2\@xxs>.uk-width-1-1, .uk-child-width-1-1\@xxs>* { width: 100%; } .uk-child-width-1-2\@xxs>* { width: 50%; } .tw-heading h1, .tw-heading h2{ font-size: 24px; } }