@media (min-width:992px) {

/*    .header,
    header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }*/

/*    main.product,
    main.basket {
        margin-top:110px !important;
    }*/
}

@media (min-width: 1200px) {
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 73%;
        max-width: 75%;
    }

    .cart_products {
        overflow-y: scroll;
        height: 480px !important;
        /* min-height: 392px; */
    }
}

@media screen and (max-width:768px) {

    .icon-whatsapp {
        width: 17% !important;
        z-index: 999;
    }
    #carouselExampleIndicators{
        margin-top:0px !important;
    }

    .fs-h5 {
        font-size: 1.1rem;
    }

    .owl-carousel.carousel1 .owl-nav .owl-prev {
        position: absolute;
        left: -35px !important;
    }

    .owl-carousel.carousel1 .owl-nav .owl-next {
        position: absolute;
        right: -35px !important;
    }

    .owl-carousel.carousel2 .owl-nav .owl-prev {
        position: absolute;
        left: -20px !important;
    }

    .owl-carousel.carousel2 .owl-nav .owl-next {
        position: absolute;
        right: -20px !important;
    }
    /*main.product,
    main.basket {
        margin-top: 40px !important;
    }*/
  

    .fs2-11pt {
        font-size: 11pt !important;
    }
}

@media (min-width:1200px) {
    .bg-center-category {
        background: url('/Images/bg-category.png') no-repeat !important;
        height: 385px !important;
        background-size: cover !important;
        background-position: center !important;
        border-radius: 45px !important;
    }
}

@media (max-width:1200px) {
    .bg-center-category {
        background: #F9CA24;
        border-radius: 45px;
        color: #fff;
        padding: 20px;
    }

        .bg-center-category h3,
        .bg-center-category p {
            color: #fff;
        }
}

@media (min-width:1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }

    .topcol {
        top: -80px;
        margin: 0 auto !important;
        right: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        align-items: center;
    }

    .col-xl-flex {
        /* -ms-flex: 0 0 50%; */
        flex: 0 0 35% !important;
        /* max-width: 50%; */
    }

    .c-checkout-steps {
        width: 1100px !important;
    }

        .c-checkout-steps li:nth-child(2)::before, .c-checkout-steps li:nth-child(3)::before {
            content: "";
            width: 535px !important;
        }
}

@media (min-width:768px) {
    .topcol {
        top: -80px;
    }
   

}
@media (max-width: 991px) and (min-height: 642px) {
    #profile-menu-sidebar {
        height: calc(100vh - 371px);
        overflow-y: auto;
    }

    #collapseSidebar {
        top: 0px;
        overflow-y: auto;
        position: fixed;
        background-color: #fff;
        border-radius: 10px;
        height: 100vh;
        z-index: 100;
        right: 0;
    }
}
@media (max-width: 991px) and (max-height: 641px) {
    #profile-menu-sidebar {
        height: auto;
        overflow-y: auto;
    }
}
#header{
    background-color: inherit !important;
}
.window {
    width: 100%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-shadow: 0px 20px 46px 2px #fafcff;
    cursor: n-resize;
    position: relative;
}

    .window img {
        width: 100%;
        object-fit: cover;
        object-position: top;
        height: 345px;
        transition: 8s all ease;
        border-radius: 20px;
    }

        .window img:hover {
            object-position: bottom;
        }
    .window.active::after {
        content: 'قالب فعلی سایت شما';
        position: absolute;
        background-color: #5350507d;
        color: #fff;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        border-radius: 20px;
    }
    .window.active + div + button.btn{
        display: none !important;
    }
.fs-9pt{
    font-size: 9pt !important;
}