@media (min-width: 2000px) {
    .nav-index {
    background: linear-gradient(128deg, #000 65%, transparent 20%) !important;
}

}
@media (min-width: 1441px){
    .bg-light {
    background-color: unset !IMPORTANT;
}
}

@media (max-width: 1200px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: .9em;
    }
    .counter {
        width: 45% !important;
    }
    /* .img-service,*/
    /*.product-img {*/
    /*    background-size:cover !important;*/
    /*}*/
}


@media (width: 1024px) {
    .navbar {
        background: linear-gradient(128deg, #000 81%, transparent 19%) !important;
    }
     .img-service,
    .product-img {
        background-size:cover !important;
    }
    .content-header .logo {
    left: 1.5em !important
}
   
}

@media (width: 1440px) {
    .navbar {
        background: linear-gradient(128deg, #000 79%, transparent 21%) !important;
    }
}


/*@media (min-width: 1024px) and (max-width: 1440px) {*/
/*    .navbar {*/
/*        background: linear-gradient(128deg, #000 78%, transparent 22%) !important;*/
/*    }*/
/*}*/

@media (max-width: 1000px) {
    .navbar {
        background: linear-gradient(128deg, #000 79%, #000 21%) !important;
    }
        .logo {
    right: 1em;
    left: unset;
}

    .male-nav,
    .icon-nav,
    .drop-nav {
        margin-right: unset !important;
    }

    .carousel {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 94%, 0% 100%) !important;
    }

    #shadow {
        height: 33em !important;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 98.5%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 98.5%) !important;
    }
    .slick-slide {
        opacity: 1 !important;
    }

}

@media (min-width: 320px) and (max-width:570px) {
    .logo {
    right: 0em !important;
}
.m-review div {
    margin-bottom: 10px !important;
}

.m-review h3 {
       padding-right: 1em;
 padding-left: 0em;
    font-size: 1em;
}
.detail-product .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1em;
}
    .topbar ul {
    padding:0 10px !important
}
   .user {
    position: relative;
    right: 0 !important;
}

    /* override on slick*/
    .slick-prev {
        left: -13px;
    }

    .slick-next {
        right: -4px;
    }
    .nav-link {
        padding: .5rem .5rem;
    }
    .nav-pills .nav-link {
            font-size: .7em;
    padding: 0.6em 2em;
    }

    .angled-bg-grey  {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 93%) !important;
    }
    .footer {

        -webkit-clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 100% 6%, 100% 100%, 0% 100%) !important;
    }
    .img-about {
        transform: unset !important;
        margin-right: unset !important;
    }
    .about-desc {
        text-align: center;
    }
    .about-desc button {
        margin: 0 auto;
    }
   
    .register-card .row,
    .register-card .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .register-card {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
    .custom-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .shadow-card .py-1 {
        padding-top: 1.8em !important;
        padding-bottom: 1.8em !important;
    }
    .card-body .pr-4 {
        padding-left: 0 !important;
    }
    .height {
        margin-bottom: .5em;
    }
    .bg-img {
        height: 15em !important;
    }
    .width-row {
        width: unset !important;
    }
    .mt-responsive {
        margin-top: 1.5em;
    }
    .py-responsive {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .payment .px-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
   
    /*.slider-for .img-container,*/
    /*.slider-nav .img-container { */
    /*    background-size: cover;*/
    /*}*/
    .detail-product .pl-5 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .custom-padding {
        padding-top: .8em !important;
        padding-bottom: .8em !important;
    }
    .table-responsive.pl-5 {
        padding-right: unset !important;
    }
    .card-contact .p-5 {
        padding: 1em !important;
    }
    .h2, h2 {
        font-size: 1.5rem;
    }
    .floatL-item {float: right !important;}

}
@media (min-width: 320px) and (max-width:991px) {
    .original-nav {
        display: none!important;
    }
    .openbtn {
        display: block!important;
    }
.nav-index {
    background: #000 !important;
}
.bg-light {
    background-color: #000 !important;
}
.navbar-brand {

    margin-right: 0rem !important;

}
    
}

@media (width: 320px) {
    .carousel-indicators {
        bottom: 2em !important;
    }
    
}

@media (width: 768px) {
    .profile-img {
        width: 60% !important;
    }
    .img-container {
        background-size: cover !important;
    }
    .payment .img-container {
        background-size: contain !important;
    }
    .contact-data {
        font-size: .9em;
    }
    
    .company-img {
        width:9em !important;
    }
}
@media (min-width: 571px) and (max-width:767px) { 

    .footer {

        -webkit-clip-path: polygon(0 0, 100% 14%, 100% 100%, 0% 100%) !important;
        clip-path: polygon(0 0, 100% 14%, 100% 100%, 0% 100%) !important;
    }
}
@media (min-width: 320px) and (max-width:768px) {
    .grey-circle {
        width: 18em !important;
        height: 18em !important;
    }
    .grey-circle-order {
        width: 15em !important;
        height: 15em !important;
    }

}

@media (min-width: 2000px) {
    .navbar {
        background: linear-gradient(128deg, #000 65%, transparent 22%) ;
    }
    .content-header .logo {
    position: relative;
    right: 32em;
    }
}