@media all and (min-width: 1670px) {

}

@media (max-width: 1380px){

}

@media (max-width: 1200px){

}

@media all and (min-width: 992px) {
    .nav-item .dropdown-menu{ display: none; }
	.nav-item:hover .dropdown-menu{ display: block; }
}

@media all and (max-width: 992px){
	.navbar-light .navbar-toggler{
        color: var(--font-white);
        border-color: var(--font-white);
    }
    .navbar-light .navbar-toggler-icon{
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-light .navbar-toggler-icon:after{
        background-image: none;
        content: '\f0c9';
        font-family: Fontawesome;
        position: relative;
        display: inline-block;
    }

    .navbar-collapse{
        position: absolute;
        width: 100%;
        left: 0;
        top: 58px;
        background-color: #fff;
        height: calc(100vh - 65px);
        z-index: 100;
        overflow: auto;
    }

    .navbar-collapse ul{
        background-color: #fff;
        margin-bottom: 0 !important;
    }

    .nav-link {
        color: #000000 !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .navbar-collapse ul + ul{
        flex-direction: column;
    }

    .nav-item .dropdown-menu{
        min-width: 100%;
        left: 0;
        border: none;
    }

    .ourCollection{
        flex-direction: column;
    }

    .dropdown .dropdown-menu{
        position: relative;
    }

    .dropdown-menu-item ul li{
        margin: 20px 0px;
    }

    .dropdown-menu-item{
        width: 100%;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .featuredService-card h3{
        font-size: 18px;
    }

    .d-flex .nav-item .nav-link{
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin-bottom: 15px;
    }
}

@media all and (max-width: 768px){
	.topHeader-prop-wrapper{
        flex-direction: column;
    }
    .topHeader-prop-search{
        width: 100%;
        margin: 15px 0px;
    }
    .navbar-light .navbar-toggler{
        color: var(--font-white);
        border-color: var(--font-white);
    }
    .navbar-light .navbar-toggler-icon{
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-light .navbar-toggler-icon:after{
        background-image: none;
        content: '\f0c9';
        font-family: Fontawesome;
        position: relative;
        display: inline-block;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
        left: 0;
        top: 58px;
        background-color: #fff;
        height: calc(100vh - 65px);
        z-index: 100;
        overflow: auto;
    }

    .navbar-collapse ul{
        background-color: #fff;
        margin-bottom: 0 !important;
    }

    .nav-link {
        color: #000000 !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .navbar-collapse ul + ul{
        flex-direction: column;
    }

    .nav-item .dropdown-menu{
        min-width: 100%;
        left: 0;
        border: none;
    }

    .ourCollection{
        flex-direction: column;
    }

    .dropdown .dropdown-menu{
        position: relative;
    }

    .dropdown-menu-item ul li{
        margin: 20px 0px;
    }

    .dropdown-menu-item{
        width: 100%;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .section-heading-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }

    .products-tabs{
        margin-top: 20px;
    }

    .footer-menu ul li{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .footer-bottom{
        flex-direction: column;
    }

    .footer-bottom p{
        margin-bottom: 10px;
    }

    .cart-table {
        width: 900px;
    }

    .payment-types{
        flex-wrap: wrap;
    }

    .payment-types-item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .slider-img-overlay{
        padding: 0px 3rem;
    }
}

@media all and (max-width: 480px){
	.topHeader-prop-wrapper{
        flex-direction: column;
    }
    .topHeader-prop-search{
        width: 100%;
        margin: 15px 0px;
    }
    .navbar-light .navbar-toggler{
        color: var(--font-white);
        border-color: var(--font-white);
    }
    .navbar-light .navbar-toggler-icon{
        background-image: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-light .navbar-toggler-icon:after{
        background-image: none;
        content: '\f0c9';
        font-family: Fontawesome;
        position: relative;
        display: inline-block;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
        left: 0;
        top: 58px;
        background-color: #fff;
        height: calc(100vh - 65px);
        z-index: 100;
        overflow: auto;
    }

    .navbar-collapse ul{
        background-color: #fff;
        margin-bottom: 0 !important;
    }

    .nav-link {
        color: #000000 !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .navbar-collapse ul + ul{
        flex-direction: column;
    }

    .nav-item .dropdown-menu{
        min-width: 100%;
        left: 0;
        border: none;
    }

    .ourCollection{
        flex-direction: column;
    }

    .dropdown .dropdown-menu{
        position: relative;
    }

    .dropdown-menu-item ul li{
        margin: 20px 0px;
    }

    .dropdown-menu-item{
        width: 100%;
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .section-heading-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }

    .products-tabs{
        margin-top: 20px;
    }

    .footer-menu ul li{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .footer-bottom{
        flex-direction: column;
    }

    .footer-bottom p{
        margin-bottom: 10px;
    }

    .cart-table {
        width: 900px;
    }

    .userprofile-userimg{
        width: 80px;
        height: 80px;
        position: absolute;
        left: 15px;
        bottom: -40px;
    }

    .userprofile-name-link{
        padding-left: 7rem;
    }

}