@media(max-width:1600px) { header .site-branding-text a .logo { height: 40px; }
.main-navigation .dcode-right-menu .dcode-button .dcode-header-button a { padding: 12px 20px; }
header .sticky-menu.sticky { padding: 0 15px; }
header .sticky-menu #dcode-menu { margin-right: 15px; }
header .sticky-menu #dcode-menu ul.navbar-nav>li>a { padding: 25px 10px; font-size: 16px; }
header.header-two.site-header { padding: 0px; }
header.header-two .menu-toggle { right: 30px; }
header.site-header .container-fluid { padding: 0px 30px; }
}
@media(max-width:1366px) {
.arrow-position-top .owl-carousel .owl-nav { right: 110px; } .owl-carousel.testimonial-style-02 .owl-nav { display: none; }
.testimonial-style-04 .owl-nav { position: absolute; left: 50%; }
}
@media(max-width:1199px) {
header.site-header .container-fluid { padding: 0 15px; }
.navigation-in { overflow: hidden !important; } .toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close, .toggled-on .sticky-menu-toggle .icon-bars, .sticky-menu-toggle .icon-close { display: none; }
.toggled-on .menu-toggle .icon-close, .toggled-on .sticky-menu-toggle .icon-close { display: inline-flex; }
header .menu-toggle, header .sticky-menu-toggle { display: flex; border: 0; font-size: 28px; background: #021629; padding: 0; color: #ffffff; position: absolute; right: 15px; border-radius: 10px; z-index: 9; }
header .menu-toggle { background: none; }
header .toggled-on .menu-toggle { color: #111111; font-size: 30px; }
header .main-navigation > div > ul { background: #fff; position: fixed; right: 0; top: 0; -webkit-box-shadow: -20px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: -20px 0px 20px 0px rgba(0, 0, 0, 0.1); height: 100vh; overflow: auto; z-index: 1; width: 100%; max-width: 360px; display: block; padding: 100px 0 30px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transform: translateX(120%); }
header .main-navigation.toggled-on > div > ul { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); z-index: 1; }
header .main-navigation.toggled-on > div > ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
header .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon { display: none; }
header nav ul.navbar-nav li a, header ul.navbar-nav li ul.sub-menu a, header.sticky nav ul.navbar-nav li a { padding: 12px 30px; font-size: 16px; text-transform: uppercase; color: #111111; }
header ul.navbar-nav li ul.sub-menu a:hover, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a, header ul.navbar-nav li.current-menu-item > a, header ul.navbar-nav li:hover a, header ul li.current-menu-ancestor > a, header ul li.current-menu-parent a, header nav ul.navbar-nav li.current-menu-ancestor a, header ul.navbar-nav>li>a:hover, header ul.navbar-nav li.current-menu-item > a { color: #291fbc; }
.menu-toggle .icon, .sticky-menu-toggle .icon { margin-right: 0px; top: 0px; }
.main-navigation ul ul.toggled-on, header .menu-toggle, header .toggle-dropdown { display: flex; color: #111111; }
header nav ul.navbar-nav li:hover a:before { display: none; }
.toggle-dropdown { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #111111; display: block; font-size: 30px; right: 15px; line-height: 1.5; margin: 0 auto; padding: 0; position: absolute; text-shadow: none; top: 8px; }  .navbar-nav .toggled-on li:hover .sub-menu { transform: scaleY(0); } header .navbar-nav .sub-menu { background: rgba(0, 0, 0, 0.04); padding: 0; }
header nav ul.navbar-nav li ul.sub-menu a { color: #021629; text-transform: capitalize; }
header .custom-header .site-branding-text a .logo { height: 40px; }
.main-navigation ul ul.sub-menu.toggled-on { transform: inherit; top: 0; position: initial; display: flex; flex-wrap: wrap; flex-direction: column; }
.navbar-nav li:hover .sub-menu, .navbar-nav .toggled-on li:hover .sub-menu, .navbar-nav .sub-menu li ul, ul.sub-menu li:hover ul.sub-menu, .navbar-nav .sub-menu li ul, .navbar-nav .sub-menu li ul ul.sub-menu, ul.sub-menu li:hover ul.sub-menu li:hover>ul.sub-menu { transform: inherit !important; }
header .navbar-nav .sub-menu li:last-child { border: none; }
header .navbar-nav .sub-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
header ul.navbar-nav li ul.sub-menu li.menu-item:hover > a, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a { padding: 12px 30px; }
header ul.navbar-nav li ul.sub-menu li.menu-item:hover > a:before, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a:before { width: 0; }
header .sticky-menu #dcode-menu ul.navbar-nav>li>a { padding: 12px 15px; }
header .navbar-nav .sub-menu { box-shadow: none; } .main-navigation .dcode-right-menu ul.top-right-menu { display: none; }
header .sticky-menu .sticky-righet-menu { align-items: center; } header.header-two .header-top .social-media, header.header-two .header-top .header-top-right, header.header-two .header-bottum { display: none; }
header.header-two .toggled-on .menu-toggle { top: 30px; right: 15px; } header.header-three nav ul.navbar-nav li a { color: #021629; padding: 12px 15px; }
header.header-three.sticky nav ul.navbar-nav li a { padding: 12px 15px; }
header.header-three.site-header.sticky { top: 0; }
.admin-bar header.sticky { top: 32px; } .comment-respond .comment-form-email { margin-right: 0; }
.comment-respond .comment-form-url { width: 100%; }
.comments-area .comment-respond form .comment-form-cookies-consent label { display: initial; } .arrow-position-top .owl-carousel .owl-nav { right: 115px; } .dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-inner .dcode-feature-box-info { top: 0; margin-bottom: 20px; }
.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-inner .dcode-feature-box-containt { top: 0; }
.dcode-feature-box.dcode-feature-box-style-2:hover .dcode-feature-box-inner .dcode-feature-box-containt { top: -70px; }
.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-title { font-size: 22px; }
}
@media(max-width:1024px) {
.position-shape::before { display: none; }
.dcode-video .section-buttton { left: 380px; }
.re-pb-8 { padding-bottom: 80px !important; }
.dcode-heading.text-center { padding: 0 100px !important; }
footer.site-footer ul.contact-info li a { display: inline-block; }
.dcode-testimonial.dcode-testimonial-style3 { margin-left: 150px; }
.dcode-testimonial.dcode-testimonial-style3 .testimonial-details:before { left: 80px; }
.owl-carousel.testimonial-style-03 .owl-dots { left: -30px; } .grid-5 { grid-template-columns: repeat(4, 3fr); }
}
@media(max-width:991px) { .site-main { padding: 60px 0; }
.sidebar { margin-top: 40px; }
.widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td { padding: 2px; } footer .main-footer { padding-bottom: 20px; padding-top: 50px; } .dcode-tab.dcode-tab-style-2 .dcode-tab-info p { margin-top: 20px; }
.dcode-tab-details { margin-top: 20px; margin-bottom: 20px; }
.dcode-tab-info { margin-top: 10px; }
.tab-content { margin-top: 20px; } .screenshots-slider .owl-carousel .owl-nav, .screenshots-slider .owl-carousel .owl-nav button.owl-prev, .screenshots-slider .owl-carousel .owl-nav button.owl-next { position: initial; margin: 5px; justify-content: center; }
.screenshots-slider .owl-carousel .owl-nav { margin-top: 80px; }
.footer-top .dcode-action-box { padding: 50px; }
.footer-top .dcode-action-box .dcode-section-title { margin-bottom: 35px; } .dcode-accordion.dcode-pricing-accordion .dcode-accordion-header .accordion-pricing-tilte { font-size: 24px; } .dcode-tab.dcode-tab-style-3 .tab-content { margin-left: 0; }
.dcode-tab.dcode-tab-style-3 .tab-content>.tab-pane div { display: flex; flex-wrap: wrap; justify-content: center; } .dcode-newsletter .section-heading { margin-bottom: 0; } .grid-5 { grid-template-columns: repeat(3, 3fr); }
}
@media(max-width:768px) { .site-main { padding: 40px 0; }
h1 { font-size: 44px; line-height: 54px; }
h2 { font-size: 32px; line-height: 38px; }
h3 { font-size: 28px; line-height: 36px; } header nav ul.navbar-nav li.menu-item.current-menu-item a::before, header nav ul.navbar-nav li a::before { background: transparent; }
header nav ul.navbar-nav li.menu-item.current-menu-item a::before, header nav ul.navbar-nav li.menu-item.current-menu-ancestor a::before { background: none; width: 0; }
.admin-bar header.sticky { top: 46px; }
.footer-top h2 { font-size: 24px; } .owl-carousel .owl-nav { display: flex; align-items: center; justify-content: center; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { position: inherit; top: inherit; margin: 8px; } .dcode-accordion.dcode-accordion-style-1 .dcode-accordion-item { border-radius: 45px; }
.dcode-accordion .dcode-accordion-header .plusminus { right: 20px; } .dcode-counter .dcode-counter-containt .dcode-counter-title { font-size: 34px; line-height: 40px; }
.dcode-counter .dcode-counter-containt .counter-title span { font-size: 34px; line-height: 44px; } .site-footer.footer-three .menu-footer-menu-container ul { flex-direction: column; }
.site-footer.footer-three .footer-widget .menu-footer-menu-container ul li { margin-bottom: 10px; }
.site-footer.footer-three .footer-widget .menu-footer-menu-container ul li:last-child { margin-bottom: 0px; } .dcode-tab ul.ui-tabs-nav { flex-direction: column; border: none; }
.dcode-tab ul li { border-bottom: 3px solid #ebebeb; } .grid-5 { grid-template-columns: repeat(2, 3fr); }
}
@media only screen and (max-width:575px) {
h1 { font-size: 34px; line-height: 44px; }
h2 { font-size: 28px; line-height: 32px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 22px; line-height: 28px; }
ol li>ol, ul li>ul { padding-left: 15px; }
header .main-navigation > div > ul { max-width: 100%; } header .sticky-menu.sticky { top: 0; }
header.sticky .site-branding-text a .sticky-logo { height: 40px; }
.admin-bar header.sticky { top: 0; } .comments-area .comment-form { padding: 15px 20px; }
.comments-area, .comment-respond { margin-top: 25px; }
.post-category-wrap, .post .post-details .post-category { margin-bottom: 20px; }
.post.type-post.tag-password-2.tag-template input[type=submit] { margin-top: 15px; } .comment-list li.comment .comment-body { flex-wrap: wrap; }
.comment-avtar img { margin-bottom: 10px; } .post-category-wrap { display: block; }
.post-date-time { margin-top: 15px; }
.dcode-post .post-details .post-category-wrap { margin-bottom: 10px; } .dcode-testimonial.dcode-testimonial-style3 .testimonial-details:before { left: 0px; }
.dcode-testimonial.dcode-testimonial-style3 { margin-left: 70px; }
.owl-carousel.testimonial-style-03 .owl-dots { display: none; }
.dcode-testimonial.dcode-testimonial-style4 { padding: 30px 15px 30px; }
.dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper { display: flex; align-items: flex-start; flex-direction: column; } .dcode-team.dcode-team-style-1 { min-height: 358px; }
.dcode-team.dcode-team-style-1 .dcode-team-img img { padding: 0; } .dcode-newsletter .newsletter-form .submit-btn { padding: 0 15px; position: inherit; margin-top: 10px; }
.dcode-newsletter .newsletter-form { flex-wrap: wrap; } .dcode-section-title .dcode-section-sab { font-size: 14px; padding-left: 30px; }
.dcode-section-title.text-center .dcode-section-sab, .dcode-section-title.text-right .dcode-section-sab { padding-right: 30px; }
.dcode-section-title .dcode-section-sab:before, .dcode-section-title.text-center .dcode-section-sab:after { width: 20px; } .dcode-feature-box-style-1.dcode-feature-box-bg { padding: 30px 20px; }
.dcode-feature-box-image.dcode-feature-icon-sm .dcode-feature-box-icon { height: 50px; width: 50px; }
.dcode-feature-box.dcode-icon-left .dcode-feature-box-icon { margin-right: 15px; }
.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-img img { width: 600px; height: 250px; } .screenshots-slider .owl-carousel .owl-nav button.owl-prev, .screenshots-slider .owl-carousel .owl-nav button.owl-next, .screenshots-slider .owl-carousel .owl-nav { position: inherit; margin-top: 50px; left: 0; right: 0; }
.screenshots-slider .owl-carousel .owl-nav button.owl-prev, .screenshots-slider .owl-carousel .owl-nav button.owl-next { margin: 0px 5px 0 0; }
.owl-carousel .owl-nav, .owl-carousel .owl-dots { margin-top: 0; } .widget { margin-bottom: 20px; } .countdown li { margin: 0 5px; margin-bottom: 10px; flex: 0 0 20%; } .grid-4 { grid-template-columns: repeat(1, 3fr); }
.grid-5 { grid-template-columns: repeat(1, 3fr); }
.pagination .page-numbers li>a.prev, .pagination .page-numbers li>a.next { display: none; } .dcode-accordion .dcode-accordion-item .dcode-accordion-header::after { height: 28px; width: 28px; font-size: 14px; line-height: 28px; }
footer .site-info .copyright { flex-direction: column; }
footer .site-info .copyright .copyright-right { margin-top: 15px; }
}