/*--------------------------------------------------------------

  Template Name: Subas Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
	-------------------------------------------------------*/
	.sticky-header {
		width: 100% !important;
		background: rgba(255,255,255,0.99) !important;
		box-shadow: 0 1px 3px rgb(50 50 50 / 40%) !important;
	}

	.cursor-pointer{
		cursor: pointer;
	}

	.text-black{
		color: black !important;
	}

	.active-menu{
		border-bottom: 1px solid #ffbf7f;
		color: black !important;
	}

	.product-description-wrapper{
		height: 100%;
	}

	.product-image-wrapper{
		height: 100%;
	}

	.logo-top{
		width: 79%;
	}

	.logo{
		padding: 23px 0px;
	}

	.topbar-menu{
		font-size: 16px;
		color: black;
	}

	.breadcrumbs-section{
		margin-bottom: 80px;
	}

	.sticky .main-menu > li {
		padding: 34px 0 !important;
	}

	.image-news{
		width: 50% !important;
	}

	.blog-image-news{
		text-align: center;
	}

	@media (min-width: 1200px) {
		.product-description-wrapper{
			padding: 50px 0px;
		}

		.image-news{
			width: 50% !important;
		}
	}

	@media (min-width: 768px) and (max-width: 1199px) {
		.product-description-wrapper{
			padding: 10px 0px;
		}

		.image-news{
			width: 60% !important;
		}
	}

	@media (max-width: 767px) {
		.product-image-wrapper{
			padding: 0px 50px;
		}

		.image-news{
			width: 100% !important;
		}
	}
}