.container-xl,
 .container-lg,
 .container-md,
 .container-sm,
 .container {
     max-width: 1200px;
 }

 a.read_more.moreBtn.mb-2.px-1 {
     padding: 0px 8px !important;
 }


 /* =====================================================
   FINAL RESPONSIVE HEADER + MENU
===================================================== */

 /* ---------- DESKTOP DEFAULT ---------- */
 .menubar .row {
     align-items: center;
 }

 .menubar .logo {
     position: relative !important;
     top: auto !important;
     left: auto !important;
     transform: none !important;
     max-width: 200px;
     z-index: 10;
 }

 .menubar .logo img {
     width: 200px;
     max-width: 100%;
     height: auto;
 }

 .navigation {
     position: relative !important;
     float: none !important;
     width: 100%;
 }

 .navigation .navbar {
     width: 100%;
     padding: 0;
     /* display: block; */
     float: none !important;
 }

 .navigation .menu {
     display: block !important;
     position: relative !important;
     top: auto !important;
     left: auto !important;
     right: auto !important;
     width: 100% !important;
     max-height: none !important;
     overflow: visible !important;
     background: transparent !important;
     margin: 0 !important;
 }

 .navigation .menu>ul {
     display: flex !important;
     align-items: center;
     justify-content: flex-end;
     flex-wrap: nowrap;
     width: 100%;
     margin: 0;
     padding: 0;
 }

 .navigation .menu>ul>li {
     width: auto !important;
     float: none !important;
     display: block;
     flex: 0 0 auto;
     padding: 0;
     margin: 0;
 }

 .navigation .menu>ul>li>a {
     display: block;
     padding: 21px 18px;
     font-size: 16px;
     white-space: nowrap;
 }

 .navigation .menu ul li.cs-submenu>.dropdown-expander {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 18px;
     height: 18px;
     margin-left: 4px;
     padding: 0;
     border: 0;
     color: currentColor;
     background: transparent;
     vertical-align: middle;
     cursor: pointer;
 }

 .navigation .menu ul li.cs-submenu>.dropdown-expander svg {
     width: 13px;
     height: 13px;
     fill: none;
     stroke: currentColor;
     stroke-width: 2;
     stroke-linecap: round;
     stroke-linejoin: round;
 }

 .navbar-toggle,
 .menu-toggle {
     display: none !important;
 }



 @media (max-width:1300px) {
     a.read_more.moreBtn.mb-2.px-1 {
         padding: 0px 5px !important;
     }

     .menubar .logo img {
         width: 220px;
         max-width: 220px;
     }
 }

 @media (max-width:1200px) {
     .menubar .container:before {
         top: 0px;
         height: 60px;
         left: -40px;
         overflow: hidden;
     }

     .container-xl,
     .container-lg,
     .container-md,
     .container-sm,
     .container {
         max-width: 94%;
     }

     .menubar .container:after {
         top: 0px;
         height: 60px;
         right: -40px;
         overflow: hidden;
     }

     .welcomeAbout .serviceBlock .homeFactsheet {
         height: 200px;
     }

     li.w-auto.pe-3 {
         padding: 0px 10px !important;
     }

     .hover_effect {
         height: 221px;
         background: #fff;
     }

     .feature-block .title5 a {
         font-size: 17px;
         letter-spacing: 0px;
     }

     ul.social li {
         margin: 0px 1px;
     }

     .menubar .logo img {
         width: 200px;
         max-width: 200px;
     }

     .call-now .con-bx span a {
         font-size: 14px;
     }

     .navigation .menu ul li a {
         padding: 21px 10px;
         display: block;
         color: #333;
         transition: all 0.3s ease;
         font-size: 14px;
         background: transparent;
         font-weight: 600;
         letter-spacing: 0px;
     }

     .hide2 {
         display: none !important;
     }

     .call-now .con-bx span {
         font-size: 14px;
     }
 }

 @media (max-width:1024px) {
     .header {
         background: #fff;
         position: relative;
         border-top: 3px solid #164178;
     }

     .step {
         width: 48%;
         flex: 0 0 48%;
     }

     .premium-hero h1 {
         font-size: 30PX;
     }

     .menubar.stricky-fixed .navigation .menu ul li a,
     .menubar.stricky-fixed .navigation .menu .instagram1 button.btn.fw-bold {
         color: #ffffff;
     }

     .process-item {
         width: 21%;
     }

     .about-page .image-box.pr_110.mr_20 {
         max-width: 100%;
     }

     .heading_banner.bannerskhd .cat_title {
         font-size: 30px;
     }

     .large-card {
         height: auto;
     }

     .small-card,
     .grid-card {
         height: auto;
     }

     .gallery-cta .d-flex.align-items-center.justify-content-between {
         display: block !important;
     }

     .bd-about-wrapper.style-two {
         max-width: 100%;
         width: 100%;
     }

     .container,
     .container-fluid,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         width: 94%;
     }

     .max-content {
         max-width: 100%;
     }

     .video-showcase {
         overflow: hidden;
         width: 100%;
     }

     .hero-section {
         position: relative;
         height: auto;
         aspect-ratio: 640 / 251;
     }

     .hero-title {
         font-size: 30px;
     }

     .container1.text-center.text-white.hero-content.px-lg-5.position-absolute.w-100.mt-0.pt-0.top-50.translate-middle-y {
         display: none;
     }

     button.btn.btn-dark.rounded-pill.py-2.ms-1.mt-4 {
         margin: 0px !important;
     }

     button.btn.btn-orange.rounded-pill.btn.advanced.mt-4.py-2 {
         margin: 0px 5px 0px 0px !important;
     }

     .position-absolute.w-50.top-50.start-0.translate-middle-y.ps-5 {
         z-index: 999;
         width: 100% !important;
         padding: 0px !important;
         text-align: center;
     }

     .col-lg-12 .bo-grid {
         grid-template-columns: repeat(2, 1fr);
     }

     .heading_banner {
         padding: 20px 0 20px;
     }

     .category-card .box-title {
         font-size: 16px;
     }

     .category-card {
         padding: 0px 5px 15px;
     }

     .navigation .menu ul li ul.cs-dropdown li a {
         background: #164178;
     }

     .navigation ul li.cs-submenu:hover svg {
         color: #ffffff;
     }

     .footer-sect .footer-title {
         margin-top: 15px;
     }

     .col-content.d-flex {
         margin-bottom: 15px;
     }

     .footer-sect .footer-top {
         padding-top: 45px;
     }

     .footer-sect .footer-contact-desc {
         position: relative;
         margin: 0px auto 0;
     }

     .btm-bnr {
         gap: 0 0px;
         padding: 0 18px;
     }

     .footer-sect .footer-contact-desc {
         z-index: 1;
     }

     .heading_banner .cat_title {
         font-size: 25px;
     }

     .topbar {
         display: none;
     }

     .menubar .container:before {
         left: 0;
         content: none;
     }

     .modal-body .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-7.col-12 {
         width: 100%;
     }

     .modal-body .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 {
         width: 100%;
     }

     .menubar .container:after {
         right: 0;
         content: none;
     }

     .menubar .logo {
         position: absolute;
         top: 2px;
         z-index: 99;
         max-width: 260px;
     }

     .navigation {
         float: left;
         width: 100%;
         position: relative;
     }

     .navigation .navbar {
         display: block;
         float: left;
         width: 100%;
         padding: 7px 0px;
     }

     .navbar .phone_call {
         margin: 10px 0 0;
     }

     .navigation .menu {
         display: none;
         width: 100%;
         overflow: hidden;
         overflow-y: visible;
         position: relative;
         z-index: 9999;
         max-height: 480px;
         overflow-y: auto;
         position: absolute;
         top: 100%;
         background: #164178;
         left: 0;
         right: 0;
         text-align: left;
     }

     .navigation .menu ul:before,
     .navigation .menu ul:after {
         height: 0;
     }

     .navigation .menu ul li {
         padding: 0;
         float: left;
         width: 100%;
         display: block
     }

     .navigation .menu ul li a {
         padding: 7px 15px;
         text-align: left;
         font-size: 14px;
         border-right: 1px dashed transparent;
         color: #fff;
         border-bottom: 1px solid #3778b4;
         display: block;
     }

     .navigation .menu ul {
         padding-left: 0px;
     }

     .navigation .menu ul li ul.cs-dropdown {
         position: relative !important;
         opacity: 1 !important;
         visibility: visible !important;
         top: auto !important;
         left: auto !important;
         padding-left: 20px;
         padding-right: 20px;
         padding-bottom: 20px;
         width: 100%;
         display: none;
         transition: none !important;
         border: 0 !important;
     }

     .navigation .menu ul li ul.cs-dropdown,
     .navigation .menu ul li ul.cs-dropdown li .cs-dropdown {
         padding-top: 0;
         padding-left: 0;
         padding-bottom: 0;
         display: none;
         transition: none;
         padding-right: 0;
         width: 100%;
         background: #666
     }

     .navigation .menu ul .cs-submenu a {
         position: relative
     }

     .navigation .menu ul li.cs-submenu a button {
         display: block;
         position: absolute;
         top: 0px;
         right: 15px;
         background: transparent;
         border: 0;
         color: #fff;
         font-size: 16px;
         height: 30px;
         outline: none;
         width: 30px;
         padding: 0;
         text-align: center;
         line-height: 18px
     }

     .navigation ul li.cs-submenu a button svg {
         width: 16px;
         height: 16px;
         color: #fff;

     }

     .menubar.stricky-fixed .navigation .menu>ul>li a:hover {
         color: #d1e5ff;
     }

     .navigation ul li.cs-submenu a button.rotated svg {
         transform: rotateZ(180deg);
     }

     .navigation ul li.cs-submenu:hover svg {
         transform: rotateZ(0deg);
     }

     .navigation .menu ul li ul.cs-dropdown,
     .navigation .menu ul li ul.cs-dropdown li .cs-dropdown li .cs-dropdown {
         padding-top: 0;
         padding-left: 0;
         padding-bottom: 0;
         display: none;
         transition: none;
         padding-right: 0;
         float: left;
         width: 100% !important;
         background: #444
     }

     .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown {
         left: 100%;
         margin-top: 0
     }

     .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {
         left: -100%;
         margin-top: 0
     }

     .navigation .menu ul li ul.cs-dropdown li {
         border-bottom: 0
     }

     .navigation .menu ul li ul.cs-dropdown li a {
         color: #fff;
         display: block;
         font-size: 14px;
         padding: 7px 15px;
         line-height: normal;
         border-bottom: 1px solid #ffffff3b;
         background: #164178;
     }

     .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a {
         background: #3871b3;
         border-bottom: 1px solid #4d8eda;
     }

     .navigation .menu ul li.cs-submenu:first-child ul.cs-dropdown {
         width: 100%;
     }

     .navigation .menu ul li.cs-submenu:first-child ul.cs-dropdown li {
         width: 100%;
         float: left;
         position: relative;
     }

     .navigation .menu ul li.cs-submenu:first-child ul.cs-dropdown li:nth-child(even) {
         border-left: 0px solid #eee;
     }

     .navigation ul li.cs-submenu ul.cs-dropdown li a button {
         color: #fff;
     }

     .mobile_hide {
         display: none !important;
     }

     .navigation .menu ul li.active a,
     .navigation .menu ul li:hover a {
         color: #007cd5;
         background: transparent;
     }

     .navigation .menu ul li:hover ul.cs-dropdown {
         display: none;
     }


     .navigation .menu ul>li:nth-child(4) ul.cs-dropdown {
         width: 100%;
     }

     .navigation .menu ul>li:nth-child(4) ul.cs-dropdown li {
         width: 100%;
     }

     .navigation .menu ul>li:nth-child(4) ul.cs-dropdown li:nth-child(even) {
         border-left: 0;
     }

     .why-choose-us:before {
         width: 100%;
     }


     .hidden_xs {
         display: none;
     }

     .right-content {
         padding: 0 0px;
     }

     .service_content {
         height: auto;
     }

     .moreBtn {
         padding: 7px 4px;
         font-size: 14px;
         letter-spacing: 0px;
     }

     .service_content .center_box {
         position: relative;
         top: 0;
         left: 0;
         transform: translate(0, 0);
     }


     .webpulse_home_featured {
         background-size: cover;
     }

     .web-pulse-india .moreBtn {
         margin-bottom: 20px;
     }

     .text-right {
         text-align: left;
     }

     .wps_copy {
         line-height: 24px;
         padding: 10px 0;
     }

     .homeFeture {
         padding: 30px 0;
     }

     footer .col-xxl-3.col-xl-3.col-lg-3.col-md-3.col-sm-6 {
         width: 100%;
     }

     footer .col-xxl-2.col-xl-2.col-lg-2.col-md-3.col-sm-6 {
         width: 35%;
     }

     .col-xxl-4.col-xl-4.col-lg-4.col-md-3.col-sm-6.px-lg-0 {
         width: 65%;
     }

     footer .list-style-none li {
         width: 30%;
     }

     .wps_copy .col-xxl-7.col-xl-7.col-lg-7.col-md-8.text-right {
         width: 100%;
         text-align: center;
     }

     .wps_copy .col-xxl-5.col-xl-5.col-lg-5.col-md-4 {
         width: 100%;
         text-align: center;
     }

     .hidden-lg {
         display: block !important;
     }

     .col-md-5c {
         width: 33%;
     }

     p.w-75.mx-auto {
         width: 100% !important;
     }

     .market-list li {
         width: 33% !important;
     }

     .serviceBlock {
         margin-top: 0;
         margin-bottom: 20px;
     }

     .homeFactsheet {
         margin: 20px 0 0;
     }

     .bd-partner-area.section-space.theme-bg-05.bd-partner-bg.fix {
         padding: 40px 0px 45px;
     }
 }

 @media (max-width:980px) {

     #featuredProducts .owl-nav .owl-prev {
         left: -10px;
     }

     #featuredProducts .owl-nav .owl-next {
         right: -10px;
     }



 }


 @media (max-width:767px) {
     h2 {
         font-size: 25px;
     }

     .col-md-5c {
         width: 50%;
     }

     .blog-2 .blog-photo img.img-fluid.bp {
         height: auto;
         width: 100%;
     }

     .bg-white.border-orange.p-3.rounded-3.h-100.text-center svg {
         width: 100%;
         height: auto;
     }

     button.moreBtn {
         padding: 5px 15px;
     }

     .video_gallery .vd_bx {
         height: auto;
     }

     .video_gallery .vd_bx img {
         height: auto;
         width: 100%;
     }

     ul.social1.m-0.d-flex.list-style-none.align-items-center.justify-content-between {
         flex-wrap: wrap;
         justify-content: center !important;
     }

     footer .list-style-none li {
         width: 32% !important;
     }

     footer .list-style-none li {
         border: 0px solid #46aedd !important;
         background: #403f3d00;
         margin: 5px 0px;
     }

     .right-content {
         padding: 0 15px;
     }

     .more_info {
         height: auto;
         margin-bottom: 10px;
         padding-right: 0px;
     }

     .product_popup_image img {
         width: auto;
         object-fit: cover;
     }

     .aboutTitle {
         font-size: 25px;
     }

     p.w-75.mx-auto {
         width: 100% !important;
     }

     .footer-links {
         margin: 0 0 25px;
     }

     .footer-links a {
         color: #fff;
         text-transform: capitalize !important;
         padding: 0px 10px;
         border: 0px solid #ffffff;
         display: inline-block;
         width: 100%;
         margin-bottom: 0px;
         background: rgb(255 255 255 / 0%);
     }

     .footer-links a:hover {
         background: #007cd5;
         border-color: #007cd5;
         color: #fff;
     }

     .product_listing .product {
         padding: 15px 0px 0 0;
         border-right: 0px solid #ccc;
     }

     .heading_banner {
         padding: 20px 0;
     }

     .heading_banner .cat_title {
         font-size: 20px;
         padding: 0px 15px;
     }

     .heading_banner .cat_title2 {
         display: none
     }


     .product_right_image {
         float: right;
         width: 100%;
         margin: 0 0 15px 0px;
         text-align: center;
     }

     .path_type_1 {
         height: 50px;
     }

     .wprt-icon-text {
         margin-bottom: 20px;
     }



     .path_type_2.home-left,
     .path_type_2.home-right path {
         height: 50px;
     }

     .path_type_2.home-right {
         height: 50px;
     }

     .web-pulse-choose {
         background-size: cover;
         background-position: center center;
     }



     .market-list li {
         width: 50% !important;
         display: block !important;
     }

     .product_popup {
         margin-bottom: 0px
     }

     .more_info {
         max-height: inherit;
     }

     .right-content {
         padding-bottom: 15px;
     }

     .read_more_btn_2.callback {
         margin-top: 15px;
     }

     .container,
     .container-fluid,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         margin: auto;
         width: 96%;
     }

     .property-values-1-video.play-btn.popup-video {
         display: none;
     }

     .counter {
         margin-bottom: 5px;
     }

     .title1 {
         margin-top: 0px;
         font-size: 20px;
         line-height: 26px;
     }

     .step1 .work-single-boxarea {
         width: 250px;
         margin: auto;
     }

     .menubar {
         width: 100%;
         position: relative;

         left: 0%;
         top: 0px;
     }

     .step1 .work-single-boxarea img.squeres {
         left: 0%;
     }

     .max-content {
         max-width: 100%;
     }

     .step1 .work-single-boxarea::after {
         display: none;
     }

 }

 @media (max-width:650px) {

     /* .div.position-absoluted p {
    display: none;
} */
     .position-absolute.w-50.top-50.start-0.translate-middle-y.ps-5 {
         height: 100%;
     }

     button.btn.btn-orange.rounded-pill.btn.advanced.mt-4.py-2,
     button.btn.btn-dark.rounded-pill.py-2.ms-1.mt-4 {
         margin: 0px 5px 0px 0px !important;
         display: none;
     }

     .floating-panel {
         position: relative;
         left: 0px;
         bottom: 15px;
         width: 100%;
         padding: 20px;
         border-radius: 10px;
         border: 1px solid #85858530;
     }

     .testimonial .pic span {
         font-size: 45px;
     }

     .heading_banner.bannerskhd .cat_title {
         font-size: 25px;
         width: 100%;
     }

     .heading_banner.bannerskhd .cat_title2 {
         font-size: 18px;
     }

     .owl-next {
         right: 0px;
     }

     .owl-prev,
     .owl-prev {
         left: 0px;
     }

     .col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.text-center .d-flex.align-items-center.justify-content-center {
         display: block !important;
     }

     .col-xxl-12.col-xl-12.col-lg-12.col-md-12.col-sm-12.col-12.text-center .d-flex.align-items-center.justify-content-center button.btn.btn-orange.rounded-pill.btn.advanced.mt-0.py-2 {
         margin-bottom: 5px;
     }

     .image_block_three.pe-3.me-3 {
         margin: 0px !important;
         padding: 0px !important;
     }

     .about-page .image-box.pr_110.mr_20 {
         margin-left: 0px;
     }

     .roadmap {
         flex-wrap: wrap;
         row-gap: 20px;
     }

     .step {
         width: 46%;
         flex: 0 0 46%;
     }

     .imagesLeft.rounded.rounded-3.overflow-hidden {
         margin-bottom: 10px;
     }

     .location-content {
         text-align: center;
     }

     .gallery-cta .d-flex.align-items-center.justify-content-between {
         display: block !important;
     }

     .gallery-cta .d-flex.align-items-center {
         display: block !important;
     }

     .video-showcase::before {
         display: none;
     }

     .col-lg-12 .bo-grid {
         grid-template-columns: repeat(1, 1fr);
     }

     .hero-section {
         position: relative;
         height: auto;
         display: block;
         background: #00000000;
         padding-top: 0px;
         overflow: inherit !important;
     }

     .hero-search-form .search-fields {
         display: block;
     }

     .d-flex.align-items-center.mt-3.position-relative {
         display: block !important;
     }

     .hero-search-form .form-control {
         max-width: 100%;
         margin-bottom: 6px;
     }

     .container.text-center.text-white.hero-content {
         margin-top: 0%;
         padding: 0px;
     }

     .div.position-absoluted {
         position: absolute;
         width: 100%;
         bottom: 25px;
         padding: 0px 20px !important;
         text-align: center;
     }

     .bo-grid {
         gap: 5px;
     }

     .city-service-box {
         padding: 0px 2px;
     }

     .navigation .menu .instagram1,
     .about-img-2 img,
     .about-left::before {
         display: none;
     }

     .process-item {
         width: 45%;
     }

     .col-lg-8 .bo-grid {
         gap: 15px;
     }

     .hero-img-wrap img.hero-img {
         display: none;
     }

     .bo-highlight .title3 {
         font-size: 40px;
     }

     .hero-search-form .btn {
         float: left;
         margin: 0px 3px;
     }

     .about-img-1 {
         width: 100%;
     }

     .about-img-1 img {
         border-radius: 5px;
     }

     .about-shape {
         display: none;
     }

     .testimonials-section .popular-list-1 {
         width: 92%;
     }

     .testimonial .pic {
         display: block;
         left: 0px;
         position: relative;
         text-align: center;
         margin: auto;
         top: 0px;
     }

     .counter1.py-5.bg-light2 {
         overflow: hidden;
         width: 100%;
     }

     footer .row.g-2 {
         display: none;
     }

     .testimonial .description {
         max-height: inherit;
     }

     .testimonial {
         padding: 25px;
         text-align: center;
     }

     .testimonials-section .popular-list-1 .col-5.px-0,
     .testimonials-section .popular-list-1 .col-7.px-0 {
         width: 100%;
     }

     form.hero-search-form {
         max-width: 100%;
         background: #fff;
         padding: 25px 0px;
         border-radius: 10px;
         border: 1px solid #cccccc96;
         display: flow-root;
     }

     .advanced-fields {
         bottom: inherit;
         top: 100%;
         border: 0px solid #ccccccc2;
         position: relative;
     }

     form.hero-search-form .advanced-fields .form-group {
         width: 100%;
     }

     .hero-title {
         font-size: 18px;
         line-height: 23px;
         margin-bottom: 0px;
         margin-top: 0px;
         width: 100%;
     }

     .div.position-absoluted p {
         color: #fff;
         font-size: 16px;
     }

     .property-types {
         display: none;
     }

     .hero-search-form .d-flex.align-items-center.justify-content-center.mb-3.mt-0.search-toggle-group .btn {
         min-width: 100px;
         padding: 7px 10px;
     }

     .hero-search-wrapper {
         padding: 35px 0px;
     }

     .hero-section:after {
         z-index: -1;
         background: #03060e00;
     }

     .hero-video {
         position: relative;
         top: 0;
     }


     h2 {
         font-size: 22px;
     }

     .property-values-1-counter-wrapper {
         grid-template-columns: 1fr;
         width: 100%;
     }

     .btm-bnr {
         display: block;
         padding: 25px 15px 0px;
     }

     .btm-bnr-img {
         width: auto;
         height: auto;
         margin-top: -10px;
     }

     div#clients .owl-dots {
         display: none;
     }

     .col-md-5c {
         width: 100%;
     }

     .web-pulse-india p {
         text-align: justify;
     }

     .youtube_video.float-start.p-3.rounded.py-2.bg-white {
         margin-top: 15px;
     }

     footer .col-xxl-2.col-xl-2.col-lg-2.col-md-3.col-sm-6 {
         width: 100%;
     }

     .col-xxl-4.col-xl-4.col-lg-4.col-md-3.col-sm-6.px-lg-0 {
         width: 100%;
     }

     .col-xxl-8.col-xl-8.col-lg-8.col-md-6.col-sm-12.col-12 a.moreBtn {
         margin: 5px 0px;
     }

     .wps_right h2 {
         font-size: 20px;
     }

     .market-list li {
         width: 100% !important;
     }

     .footer-links li {
         line-height: 24px;
     }

     footer .list-style-none li {
         width: 100% !important;
     }

     .footer-links a {
         padding: 0px 0px;
     }
 }


 @media (max-width:480px) {}

 @media (max-width:320px) {}


 /* ---------- TABLET + MOBILE 1024px AND BELOW ---------- */
 @media (max-width: 1024px) {
     .header {
         position: relative;
         background: #fff;
         border-top: 3px solid #164178;
     }

     .topbar {
         display: none;
     }

     .menubar {
         position: relative;
         width: 100%;
         background: #fff;
     }

     .menubar .container {
         width: 94%;
         max-width: 94%;
         position: relative;
     }

     .menubar .container:before,
     .menubar .container:after {
         content: none !important;
     }

     .menubar .row {
         position: relative;
         min-height: 68px;
         align-items: center;
     }

     .menubar .logo {
         position: relative !important;
         top: auto !important;
         left: auto !important;
         transform: none !important;
         width: 190px;
         max-width: 190px;
         z-index: 100;
     }

     .menubar .logo img {
         width: 190px;
         max-width: 100%;
         height: auto;
     }

     .navigation {
         position: static !important;
         width: 100%;
         float: none !important;
     }

     .navigation .navbar {
         position: static;
         width: 100%;
         min-height: 68px;
         padding: 0;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         float: none !important;
     }

     /* Toggle button */
     .navbar-toggle,
     .menu-toggle {
         display: flex !important;
         align-items: center;
         justify-content: center;
         margin-left: auto;
         border: 0;
         background: transparent;
         z-index: 100001;
     }

     /* Main menu default closed */
     .navigation .menu {
         display: none !important;
         position: absolute !important;
         top: 100% !important;
         left: 0 !important;
         right: 0 !important;
         width: 100% !important;
         max-height: calc(100vh - 80px);
         overflow-x: hidden;
         overflow-y: auto;
         background: #164178 !important;
         z-index: 99999;
         margin: 0 !important;
         padding: 0 !important;
         text-align: left !important;
     }

     .navigation .menu.menu-open {
         display: block !important;
         max-height: 480px !important;
         overflow-y: auto !important;
     }

     .navigation .menu>ul {
         display: block !important;
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
     }

     .navigation .menu>ul>li {
         position: relative;
         display: block !important;
         float: none !important;
         width: 100% !important;
         margin: 0 !important;
         padding: 0 !important;
         text-align: left !important;
     }

     .navigation .menu>ul>li>a {
         position: relative;
         display: block !important;
         width: 100% !important;
         padding: 11px 45px 11px 15px !important;
         font-size: 14px !important;
         line-height: normal;
         font-weight: 600;
         color: #fff !important;
         background: #164178 !important;
         border-bottom: 1px solid rgba(255, 255, 255, .16);
         white-space: normal;
         text-align: left !important;
     }

     .navigation .menu>ul>li.active>a,
     .navigation .menu>ul>li:hover>a {
         color: #fff !important;
         background: #123867 !important;
     }

     /* Submenu */
     .navigation .menu ul li ul.cs-dropdown {
         display: none;
         position: relative !important;
         top: auto !important;
         left: auto !important;
         right: auto !important;
         width: 100% !important;
         min-width: 100% !important;
         opacity: 1 !important;
         visibility: visible !important;
         transform: none !important;
         margin: 0 !important;
         padding: 0 !important;
         background: #123867 !important;
         box-shadow: none !important;
         transition: none !important;
     }

     .navigation .menu ul li ul.cs-dropdown li {
         display: block !important;
         float: none !important;
         width: 100% !important;
         margin: 0;
         padding: 0;
     }

     .navigation .menu ul li ul.cs-dropdown li a {
         display: block !important;
         width: 100% !important;
         padding: 10px 15px 10px 30px !important;
         font-size: 14px !important;
         line-height: 20px;
         color: #fff !important;
         background: #123867 !important;
         border-bottom: 1px solid rgba(255, 255, 255, .12);
         text-align: left !important;
     }

     .navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li a {
         padding-left: 45px !important;
         background: #3871b3 !important;
     }

     /* Submenu arrow button */
     .navigation .menu ul li.cs-submenu>a {
         padding-right: 52px !important;
         float: left;
         width: 100%;
     }

     .navigation .menu ul li.cs-submenu>.dropdown-expander {
         position: absolute !important;
         top: 50% !important;
         right: 10px !important;
         transform: translateY(-50%) !important;
         display: flex !important;
         align-items: center;
         justify-content: center;
         width: 34px !important;
         height: 34px !important;
         padding: 0 !important;
         border: 0 !important;
         background: transparent !important;
         color: #fff !important;
     }

     .navigation .menu ul li.cs-submenu>.dropdown-expander svg {
         width: 15px;
         height: 15px;
         transition: transform .25s ease;
     }

     .navigation .menu ul li.cs-submenu>.dropdown-expander.active svg {
         transform: rotate(180deg);
     }

     /* Disable hover-opening on tablet/mobile */
     .navigation .menu ul li:hover>ul.cs-dropdown {
         display: none;
     }

     .navigation .menu ul li.cs-submenu.submenu-open>ul.cs-dropdown {
         display: block !important;
     }

     .navigation .menu ul li ul.cs-dropdown li:nth-child(2n) {
         border-left: 0 !important;
     }

 }


 /* ---------- MOBILE ---------- */
 @media (max-width: 767px) {
     .menubar .container {
         width: 94%;
         max-width: 94%;
     }

     .menubar .row,
     .navigation .navbar {
         min-height: 60px;
     }

     .menubar .logo {
         width: 165px;
         max-width: 165px;
     }

     .menubar .logo img {
         width: 165px;
     }

     .navigation .menu>ul>li>a {
         padding: 10px 42px 10px 12px !important;
     }
 }


 /* ---------- SMALL MOBILE ---------- */
 @media (max-width: 480px) {
     .menubar .logo {
         width: 145px;
         max-width: 145px;
     }

     .menubar .logo img {
         width: 145px;
     }
 }