@charset "UTF-8";

/*!
 * Litho - v1.1
 * https://www.themezaa.com/
 * Copyright (c) 2021 themezaa.com
 */

@media (min-width: 1901px) {
    .litho-parallax-bg { width: 45%; }
}

@media (max-width: 1600px) {
    /* reset */
    .xl-last-order { order: 10; }

    /* typography */
    .text-extra-big { font-size: 200px; line-height: 50px; }

    /* absolute middle center */
    .xl-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* box shadow */
    .xl-box-shadow-none { box-shadow: none; }

    /* display and overflow */
    .xl-d-initial { display: initial !important; }
    .xl-overflow-hidden { overflow:hidden !important; }
    .xl-overflow-visible { overflow:visible !important; }
    .xl-overflow-auto { overflow:auto !important; }

    /* position */
    .xl-position-relative { position: relative !important; }
    .xl-position-absolute { position: absolute !important; }
    .xl-position-fixed { position: fixed !important; }
    .xl-position-inherit { position: inherit !important; }
    .xl-position-initial { position: initial !important; }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 30px; bottom: 30px; }

    /* box layout */
    .box-layout { padding:0 45px; }
    .box-layout-large { padding:0 75px; }

    /* grid */
    .grid.xl-grid-6col li { width: 16.67%; }
    .grid.xl-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xl-grid-5col li { width: 20%; }
    .grid.xl-grid-5col li.grid-item-double { width: 40%; }
    .grid.xl-grid-4col li { width: 25%; }
    .grid.xl-grid-4col li.grid-item-double { width: 50%; }
    .grid.xl-grid-3col li { width: 33.33%; }
    .grid.xl-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xl-grid-2col li { width: 50%; }
    .grid.xl-grid-2col li.grid-item-double { width: 100%; }
    .grid.xl-grid-1col li { width: 100%; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 30px; padding-right: 30px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .text-extra-big-2 { font-size: 250px; }

    /* design agency */
    .home-design-agency .outside-box-left { margin-left: -40vw; }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-content { width: 40%; }

    /* landing page */
    .litho-parallax-bg { width: 800px; }
}

@media (max-width: 1500px) {
    /*  architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -328) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -261) !important; }
    .navbar .navbar-nav .nav-link {font-size: 17px !important;}
    .navbar .navbar-nav .nav-link { margin: 0 0px !important; }
    .header-social-icon a > i { padding: 0px 0px !important; margin-right: 5px !important;  }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 54% !important; }
    .dropdown-menu.megamenu-content li a { font-size: 13px !important; }
}

@media (max-width: 1300px) {
    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 60% !important; }
    .dropdown-menu.megamenu-content li a { font-size: 12px !important; }

}

@media (min-width: 1199px) {
    /* page container */
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1170px; }
}

@media (max-width: 1199px) {
    .navbar .navbar-nav .nav-link {font-size: 16px !important; }
    .navbar .navbar-nav .nav-link { margin: 0 -10px !important; }

    /* reset */
    html { font-size: 13px; }
    .md-center-col { float:none; margin-left:auto; margin-right:auto; }
    section { padding: 90px 0 }
    section.big-section { padding:120px 0; }
    section.extra-big-section { padding:160px 0; }
    .center-col-style .custom-col { min-height: 0; }
    .parallax { background-attachment: inherit !important; background-position: center !important; }
    .lg-last-order { order: 10; }
    .html-video { height: 100%; }

    /* typography */
    h1, h2, h3, h4, h5, h6 { margin:0 0 15px; }

    /* text size */
    .title-large { font-size: 90px; line-height: 90px; }
    .text-extra-large { font-size: 18px; line-height: 24px; }
    .text-extra-big { font-size: 170px; line-height: 85px; }
    .text-big { font-size: 160px; line-height: 160px; }
    .title-extra-large { font-size: 110px; line-height: 100px; }


    /* absolute middle center */
    .lg-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .lg-background-image-none { background: inherit !important; }
    .lg-background-position-left { background-position: left center; }
    .lg-background-position-right { background-position: right center; }
    .lg-background-position-top { background-position: right top; }
    .lg-background-position-center { background-position: center; }
    .lg-background-position-left-top { background-position: left top; }

    /* box shadow */
    .lg-box-shadow-none { box-shadow: none; }

    /* display and overflow */
    .lg-d-initial { display: initial !important; }
    .lg-overflow-hidden { overflow:hidden !important; }
    .lg-overflow-visible { overflow:visible !important; }
    .lg-overflow-auto { overflow:auto !important; }

    /* position */
    .lg-position-relative { position: relative !important; }
    .lg-position-absolute { position: absolute !important; }
    .lg-position-fixed { position: fixed !important; }
    .lg-position-inherit { position: inherit !important; }
    .lg-position-initial { position: initial !important; }

    /* screen height */
    .one-fifth-screen { height:750px; }

    /* interactive banner style 02 */
    .interactive-banners-style-02 .category-name { left: 40px; }
    .interactive-banners-style-02 .category-content { padding: 20px 40px 40px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 125px)); -webkit-transform: translateY(calc(100% - 125px)); -moz-transform: translateY(calc(100% - 125px)); -ms-transform: translateY(calc(100% - 125px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 50px; bottom: 50px; }

    /* process step style 04 */
    .process-step-style-04 .process-step-item { padding-left: 15px; padding-right: 15px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 45%; }

    /* time table */
    .time-table .panel { padding: 20px 40px; }
    .time-table .panel .panel-time { min-width: 170px; }
    .time-table .panel .panel-body { width: calc(100% - 350px); }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li a { padding: 8px 30px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs > li.nav-item { padding: 0 10px; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 30px 30px 28px 30px; }

    /* box layout */
    .box-layout { padding:0; }
    .box-layout-large { padding:0; }

    /* navigation */
    .nav-item.dropdown.megamenu .menu-back-div { padding: 35px 50px 40px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding-right: 25px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 50px; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: -15px;}
    .slider-navigation-style-02.swiper-button-next { right: -15px;}

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -20%; }
    .slider-navigation-style-04.swiper-button-next { right: -20%; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: -5px;}
    .slider-navigation-style-07.swiper-button-next.light { right: -5px;}

    /* grid */
    .grid.lg-grid-6col li { width: 16.67%; }
    .grid.lg-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.lg-grid-5col li { width: 20%; }
    .grid.lg-grid-5col li.grid-item-double { width: 40%; }
    .grid.lg-grid-4col li { width: 25%; }
    .grid.lg-grid-4col li.grid-item-double { width: 50%; }
    .grid.lg-grid-3col li { width: 33.33%; }
    .grid.lg-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.lg-grid-2col li { width: 50%; }
    .grid.lg-grid-2col li.grid-item-double { width: 100%; }
    .grid.lg-grid-1col li { width: 100%; }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+1) .portfolio-box { padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n+3) .portfolio-box { padding: 0 15%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box{ padding: 15% 0; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box { padding: 0 15% 15%; }

    /* justified gallery */
    .justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption { bottom: 10px !important; left: 10px !important; right: 10px; box-shadow: none; white-space: normal; top: initial !important; width: calc(100% - 20px); display: block !important;}

    /* table style 01 */
    .table-style-01 {  overflow-x: scroll; }
    .table-style-01 table { width: 900px; }

    /* blog modern */
    .blog-modern .post-details { left: 20px; width: calc(100% - 40px); }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 100px; }
    .latest-post-sidebar li div { padding-left: 15px; }

    /* architecture */
    .box-layout .navbar.navbar-boxed { padding-left: 0px; padding-right: 0px; }
    .home-architecture .navbar.bg-transparent, .home-architecture.sticky .header-dark.header-always-fixed-scroll { background-color: transparent !important; }
    .home-architecture .navbar-dark.bg-transparent .push-button > span, .home-architecture.sticky .navbar-dark.bg-transparent .push-button > span { background-color: #FFFFFF !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* application */
    .banner-bottom-right-images > img { bottom: -65px; }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .text-extra-big-2 { font-size: 200px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 20px; }
    footer.home-marketing-agency .footer-horizontal-link li:last-child { margin-right: 0; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 4.5rem;}

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-title { font-size: 70px; line-height: 70px; padding: 20px 35px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { bottom: 30px; }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 60px); }

    /* content box image */
    .content-box-image { height: 225px; }

    /* landing page */
    .litho-parallax-bg { width: 620px; }
    .customer-bg-section { top: 80px; bottom: inherit; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 40% !important; }

    /* for buy and demo button */
    .theme-demos { display: none !important; }

    /* magnific popup */
    button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close:active { top: 20px; right: 20px; }
}

@media (max-width: 1024px) {
    /*main content*/
    .main-content { margin-bottom: 0 !important; position: inherit; }

    /* background image */
    .fix-background { background-attachment: unset !important; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 73px; bottom: 115px; }

    /* home-architecture */
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -240) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -307) !important; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-icon { opacity: 1; visibility: visible; transition-delay: .8s; transition-duration: 1s;}


    /* scroll to top */
 /*   .scroll-top-arrow { display: none !important} */

    /*footer sticky*/
    .footer-sticky { position: relative !important; z-index: 0 !important; }

}

@media only screen and (max-width:1024px) and (min-width: 778px) {
    /* spa salon */
    .home-spa-salon .ares { top: 55.5% !important; }
}

/* Navigation breakpoint start */
@media (max-width: 991px) {
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list { padding-right: 0;}
    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list-wrapper .menu-list { padding-right: 15px;}
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 15px; padding-left: 15px; }

    /* header default */
    .navbar-nav { padding:15px 15px 25px }
    .navbar-collapse { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; overflow: hidden; box-shadow: 0 20px 15px 0 rgba(23,23,23,.05); max-height: calc(100vh - 65px);}
    .navbar-collapse.show {overflow-y: auto !important; -webkit-overflow-scrolling: touch; z-index: -2; margin-top: -1px; }
    .navbar.navbar-dark .navbar-nav .nav-link,.navbar.navbar-light .navbar-nav .nav-link, .sticky .navbar.navbar-dark .navbar-nav .nav-link, .sticky .navbar.navbar-light .navbar-nav .nav-link, header.sticky .navbar.top-logo .navbar-nav .nav-link { color: var(--brandcolor1) !important; padding: 9px 15px; margin: 0; }
    .navbar .navbar-nav .nav-link {font-size: 17px}
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-toggler { margin: 3px 0 28px 10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
    .sticky .navbar.responsive-sticky .navbar-toggler { margin-top: 21px; margin-bottom: 20px; }
    .dropdown-toggle:after { display: none;}
    .menu-order { order: 5; position: inherit !important }
    .logo-order { order: 5}
    .navbar-collapse-show .sticky .header-reverse-scroll { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s;}

    /* top bar */
    .top-bar-contact .top-bar-contact-list:last-child {border-right: none; padding-right: 0}

    /* center logo */
    .menu-logo-center .menu-logo { position: relative; left: auto; text-align: left; margin: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
    .menu-logo-center .navbar-brand { padding: 18px 0;}
    .navbar-left, .navbar-right { width: 100%; }
    .sticky .navbar.header-dark .navbar-nav .nav-link { color: #000 !important; }
    .navbar-nav .nav-item:last-child .menu-back-div, .navbar-nav .nav-item:last-child .menu-back-div ul:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; }
    .nav-item.dropdown.megamenu , .nav-item.dropdown.simple-dropdown { position: relative; cursor: pointer; }
    .nav-item.dropdown.megamenu .menu-back-div { display: none; }
    .nav-item.dropdown.megamenu.show .menu-back-div { display: block; }
    .nav-item.dropdown.megamenu .menu-back-div, .nav-item.dropdown.simple-dropdown .dropdown-menu { width: 100% !important; position: relative; box-shadow: none; padding:0 15px 20px; top: 0; border-radius: 0; background-color: transparent; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] { padding: 0; margin-bottom: 8px; }
    .nav-item.dropdown.megamenu .menu-back-div .col, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"] { padding: 15px 0 0 20px; }
    .nav-item.dropdown.megamenu .menu-back-div .col:last-child, .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:last-child { padding-right: 0;}
    .nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class *="d-"] { padding-right: 0;}
    .dropdown-menu.megamenu-content li.dropdown-header { margin: 23px 0 10px 0; font-size: 14px; font-weight: 500; }
    .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 10px;}
    .nav-item.dropdown.megamenu .menu-back-div [class *="col-"] li.dropdown-header:first-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class *="d-"]:first-child li.dropdown-header:first-child { margin-top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin:0 0 5px; left: 0; top: 0;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { margin-bottom: 5px;}
    .nav-item > .dropdown-toggle { display: block; width: 100%; height: 48px; right: 30px; position: absolute; top: 0; text-align: right; line-height: 50px; }
    .nav-item.show > .dropdown-toggle { -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); text-align: inherit; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu { position: relative; width: 100%; box-shadow: none; display: none; top: 0; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown-menu { padding: 0;}
    .nav-item.dropdown.simple-dropdown.show .dropdown-menu { display: block; }
    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a {color: #545469 !important; padding: 3px 15px 3px; font-size: 14px; margin-bottom: 5px; }

    header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img { max-height: unset !important;; width:85px }

    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a {  margin: -5px 0 -15px -15px; padding-left:33px; font-size: 16px; font-weight: 400; }
    .megamenu-dropdown-dark { background-color: #232323; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a { color: #fff !important; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active > a { color: rgba(255,255,255,0.6) !important; }
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover > a, .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown > a:hover { color: #fff !important; }
    .megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a { color: rgba(255,255,255,0.5)!important; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown > .dropdown-menu { padding-top: 15px; }
    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { margin-top: 0; }
    .dropdown-menu.megamenu-content li a, .dropdown-menu.megamenu-content li.dropdown-header { line-height: normal}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 20px;}
    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown:last-child { margin-bottom: 0;}
    .simple-dropdown .dropdown-menu li { padding: 0; }
    .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none;}
    .dropdown-menu.megamenu-content li { padding-bottom: 5px;}


    /* header search form */
    .form-wrapper .search-form-box { width: 60%; }

    /* header sidebar */
    .sidebar-wrapper, .page-wrapper { padding-left: 0; }
    .sidebar-nav-action { width: 100%; height: auto; padding: 15px 30px; }
    .sidebar-nav-action-main { flex-flow: row; align-items: center; }
    .side-menu-header  { position: fixed; left: 0; top: 0; text-align: left !important; width: 100%; background-color: #fff; border-bottom: 1px solid #f3f3f3; padding: 15px 30px; z-index: 9; }
    .side-menu-header .navbar-brand { z-index: 1; position: relative; }
    .side-menu-header-bottom, header.side-menu-nav { left:-290px; height: 100%; top: 0; padding-top: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
    .side-menu-header-bottom { padding-top: 0; }
    .show-menu .side-menu-header-bottom, .show-menu header.side-menu-nav { left: 0; }
    .side-menu-header .side-menu-button { display: inline-block; right: 30px; }
    .left-sidebar-wrapper{ padding-left: 0; }
    .sidebar-nav-menu.left-sidebar-nav { left: -290px; overflow: visible; height: 100%; top: 0 !important;}
    .sidebar-nav-menu.left-sidebar-nav .side-menu-header-bottom { height: 100%; overflow: auto;}
    .show-menu .sidebar-nav-menu.left-sidebar-nav { left: 0}
    .menu-toggle { top: 20px; }
    .menu-list li a { line-height: 40px; padding: 0; }
    .side-menu-button a { top: 1px; }
    .side-menu .sidebar-nav-menu .menu-list-wrapper { padding-bottom: 20px; }
    .sidebar-social-icon li { display: inline-block; margin: 0; padding: 0 7px; }
    .sidebar-social-icon li:last-child { padding-right: 0; }
    .navbar-left-sidebar,.navbar-left-sidebar .dropdown:hover > .dropdown-menu { width: auto; }
    .show-menu .menu-style-2 .sidebar-nav-menu { left: 0; }
    .menu-style-2 .sidebar-nav-menu .menu-list li { padding: 5px 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li { padding-top: 0; padding-bottom: 0;}
    .menu-style-2 .sidebar-nav-menu .menu-list li .menu-toggle { top: 27px; }
    .menu-style-2 .sidebar-nav-menu .menu-list li ul li .menu-toggle { top: 15px; }

    /* sidebar nav menu */
    .navbar-left-sidebar > li > a { font-size: 14px; line-height: 20px; }
    .navbar-left-sidebar > li.dropdown > a > i { display: block; position: absolute; top: 15px; right: 5px; font-size: 16px; }
    .navbar-left-sidebar li a { padding: 10px 0; margin: 0; border-bottom: 0; font-size: 14px; line-height: 20px; }
    .menu-style-2 .navbar-left-sidebar .dropdown:hover > .dropdown-menu.second-level { left: 0; position: relative; background-color: #fff; }
    .navbar-left-sidebar .dropdown > .dropdown-menu.second-level li > a { border-bottom: 0; padding: 6px 0 5px 0 }
    .navbar-left-sidebar .dropdown-menu.second-level li > a:hover, .navbar-left-sidebar li > a:hover { background-color: transparent; }
    .top-logo .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; }

    /* hamburger menu half */
    .hamburger-menu-half .menu-list > li { padding: 7px 0; }
    .hamburger-menu-half .menu-list li .menu-toggle { top: 29px; }
    .hamburger-menu-half .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu-half .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu-half .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}
    .hamburger-menu-half .sub-menu-item .menu-toggle:before, .hamburger-menu-half .sub-menu-item .menu-toggle:after { right: 8px; }

    /* hamburger menu full width */
    .hamburger-menu.full-width .menu-list > li { padding: 5px 0; }
    .hamburger-menu.full-width .menu-list > li .menu-toggle { top: 27px; }
    .hamburger-menu.full-width .menu-list li ul li .menu-toggle { top: 15px; }
    .hamburger-menu.full-width .menu-list .menu-list-item > .sub-menu-item { padding-top: 5px;}
    .hamburger-menu.full-width .menu-list .menu-list-item .sub-menu-item .sub-menu-item { padding-top: 0}

    /* center logo */
    .menu-logo-center .navbar-collapse > .navbar-nav:first-child { padding-bottom: 0;}
    .menu-logo-center .navbar-collapse > .navbar-nav:last-child { padding-top: 0;}

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 20px 0 0 15px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 34px; }
    .hamburger-menu-big-font .menu-list li a { font-size: 30px; line-height: 38px; }

    /* header navigation white */
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link.active, .navbar.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active:hover,.navbar-dark .navbar-nav .nav-link.active:focus { color: rgba(0,0,0,.6) !important; }
    .navbar.navbar-dark .navbar-nav > .dropdown.active > a, .sticky .navbar.header-dark .navbar-nav > .dropdown.active > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu.active:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown.active:hover > a { color: rgba(0,0,0,0.6) !important; }
    .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-dark .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: rgba(0,0,0,1) !important; }
    .navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, .sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: var(--brandcolor2) !important; cursor: pointer }

    /* header logo */
    header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo, header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .sidebar-nav-menu .navbar-brand .default-logo { /* visibility: hidden; opacity: 0; width: 0; */ }
    header .navbar .navbar-brand .mobile-logo, header .sidebar-nav-menu .navbar-brand .mobile-logo  { visibility: visible; opacity: 1; width: auto; }

    /* header with top logo */
    .top-logo .navbar-brand + div[class*="col-"] div:first-child { padding-left: 0;}

    /* header toggle button */
    .navbar-dark.bg-transparent .navbar-toggler-line { overflow: hidden; background: #232323; }
    header.sticky .navbar.bg-transparent.hader-light .navbar-toggler-line { overflow: hidden; background: #fff; }
    .navbar-dark.bg-transparent .push-button > span, .sticky .navbar-dark.bg-transparent .push-button > span { background: #232323; }

    /* header transparent */
    .navbar.bg-transparent { background-color: #3d6c80 !important; }
    .navbar.navbar-dark .header-social-icon, .sticky .navbar.header-dark .header-social-icon { border-color: rgba(0,0,0,.45); }
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link, .navbar.navbar-dark.bg-transparent .header-search-icon > a, .navbar.navbar-dark.bg-transparent .header-social-icon > a, .navbar.navbar-dark.bg-transparent .header-cart-icon > a, .navbar.navbar-dark.bg-transparent .header-language > a, .navbar.navbar-dark .nav-bar-contact { color: #232323 !important;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > a { color: #fff !important;}
    .navbar.navbar-dark.bg-transparent .header-search-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-social-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-cart-icon > a:hover, .navbar.navbar-dark.bg-transparent .header-language > a:hover, .sticky .navbar-dark.bg-transparent .header-search-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-social-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-cart-icon > a:hover, .sticky .navbar-dark.bg-transparent .header-language > a:hover { color: rgba(0,0,0,.6) !important;}
    .navbar.bg-transparent .header-button .btn.btn-white { background: #232323; border-color: #232323; color: #ffffff;}

    /* menu classic */
    [data-mobile-nav-style=classic] .navbar-nav { display: block;}

    /* menu modern */
    [data-mobile-nav-style=modern] .page-layout { background-color: #fff;}
    [data-mobile-nav-style=modern] header .navbar-collapse { display: none !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav { width: 100%; padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse.show { height: 100%;  }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; display: inline-block; right: 0; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active { text-decoration: underline;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i { font-size: 14px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item i.dropdown-toggle { font-size: 17px; font-weight: 600;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item .megamenu-content a, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; position: inherit !important; margin-bottom: 15px !important; margin-top: 6px; padding: 0 !important; right: 0; }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header {opacity: .7; margin-top: 20px !important; font-weight: 500 }
    [data-mobile-nav-style=modern] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {line-height: normal; padding-bottom: 5px; font-size: 15px}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu { padding-top: 14px !important; padding-bottom: 0 !important; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li { padding: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { margin-bottom: 10px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; font-size: 14px; margin-bottom: 10px; margin-top: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li > a { margin-bottom: 9px; font-size: 13px;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { height: auto; width: 100%;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside>.mCSB_container { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle { display: none; right: 13px; top: 4px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=modern] .navbar-modern-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    .navbar-collapse-show[data-mobile-nav-style=modern] { overflow: hidden; padding-top: 0;}
    [data-mobile-nav-style=modern] .navbar-modern-inner { opacity: 0; visibility: hidden; overflow: visible !important; width: 70vw; height: 100vh !important; position: fixed; top: 0; right: -40vw; z-index: 90; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition-duration: 0.65s; transition-duration: 0.65s; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translate3d(25vw, 0, 0); transform: translate3d(25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { right: 0; opacity: 1; visibility: visible !important; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-show-modern-bg { display: inline-block; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); -webkit-transform: scale(1.75); transform: scale(1.75); transition: opacity .3s,-webkit-transform .3s; transition: opacity .3s,transform .3s; transition: opacity .3s,transform .3s,-webkit-transform .3s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .sticky.header-appear .header-reverse-scroll, [data-mobile-nav-style=modern] header .top-bar + .navbar.fixed-top { -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -ms-transition-duration: 0.75s; -o-transition-duration: 0.75s; transition-duration: 0.75s;}
    [data-mobile-nav-style=modern] .navbar, [data-mobile-nav-style=modern] .page-layout, [data-mobile-nav-style=modern] .top-bar { -webkit-transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s; transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s, -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);}
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-70vw, 0, 0); transform: translate3d(-70vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=right][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { display: none; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { position: absolute; top: 0; right: 25px; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { position: static; left: 0; top: 0; width: 100%; height: 100%; background: transparent; padding: 100px 12vw; box-shadow: none; max-height: 100%; display:flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { position: absolute; }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(80vw, 0, 0); transform: translate3d(80vw, 0, 0); }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 80vw; right: inherit; left: -30vw; -webkit-transform: translate3d(-25vw, 0, 0); transform: translate3d(-25vw, 0, 0); }
    .navbar-collapse-show[data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { left: 0; right: inherit; }
    [data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse {  right: 0; left: inherit; padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .parallax {  background-attachment: scroll !important;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px;}
    [data-mobile-nav-style=modern] .navbar-nav > .nav-item:last-child { border-bottom: 0; }
    [data-mobile-nav-style=modern] .nav-item > .dropdown-toggle { top: 7px; }

    /* full-screen-menu */
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] { overflow: hidden;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar .navbar-nav { padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); visibility: hidden; overflow: hidden !important; width: 100vw; height: 100vh !important; position: fixed; top: -100vh; left: 0; z-index: 9999; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { height: 100vh !important; top: 0; visibility: visible !important; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transition-delay: 0.20s; transition-delay: 0.20s;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { position: inherit; left: 0; top:0; width: 100%; height: 100%; padding: 100px 0; max-height: 100%; box-shadow: none; background: transparent; display: -ms-flexbox !important; display: -webkit-box !important; display: flex !important; -ms-flex-pack: center!important; justify-content: center!important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav { padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { border-radius: 0; background-color: transparent; transform: translate3d(0, 0, 0px) !important; position: inherit !important; padding: 8px 15px !important; margin-bottom: 0 !important; margin-top: 6px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { height: auto; width: 75%;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { color: #fff; font-size: 17px; font-weight: 500;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item i { font-weight: 600}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div, [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { color: #fff; line-height: normal; padding-bottom: 5px; font-size: 15px;  }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li.active a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li a:hover { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header { opacity: .7; margin-top: 20px !important; font-weight: 500; margin-bottom: 4px; }
    [data-mobile-nav-style=full-screen-menu] .dropdown-menu.megamenu-content li.dropdown-header:first-child { margin-top: 0 !important}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul { margin-bottom: 20px; padding: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child { margin-bottom: 0;}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu { line-height: normal; padding-bottom: 12px; font-size: 15px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item .megamenu-content a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a { font-size: 13px; padding: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu { padding-bottom: 0 !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown { margin-bottom: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a { padding: 3px 0 3px; font-size: 13px; margin-bottom: 6px; margin-top: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown > a { opacity: .7; margin-bottom: 7px !important; font-size: 14px; padding-top: 2px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown > .dropdown-menu li:last-child > ul { margin-bottom: 0 !important; padding-bottom: 5px !important; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:hover, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a.active, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:focus, [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown.active > a { color: rgba(255,255,255,0.6); }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { margin: 0; position: absolute; right: 35px; top: 35px; opacity: 0; -webkit-transition: all 0.4s ease-ou; transition: all 0.4s ease-out; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { opacity: 1}
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler-line { background-color: #fff; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item > .dropdown-toggle { top: 8px; right: 0; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item { border-bottom: 1px solid rgba(255,255,255,.1); padding-top: 10px; padding-bottom: 12px; -webkit-transform: scale(1.15) translateY(-30px); transform: scale(1.15) translateY(-30px); opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li.nav-item:last-child { border-bottom: 0;}
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li { -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); opacity: 1; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.49s; transition-delay: 0.49s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.21s; transition-delay: 0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.14s; transition-delay: 0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.07s; transition-delay: 0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0s; transition-delay: 0s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: -0.07s; transition-delay: -0.07s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: -0.14s; transition-delay: -0.14s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: -0.21s; transition-delay: -0.21s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: -0.28s; transition-delay: -0.28s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: -0.35s; transition-delay: -0.35s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: -0.42s; transition-delay: -0.42s; }
    [data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: -0.49s; transition-delay: -0.49s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(1) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(2) { -webkit-transition-delay: 0.34s; transition-delay: 0.34s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(3) { -webkit-transition-delay: 0.41s; transition-delay: 0.41s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(4) { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(5) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(6) { -webkit-transition-delay: 0.62s; transition-delay: 0.62s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(7) { -webkit-transition-delay: 0.69s; transition-delay: 0.69s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(8) { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(9) { -webkit-transition-delay: 0.83s; transition-delay: 0.83s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(11) { -webkit-transition-delay: 0.97s; transition-delay: 0.97s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(12) { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(13) { -webkit-transition-delay: 1.11s; transition-delay: 1.11s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(14) { -webkit-transition-delay: 1.18s; transition-delay: 1.18s; }
    .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] ul.navbar-nav > li:nth-child(15) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapsing .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse .mCSB_scrollTools { opacity: 0; }
    [data-mobile-nav-style=full-screen-menu] .navbar-collapse.collapse.show .mCSB_scrollTools { opacity: 1; }

    /* header cart and language */
    .header-cart-icon-mobile-left .cart-item-list, .header-language-mobile-left .dropdown-menu { left: 0; right: auto; }

    /* push menu */
    .push-menu { display: none; }
}
/* Navigation breakpoint end */

@media (max-width: 991px) {
    .mobileblackcolor {
        color: #000 !important;
    }

    .bgHR {
        background-position: right center !important;
    }

    /* reset */
    html { font-size: 12px }
    section { padding: 75px 0; }
    section.big-section { padding:95px 0; }
    section.extra-big-section { padding: 110px 0; }
    section.half-section { padding:40px 0; }
    .md-no-overlap-section { height: auto !important}
    .md-no-overlap-section ~ section .overlap-section { margin-top: 0 !important}
    .md-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 20px; }

    /* text size */
    .text-large { font-size:16px; line-height:22px; }
    .text-extra-large { font-size: 18px; line-height:26px; }
    .title-small { font-size: 30px; line-height: 30px; }
    .title-large { font-size: 70px; line-height: 65px; }
    .title-extra-large { font-size: 90px; line-height:85px }
    .title-extra-large-heavy { font-size: 9rem;}
    .text-big { font-size: 120px; line-height: 120px; }

    /* absolute middle center */
    .md-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* blockquote */
    blockquote { padding: 2px 30px; }

    /* box shadow */
    .md-box-shadow-none { box-shadow: none; }

    /* display and overflow */
    .md-d-initial { display: initial !important; }
    .md-overflow-hidden { overflow:hidden !important; }
    .md-overflow-visible { overflow:visible !important; }
    .md-overflow-auto { overflow:auto !important; }

    /* position */
    .md-position-relative { position: relative !important; }
    .md-position-absolute { position: absolute !important; }
    .md-position-fixed { position: fixed !important; }
    .md-position-inherit { position: inherit !important; }
    .md-position-initial { position: initial !important; }

    /* screen height */
    .one-third-screen { height:550px; }
    .one-fourth-screen { height:650px; }
    .one-fifth-screen { height:750px; }

    /* text size */
    .text-extra-big { font-size: 130px; line-height: 65px; }

    /* list style 08 */
    .list-style-08 li:last-child { padding-bottom: 22px; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body { width: 50%; }

    /* time table */
    .time-table .panel { padding: 20px; }
    .time-table .panel .panel-time { min-width: 150px; }
    .time-table .panel .panel-body { width: calc(100% - 330px); }

    /* tab */
    .nav-tabs > li { padding: 0 15px; }
    .nav-tabs > li.nav-item { margin: 0; padding: 0 8px; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { padding: 0; }
    .tab-style-05 .nav-tabs li a { padding: 8px 22px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 0 20px 22px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 20px 30px 18px 30px; line-height: 26px; }

    /* testimonials carousel style 01 */
    .testimonials-carousel-style-01 { min-width: 100%; }

    /* testimonials carousel style 02 */
    .testimonials-carousel-style-02 { min-width: 100%; }

    /* process step style 4 */
    .process-step-style-04 .process-step-item { padding-left: 0; padding-right: 0; }

    /* no border */
    .md-no-border-top { border-top:0 !important }
    .md-no-border-bottom { border-bottom:0 !important }
    .md-no-border-right { border-right:0 !important }
    .md-no-border-left { border-left:0 !important }
    .md-no-border-all { border: 0 !important }

    /* border */
    .md-border-all { border: 1px solid; }
    .md-border-top { border-top: 1px solid; }
    .md-border-bottom { border-bottom: 1px solid; }
    .md-border-left { border-left: 1px solid; }
    .md-border-right { border-right: 1px solid; }
    .md-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .md-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* swiper thumb */
    .single-product-thumb .slider-vertical { position: relative; }
    .single-product-thumb .slider-vertical .swiper-wrapper { flex-direction: row; }
    .single-product-thumb .slider-vertical .swiper-slide { width: 25%; margin-right: 10px; }
    .swiper-thumb-next-prev { top: 50%; bottom: inherit; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .swiper-thumb-next-prev .swiper-thumb-prev, .swiper-thumb-next-prev .swiper-thumb-next { width: 30px; height: 30px; line-height: 30px; position: absolute; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); }
    .swiper-thumb-next-prev .swiper-thumb-prev { left: 15px; }
    .swiper-thumb-next-prev .swiper-thumb-next { right: 15px;; left: auto; }

    /* swiper vertical */
    .slider-vertical .vh-100 { height: calc(100vh - 70px) !important }
    .slider-vertical .swiper-number-pagination { left: 68px; bottom: 50px; font-size: 16px; line-height: 22px; }
    .slider-vertical >.swiper-pagination-bullets { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .slider-vertical >.swiper-pagination-bullets>.swiper-pagination-bullet { margin: 8px 0; }

    /* split slider */
    .home-split-portfolio { height: auto !important; }
    .home-split-portfolio .swiper-slide { -ms-flex-wrap: wrap;flex-wrap: wrap; height: auto; }
    .home-split-portfolio .swiper-slide .swiper-slide-l,.home-split-portfolio .swiper-slide .swiper-slide-r { opacity: 1; visibility: visible; -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); width: 100% !important; -webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; height: calc(100vh - 70px) !important;}
    .home-split-portfolio .swiper-wrapper { -ms-flex-wrap: wrap;flex-wrap: wrap; overflow: auto; }

    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main { -webkit-overflow-scrolling: touch; }
    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-wrapper{ -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; transform: translate3d(0, 0px, 0px) !important; }

    /* grid */
    .grid.md-grid-6col li { width: 16.67%; }
    .grid.md-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.md-grid-5col li { width: 20%; }
    .grid.md-grid-5col li.grid-item-double { width: 40%; }
    .grid.md-grid-4col li { width: 25%; }
    .grid.md-grid-4col li.grid-item-double { width: 50%; }
    .grid.md-grid-3col li { width: 33.33%; }
    .grid.md-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.md-grid-2col li { width: 50%; }
    .grid.md-grid-2col li.grid-item-double { width: 100%; }
    .grid.md-grid-1col li { width: 100%; }

    /* team style 02 */
    .team-style-02 .social-icon a { margin: 0 8px; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 120px; }
    .blog-modern .post-details { left: 30px; width: calc(100% - 60px); }

    /* outside box */
    .outside-box-left { margin-left: 0; }
    .outside-box-right { margin-right: 0; }
    .outside-box-bottom { margin-bottom: 0; }

    /* footer */
    footer .footer-horizontal-link li { margin-right: 20px; }

    /* magnific popup */
    .mfp-container { padding-left: 15px; padding-right: 15px; }
    button.mfp-close,.mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close, .mfp-close, .mfp-close:active { top: 15px; right: 15px; }

    /* cart and checkout page */
    .cart-products thead { display: none; }
    .cart-products tr { border-bottom: 1px solid #e8e8e8; position: relative; display: block; padding-left: 95px; padding-bottom: 20px; background: none; margin-bottom: 20px; overflow: hidden; }
    .cart-products td { display: block; border: none; text-align: right; margin-bottom: 10px; padding: 0; }
    .cart-products td:last-child { margin: 0; }
    .cart-products td:before { content: attr(data-title); font-weight: 500; float: left; display: block; color: #232323; font-size: 12px; }
    .cart-products .product-remove { width: auto; position: absolute; right: 0; margin: 0; padding: 0; text-align: right; top: 0; z-index: 11; border: none; }
    .cart-products .product-thumbnail { position: absolute; left: 0; width: 80px; display: inline-block; top: 0; overflow: hidden; text-align: left; }
    .cart-products .product-name { text-align: left; padding-right: 25px; }
    .cart-products .product-name .variation { float: none; display: block; }
    .total-price-table td{ text-align: right; }
    .checkout-total-price-table td{ text-align: left; }

    /* application */
    .banner-bottom-right-images > img { bottom: 0; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 55px; line-height: 60px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0 3.5rem;}

    /* freelancer */
    .home-freelancer .title-extra-large-heavy { line-height: 90px; }

    /* fashion shop */
    .home-fashion-shop .tp-tabs { left: 50% !important; -webkit-transform: translateX(-50%) !important;-ms-transform: translateX(-50%) !important;transform: translateX(-50%) !important; top: auto !important; bottom: 5% !important; }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev { left: -60px; }
    .slider-navigation-style-04.swiper-button-next { right: -60px; }

    /* content box image */
    .content-box-image { height: 300px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 4px; }

    /* split portfolio */
    .home-split-portfolio.vh-100 { height: calc(100vh - 70px) !important; }
    .home-split-portfolio .title-large { font-size: 90px; line-height: 90px; }

    /* coming soon v2 */
    .show-notify-popup .mfp-container { padding-top: 30px; }

    /* landing page */
    .litho-landing-header .navbar-brand:after { display: none; }
    .litho-parallax-bg { width: 60%; right: -90px;}
    .customer-bg-section { display: none; }
    .landing-page-footer .title-large-2 { font-size: 54px; line-height: 64px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 60% !important; }

    /* text shadow */
    .md-no-text-shadow { text-shadow: none;}

    /* cookie message */
    .gdpr-container .gdpr-content { display: block; margin-right: 0; margin-bottom: 15px;}

    /* consulting */
    .home-dentist .popup-youtube.absolute-middle-center { left: 50%; }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {

    /*home architecture*/
    .home-architecture .rev_slider_wrapper { min-height: 400px !important; }
    .architecture-overlap { position: relative !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -67) !important; }
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -134) !important; }
    .home-architecture .architecture-title { font-size: 34px !important; line-height: 34px !important; }

    /*home startup*/
    .home-startup .rev_slider_wrapper { min-height: 450px; }

    /*home furniture shop*/
    .home-furniture-shop, .home-furniture-shop .rev_slider_wrapper { height: 350px !important; }

    /*home vertical portfolio*/
    .home-vertical-portfolio .slider-vertical { height: 100% !important; }

    /* maintenance */
    .maintenance .maintenance-title { font-size: 28px !important; line-height: 30px !important; padding-top: 20px !important; }

}

@media only screen and (max-width: 991px) and (min-width: 767px) and (orientation: landscape) {
    .home-hotel-resort .rev_slider_wrapper { min-height: 450px !important; }
    .home-startup .rev_slider_wrapper { min-height: 450px; }
}

@media (max-width: 778px) {
    .responsiveheaderfont {
        font-size: 25px !important;
    }
    /* home decor */
    .home-decor .rev_slider_wrapper { height: 540px; }
    .home-decor .zeus { transform:matrix(1, 0, 0, 1, -350, -59) !important }

    /* architecture */
    .home-architecture .tparrows.tp-leftarrow { transform: matrix(1, 0, 0, 1, -67, -234) !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: matrix(1, 0, 0, 1, -67, -301) !important; }

    h1 { font-size:2.5rem; line-height: 2.8rem; }
    h2 { font-size:2.0rem; line-height:2.3rem; }
    h3 { font-size:2.0rem; line-height:2.3rem; }
    h4 { font-size:1.7rem; line-height:2.5rem; }
    h5 { font-size:1.5rem; line-height:2rem; }
    h6 { font-size:1.4rem; line-height:1.5rem; }

}

@media (max-width: 767px) {

    .blog-post {
        min-height: 50px !important;
    }

    /* reset */
    html { font-size: 11px }
    .xs-center-col { float:none; margin-left:auto; margin-right:auto; }
    section, section.extra-big-section { padding: 50px 0; }
    section.big-section { padding:80px 0; }
    .center-col-style .custom-col { flex: 0 0 100%; max-width: 100%; margin: 8px 0; }
    .sm-last-order { order: 10; }

    /* typography */
    p { margin: 0 0 15px }

    /* text size */
    .title-extra-small { font-size: 20px; line-height: 30px; }
    .title-large { font-size: 45px; line-height: 43px; }
    .title-extra-large { font-size: 50px; line-height:50px }
    .text-extra-big { font-size: 100px; line-height: 100px; }
    .text-big { font-size: 90px; line-height: 90px; }

    /* absolute middle center */
    .sm-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* background image */
    .sm-background-image-none { background: inherit !important; }
    .sm-background-position-left { background-position: left center; }
    .sm-background-position-right { background-position: right center; }
    .sm-background-position-top { background-position: right top; }
    .sm-background-position-center { background-position: center; }
    .sm-background-position-left-top { background-position: left top; }

    /* box shadow */
    .sm-box-shadow-none { box-shadow: none; }

    /* video */
    .html-video-play .play-icon { padding-left: 5px; }
    .html-video-play .pause-icon { font-size: 22px; padding-left: 0; }

    .sm-margin-auto-lr { margin-left: auto !important; margin-right: auto !important; }
    .sm-margin-auto { margin: auto; }
    .sm-no-margin { margin: 0 !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-no-margin-right { margin-right: 0 !important; }
    .sm-no-margin-tb { margin-top: 0 !important; margin-bottom: 0 !important; }
    .sm-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; }

    .sm-no-padding { padding:0 !important; }
    .sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .sm-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; }
    .sm-no-padding-top { padding-top:0 !important; }
    .sm-no-padding-bottom { padding-bottom:0 !important; }
    .sm-no-padding-left { padding-left:0 !important; }
    .sm-no-padding-right { padding-right:0 !important; }

    /* display and overflow */
    .sm-d-initial { display: initial !important; }
    .sm-overflow-hidden { overflow:hidden !important; }
    .sm-overflow-visible { overflow:visible !important; }
    .sm-overflow-auto { overflow:auto !important; }

    /* position */
    .sm-position-relative { position: relative !important; }
    .sm-position-absolute { position: absolute !important; }
    .sm-position-fixed { position: fixed !important; }
    .sm-position-inherit { position: inherit !important; }
    .sm-position-initial { position: initial !important; }

    /* height */
    .sm-h-50px { height: 50px !important; }
    .sm-h-60px { height: 60px !important; }
    .sm-h-70px { height: 70px !important; }
    .sm-h-80px { height: 80px !important; }
    .sm-h-90px { height: 90px !important; }
    .sm-h-100px { height: 100px !important; }
    .sm-h-110px { height: 110px !important; }
    .sm-h-120px { height: 120px !important; }
    .sm-h-130px { height: 130px !important; }
    .sm-h-140px { height: 140px !important; }
    .sm-h-150px { height: 150px !important; }
    .sm-h-160px { height: 160px !important; }
    .sm-h-170px { height: 170px !important; }
    .sm-h-180px { height: 180px !important; }
    .sm-h-190px { height: 190px !important; }
    .sm-h-200px { height: 200px !important; }
    .sm-h-250px { height: 250px !important; }
    .sm-h-300px { height: 300px !important; }
    .sm-h-350px { height: 350px !important; }
    .sm-h-400px { height: 400px !important; }
    .sm-h-450px { height: 450px !important; }
    .sm-h-500px { height: 500px !important; }
    .sm-h-520px { height: 520px !important; }
    .sm-h-550px { height: 550px !important; }
    .sm-h-580px { height: 580px !important; }
    .sm-h-600px { height: 600px !important; }
    .sm-h-650px { height: 650px !important; }
    .sm-h-700px { height: 700px !important; }
    .sm-h-720px { height: 720px !important; }
    .sm-h-750px { height: 750px !important; }
    .sm-h-800px { height: 800px !important; }


    .sm-h-50 { height: 50% !important; }
    .sm-h-100 { height: 100% !important; }
    .sm-h-auto { height:auto !important; }

    /* screen height */
    .one-fifth-screen { height:600px; }
    .one-fourth-screen { height:500px; }
    .one-third-screen { height:350px; }
    .one-second-screen { height:300px; }
    .extra-small-screen { height:250px; }

    /* magnific popup */
    button.mfp-arrow, .mfp-arrow:active { height: 50px; width: 50px; margin-top: -25px; opacity: 1; }
    .mfp-arrow:before { margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0; }

    /* content box image */
    .content-box-image { height: 100%; }

    /* slider navigation */
    .swiper-prev, .swiper-next { font-size: 16px; }
    .swiper-next i, .swiper-prev i { height: 35px; width: 35px; line-height: 35px; }
    .swiper-prev { left: 5px; }
    .swiper-next { right: 5px; }

    /* slider navigation style 08 */
    .slider-navigation-style-08.swiper-button-next.rounded-circle { right: 10px; width: 35px; height: 35px; }
    .slider-navigation-style-08.swiper-button-prev.rounded-circle { left: 10px; width: 35px; height: 35px; }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-right: 30px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 30px; }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { bottom: 30px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 40px; }

    /* grid */
    .grid.sm-grid-6col li { width: 16.67%; }
    .grid.sm-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.sm-grid-5col li { width: 20%; }
    .grid.sm-grid-5col li.grid-item-double { width: 40%; }
    .grid.sm-grid-4col li { width: 25%; }
    .grid.sm-grid-4col li.grid-item-double { width: 50%; }
    .grid.sm-grid-3col li { width: 33.33%; }
    .grid.sm-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.sm-grid-2col li { width: 50%; }
    .grid.sm-grid-2col li.grid-item-double { width: 100%; }
    .grid.sm-grid-1col li { width: 100%; }

    /* gutter type */
    .grid.gutter-small { margin: 0 -7px; }
    .grid.gutter-small li { padding:7px 7px; }
    .grid.gutter-extra-large li { padding:15px; }
    .grid.gutter-extra-large { margin:0 -15px; }
    .grid.gutter-double-extra-large li { padding: 15px; }
    .grid.gutter-medium { margin: 0 -7px; }
    .grid.gutter-medium li { padding: 7px 7px }
    .grid.gutter-large { margin: 0 -10px; }
    .grid.gutter-large li { padding: 10px 10px }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(odd) .portfolio-box { padding: 0 0 10%; }
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(even) .portfolio-box { padding: 0 10% 10%; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer { transform: translateY(calc(100% - 115px)); -webkit-transform: translateY(calc(100% - 115px)); -moz-transform: translateY(calc(100% - 115px)); -ms-transform: translateY(calc(100% - 115px)); }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 35px; bottom: 35px; }

    /* accordion style 04 */
    .accordion-style-04 .panel { padding-left: 20px; padding-right: 20px; }
    .accordion-style-04 .panel .panel-time { min-width: 115px; }
    .accordion-style-04 .panel .accordion-toggle { width: calc(100% - 330px); }
    .accordion-style-04 .panel .panel-body { margin-left: 115px; width: 70%; }

    /* time table */
    .time-table .panel .panel-time, .time-table .panel .panel-speaker { width: 100%; text-align: center; }
    .time-table .panel .panel-body { width: 100%; }

    /* tab */
    .nav-tabs > li { padding: 0; display: block; margin-bottom: 10px; width: 100%; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border: none; }
    .nav-tabs > li.nav-item { padding: 0; }

    /* tab style 01 */
    .tab-style-01 .nav-tabs { display: table; width: 100%;}
    .tab-style-01 .nav-tabs > li.nav-item { padding: 0; margin: 0 auto 20px; display: inherit; width: auto; }
    .tab-style-01 .nav-tabs > li.nav-item > a.nav-link { display: inline-block; }

    /* tab style 02 */
    .tab-style-02 .nav-tabs > li.nav-item { margin: 0 0 15px 0;}
    .tab-style-02 .nav-tabs > li.nav-item:last-child { margin-bottom: 0;}

    /* tab style 03 */
    .tab-style-03 .nav-tabs > li.nav-item { padding: 0; margin-bottom: 30px; border: 0; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: auto; }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li { margin-bottom: 5px; }

    /* tab style 06 */
    .tab-style-06 .nav-tabs { border-bottom: none; }
    .tab-style-06 .nav-tabs > li.nav-item { width: 100%; border-bottom: 1px solid rgba(0,0,0,0.10); }
    .tab-style-06 .nav-tabs > li.nav-item > a.nav-link { padding: 15px 20px; }

    /* tab style 07 */
    .tab-style-07 .nav-tabs { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .tab-style-07 .nav-tabs > li.nav-item { border-bottom: 1px solid #e4e4e4; }
    .tab-style-07 .nav-tabs > li.nav-item > a.nav-link { padding: 10px 30px 8px 30px; }

    /* process step style 04 */
    .process-step-style-04 .process-content { padding-top: 40px; }

    /* grid filter */
    .grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover { border-bottom: 1px solid; }

    /* newsletter style 01 */
    .newsletter-style-01 input { padding-right: 20px; }

    /* table style 01 */
    .table-style-01 table { width: 600px; }

    /* pricing table style 02 */
    .pricing-table-style-02 .pricing-popular { left: 0; width: 100%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { padding: 0 15px; }

    /* no border */
    .sm-no-border-top { border-top:0 !important }
    .sm-no-border-bottom { border-bottom:0 !important }
    .sm-no-border-right { border-right:0 !important }
    .sm-no-border-left { border-left:0 !important }
    .sm-no-border-all { border: 0 !important }

    /* border */
    .sm-border-all { border: 1px solid; }
    .sm-border-top { border-top: 1px solid; }
    .sm-border-bottom { border-bottom: 1px solid; }
    .sm-border-left { border-left: 1px solid; }
    .sm-border-right { border-right: 1px solid; }
    .sm-border-lr { border-left: 1px solid; border-right: 1px solid; }
    .sm-border-tb { border-top: 1px solid; border-bottom: 1px solid; }

    /* navigation */
    .navbar-toggler { margin-left: 0;}
    .navbar-nav { padding-left: 0; padding-right: 0; }
    .navbar.navbar-boxed { padding-left: 0; padding-right: 0; }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid, .navbar-expand-lg>.container-lg, .navbar-expand-lg>.container-md, .navbar-expand-lg>.container-sm, .navbar-expand-lg>.container-xl { padding-right: 0; padding-left: 0; }
    .top-bar .container-lg { padding-left: 0; padding-right: 0;}
    header .top-bar + .navbar.fixed-top { top: 0; }

    /* hamburger menu */
    .hamburger-menu { width: 100%; min-width: 0; }
    .hamburger-menu .close-button-menu { top: 0; right: 0; }
    .hamburger-menu.menu-full-width .hamburger-menu-wrepper { width: 100%; }
    .hamburger-menu.menu-full-width .menu-list { width: 90%; }
    .hamburger-menu.menu-half-width { width: 100%; }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li { padding: 10px 0; }
    .hamburger-menu-big-font .menu-list li a { font-size: 24px; line-height: 30px; }
    .hamburger-menu-big-font .menu-list li .menu-toggle { top: 27px; }
    .hamburger-menu-big-font .menu-list li .sub-menu-item { padding: 15px 0 0 15px; }

    /* header sidebar */
    .sidebar-nav-action, .side-menu-header { padding-left: 15px; padding-right: 15px; }

    /* page title */
    .page-title-small span { margin-left: 0; padding-left: 0; }
    .page-title-small span:before { display: none; }
    .page-title-large h1 { font-size: 30px; line-height: 40px; }

    /* blog side image */
    .blog-side-image .blog-post { padding: 20px; }
    .blog-side-image .blog-post:nth-child(odd) { padding-right: 20px; }
    .blog-side-image .blog-post:nth-child(even) { padding-left: 20px; }
    .blog-side-image .blog-post-image, .blog-side-image .post-details { width: 100%; }
    .blog-side-image .blog-post:nth-child(even) .blog-post-image { -ms-flex-order: 1; order: 1; }
    .blog-side-image .blog-post:nth-child(even) .post-details { -ms-flex-order: 2; order: 2; }
    .blog-side-image .avtar-image { width: 30px; margin-right: 15px; }
    .blog-side-image .separator { display: inline-block; }

    /* blog modern */
    .blog-modern .blog-post-image { margin-bottom: 100px; }

    /* sidebar */
    .shopping-left-side-bar .shopping-content, .blog-left-side-bar .blog-content { order: 1; -ms-flex-order: 1; }
    .shopping-left-side-bar .shopping-sidebar, .blog-right-side-bar .blog-content { order: 2; -ms-flex-order: 2; }

    /* video icons */
    .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -30px; left: -30px; }
    .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -15px; left: -15px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { top: -25px; left: -25px; }
    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }
    .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { top: -10px; left: -10px; }

    /* video icon size */
    .video-icon-double-large .video-icon { width: 80px; height: 80px; font-size: 28px; }
    .video-icon-double-large.video-icon-box .video-icon i { margin-left: 5px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 140px; height: 140px; }
    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr { width: 110px; height: 110px; }

    /* notify popup */
    .mfp-auto-cursor .mfp-content.notify-popup { padding-top: 35px; padding-bottom: 35px;}
    .show-notify-popup .mfp-container { padding-top: 0; }
    .mfp-notify button.mfp-close { top: 0; right: 0; }

    /* accordion style 03 */
    .accordion-style-03 .panel { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; }
/*    .accordion-style-03 .panel .panel-heading { padding: 15px 25px 15px 0; } */

    /* cart and checkout page */
    .total-price-table td, .total-price-table th { padding-top: 15px; padding-bottom: 15px; }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li { margin-right: 0; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 20px; margin-left: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 25px; bottom: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:hover:after { width: calc(100% - 50px); }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 35px; line-height: 35px; padding: 25px; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { top: 1px; }

    /* swiper horizontal 3d */
    .swiper-horizontal-3d.swiper-container { padding-bottom: 0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .swiper-horizontal-3d .swiper-slide.swiper-slide-next { opacity: .0; }
    .swiper-horizontal-3d .swiper-slide.swiper-slide-active { box-shadow: none; }

    /*home architecture*/
    .home-architecture .tparrows.tp-leftarrow { transform: translate(0) !important; bottom: 0; right: 0; top: auto !important; left: auto !important; }
    .home-architecture .tparrows.tp-rightarrow { transform: translate(0) !important; bottom: 67px; right: 0; top: auto !important; left: auto !important; }

    /* split slider */
    .home-split-portfolio .title-large { font-size: 70px; line-height: 65px; }

    /* elements social icon page */
    .elements-social .extra-small-icon li, .elements-social .small-icon li, .elements-social .medium-icon li, .elements-social .large-icon li, .elements-social .extra-large-icon li { margin-bottom: 20px; }

    .home-startup .tp-bullet { opacity: 0.5; height: 10px !important; width: 10px !important; }

    /* text shadow */
    .sm-no-text-shadow { text-shadow: none;}
}

@media screen and (max-width: 575px) {
    /* reset */
    section.big-section { padding:50px 0; }
    .xs-last-order { order: 10; }

    /* text size */
    .text-extra-big-2 { font-size: 230px; line-height: 190px; }



    /* absolute middle center */
    .xs-absolute-middle-center { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

    /* overlap */
    .text-overlap-style-04 { font-size: 55px; line-height: 65px; }

    /* box shadow */
    .xs-box-shadow-none { box-shadow: none; }


    /* screen height */
    .small-screen { height: 280px; }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content, .interactive-banners-style-05 .interactive-banners-overlayer {  transform: translateY(calc(100% - 105px)); -webkit-transform: translateY(calc(100% - 105px)); -moz-transform: translateY(calc(100% - 105px)); -ms-transform: translateY(calc(100% - 105px));  }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon { left: 5rem; bottom: 5rem; }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-time { min-width: 100%; padding-right: 15px;}
    .accordion-style-04 .panel .accordion-toggle { width: 100%; }
    .accordion-style-04 .panel .panel-body { margin-left: 0; width: 100%; }

    /* accordion style 05 */
    .accordion-style-05 .panel .panel-heading { padding: 15px 60px 15px 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion { padding-top: 20px; }
    .accordion-style-05 .panel .panel-body { padding: 0 40px 20px 20px; }
    .accordion-style-05 .panel .collapse.show .panel-body, .accordion-style-05 .panel .collapsing .panel-body { padding-bottom: 20px; }
    .accordion-style-05 .panel .panel-heading.active-accordion i { top: 50%; }

    /* table style 01 */
    .table-style-01 + .mfp-close { width: 34px; height: 34px; line-height: 34px; }

    /* tab style 04 */
    .tab-style-04 .nav-tabs > li.nav-item { width: 100%; }

    /* process step style 02 */
    .process-step-style-02 .process-step-icon-wrap { margin-right: 25px; }

    /* process step style 03 */
    .process-step-style-03 .process-step-item-box .process-step-item-box-bfr { width: calc(100% - 50px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-02 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-02 .countdown-box .number { margin: 0 auto;}

    /* countdown style 03 */
    .countdown.countdown-style-03 .countdown-box { margin-bottom: 15px; padding: 0 15px; width: 50%; }
    .countdown.countdown-style-03 .countdown-box:nth-child(2):after { display: none; }
    .countdown.countdown-style-03 .countdown-box .number { margin: 0 auto;}

    /* newsletter style 04 */
    .newsletter-style-04 input { padding-right: 25px; }
    .newsletter-style-04 .btn { position: static; top: inherit; right: inherit; transform: translateY(0px); border-radius: 6px; margin-top: 15px; padding: 12px 35px; height: auto; width: 100%;}

    /* button */
    .btn-dual .btn { margin-left: 4px; margin-right: 4px; }

    /* header search form */
    .form-wrapper .search-form-box { width: 90%; }
    .search-form .search-input { font-size: 18px; padding: 8px 38px 8px 2px; line-height: 30px; }
    .form-wrapper .search-form .search-button { bottom: 26px; }
    .form-wrapper .search-close { top: 5px; right: 5px; }
    .header-search-icon, .header-cart-icon, .header-language, .header-push-button, .header-button { padding-left: 15px; }

    /* menu modern */
    .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .top-bar { -webkit-transform: translate3d(-85vw, 0, 0); transform: translate3d(-85vw, 0, 0); }
    [data-mobile-nav-style=modern] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner { width: 85vw; }
    [data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar-modern-inner .navbar-collapse { padding-right: 10vw; padding-left: 10vw; }
    .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern][data-mobile-nav-trigger-alignment=left] .top-bar { -webkit-transform: translate3d(85vw, 0, 0); transform: translate3d(85vw, 0, 0); }

    /* full-screen-menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding: 60px 0 }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { top: 20px; right: 20px; }

    /* push menu */
    .push-menu { width: 100%; }

    /* sidebar nav menu */
    .side-menu-button { right: 15px; left: inherit; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .menu-style-2 .sidebar-nav-menu { width: 100%; }
    .side-menu-header .side-menu-button { right: 15px; }

    /* hamburger menu */
    .menu-list-wrapper.menu-list-wrapper-small { max-height: calc(100vh - 60px); height: calc(100vh - 60px); }

    /* header push menu close button */
    .close-menu { right: 0; top: 0;}

    /* swiper carousel */
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-fraction { bottom: 30px; }

    /* swiper custom image bullets */
    .slider-custom-image.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }
    .slider-custom-image-pagination .swiper-pagination-bullet { width: 32px; height: 32px; margin: 0 7px !important; }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev { left: 0;}
    .slider-navigation-style-02.swiper-button-next { right: 0;}

    /* slider navigation style 05 */
    .slider-navigation-style-05.swiper-button-prev { left: 15px; }
    .slider-navigation-style-05.swiper-button-next { right: 15px; }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light { left: 0;}
    .slider-navigation-style-07.swiper-button-next.light { right: 0;}
    .slider-navigation-style-07.swiper-button-next { right: 10px;}
    .slider-navigation-style-07.swiper-button-prev { left: 10px;}

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev { padding-left: 8px; padding-right: 8px; }
    .slider-custom-text-next.swiper-button-next { padding-left: 8px; padding-right: 8px; }

    /* swiper vertical */
    .slider-vertical >.swiper-pagination-bullets { right: 15px; }

    /* swiper pagination */
    .slider-multy-scroll-right > .swiper-pagination-bullets { right: 15px; }

    /* grid */
    .grid.xs-grid-6col li { width: 16.67%; }
    .grid.xs-grid-6col li.grid-item-double { width: 33.33%; }
    .grid.xs-grid-5col li { width: 20%; }
    .grid.xs-grid-5col li.grid-item-double { width: 40%; }
    .grid.xs-grid-4col li { width: 25%; }
    .grid.xs-grid-4col li.grid-item-double { width: 50%; }
    .grid.xs-grid-3col li { width: 33.33%; }
    .grid.xs-grid-3col li.grid-item-double { width: 66.67%; }
    .grid.xs-grid-2col li { width: 50%; }
    .grid.xs-grid-2col li.grid-item-double { width: 100%; }
    .grid.xs-grid-1col li { width: 100%; }

    /* gutter size */
    .grid.gutter-medium, .grid.gutter-large { margin: 0 -15px; }
    .grid.gutter-medium li, .grid.gutter-large li { padding: 7px 15px }

    /* blog simple */
    .blog-simple .blog-post { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .blog-simple .blog-post-image, .blog-simple .post-details { width: 100%; }

    /* blog side image */
    .blog-side-image .separator { display: none; }

    /* blog widget */
    .blog-widget li figure { width: 100px; }
    .blog-widget li .media-body { padding-left: 15px; }

    /* sidebar latest post */
    .latest-post-sidebar li figure { width: 80px; }

    /* pagination style 01 */
    .pagination-style-01 .page-link { margin: 0 5px; }

    /* newsletter email */
    .newsletter-email input { padding-right: 65px; }

    /* newsletter style 01 */
    .newsletter-style-01 .btn { position: static; top: 0; border-radius: 100px; width: 100%; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); margin-top: 15px; }

    /* text size */
    .text-extra-big { font-size: 55px; line-height: 55px; }
    .text-big { font-size: 50px; line-height: 50px; }

    /* countdown style 01 */
    .countdown.countdown-style-01 .countdown-box, .countdown.countdown-style-01 .countdown-box:first-child, .countdown.countdown-style-01 .countdown-box:last-child { margin: 0 0 30px; width: 50%; }

    /* footer */
    footer .footer-horizontal-link li { margin: 0 0 7px; }

    /* events conference */
    .home-events-conference h1 { font-size: 28px; line-height: 38px; }

    /* marketing agency */
    .team-tulip-bubble { bottom: 70px; padding: 15px; }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number { transform: translateX(30px); -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -ms-transform: translateX(30px); }
    .fullscreen-hover-list .hover-list-item .interactive-line { width: 15px; margin-left: 10px; }
    .fullscreen-hover-list .hover-list-item .interactive-title:after { left: 15px; bottom: 15px; height: calc(100% - 30px); }
    .fullscreen-hover-list .hover-list-item.active .interactive-title:after { width: calc(100% - 30px); }
    .fullscreen-hover-list.light .hover-list-item .interactive-title { -webkit-text-stroke: 1px #4e4e4f; text-stroke: 1px #4e4e4f; }
    .fullscreen-hover-list .hover-list-item .interactive-icon { font-size: 40px; }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title { font-size: 30px; line-height: 30px; padding: 15px; }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar { padding: 0;}

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination { left: 17px; }

    /* landing page */
    .litho-parallax-bg { right: 0px; top: -50px; }
    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide { width: 100% !important; }
    .landing-page-footer .title-large-2 { font-size: 35px; line-height: 42px; }

    /* split portfolio */
    .home-split-portfolio .title-large { font-size: 45px; line-height: 40px; }
}

@media screen and (max-width: 480px) {
    /* architecture*/
    .home-architecture .metis.tparrows { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: auto !important; bottom: -25px; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; }
    .home-architecture .metis.tparrows:before { padding-top: 0; }
    .home-architecture .metis.tparrows:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .home-architecture .metis.tparrows.tp-leftarrow { left: 94% !important; }
    .home-architecture .metis.tparrows.tp-rightarrow { left: 94% !important; bottom: 25px; }

    /* split slider */
    .home-split-portfolio .swiper-slide-l { background-size: 53%; }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box { margin-bottom: 15px; padding: 0 25px; }
}
@media (max-height: 460px) {
    /* header search */
    .active-form .form-wrapper .search-form { height: 85vh; }
}

@media (max-height: 600px) {
    /* modern menu */
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }

    /* full menu */
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { padding-top: 30px; padding-bottom: 30px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { right: 15px; top: 15px; }

    /* height */
    .full-screen-auto { height: auto !important; }

}