@media (max-width:767px){
    /* Display None Class */
    .display-hide-mobile {
        display: none;
    }
    .theme-form-area {
        margin: 1.5rem 0;
    }
    /* Header Css */
    .main-header .top-bar {
        text-align: center;
    }
    .main-header .top-bar .top-bar-content ul li a {
        font-size: 12px;
    }
    .main-header .header-main {
        padding: 0px 20px;
    }
    .main-header .header-main .navbar-nav .nav-item .nav-link {
        padding: 5px 0px 5px 0px;
    }
    .main-header .header-main .navbar-nav .nav-item .nav-link.active {
        color: white;
    }
    .main-header .header-main .navbar-nav .nav-item .nav-link:hover{
        color: white;
    }
    .main-header .header-main ul li a i {
        font-size: 22px;
        padding: 0px 2px;
    }
    .main-header .header-main ul li a .pro-count {
        position: absolute;
        right: -8px;
        top: -2px;
        height: 12px;
        width: 12px;
        font-size: 8px;
        line-height: 13px;
        text-align: center;
    }
    #slide-navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99;
        width: 80%;
        height: 1500px;
        background-color: #22a2ff;
        overflow: auto;
        padding-top: 25px;
        padding-left: 20px;
    }
    .custom-navigation .nav-item {
        border-bottom: 1px solid #f1f1f161;
        padding: 3px 0px;
    }
    .custom-navigation .nav-item:last-child {
        border-bottom: none;
    }
    .custom-navigation {
        margin-top: 0.5rem;
    }
    #colsenav {
        position: relative;
        top: -25px;
        float: right;
        font-size: 30px;
        width: 35px;
        height: 35px;
        color: white;
        text-align: center;
        line-height: 35px;
        background: black;
    }
    /* Footer Css */
    .footer-links {
        margin-bottom: 20px;
    }
    .copy-right-area {
        margin-top: 0.5rem;
        padding-top: 20px;
    }
    .copy-right {
        text-align: center;
    }
    .secure-payment {
        text-align: center;
        flex-direction: column;
        padding-top: 5%;
    }
    .secure-payment > img {
        margin-top: 8px;
    }
    /* Breadcrumbs Css */
    .breadcrumbs-area {
        padding: 5px 0 5px;
    }
    .page-heading {
        text-align: center;
    }
    .page-heading h1 {
        font-size: 18px;
        color: white;
        font-weight: bold;
        text-transform: capitalize;
    }
    .breadcrumbs-links {
        text-align: center;
    }
    .breadcrumbs-links li, .breadcrumbs-links li a{
        font-size: 10px;
    }
    /* Custom forms area */
    .custom-form-right-area {
        margin-top: 30px;
    }
    .cart-pricing-area {
        margin-top: 20px;
    }
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1rem;
        height: 1rem;
    }
    .carousel-control-prev-icon {
        position: relative;
        left: -10px;
    }
    .carousel-control-next-icon {
        position: relative;
        right: -10px;
    }
    .testimonial-area .owl-nav .owl-prev {
        left: 0px;
    }
    .testimonial-area .owl-nav .owl-next {
        right: 0px;
    }
    .about-us-area {
        padding: 20px 0px;
    }
    .about-image-area {
        width: 55%;
    }
    .heading-area h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .big-product-shown {
        width: 80px;
        height: 80px;
    }
    .wishliat-table .product-name a {
        width: 100px;
    }
    .wishliat-table .table {
        white-space: unset;
    }
    .qty-count {
        width: 20px;
        height: 22px;
        font-size: 15px;
    }
    .wishliat-table .regular-price .inr i {
        font-size: 12px;
    }
    .quentity .product-qty {
        width: 45%;
    }
    .wishliat-table .regular-price {
        font-size: 14px;
    }
    .icon-box {
        margin-bottom: 10px;
    }
    .icon-area i {
        font-size: 25px;
    }
    .icon-text h5 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .track-area-table {
        margin-top: 1rem;
    }
    .cart-product-shown {
        margin-top: 8px;
        width: 45px;
        height: 45px;
    }
    .product-grid {
        margin-top: 1.5rem;
    }
    .custom-6 {
        width: 50%;
    }
    .price .form-select {
        width: auto;
    }
    .wishlist-breadcrumbs {
        text-align: center;
    }
    .breadcrumbs-list {
        text-align: center;
    }
    .product-details-area {
        margin: 2rem 0;
    }
    .product-left-area .product-image img {
        width: 300px;
        height: 300px;
        object-fit: cover;
    }
    .buttons-area .btn-area {
        margin: 5px 0px;
    }
    .my-accordion .accordion-item:first-child {
        margin-top: 1rem;
    }
    .buttons-area .qty-count {
        height: 45px;
    }
    .buttons-area .btn-primary {
        font-size: 18px;
        padding: 12px 12px;
        margin-top: 1rem;
    }
    .buttons-area .row:first-child {
        border-radius: 10px;
    }
    .gallery-slider .swiper-slide {
        height: 300px;
    }
    .product-name {
      font-size: 20px;
      margin: 0px 0px 0px;
	}
    .table-areas .price p {
    	font-size: 14px;
    	white-space: nowrap;
	}
    .custom-card {
      padding: 20px 10px;
	}
    .navbar-brand {
    	margin-right: 5px;
	}
    .navbar-toggler {
      margin-left: 10px;
    }
    .alert.alert-danger {
    	padding: 0px 2px;
    	font-size: 10px;
	}
    table th {
      font-size: 13px;
      white-space: nowrap;
	}
    .product-details-area .btn-area {
    	margin-left: 0rem !important;
	}
	.footer-top{
	    grid-template-columns: 50% 50%; 
	}
}

@media (min-width:768px){
    .display-hide-desktop {
        display: none;
    }
    #colsenav {
        display: none;
    }
    .product-grid {
        margin-top: 1.5rem;
    }
}