@media(min-width:992px) { .navbar-nav li>button.dropdown-toggle, .offcanvas .btn-close { display: none } .header-main .navbar .dropdown-menu { display: unset !important; opacity: 0; visibility: hidden; border: none; transform: translateY(30px); box-shadow: rgba(149, 157, 165, .2) 0 8px 24px } .header-main .navbar .navbar-nav .nav-item:focus-within>.dropdown-menu, .header-main .navbar .navbar-nav .nav-item:hover>.dropdown-menu, .header-main .navbar .navbar-nav li:focus-within>.dropdown-menu, .header-main .navbar .navbar-nav li:hover>.dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); transition: .35s } .header-main .navbar-nav .nav-item.dropdown .nav-link::after { content: "\f107"; font-family: FontAwesome; font-weight: 900; border: none; transition: .3s; position: absolute; font-size: 13px; line-height: 2 } } @media (max-width:991px) { .offcanvas-start { margin-top: 40px } .topbar { display: none } .menubar_bg { background: 0 0 } .menu-bar .right-menu ul li:has(> .btn_main) { display: none } .header-main .navbar .navbar-nav .nav-item .nav-link, .header-main .navbar .navbar-nav .nav-item:first-child .nav-link { margin: 0 } .navbar .navbar-nav li.dropdown { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center } .navbar .navbar-nav li.dropdown .dropdown-toggle { border: 1px solid var(--pink); outline: 0; color: var(--white); width: 30px; height: 30px; background: var(--primary-color); border-radius: 30px; line-height: 2 } .navbar .navbar-nav .dropdown-menu { width: 100%; border-top: 1px solid rgba(120 120 120 / 20%); padding-left: 10px } .navbar .navbar-nav .dropdown-menu>li:not(:last-child), .navbar .navbar-nav>li.nav-item { border-bottom: 1px solid rgba(120 120 120 / 20%) } .navbar .navbar-nav .dropdown-menu .dropdown-item { padding: .5rem 0 } .offcanvas .btn-close { position: absolute; right: 10px; top: 10px; display: block } .offcanvas-body { padding-top: 30px } .feature-section { height: unset; padding: 100px 0 75px } .feature-item_inner { bottom: unset } .feature-item, .footer-main .footer-item { margin-bottom: 25px } .slider-content .main-content { width: 100% } .slide-item>img { height: 450px } .slider-section .owl-nav { right: 25px } } @media(max-width:575px) { .main-contact_Form form p:first-child, .main-contact_Form form p:nth-child(2) { width: 100% } .slider-section .owl-nav { display: none } .about-image::before { width: 310px } ul.about-feature { flex-wrap: wrap } ul.about-feature li { width: 100%; flex: auto; margin-bottom: 20px } } @media (max-width:767px) { .slide-title { font-size: 30px } span.slide-subtitle { font-size: 16px } }