/************************************************************************ Template Name : Aztecs | Responsive Bootstrap CSS Template Author : Team Fudugo Version : 1.0.0 Created : 2020 File Description : Main css file of the template **************************************************************************/ /* Large devices (desktops, less than 1200px) */ @media (max-width:1199.98px) { .navbar-toggler { border: none; padding: 0; } .navbar-collapse .collapse.show { display: block; } .navbar-collapse .collapse { display: none; } .navbar-nav { height: 100%; overflow-y: auto; } .fs-custom-nav { background-color: #fff !important; } .navbar-nav>li.dropdown>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li.dropdown>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.dropdown>.dropdown-menu{ display: none !important; } .navbar-nav>li.dropdown.show>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li.dropdown.show>.dropdown-menu, .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.dropdown.show>.dropdown-menu{ display: block !important; } .fs-custom-nav { padding-top: 16px !important; padding-bottom: 16px !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .fs-custom-nav .navbar-nav li a.nav-link { margin-left: 0; padding: .5rem 0; } .fs-custom-nav .navbar-nav li.nav-item { margin-left: 0; } .navbarNav li.dropdown .dropdown-toggle i { top: -1px; } .navbarNav { margin-top: 20px; } .navbar-brand .d-logo { display: none; } .navbar-brand .d-none { display: inline-block !important; } .navbarNav .left-btn-white { margin-left: 0; margin-top: 12px; } .navbarNav .theme-button-primary { margin-left: 0; margin-top: 12px; } .fs-slideshow { margin-top: 71px; } .fs-slide-caption h1 { font-size: 48px; } .wrapper-img .background-border { height: 448px; } .fs-carousel-wrapper .carousel-intro { padding-left: 0; } .testimonial-responsive.slider .slick-next { right: -37px; } .testimonial-responsive.slider .slick-prev { left: -37px; } .carousel-control-next { bottom: 10px; left: 50px; } .carousel-control-prev { bottom: 20px; left: -10px; } .fs-feedback-responsive .slick-prev { left: 415px; } .fs-feedback-responsive .slick-next { right: 440px; } #top-menu li.menu-item-has-children>a::before,#top-menu li.menu-item-has-children ul li.dropdown>a::before{ right: 0; top: 0; } .navbarNav li.dropdown .dropdown-menu { box-shadow: none; } .navbarNav li.dropdown .dropdown-menu a { border: none; line-height: normal; height: 38px; } .item[class*="right"] .fs-slide-caption { padding-right: 230px; } .navbar-collapse.navbarNav { position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 150px); padding-bottom: 30px; background-color: #fff; margin: 0; overflow-x: hidden; padding-left: 15px; } .navbar-nav { display: -ms-flexbox; display: block; flex-wrap: nowrap; } .navbar-nav>li { width: 100%; } } /* Medium devices (tablets, less than 992px) */ @media (max-width:991.98px) { .item[class*="right"] .fs-slide-caption { padding-right: 350px; } .fs-slide-caption h1 { font-size: 40px; } .fs-wrapper-image { height: 100%; padding-top: 50px; } .fs-wrapper-image img { position: relative; } .fs-services-inner .fs-heading { padding-top: 45px; } .fs-pages { padding-left: 0; } .fs-team-info { padding: 30px; } .fs-slide-caption h3 { font-size: 26px; } .fs-blog-wrapper { padding-bottom: 25px; } .team-content span { font-size: 20px; } .fs-social-media .btn { width: 37px; height: 37px; line-height: 27px; margin: 0 3px; } .wrapper-img { height: 550px; margin-top: 30px; } .helpfull-links, .fs-pages, .recent-posts { margin-top: 20px; } .fs-wrapper-image img { position: static; margin: 0 auto; } .fs-feedback-responsive .slick-next { right: 336px; } .fs-feedback-responsive .slick-prev { left: 290px; } .fs-feature-inner .col-md-4, .fs-pricing-inner .col-md-4 { flex: 50%; max-width: 50%; } .fs-slideshow { margin-top: 46px; } .fs-search .fs-search-block .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width:767.98px) { .fs-slideshow { margin-top: 55px; } } /* Small devices (landscape phones, less than 768px) */ @media (max-width:767.98px) { .p-b90 { padding-bottom: 45px; } .p-t70, .fs-page .fs-team { padding-top: 40px; } .p-b70 { padding-bottom: 40px; } .p-t100, .fs-page .fs-about-us { padding-top: 60px; } .p-b100 { padding-bottom: 60px; } .fs-feature-col .fs-feature-icon i { font-size: 30px; line-height: 64px; } .fs-feature-col .fs-feature-icon { width: 65px; height: 65px; } .fs-feature-col { padding: 26px 30px; } .fs-slide-caption h3 { font-size: 18px; } .fs-slide-caption h1 { font-size: 36px; } .fs-slide-caption p { margin-bottom: 22px; } .fs-title { font-size: 25px; } .fs-about-inner h2, .fs-heading h2 { margin-bottom: 16px; } .fs-about-inner h5 { font-size: 16px; margin-bottom: 10px; } .custom-pl-2, .fs-pages-link { padding-left: 0; } .fs-feature [class*=col-]:last-child .custom-spacing { margin-bottom: 0 } .fs-callaction-wrapper h2 { font-size: 30px; } .bg-overlay { background: linear-gradient(90deg, rgba(249, 48, 105, 1), rgba(253, 55, 90, .8) 40%, rgba(255, 75, 60, .6) 80%, rgba(252, 87, 42, .7)); } .wrapper-img { height: auto !important; } .wrapper-img img { position: static; height: 100%; width: 100%; } .fs-wrapper-image { height: auto !important; } .fs-wrapper-image img { position: static; height: 100%; width: 100%; } .fs-newsletter .fs-custom-form { margin-bottom: 30px; } .fs-newsletter-inner { padding-top: 55px; padding-bottom: 50px; } .fs-newsletter-form { margin-top: 15px; } .mt-4 { margin-top: .5rem !important; } .fs-section-content p, .fs-blog-meta .h3 { margin-bottom: 5px; } .fs-slideshow-carousel.owl-carousel .owl-item img, .fs-slideshow-carousel iframe { height: 70vh; } .item[class*="left"] .fs-slide-caption, .item[class*="right"] .fs-slide-caption { padding-left: 15px; padding-right: 15px; text-align: center; } .item[class*="right"] .fs-slide-caption { transform: translate(-50%, -50%); } .fs-feedback-responsive .slick-prev { left: 200px; } .fs-feedback-responsive .slick-next { right: 235px; } .fs-feature-inner .col-md-4, .fs-pricing-inner .col-md-4 { flex: 100%; max-width: 100%; text-align: center; } .fs-feature-inner .fs-feature-col { text-align: center !important; } .fs-feature-col.v2 .fs-feature-icon { margin: 0 auto 25px auto; } .fs-contact-title { margin-bottom: 20px; } .contact-wrapper .icon i { font-size: 30px; width: 65px; height: 65px; line-height: 65px; } .contact-wrapper .content h3 { font-size: 20px; } .contact-wrapper .content span { font-size: 14px; } .get-in-touch .custom-form input { height: 40px; } .get-in-touch .custom-form textarea { height: 145px } .get-in-touch .custom-form textarea, .get-in-touch .custom-form input { padding-left: 20px; } .fs-contact-area .contact-wrapper { text-align: center; } .fs-contact-area .contact-wrapper .icon { display: block; } .fs-contact-area .contact-wrapper .content { padding-top: 17px; padding-left: 0; text-align: center; display: block; } .fs-banner-content { position: static !important; padding: 140px 0 70px 0; } .fs-banner-inner { min-height: 100% !important; } ul.fs-breadcrumb, .breadcrumb, .woocommerce .woocommerce-breadcrumb { margin-bottom: 0; } .fs-single-post-title .h3 { font-size: 24px; } .fs-page-404 h1 { font-size: 90px !important; line-height: 75px; } .fs-page-404 h2, .fs-search .fs-title { font-size: 22px !important; } .fs-page-404 p { font-size: 14px !important; margin-top: 8px !important; margin-bottom: 12px !important; } .fs-search h1 { font-size: 22px !important; margin-top: 10px !important; } .footer-post .cont h4 { font-size: 14px; } .tag.tag-posttag .no-results.not-found h1 { font-size: 25px; } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width:575.98px) { .fs-slide-caption h1 { font-size: 25px; } .section-title h2 { font-size: 32px; } .fs-team-content span { font-size: 22px; } .fs-team-content span { font-size: 22px; } .fs-services-inner .fs-feature-col, .fs-services-block [class*=col-]:nth-child(3) .fs-feature-col { margin: 10px 0; text-align: center !important; } .fs-services-inner .fs-heading, .fs-about-inner { text-align: center !important; } .fs-about-inner h2 { margin: 0 auto; } .fs-title span.line { display: none; } .title h3 { font-size: 28px; } .fs-slide-caption h3 { font-size: 14px; margin-bottom: 10px; } .banner-content.v2-banner-content.v2 h1 { font-size: 20px; } .fs-slide-caption p { font-size: 12px; margin-top: 0; margin-bottom: 10px; } .theme-button { font-size: 10px !important; padding: 10px 12px !important; border-radius: 6px; } .carousel-control-prev-icon { width: 15px; } .carousel-control-next-icon { width: 15px; } .carousel-control-prev { bottom: 5.5px !important; left: -7px !important; } .carousel-control-next { bottom: 1px !important; left: 20px !important; } .service-card .service-mt { margin-top: 0; } .service-card .service-mt-none { margin-top: 0; } .fs-team-wrapper .slider .team-info { margin: 0 auto; } .fs-team-wrapper .slider .slick-prev { display: none !important; position: static; } .fs-team-wrapper .slider .slick-next { display: none !important; position: static; } .fs-copyright p { text-align: center !important; } .fs-copyright .text-right { text-align: center !important; } .fs-copyright .fs-social-media { margin-top: 15px; margin-bottom: 18px; } .fs-blog-wrapper { padding-bottom: 5px; } .fs-slideshow-carousel .owl-nav { display: none; } .fs-slideshow-carousel.owl-carousel .owl-item img, .fs-slideshow-carousel iframe { height: 50vh; } .fs-search .fs-search-block .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (max-width:480px) { .fs-feedback-responsive .slick-next { right: 136px; } .fs-feedback-responsive .slick-prev { left: 105px; } .fs-banner-content h1 { font-size: 20px !important; } ul.fs-breadcrumb, .breadcrumb, .woocommerce .woocommerce-breadcrumb { font-size: 13px; } } /* (less than 360px) */ @media (max-width:361.98px) { .btn-box a { margin-bottom: 15px; } .custom-mt-2 { margin-top: 40px; } .thumb-box .image { background: rgb(255, 255, 255); box-shadow: none; } .subscribe-wrapper h3 { font-size: 20px !important; } .launch-wrapper form { width: 100% !important; min-width: 260px !important; } .blog-details-wrapper .content .info a { font-size: 12px } } @media (max-width:600px) { .admin-bar .fixed-top.scrolled { top: 0; } }