/* XS devices Media Query */
@media (max-width: 576px) {
    .about-us .about-top-text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .all-ptoducts .list-items ul li .image {
        width: 46px;
        height: 46px;
    }

    .all-ptoducts .list-items ul li {
        margin: 0 5px;
    }

    .all-ptoducts .list-items ul li span {
        font-size: 12.5px;
    }

    .mega-menu {
        display: none;
    }

    .selects-box {
        margin: 10px 0;
    }

    .our-brands .list-mix li .image {
        width: 30px;
        height: 30px;
    }

    .our-brands .list-mix li span {
        font-size: 12px;
    }

    .navbar-light .navbar-brand img {
        max-width: 150px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item.active::after,
    .main-header .navbar-expand-lg .navbar-nav .nav-item:hover::after {
        display: none;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item:first-of-type {
        margin-left: 15px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item {
        padding: 10px 0;
    }

    .main-header .call {
        margin-left: 15px;
        padding: 15px 0;
    }

    .box-banner {
        height: 200px;
    }

    .box-banner.center {
        height: 380px;
    }

    .box-banner .main-button {
        min-width: 100px;
        padding: 9px 20px;
    }

    .main-button span {
        font-size: 12px;
    }

    .box-brand .details a {
        font-size: 13px;
    }

    .box-brand .details p {
        font-size: 12.5px;
    }

    .box-brand .details a {
        margin: 0;
    }

    .box-brand .image {
        height: 300px;
    }

    .our-brands .title h3 {
        font-size: 14px;
    }

    .our-brands .title h3::before,
    .our-brands .title h3::after {
        width: 20px;
        left: -31px;
    }

    .our-brands .title h3::after {
        left: auto;
        right: -31px;
    }

    .our-brands .list-mix li {
        font-size: 10px;
        margin: 0px;
    }

    .main-footer .copyright ul {
        padding: 10px 0;
    }

    .main-footer .copyright ul li a {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .main-footer .copyright .d-flex {
        justify-content: center;
    }

    .main-footer .content .logo img {
        width: 150px;
        margin-bottom: 20px;
    }

    .main-footer .copyright p {
        text-align: center;
    }

    .our-brands .owl-carousel .owl-nav button.owl-prev {
        left: 14px;
        font-size: 18px;
    }

    .our-brands .owl-carousel .owl-nav button.owl-next {
        right: 14px;
        font-size: 18px;
    }

    .box-brand {
        border: none;
    }

    .contact-us .top h4,
    .contact-us .box-info h5 {
        font-size: 17px;
    }

    .contact-us .top ul li a,
    .contact-us .top ul li,
    .contact-us .top ul li svg {
        font-size: 12px;
    }

    .contact-us .box-form {
        padding: 30px 30px 0;
    }

    .contact-us .box-info ul li span,
    .contact-us .box-info ul li,
    .contact-us .box-info ul li a {
        font-size: 13px;
    }

    .contact-us .box-form {
        margin-right: 0;
    }

    .all-ptoducts .select-content {
        margin-top: 15px;
    }

    .all-ptoducts .side-bar .card-side .colors div {
        width: 35px;
        height: 35px;
    }

    .all-ptoducts .side-bar {
        border: none;
        padding-right: 0;
    }

    .map-contact {
        height: 250px;
    }
}

/* Small devices Media Query */
@media (min-width: 576px) and (max-width: 768px) {
    .about-us .about-top-text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .all-ptoducts .list-items ul li .image {
        width: 46px;
        height: 46px;
    }

    .all-ptoducts .list-items ul li {
        margin: 0 5px;
    }

    .all-ptoducts .list-items ul li span {
        font-size: 12.5px;
    }

    .mega-menu {
        display: none;
    }

    .selects-box {
        margin: 10px 0;
    }

    .our-brands .list-mix li .image {
        width: 30px;
        height: 30px;
    }

    .our-brands .list-mix li span {
        font-size: 12px;
    }

    .navbar-light .navbar-brand img {
        max-width: 150px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item.active::after,
    .main-header .navbar-expand-lg .navbar-nav .nav-item:hover::after {
        display: none;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item:first-of-type {
        margin-left: 15px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item {
        padding: 10px 0;
    }

    .main-header .call {
        margin-left: 15px;
        padding: 15px 0;
    }

    .contact-us .box-form {
        margin-right: 0;
    }

    .all-ptoducts .side-bar {
        border: none;
        padding-right: 0;
    }
}

/* Medium devices Media Query */
@media (min-width: 768px) and (max-width: 992px) {
    .navbar-light .navbar-brand img {
        max-width: 150px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item.active::after,
    .main-header .navbar-expand-lg .navbar-nav .nav-item:hover::after {
        display: none;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item:first-of-type {
        margin-left: 15px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item {
        padding: 10px 0;
    }

    .main-header .call {
        margin-left: 15px;
        padding: 15px 0;
    }

    .our-brands .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .our-brands .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .main-footer .copyright p {
        font-size: 12px;
    }

    .contact-us .box-form {
        margin-right: 0;
    }

    .all-ptoducts .side-bar {
        border: none;
        padding-right: 0;
    }


}

/* Large devices Media Query */
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-light .navbar-brand img {
        max-width: 170px;
    }

    .main-header .navbar-expand-lg .navbar-nav .nav-item {
        margin: 0 7px;
    }

    .mega-menu {
        top: 106px;
    }

    .main-header .call {
        margin-left: 10px;
    }

    .contact-us .box-info h5 {
        margin-bottom: 20px !important;
    }

    .all-ptoducts .side-bar .card-side .price .first span,
    .all-ptoducts .side-bar .card-side .price .last span {
        min-width: 58px;
    }
}

/* X-Large devices Media Query */
@media (min-width: 1200px) and (max-width: 1400px) {}

/* Large devices Media Query*/
@media (min-width: 1400px) {
    .box-banner {
        height: 400px;
    }

    .box-banner.center {
        height: 820px;
    }

    .contact-us .box-info {
        padding: 37px 35px;
    }

    .all-ptoducts .side-bar .card-side .colors div {
        width: 45px;
        height: 45px;
    }
}

@media (min-width: 3616px) {
    .box-banner {
        height: 600px;
    }

    .box-banner.center {
        height: 1220px;
    }
}