@media (max-width: 1400px) { .home-slider-one .home-slider.owl-theme .owl-dots { top: 38%; right: 20%; } } @media only screen and (max-width: 991px) and (min-width: 768px) { [class*="lg-shape"] { display: none; } .home-slider-one .home-slider.owl-theme .owl-dots { top: 30%; right: 25%; transform: translate(225%,0); padding: 18px 16px; } } @media (min-width: 992px) and (max-width: 1199px) { .main-menu-right > ul { padding-left: 0.5rem; } .main-menu-right > ul > li { margin-right: 0.625rem; } .main-navigation-area .main-menu-right > ul li:last-child { padding-left: 0.625rem; } .main-navbar .main-menu > li.menu-item > a { padding: 0 0.4375rem; } .gallery-item figcaption { padding: 1.5rem; } } @media (min-width: 992px) { .header-one .row-bottom .logo{ background-color: rgba(255, 255, 255, 0.1); width: 290px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 40px 40px 0px 0px; margin: auto; } .header-one .row-center .logo{ margin-right: auto; margin-left: inherit; display: none; } .header-one .row-center.is-sticky-menu .logo{ display: block; } .home-slider div.owl-nav { left: 43.1%; transform: translateX(-43.1%); } .footer-main .col-12 { padding-top: 40px; padding-bottom: 40px; border-left: 1px solid rgba(255, 255, 255, 0.2); } .footer-main .col-12:first-child { border-left: 0; } .footer-main .col-12:nth-child(2) { text-align: center; } .footer-main .mail-form { justify-content: center; } .main-header.header-one{ position: absolute; top: 0; left: 0; width: 100%; background-color: transparent; z-index: 99; } .home .main-header.header-one:not(:has(.row-top)){ position: relative; background-color: var(--bs-secondary); } .home-slider-one + .info-section, .home-slider-two + .info-section, .home-slider-one + .info-section, .home-slider-two + .info-section { padding-top: 0; margin-top: -190px; position: relative; } .info-section .col-lg-4{ padding: 0; } .info-section .contact-area.bs-primary-light1{ background: var(--bs-primary-light1); } .info-section .col-lg-4:first-child .contact-area { border-radius: 130px 0 0 130px; } .info-section .col-lg-4:last-child .contact-area { border-radius: 0 130px 130px 0; } .breadcrumb-area .breadcrumb-content { padding-top: 405px; padding-bottom: 165px; } } @media (min-width: 768px) { .sponsors-items { border-width: 0px 1px 1px 0px; } .col:nth-child(4n+4) .sponsors-items { border-width: 0px 0px 1px 0px; } .col:nth-child(n+5) .sponsors-items { border-bottom-width: 0; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1200px; } .home-slider div.owl-nav { left: 33.5%; transform: translateX(-34.5%); } } @media (min-width: 992px) and (max-width: 1799px) { .home-slider-one .item > img{ min-height: 800px; object-fit: cover; object-position: center center; } } @media (max-width: 1199px) { .lg-shape { display: none; } } @media (max-width: 991px) { .main-footer .footer-main { padding-top: 200px; padding-bottom: 40px; } .home-slider div.owl-nav { left: auto; right: 0; transform: translateX(0%); } .project-wrapper .col-12:nth-child(3n+2) .projects-item { border-radius: 0 0 0 15px; } .project-wrapper .col-12:nth-child(3n+3) .projects-item { border-radius: 0 15px 0 0; } .project-wrapper .col-12:nth-child(3n+4) .projects-item { border-radius: 15px 0 0 0; } .projects-item .projects-caption { padding: 20px; } .projects-item .projects-caption h4 { margin-top: 0.35rem; margin-bottom: 0.35rem; font-size: 1rem; } .projects-item .projects-caption .readmore { width: 30px; height: 30px; line-height: 30px; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; } .pricing-section .pricing-wrapper .col-12 .pricing-item { border-radius: 15px; } .thumb-owl-dots.owl-dots { text-align: center; } .testimonial-section .thumb-owl-dots .owl-dot { display: inline-block; margin-left: 10px; } .testimonial-section .thumb-owl-dots .owl-dot:first-child { margin-left: 0; } .home-slider-one .main-content h5{ font-size: 1rem; margin-bottom: 0.5rem; } .home-slider-one .main-content h3{ font-size: 2rem; margin-bottom: 0.5rem; line-height: 65px; } .home-slider-one .main-content .slider-arrow{ display: none; } .home-slider-one .main-content .btn{ font-size: 15px; margin-right: 0.2rem; padding: 14px 28px; } .home-slider-one .main-content .btn:last-child{ margin-right: 0; } .main-content .btn.btnplay { padding: 15px; } .breadcrumb-section .breadcrumb-shapes .breadcrumb-shapes-left, .breadcrumb-section .breadcrumb-shapes .breadcrumb-shapes-right { min-height: 360px; } .testimonial-right { margin: auto; } .footer-newsletter .newsletter-bg { padding: 40px; } .footer-newsletter .newsletter-bg .newsletter-widgetbg { padding: 0px; background-color: transparent; } .footer-newsletter .contact-area { justify-content: center; } .skills-img { position: inherit; bottom: 80px; width: 100%; height: 100%; } .section-404 h1 { font-size: 220px; } .section-404 h2 { font-size: 70px; } .section-404 h4 { font-size: 50px; } } @media (max-width: 767px) { .home-slider-one .home-slider.owl-theme .owl-dots { display: none; } .project-wrapper .col-12:nth-child(odd) .projects-item { border-radius: 0 0 15px 0; } .project-wrapper .col-12:nth-child(even) .projects-item { border-radius: 0 15px 0 0; } .funfact-wrapper { --bs-gutter-y: 3.5rem; } .funfact-area .funfact-icon:before { height: 80px; left: -5px; } .theme-heading .placeholder { font-size: 3.75rem; } .info-section .contact-area { padding: 2.5rem 2.188rem; } [class*="lg-shape"] { display: none; } .pricing-item { padding: 44px 22px 22px 22px; } .pricing-body { padding: 25px; margin-top: 20px; } .author-details .media { flex-wrap: wrap; } .author-details .media .auth-mata { margin: 0 0 20px; } .comments-area .comment-body { padding: 30px; display: block; } .comments-area ul.comment-list .children .comment-body { padding-left: 30px; } .comment-author { margin-bottom: 20px; } .design-vartical { position: initial; width: 100%; transform: rotate(0deg); } .sponsors-items { border-width: 0px 1px 1px 0px; } .col:nth-child(2n+2) .sponsors-items { border-width: 0px 0px 1px 0px; } .col:last-child .sponsors-items, .col:nth-child(9) .sponsors-items { border-bottom-width: 0; } } @media (max-width: 575px) { .about-content { width: 280px; height: 280px; } .section-404 h1 { font-size: 130px; } .section-404 h2 { font-size: 50px; } .section-404 h4 { font-size: 30px; } .section-404 p { font-size: 18px; } } @media (max-width: 540px) { .home-slider-one .main-content h3 { font-size: 1.25rem; margin-bottom: 0.3125rem; line-height: 45px; } .home-slider-one .main-content p { font-size: 0.8125rem; margin-bottom: 0.3125rem; max-width: 275px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home-slider-one .main-content .btn{ font-size: 15px; padding: 10px 18px; } .footer-newsletter .newsletter-bg { padding: 30px 30px; } .testimonial-img { width: 280px; height: 280px; } } @media (max-width: 414px) { .about-content { width: 220px; height: 220px; } .theme-heading .placeholder { font-size: 3.3rem; } .main-mobile-menu .header-wrap-right li { margin-right: 6px; } .mobile-logo .logo { max-width: 168px; } .breadcrumb-section .breadcrumb-shapes .breadcrumb-shapes-left, .breadcrumb-section .breadcrumb-shapes .breadcrumb-shapes-right { min-height: 200px; } .testimonial-img { width: 200px; height: 200px; } .Client { width: 60px; height: 60px; } .border-circle:after, .border-circle:before { width: 30px; height: 30px; } .border-circle:before { bottom: 20px; } .border-circle:after { top: 20px; } .testimonial-bg .icon { transform: translate(25px, 88px); } .faq-section .send-your-enquiry { padding: 40px 20px; background-color: #f4f4f4; } } @media (max-width: 320px) { .testimonial-bg { padding: 25px; } .testimonial-img { width: 180px; height: 180px; } .border-circle:before { bottom: 5px; } .border-circle:after { top: 5px; } .comments-area .comment-body { padding: 30px 0; } .comments-area ul.comment-list .children .comment-body { padding-left: 0px; } } @media screen and ( min-width: 782px ){ body.admin-bar{ position: relative !important; } .nojq + .skip-link + .main-header.header-one .is-sticky-menu{ top: 32px !important; } } @media screen and ( min-width: 600px ) and ( max-width: 782px ){ body.admin-bar{ position: relative !important; top: 46px; } .nojq + .skip-link + .main-header.header-one .is-sticky-menu{ top: 46px !important; } } @media screen and ( max-width: 601px ){ .nojq{ position: fixed !important; } .nojq + .skip-link + .main-header.header-one .is-sticky-menu{ top: 46px !important; } }