@media (min-width: 1700px) {
    .dc_header_wrapper .container-fluid {
        max-width: 1620px;
    }
    .dc_magnificent_wrapper .container {
        max-width: 1170px;
    }
}

/*============================
Max - Width Query
============================*/

@media (max-width: 1700px) {
    .dc_banner_content {
        margin-top: -60px;
        background-size: contain;
    }
    .dc_shop_boy {
        z-index: auto;
        top: 100px;
    }
    .dc_footer_wrapper::before {
        top: 0;
        left: 0;
        width: 98%;
    }
    .dc_footer_boy {
        right: 4%;
    }
}

@media (max-width:1499.98px) {
    .dc_footer_boy {
        right: 2%;
    }
}

@media (max-width:1399.98px) {
    .dc_banner_content {
        margin-top: -40px;
    }
    .dc_shop_boy {
        top: 85px;
    }
}

@media (max-width:1199.98px) {
    section {
        padding: 80px 0;
    }
    h1 {
        font-size: 55px;
    }
    .dc_responsive_content {
        padding: 80px 15px 0;
        background-size: cover;
    }
    .dc_responsive_content::before {
        top: 5px;
        left: 0px;
        background-size: cover;
    }
    .dc_shop_content::before {
        background-size: cover;
        top: 7px;
        left: 0px;
    }
    .dc_res_girl img {
        max-width: 530px;
    }
    .dc_shop_content {
        padding: 80px 15px;
        background-size: cover;
    }
    .dc_responsive_content::before,
    .dc_shop_content::before,
        {
        background-size: cover;
    }
}

@media (max-width:991.98px) {
    section {
        padding: 50px 0;
    }
    h1 {
        font-size: 45px;
    }
    .dc_banner_content {
        margin-top: -20px;
    }
    .dc_nav_item ul,
    .dc_nav_item {
        gap: 30px;
    }
    .dc_responsive_content {
        padding: 50px 15px 0;
    }
    .dc_res_girl img {
        max-width: 430px;
    }
    .dc_shop_boy {
        display: none;
    }
    .dc_shop_content,
    .dc_browsers_content {
        padding: 50px 15px;
    }
    .dc_browsers_img,
    .dc_brows_boy {
        display: none;
    }
    .dc_brows_res_img {
        display: block;
    }
    .dc_installation_wrapper {
        padding: 50px 0;
    }
    .dc_installation_content {
        padding-left: unset;
    }
    .dc_footer_wrapper {
        overflow: hidden;
        padding: 50px 0;
    }
    .dc_footer_boy {
        display: none;
    }
    .dc_footer_wrapper::before {
        background-size: cover;
        width: 100%;
    }
}

@media (max-width:767.98px) {
    body {
        font-size: 14px;
    }
    h1,
    h2 {
        font-size: 40px;
    }
    h3,
    h4 {
        font-size: 24px;
    }
    .dc_banner_content {
        margin-top: 10px;
    }
    .dc_nav_btn span {
        display: block;
    }
    .dc_nav_item ul {
        position: fixed;
        left: -280px;
        top: 0;
        height: 100vh;
        background-color: #171c2a;
        width: 280px;
        padding: 30px 20px;
        margin: 0;
        z-index: 111;
        transition: all 0.5s;
        flex-direction: column;
        gap: 20px;
    }
    .menu-open .dc_nav_item ul {
        left: 0;
    }
    .dc_res_logo {
        display: block;
        margin-bottom: 20px;
    }
    .dc_nav_item ul li a {
        padding: 0 0 10px;
        width: 100%;
        display: inline-flex;
        border-bottom: 1px solid rgb(252 248 255 / 10%);
    }
    .dc_res_girl img {
        max-width: 310px;
    }
    .dc_inner_name {
        max-width: 80%;
    }
}

@media (max-width:575.98px) {
    h1,
    h2 {
        font-size: 30px;
    }
    h4 {
        font-size: 16px;
    }
    .dc_banner_btn {
        margin-top: 20px;
        gap: 20px;
    }
    .dc_magnificent_box {
        background-size: 0;
    }
    .dc_magnificent_box img,
    .dc_magnificent_box:hover img,
    .dc_magnificent_btn a,
    .dc_magnificent_box.box-2 img,
    .dc_magnificent_box.box-2:hover img,
    .dc_magnificent_box.box-2 .dc_magnificent_btn a {
        transform: translate(0);
    }
    .dc_magnificent_btn a {
        margin: 30px auto 0;
    }
    .dc_res_girl {
        display: none;
    }
    .dc_brows_res_img img:first-child {
        margin-bottom: 15px;
    }
}

@media (max-width:475.98px) {
    .dc_banner_btn .dc_btn,
    .dc_nav_btn .dc_btn {
        min-width: fit-content;
    }
    .dc_navbar,
    .dc_nav_btn {
        gap: 10px;
    }
}