/*
::
:: Theme Name: Decision - Lawyer & Attorney HTML Template
:: Email: Nourramadan144@gmail.com
:: Author URI: https://themeforest.net/user/ar-coder
:: Author: ar-coder
:: Version: 1.0
:: 
*/

/* :: Medium devices */
@media (max-width: 991px) {
    /* :: Navbar Top */
    .nav-top .nav-top-box ul li .btn-1 {
        display: none;
    }

    /* :: Navbar */
    .nav-bar .nav-bar-link {
        display: none;
    }
    .nav-bar .box-content {
        display: block !important;
    }
    .nav-bar .logo {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .nav-bar .logo .logo-nav {
        padding: 16px 0;
    }
    .nav-bar .logo .open-nav-bar span {
        width: 30px;
        height: 3px;
        border-radius: 3px;
        /* background-color: #FFF; */
        background-color: #111;
        display: block;
    }
    .nav-bar.active .logo .open-nav-bar span {
        background-color: #262b3e;
    }
    .nav-bar .logo .open-nav-bar:hover span,
    .nav-bar .logo .open-nav-bar.active span {
        background-color: #c9b38c;
    }
    .nav-bar .logo .open-nav-bar span:nth-of-type(2) {
        margin: 5px 0;
    }
    .nav-bar .nav-bar-link.active {
        display: block;
        border-top: 1px solid rgb(34, 34, 34, 0.1);
        max-height: 300px;
        overflow: hidden;
        overflow-y: scroll;
        -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
        box-shadow: 0 3px 4px rgba(0, 0, 0, 0.07);
        background-color: #262b3e;
    }
    .nav-bar .nav-bar-link > ul > li {
        display: block;
    }
    .nav-bar.active .nav-bar-link ul li a {
        color: #f1f1f1;
    }
    .nav-bar .nav-bar-link ul li a {
        color: #f1f1f1;
        margin: 0;
        padding: 10px;
    }
    .nav-bar .nav-bar-link ul li a:before {
        display: none;
    }
    .nav-bar .nav-bar-link ul li a.color-active {
        color: #c9b38c;
    }
    .nav-bar .nav-bar-link > ul ul li a {
        font-weight: 500;
        width: 100%;
    }
    .nav-bar .nav-bar-link ul li.has-menu > a:after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        right: 10px;
        font-size: 12px;
        width: 25px;
        height: 25px;
        background-color: #c9b38c;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        font-weight: 900;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: none;
    }
    .nav-bar .nav-bar-link ul li.has-menu > a.active:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .nav-bar .nav-bar-link > ul ul {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        opacity: unset;
        visibility: unset;
        position: unset;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: none;
    }
    .nav-bar .nav-bar-link > ul ul.active {
        display: block;
    }
    .nav-bar .info-nav {
        display: none;
    }
    .nav-bar .icon {
        display: none;
    }

    /* :: Header */
    .header-2 .box-hero {
        display: block !important;
    }
    .header-2 .box-hero .banner,
    .header-2 .box-hero .services-header {
        width: 100%;
    }
    .header-2 .box-hero .services-header {
        margin-top: 50px;
        text-align: left !important;
    }
    .header-2 .box-hero .services-header .line {
        display: inline-block;
    }

    /* :: Features */
    .features .features-box .features-item {
        width: 100%;
    }

    /* :: About Us */
    .about .text-box {
        margin-top: 50px;
    }
    .about-2 .text-box,
    .about-3 .text-box {
        margin: 0 0 50px 0;
    }

    /* :: Skills */
    .skills {
        margin-top: 50px;
    }

    /* :: Practice Area */
    .practice-area {
        background-position: right;
    }
    .practice-area-2 {
        background-position: unset;
    }

    /* :: Quote */
    .quote-box {
        margin-top: 50px;
    }
    .quote .box .img-box img {
        height: 400px;
        width: 100%;
    }

    /* :: Quote */
    .subscribe {
        margin-top: 50px;
    }

    /* :: Provide */
    .provide .text-box {
        padding: 80px 40px;
    }

    /* :: Pagination */
    .pagination-area.one {
        margin-bottom: 30px;
    }

    /* :: Shop */
    .shop.area .text-box-details .title-product {
        margin-top: 50px;
    }
}

/* :: Small devices */
@media (max-width: 768px) {
    .py-60 {
        padding: 20px 0;
    }
    /* Diversity start */

    .train {
        margin-top: 20px !important;
    }

    .nav-bar {
        background-color: white;
        padding: 5px;
    }

    .end-row {
        margin-bottom: 0px;
    }

    .diversity-last {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .a2 h6 {
        color: whitesmoke;
        padding: 12px;
    }

    .inclusive-card {
        margin: 20px 0;
    }

    .equity-card {
        margin: 20px 0;
    }
    .diversity-card {
        margin: 20px 0;
    }

    .definition-card {
        margin: 0px;
    }

    .inc-arrow {
        display: none;
    }

    .inc-bg {
        display: none;
    }

    .eq-bg {
        display: none;
    }

    .div-bg {
        display: none;
    }

    /* Diversity end */

    /* Contract Labour start */

    .obj-hd {
        margin: 50px 0 50px;
        text-align: center;
    }

    .single-content {
        margin: 40px 0 20px;
        height: auto;
    }

    /* Contract Labour end */

    /* Minimum wages start*/
    .single-obj {
        margin: 20px 0px;
        background-color: #1c1c1c;
    }

    .obj-margin {
        margin-top: 0px;
    }

    .obj-mid {
        display: none;
    }

    .obj-bg2 {
        display: none;
    }

    .obj-bg {
        display: none;
    }

    .min-card {
        margin: 0px 0px 0px;
    }

    .flow-p h2 {
        color: white;
        font-size: 25px;
    }

    .mid-fcard {
        margin-top: 0px;
    }
    .flow-c2,
    .flow-c3 {
        margin-top: 0px;
    }
    .flowchart {
        margin: 20px 0;
    }
    .min-wage-card {
        margin: 20px 0;
    }
    .wcard3 {
        height: auto;
        padding-top: 65px;
    }
    .x-last-card {
        margin-top: 0;
    }
    .min-wage {
        margin: 0px 0;
    }
    .min1,
    .min3 {
        margin-top: 0px;
    }
    .flow-bg {
        display: none;
    }
    .mid-bg {
        display: none;
    }
    .min-bg {
        display: none;
    }
    /* Minimum wages end */

    .single-card {
        margin: 20px 0;
    }
    .c1-hd {
        margin-top: 0px;
    }
    .card1-ht {
        height: auto;
    }
    .wage-connect {
        display: none;
    }
    .lower-bg {
        display: none;
    }
    .develop {
        margin-bottom: 0px;
        height: auto;
    }
    .member {
        margin-bottom: 0px;
    }
    .coc {
        margin: 0px auto 30px;
    }
    .impo h3 {
        margin-top: 50px;
    }
    .posh1 {
        margin: 0px auto 40px;
    }
    .posh1 h3 {
        font-size: 25px;
    }
    .single-ebook h3 {
        font-size: 15px;
        /* margin-bottom: 10px; */
    }
    .ebooks {
        margin: 60px 0 40px;
    }
    .breadcrumb-header {
        margin-bottom: 30px;
    }

    .about .text-box {
        margin-top: 20px;
    }
    .training {
        box-shadow: 2px 2px 8px #8080809e;
        padding: 10px;
        margin-top: 30px;
    }
    .training-row {
        row-gap: 20px;
    }
    .breadcrumb-header .banner h1 {
        font-size: 25px;
    }
    .about-2 .text-box,
    .about-3 .text-box {
        margin: 0 0 0px 0;
    }
    .quote .box {
        height: auto;
        padding: 20px 10px 20px 10px;
    }
    .copyright {
        margin-top: 0px;
    }
    .footer {
        padding-top: 60px;
        margin-top: 50px;
    }
    .breadcrumb-header {
        padding-top: 145px;
    }
    .quote {
        position: relative;
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .needs {
        -webkit-columns: 1;
    }
    .py-100 {
        padding: 50px 0;
    }
    /* :: Navbar Top */
    .nav-bar .logo .logo-nav {
        padding: 4px 0;
    }
    .nav-bar .logo .logo-nav img {
        width: 100px;
    }
    .nav-top {
        display: none;
    }

    /* :: Header */
    .header .banner .handline {
        font-size: 58px;
    }
    .header-2 .box-hero .services-header {
        display: none !important;
    }

    /* :: Provide */
    .provide .img-box {
        height: 600px;
    }
    .provide .text-box {
        padding: 80px;
    }

    /* :: Presentation */
    .presentation-box {
        top: auto;
        bottom: calc(600px - 30px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/* :: Extra small devices */
@media (max-width: 575px) {
    .testimonial-box .sec-title h3,
    .testimonial-4 .sec-title h3 {
        font-size: 28px;
    }
    .practice h4 {
        font-size: 35px;
        text-align: center;
        padding-bottom: 20px;
    }
    .why {
        margin: 120px 0px 0px;
    }
    .practice p {
        color: black;
        font-size: 16px;
        /* line-height: 26px; */
        text-align: center;
    }
    .practice {
        padding-top: 0px;
    }
    .items {
        padding: 0px 40px 20px;
        margin-bottom: 60px;
    }
    .why-choose-box-3 {
        height: auto;
    }
    /* :: Header */
    .paras p {
        font-size: 16px;
    }
    .header .banner .handline {
        /* font-size: 48px; */
        font-size: 13px !important;
        line-height: normal !important;
    }

    /* :: Menu Box */
    .menu-box .inner-menu {
        width: 100%;
    }

    /* :: About Us */
    .core-about li {
        float: none;
        width: 100%;
    }
    .about .text-box .p-about {
        margin-bottom: 16px;
    }
    .about .text-box .sign-about {
        margin-top: 20px;
    }

    /* :: Provide */
    .provide .text-box {
        padding: 80px 40px;
    }

    .page-404-area h2 {
        font-size: 150px;
    }
}

/* :: Dark Mode */
@media (max-width: 991px) {
    .active-dark-mode-decision .nav-bar.active .open-nav-bar span {
        background-color: #fff;
    }
    .active-dark-mode-decision .nav-bar .logo .open-nav-bar:hover span,
    .active-dark-mode-decision .nav-bar .logo .open-nav-bar.active span {
        background-color: #c9b38c;
    }
    .active-dark-mode-decision .nav-bar .nav-bar-link.active {
        border-top: 1px solid rgb(255 255 255 / 10%);
    }
}
@media (max-width: 768px) {
}
@media (max-width: 575px) {
}

@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1080px;
}
.nav-bar .nav-bar-link ul li a {
    color: #141414;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: block;
    text-align: center;
}
}