:root{
	--main-color: #10218b;
  --sub-color: #e51e22;
}
/* ===============================
   Customize 480px
================================ */

@media only screen and (max-width: 480px) {
	/* ===============================
	   Customize single product
	================================ */

	.product_d_info, .product_details {
		padding: 5px 0px;
	}

	/* ===============================
	   Customize blog
	================================ */

	.blog_content {
		padding: 5px;
		text-align: inherit;
	}

	/* ===============================
	   Customize mobile menu
	================================ */

	.canvas_open {
		background-color: var(--main-color);
		border-color: var(--main-color);
		padding: 7px 7px;
		color: #fff;
	}

    .hamburger__menu {
        padding: 10px;
        background: #fff;
        border-radius: 50%;
		background-color: var(--main-color);
		border-color: var(--main-color);
    }

	/* ===============================
	   Customize banner
	================================ */

	.welcome_title {
		margin-bottom: 5px!important;
	}

	.single_banner {
		margin-bottom: 5px!important;
	}

	/* ===============================
	   Customize margin
	================================ */

	.mb-30 {
		margin-bottom: 10px!important;
	}
	.mt-30 {
		margin-top: 10px!important;
	}
}

/* ===============================
   Customize 767px
================================ */

@media only screen and (max-width: 767px) {
	/* ===============================
	   Customize single product
	================================ */

	.product_d_info, .product_details {
		padding: 5px 0px;
	}

	/* ===============================
	   Customize blog
	================================ */

	.blog_content {
		padding: 5px;
		text-align: inherit;
	}

	/* ===============================
	   Customize mobile menu
	================================ */


	.canvas_open {
		background-color: var(--main-color);
		border-color: var(--main-color);
		padding: 7px 7px;
		color: #fff;
	}

    .hamburger__menu {
        padding: 10px;
        background: #fff;
        border-radius: 50%;
		background-color: var(--main-color);
		border-color: var(--main-color);
		color: #fff;
    }

	/* ===============================
	   Customize banner
	================================ */

	.welcome_title {
		margin-bottom: 5px!important;
	}

	.single_banner {
		margin-bottom: 5px !important;
	}

	/* ===============================
	   Customize margin
	================================ */

	.mb-30 {
		margin-bottom: 10px !important;
	}
	.mt-30 {
		margin-top: 10px !important;
	}
}