@media only screen and (min-width: 240px) and (max-width: 767px) {

	html {
		font-size: 52%;
	}

	.container {
		max-width: 100%;
	}


	.only_desktop_view {
		display: none;
	}

	.only_mobile_view {
		display: block;
	}


	.button a, .button button {
		padding: 1rem 2.5rem;
	}



	.logo {
		
	}

	.logo img {
		min-width: auto;
	}

	.login_button {
		margin-right: 1rem;
    	font-size: 1.4rem;
	}

	.header_right .button a {
		padding: 1rem 1rem;
    	font-size: 1.4rem;
	}

	.heading h2 {
		font-size: 2.8rem;
	}

	.mobile_hamburger {
		order: 3;
		display: inline-flex;
		align-items: center;
		margin: 0 0 0 auto;
	}

	.hamburger_menu, .hamburger_close {
		padding: 1rem;
		width: 5rem;
		border-radius: .5rem;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		border: none;
		background: var(--e-global-color-green);
		display: block;
	}

	.hamburger_menu:focus {
		outline: none;
	}

	.hamburger_menu span {
		width: 100%;
		height: .2rem;
		display: block;
		margin: .38rem 0;
		background: var(--e-global-color-white);
	}

	.hamburger_close a {
		line-height: 2rem;
		font-size: 3rem;
		padding-top: .2rem;
	}


	.mobile_menu_top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 2rem;
	}

	.mobile_logo {
		float: left;
	}

	.closenav {
		float: right;
		font-size: 3rem;
		color: var(--e-global-color-white);
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.menu {
		width: 100%;
		height: 100%;
		max-width: 38rem;
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100vw;
		background-color: var(--e-global-color-black);
		overflow: hidden;
		padding: 1rem;
		-webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53);
    	transition: left .6s cubic-bezier(.6,.1,.68,.53);
	}

	.menu.menu_open {
		left: 0;
	}

	#menu_background_overlay {
		display: block;
	    position: fixed;
	    z-index: 14;
	    top: 0;
	    left: -110vw;
	    height: 100%;
	    width: 100%;
	    background-color: rgba(51,51,51,.5);
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    opacity: 1;
	    visibility: visible;
	}

	#menu_background_overlay.menu_overlay_active {
		left: 0;
	}

	.mobile_view {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2rem;
	}

	.mobile_view_logo {
		max-width: 17rem;
	}

	.menu ul {
		width: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
	}

	.menu ul li {
		width: 100%;
		padding: 1rem 2rem;
	}

	.menu ul li a {
		width: auto;
		display: inline-block;
		padding: .5rem 0;
	}

	.menu ul li > a:hover {
		background: transparent;
		color: var(--e-global-color-fade-red);
	}

	.menu ul li a span {
		position: relative;
	}

	.menu ul li.child_menu a span {
		padding-right: 6rem;
	}

	.menu ul li.child_menu > a span:after {
		width: 5rem;
	    height: 2.5rem;
	    right: 0;
	    border: solid 0.1rem var(--e-global-color-dark);
	    border-radius: 2rem;
	}

	.menu ul li.child_menu:hover > a span:after {
		border-color: var(--e-global-color-green);
	}

	.menu ul li.child_menu .child_menu_panel {
		position: relative;
		display: none;
	}

	.menu ul li.child_menu:hover .child_menu_panel {
		display: block;
	}

	.mega_menu {
		max-width: 100%;
		min-width: 100%;
		right: 0;
		height: 78vh;
		overflow-y: auto;
	}

	.mega_menu .mega_menu_part_top {
		border-top: solid 0.1rem #DFDFDF;
	}

	.menu ul li.child_menu .child_menu_panel li, 
	.menu ul li.child_menu .mega_menu .mega_menu_part .mega_menu_part_list ul li {
		font-size: 1.3rem;
	    line-height: 1.6rem;
	    padding: .3rem 0;
	}








	.banner_content {
		padding: 8rem 1rem 5rem;
	}

	.banner_content_box h1 {
		font-size: 3.4rem;
	    line-height: 160%;
	}

	.home_sec2_discount_box {
		width: 67%;
		padding: 2rem 1.5rem;
	}

	.home_sec2_discount_box h3 {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	.home_sec2_discount_box h5 {
		font-size: 1.6rem;
		line-height: 130%;
	}

	.slider_padding .slick-list {
	    padding-left: 2rem;
	}

	.slider_padding .round_arrow button.slick-prev {
	    left: 1.5rem;
	}

	.slider_padding .round_arrow button.slick-next {
	    right: 1.5rem;
	}

	.home_sec4_box_wrap {
		height: 25rem;
		background-size: 10rem;
	}

	.home_sec4_box_icon img {
		min-width: 16rem;
	}

	.home_sec5_box_wrap {
		height: 36rem;
	}

	.home_sec5_box_image_wrap {
		height: 28rem;
	}

	.home_sec5_content {
		width: 100%;
	}

	.footer_menu ul li {
		width: 100%;
	}

	.footer_last_menu ul li::after { display:none; }


	.store_logo_image {
		width: auto;
		height: auto;
		position: static;
		margin: 3rem 0;
	}

	.product_details_left .home_sec5_box_wrap .home_sec5_box_image_wrap {
	    height: 30rem;
	}

	.product_details_right {
		margin-top: 2rem;
	}

	.product_details_right h3 {
		font-size: 3rem;
	}

	.product_qr_coupon {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.qr_code {
		margin: 0 0 2rem;
	}

	.expire_ticket_sec {
		width: 100%;
		margin: 3rem auto auto;
	}


	.registration_page {
	    padding: 4rem 2rem 8rem;
	}

	.registration_white_box {
		padding: 4rem 1.5rem;
	}

	.registration_top_content {
		max-width: 100%;
		margin: auto auto 4rem;
	}

	.wizard {
		margin: 0 auto auto;
	}

	.registration_top_content h3 {
		font-size: 2.4rem;
		line-height: 140%;
	}

	.wizard_head .step {
		width: 100%;
		margin-bottom: 1rem;
	}

	.social_icon ul li {
		padding: 1rem;
	}

	.before_login_box .wizard {
		width: 100%;
	}

	.before_login_heading,
	.before_login_form {
		padding: 0 0 1rem;
	}





	/*--- dashboard css ---*/

	.toggle_button {
		display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 2rem;
	    height: 1.8rem;
	    cursor: pointer;
	    background: transparent;
	}

	.toggle_button div {
		width: 100%;
	    height: .160rem;
	    border-radius: .3rem;
	    background-color: var(--e-global-color-white);
	    position: relative;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before,
	.toggle_button div:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: inherit;
	    height: inherit;
	    background-color: var(--e-global-color-white);
	    border-radius: 3px;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before {		
		-webkit-transform: translateY(-6px);
    	transform: translateY(-6px);
	}	

	.toggle_button div:after {
		-webkit-transform: translateY(6px);
    	transform: translateY(6px);
	}	

	.close_toggle {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 2rem;
	}

	.close_toggle .toggle_button div {
		background-color: var(--e-global-color-black);
	}

	.close_toggle .toggle_button div:before,
	.close_toggle .toggle_button div:after {
		background-color: var(--e-global-color-black);
	}

	.toggle_button.active div {
		background-color: initial;
	}

	.toggle_button.active div:before {		
		-webkit-transform: translateY(0) rotate(-45deg);
    	transform: translateY(0) rotate(-45deg);
	}	

	.toggle_button.active div:after {
		-webkit-transform: translateY(0) rotate(45deg);
    	transform: translateY(0) rotate(45deg);
	}	


	.dashboard_header {
	    padding: 1rem 1.5rem;
	}

	.dashboard_header .user {
		margin-right: 1.3rem;
	}

	.dashboard_header .user_name {
		display: none;
	}

	.user_image {
	    width: 3.5rem;
	    height: 3.5rem;
	}

	.sidebar_dashboard {
		position: fixed;
	    width: 100%;
	    height: 100%;
	    left: -100%;
	    top: 0;
	    z-index: 213;
	    padding: 2rem 1.5rem;
	    transition: all .35s ease 0s;
	}

	.sidebar_arrow { display:none; }

	.sidebar_show {
		left: 0;
	}





	.main_dashboard {
		width: 100%;
	}

	.dashboard_right_top {
		padding: 2rem 1.5rem 1rem;
	}

	.welcome_box {
		min-width: 100%;
		max-width: 100%;
		border-radius: 1rem;
		padding: 1rem 1.5rem;
	}

	.dashboard_right_bottom {
		padding: 1.5rem;
	}

	.dashboard_page_list .home_sec4_box {
	    width: 100%;
	    margin-bottom: 2rem;
	    padding: 0;
	}

	.dashboard_page_list .home_sec4_box_wrap {
		height: 20rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text {
		font-size: 1.6rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h6 {
		font-size: 1.5rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h2 {
		font-size: 3.6rem;
	}


	


	

}

@media only screen and (min-width: 240px) and (max-width: 1024px) {

	.dashboard_table table {
		border-radius: 0;
		overflow: visible;
		background: transparent;
	}

	.dashboard_table table thead { display:none; }

	.dashboard_table table tbody tr {
	    display: block;
	    border: .12rem solid #d5d5d5;
	    padding: 1.3rem 0;
	    margin-bottom: 1.5rem;
	    border-radius: 1rem;
	    background-color: var(--e-global-color-white);
	}

	.dashboard_table table>tbody>tr>td {
	    display: flex;
	    text-align: left!important;
	    border: none;
	    max-width: unset!important;
	    width: unset!important;
	    min-width: unset!important;
	}

	.dashboard_table table>tbody>tr>td:before {
	    content: attr(data-th) ":";
	    color: #000;
	    font-size: 1.4rem;
	    line-height: 2.2rem;
	    font-weight: 500;
	    margin: 0;
	    display: inline-block;
	    width: 15rem;
	    white-space: pre-wrap;
	    overflow-wrap: break-word;
	    word-wrap: break-word;
	    word-break: break-word;
	    padding-right: 1rem;
	    flex: 0 0 auto;
	}


}



@media only screen and (min-width: 767px) and (max-width: 1024px) {


	html {
		font-size: 55%;
	} 


	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: calc(100% - 4rem);
	}

	

	.registration_white_box {
		padding: 4rem;
	}

	.wizard {
		width: 100%;
	}



	/*--- dashboard css ---*/


	.dashboard_header {
		padding: 1.5rem 3rem;
	}


	.sidebar_dashboard {
		width: 30%;
	}

	.hide_sidebar {
	    width: 14%;
	}

	.main_dashboard {
		width: 70%;
	}

	.full_dashboard {
	    width: 86%;
	}

	.dashboard_right_top {
		padding: 2.4rem 0 1rem;
	}

	.dashboard_right_bottom {
		padding: 2rem 1.5rem;
	}

	.dashboard_page_list .home_sec4_box {
		width: 50%;
		margin-bottom: 3rem;
	}

	.dashboard_page_list .home_sec4_box_wrap {
		height: 20rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text {
		font-size: 1.7rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h6 {
		font-size: 1.5rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h2 {
		font-size: 3.6rem;
	}


	



	
}



@media only screen and (min-width: 768px) {

	.hamburger_menu, .hamburger_close {display: none;}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.store_logo_image {
		width: auto;
		height: auto;
		position: static;
		margin: 3rem 0;
	}

	.product_details_right {
	    margin-top: 2rem;
	}

}


@media only screen and (min-width: 992px) and (max-width: 1024px) {

	.store_logo_image {
		width: 100%;
		height: 18rem;
	}

	.publish_ad_details_form .form-group {
		max-width: 100%;
		flex: 0 0 100%;
	}

}

@media only screen and (min-width: 1025px) and (max-width: 1190px) {

	html {
		font-size: 58%;
	}

	.home_sec5_content {
		width: 75%;
	}


	/*--- dashboard css ---*/


	.dashboard_header {
		padding: 1.5rem 3rem;
	}


	.sidebar_dashboard {
		width: 25%;
	}

	.hide_sidebar {
	    width: 11%;
	}

	.main_dashboard {
		width: 75%;
	}

	.full_dashboard {
	    width: 89%;
	}

	.dashboard_right_top {
		padding: 2.4rem 0 1rem;
	}

	.dashboard_right_bottom {
		padding: 2rem 1.5rem;
	}

	.dashboard_page_list .home_sec4_box {
		width: 50%;
		margin-bottom: 3rem;
	}

	.dashboard_page_list .home_sec4_box_wrap {
		height: 20rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text {
		font-size: 1.7rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h6 {
		font-size: 1.5rem;
	}

	.dashboard_page_list .home_sec4_box .home_sec4_box_text h2 {
		font-size: 3.8rem;
	}



	.dashboard_table table thead tr th, .dashboard_table table tbody tr td {
	    padding: 1.2rem 1.2rem;
	    font-size: 1.4rem;
	}
	

}

@media only screen and (min-width: 1191px) and (max-width: 1340px) {

	html {
		font-size: 60%;
	}

	.home_sec5_content {
		width: 75%;
	}


	/*--- dashboard css ---*/

	.sidebar_dashboard {
		padding: 2.5rem 3rem 2.5rem 2rem;
	}

	.sidebar_menu ul li a {
		font-size: 1.5rem;
	}

}


@media only screen and (min-width: 1341px) and (max-width: 1500px) {

	html {
		font-size: 60%;
	}

}


@media only screen and (min-width: 1601px) and (max-width: 1800px) {

	html {
		font-size: 65%;
	}

}



@media only screen and (min-width: 1801px) and (max-width: 2000px) {

	html {
		font-size: 77%;
	}

}



@media only screen and (min-width: 2001px) and (max-width: 2200px) {

	html {
		font-size: 82%;
	}


}


@media only screen and (min-width: 2201px) and (max-width: 2500px) {

	html {
		font-size: 92%;
	}


}



@media only screen and (min-width: 2501px) and (max-width: 2800px) {

	html {
		font-size: 128%;
	}


}


@media only screen and (min-width: 2801px) and (max-width: 3500px) {

	html {
		font-size: 124%;
	}


}


@media only screen and (min-width: 3501px) and (max-width: 4000px) {

	html {
		font-size: 180%;
	}


}


@media only screen and (min-width: 4001px) and (max-width: 4500px) {

	html {
		font-size: 185%;
	}


}


@media only screen and (min-width: 4501px) and (max-width: 5000px) {

	html {
		font-size: 185%;
	}


}


@media only screen and (min-width: 5001px) {

	html {
		font-size: 250%;
	}


}