/***
** @@
** Min Width CSS Media Query
** @@
***/
@media (min-width: 600px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: flex;
    }
}

@media (min-width: 768px) {
    .input_testimonial_section .dl_advance_slider {
        margin-right: -37%;
    }

}

@media (min-width: 992px) {
    .menu > .nav-item.submenu > .dropdown-menu {
        margin-top: -20px;
    }

    .navbar_fixed .menu > .nav-item.submenu > .dropdown-menu {
        margin-top: 0;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        margin-top: 0;
    }
    .navbar .navbar-toggler {
        display: none;
    }
}

@media (min-width: 1921px) {
    .input_testimonial_section .dl_advance_slider {
        margin-right: -100%;
    }
    .navbar-brand img {
        width: 160px;
    }
}

/***
** @@
** Max Width CSS Media Query
** @@
***/

@media (max-width: 1200px) {
    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        left: -10px;
    }
}

@media (max-width: 1199px) {
    /* Sidebar Responsive */
    .blog_sidebar .widget_block .wp-block-group__inner-container .cat-item a {
        width: 89%;
    }
}

@media (max-width: 1150px) {
    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        left: 75px;
    }
}

@media (max-width: 1024px) {
    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        width: 22%;
        left: auto;
        right: 40px;
        background-size: contain;
    }
}

@media (max-width: 991px) {
    .menu > .nav-item.active .nav-link,
    .menu > .nav-item > .nav-link {
        color: var(--secondary-color);
    }
    .menu_site_btn .action-btn {
        display: none;
    }
    .navbar .navbar-toggler {
        border-color: transparent;
        background-color: transparent;
        padding: 0;
    }
    .menu_toggle {
        width: 22px;
        height: 22px;
        position: relative;
        cursor: pointer;
        display: block;
    }
    .menu_toggle .hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }
    .navbar_fixed .menu_toggle .hamburger > span, .navbar_fixed .menu_toggle .hamburger-cross > span {
        background-color: #000000;
    }
    .collapsed .menu_toggle .hamburger span:nth-child(1) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .collapsed .menu_toggle .hamburger span:nth-child(2) {
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .collapsed .menu_toggle .hamburger span:nth-child(3) {
        -webkit-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .collapsed .menu_toggle .hamburger span {
        width: 100%;
    }
    .menu_toggle .hamburger span:nth-child(1) {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }
    .menu_toggle .hamburger span {
        width: 0;
        height: 2px;
        position: relative;
        top: 0;
        left: 0;
        margin: 4px 0;
        display: block;
        background: var(--primary-color);
        border-radius: 3px;
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    .menu_toggle .hamburger span, .menu_toggle .hamburger-cross span {
        background: #fff;
    }
    .menu_toggle .hamburger-cross span:nth-child(1),.menu_toggle .hamburger-cross span:nth-child(2){
        position: absolute;
    }
    .menu_toggle .hamburger-cross span:nth-child(1){
        height: 100%;
        width: 2px;
        top: 0;
        left: 10px;
        transition-delay: 0.3s;
    }
    .menu_toggle .hamburger-cross span:nth-child(2){
        height: 2px;
        width: 100%;
        left: 0;
        top: 10px;
        transition-delay: 0.3s;
    }
    .collapsed .menu_toggle .hamburger-cross span:nth-child(1){
        height: 0;
        transition-delay: 0.2s;
    }
    .collapsed .menu_toggle .hamburger-cross span:nth-child(2){
        width: 0;
        transition-delay: 0.2s;
    }
    .menu_toggle .hamburger-cross{
        transform: rotate(45deg);
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
    }
    .menu_toggle .hamburger-cross span{
        display: block;
        transition: all 0.2s ease-in-out;
    }

    .navbar .text_logo {
        flex: 1;
    }
    .site-header .navbar {
        padding: 15px 0;
    }
    /* Sidebar Responsive */
    .sidebar_right {
        max-width: 500px;
    }
    .menu > .nav-item:hover .nav-link {
        color: var(--secondary-color);
    }
    .site-header .navbar-brand {
        flex: 1;
    }
    .input-home-b-class .menu_toggle .hamburger span,
    .input-home-b-class .menu_toggle .hamburger-cross span {
        background-color: #000000;
    }
    .title-color-style h3.dl_title_text span::after {
        left: auto;
        right: 15px;
    }
}

@media (max-width: 866px) {
    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        display: none;
    }
}

@media (max-width: 768px){
    .blog_title {
        font-size:24px !important;
    }
    .blog_grid_img_size img.blog-img.wp-post-image {
        height: 190px;
    }
    .home_tab_control .droit-advance-navs .droit-tab-nav-items .droit-tab-title {
        text-align: center;
    }

    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        display: none;
    }

    /* Breadcrumbs */

    .blog_breadcrumbs_area_two,
    .blog_breadcrumbs_area_two.page-banner,
    .blog_breadcrumbs_area_two.blog-single-page,
    .blog_breadcrumbs_area_two.archive-banner,
    .blog_breadcrumbs_area_two.banner-404  {
        padding: 120px 0 80px;
    }
}

@media (max-width: 767px) {
    /* Home Title */
    .title-color-style h3.dl_title_text span::after {
        display: none;
    }
    .text-white h2, .text-white .page-title {
        font-size: 24px;
    }
    .sec_padding {
        padding-bottom: 75px;
    }
}

@media (max-width: 480px) {
    .input-contact-b-class .blog_breadcrumbs_area_two {
        padding-top: 130px !important;
    }
    .dl_pricing_plan_switcher .dl_switcher_control {
        margin-bottom:  25px !important;
    }
    .navbar-brand img {
        width: 100px;
    }
    .dl_adv_swiper_navigation .swiper_adv_nav_button {
        display: none;
    }
}