@media (min-width:992px) {
    .menu-toggle-container {
        display: none;
    }
}
@media (max-width:1050px) {
    .portfolioright-first img {
        width: 190px;
        height: 170px;
        border-radius: 30px;
    }

    .portfolioright-second img {
        width: 190px;
        height: 170px;
        border-radius: 30px;
    }

    .portfolio-leftimage img {
        width: 190px;
        height: 170px;
        border-radius: 30px;
    }
    .popup_vid_icon {
        top: calc(100% - 170px)
    }
}
    @media (max-width:992px) {
        .main-main {
            display: none;
        }
            .main-main ul li .submenu {
                position: relative;
                z-index: 10;
                top: 5px;
                left: 0;
                opacity: 0;
                visibility: hidden;
                transition: all ease .3s;
                height:0;
            }
        .mobile-cart-btn {
            display: block;
        }

        .main-main > ul > li.desktop-cart-btn {
            display: none;
        }
        .main-main > ul > li a{
            display:block;
        }
            .main-main ul li:hover .submenu {
                opacity: 0;
                visibility: hidden;
            }
            .main-main ul li.active .submenu {
                opacity: 1;
                visibility: visible;
                transition: all ease .3s;
                height: 100%;
            }
            .main-main > ul {
                display: block;
                padding-bottom: 20px;
            }
            .main-main > ul > li {
                padding: 5px 12px;
            }
        a.addmenu:before {
            right: 8px;
            top: 8px;
        }
        .menu-toggle {
            background: var(--background);
            border-radius:2px;
            padding:2px 6px 4px;
        }
        .menu-toggle svg path {
            fill: #fff;
        }
        
        .main-main.open {
            display: block;
            height: auto;
            position: absolute;
            background-color: #fff;
            z-index: 11;
            left: 0;
            top: 5px;
            box-shadow: 0px 0px 5px #d1d1d1;
        }
        a.registerBtn {
            display: inline-block;
            width: 123.8px;
        }
        a.loginBtn{
            display:inline-block;
            width:128px;
        }
        .menu-toggle {
            outline: none;
            border: none;
        }

        .footer-left ul {
            display: block;
        }

        .portfolioright-first img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolioright-second img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolio-leftimage img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolio-right {
            justify-content: center
        }

        .popup_vid_icon {
            top: calc(100% - 165px)
        }
        .logo img {
            padding-block: 10px;
        }
    }

    @media (max-width:767px) {
        .main-main {
            display: none;
        }
        .pdp-image-gallery-block {
            flex-direction: column-reverse;
        }

        .gallery_pdp_container {
            width: 100%;
        }
        .popup_vid_icon {
            top: calc(100% - 65px);
        }
        .main-main.open {
            display: block;
            height: auto;
            position: absolute;
            background-color: #fff;
            z-index: 11;
            left: 0;
            top: 5px;
        }
        .gallery_pdp_container{
            position:relative;
            padding-bottom:30px;
        }
        .top-arrow {
            position: absolute;
            bottom: 0;
            left: 46%;
            transform: rotate(-90deg);
        }
        .bottom-arrow {
            position:absolute;
            bottom: 0;
            left: 54%;
            transform: rotate(-90deg);
        }
        .banner-text h3 {
            font-size: 30px;
        }
        #gallery_pdp.slick-slider .slick-slide {
            padding: 5px !important;
        }
        .banner-text p {
            font-size: 16px;
        }
        .portfolioright-first img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolioright-second img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolio-leftimage img {
            width: 200px;
            height: 180px;
            border-radius: 30px;
        }

        .portfolio-right {
            justify-content: center;
        }

        .counterBox {
            width: 100%;
            min-width: 26px;
        }

        .counter-wrap {
            flex-wrap: wrap;
            gap: 20px;
        }

        .footer-left ul {
            display: block;
        }

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

        .proimage {
            max-width: 100%;
            height: 180px;
        }

            .proimage img {
                width: auto;
            }

        .menu-toggle {
            outline: none;
            border: none;
        }

        .main-main > ul > li {
            padding: 5px 12px;
        }
    }
    @media (max-width:600px){
        .product-slider.slick-slider.slick-initialized button{
            right:2px;
        }
        .breadcrumb-section{
            padding:15px 0px;
        }
        .product-slider button.slick-prev {
            left: 32px;
        }
        .con-container{
            margin-bottom:0px;
        }
        .product-slider .col {
            padding-left: 15px;
            padding-right: 15px;
        }
        .stripMarquee{
            line-height:1;
        }
        .common-hadd p{
            line-height:18px;
            font-size:14px;
        }
        .footer .container {
            padding-bottom: 20px;
        }
    }

    @media (max-width:576px) {
        .main-main > ul {
            display: block;
            padding-bottom: 20px;
        }
        .slick-slider.slick-initialized button{
            height:30px;
            width:30px;
        }
        .page-title-title {
            font-size: 24px;
        }
            .slick-slider.slick-initialized button:before {
                height: 8px;
                width: 8px;
                left: 13px;
                top: 11px;
            }
            .slick-slider.slick-initialized button.slick-next:before {
                left: 11px;
            }
            .footerlogo {
                margin-bottom: 0px;
            }
        .button-cart.btn {
            padding: 0 20px
        }
        .product-details h4 {
            font-size: 14px;
        }
        .banner-text h3 {
            font-size: 24px;
            line-height:1;
            margin-bottom:0;
        }
        .banner-text p {
            font-size: 14px;
        }
        .sidebar__inner{
            padding-bottom:10px;
        }
        .product-details h3 {
            font-size: 18px;
        }
        .card2:before {
            top: -4px;
            right: 0px;
            height: 10px;
            width: 10px;
        }
        .card2 h5 {
            font-size: 14px;
            line-height: 18px;
        }
        .feacher-text {
            bottom: 80%;
            left: 13px;
            transform: translateY(110%);
            width: 85%;
        }
        .card2 p {
            font-size: 11px;
            line-height: 13px;
        }
        .footer-left p{
            font-size:18px;
        }
        .footer-right p{
            font-size:14px;
        }
        .footer-left ul li a {
            font-size: 14px;
        }
        .card2:hover:before {
            transform: scale(38);
        }
        .buy-btn {
            bottom: -22%;
            white-space:nowrap
        }
            .buy-btn a{
                white-space:nowrap
            }
            .footer {
                padding-top: 0px;
            }
        .pic {
            display: flex;
            justify-content: center;
        }

        .stack {
            width: 260px;
            margin: 0
        }

        .portfolio-field {
            padding: 40px 15px
        }

        .common-hadd h3 {
            font-size: 24px;
            margin-bottom:8px;
        }

        .popup_vid_icon {
            height: 80px;
            width: 80px;
            left: calc(100% - 44px);
            top: calc(100% - 51px);
        }

            .popup_vid_icon img {
                max-width: 45px;
                height: auto;
            }
        .nav-tabs .nav-link {
            font-size: 16px;
            padding:6px 12px;
        }
    }

    @media (max-width:420px) {

        .portfolioright-first img {
            width: 180px;
            height: 170px;
            border-radius: 25px;
        }

        .portfolioright-second img {
            width: 180px;
            height: 170px;
            border-radius: 25px;
        }

        .portfolio-leftimage img {
            width: 180px;
            height: 170px;
            border-radius: 25px;
        }
    }