@media(max-width: 1201px) {
    .left-col {
        flex-basis: 60%;
    }
    
    .right-col {
        flex-basis: 40%;
    }	
}

@media(max-width: 910px) {
	.header label {
		display: initial;
	}
	
	.header nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--hd-bg-color);
		border-top: 1px solid rgba(0,0,0,1);
		display: none;
	}

	.header nav ul li{
		width: 100%;
	}
	
	.header nav ul li ul{
		position: relative;
		width: 100%;
		background: #ccc;
	}
	
	.header nav  ul li ul li{
		background: #eee;
	}
	
	.header nav  ul li ul li ul{
		width: 100%;
	}

	#menu-bar:checked ~ nav {
		display: initial;
	}
	
	.sicon{
		display: flex;
	}

	.sidemenu {
		display: flex;
	}

	.header .navbar ul li a{
		padding: 10px 5px;
	}
}

@media (max-width: 900px) {
    .main-grid {
      grid-template-columns: 1fr 1fr;
    }
}

@media(max-width: 651px) {
    .mainrow{
        display: block;
    }

	.product-detail-container {
		display: block;
		text-align: center;
	}
}

@media (max-width: 600px) {
    .main-grid {
      grid-template-columns: 1fr;
    }
    
    .bottom-flex {
      flex-direction: column;
      align-items: flex-start;
    }
}

@media(max-width: 405px) {
    .header h1 {
        font-size: 6vw;
    }

    .header small {
        font-size: 2vw;
    }
}

@media(max-width: 351px) {
    .header h1 {
        font-size: 4vw;
    }

    .header small {
        font-size: 2vw;
    }
}