@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("assets/img/flags@2x.png");}
}

 @media (max-width:1080px){
	.header .header_main {
		display: none;
	}
	.left_wrapper{
        display: none;
	}
	.right_wrapper{
        display: none;
	}
	.main_wrapper{
	  padding-bottom: 50px;
	  padding-top: 50px;
	}
	.main_container{
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.top_header{
		display: none;
	}

	.top_header_mobile{
		display: flex;
		background-color: #fff;
	}
	.mobile_bottom_nav_container{
     display: block;
	}
    #home_banner_slider .owl-stage-outer{
		border-radius: 0;
	}
	#home_banner_slider .owl-stage .owl-item > div{
		border-radius: 0;
	}
	#home_banner_slider .owl-stage .owl-item{
		border-radius: 0;
	}

	.btl_btr{
		border-radius: 0;
	}
	.bottom_panel_container .bottom_panel{
		width: 100%;
	}

	/* ---------------------------------- 31-Jan Changes --------------------------------- */

	.top_header_mobile .logo img {
		width: 75%;
	}
	.top_header_mobile > div.icons_container {
		display: block;
		text-align: right;
	}

	.main_wrapper .rowss {
		min-width: auto;
		width: 100%;
		max-width: 100% !important;
		margin: 0;
	}
	/* ---------------------------------- 01-Feb Changes --------------------------------- */
	.main_container .faq_container ul li p {
		text-align: justify;
	}
	.modal-content .modal-body .main_container {
		min-height: auto;
	}
	.main_wrapper .rowss {
		min-width: 100% !important;
	}
	.main_container .directory_listing .padding_content {
		padding: 0;
	}
	.modal-open .modal .modal-dialog {
		margin: 0;
	}
	.rewad_id_verfication .modal {
		padding: 10px;
	}
	.home ul.dropdown-menu.show {
		width: 70vw;
	}


/* ---------------------------------- 28-Jan Changes --------------------------------- */
	/* .mobile_side_menu .menu_items ul li a {
		color: #000;
		display: flex;
    	align-items: center;
		font-size: 18px;
		font-weight: 500;
	} */
	.mobile_bottom_nav_container .mobile_bottom_nav ul li a span {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: #fff;
		font-family: 'gotham-book';
		gap: 3px;
		font-size: 16px;
	}

 }

 @media (max-width: 610px) {
	 	/* ---------------------------------- 01-Feb Changes --------------------------------- */
	.profile_page .profile_page_card_container .membership_card > div .cust_info {
		width: 450px;
		height: 294px;
	}
 }

 @media (max-width: 576px) {
	.main_container .banner.btl_btr .link_titl {
		font-size: 20px;
	}
	.main_container .padding_content .head.news_events .m_title.reward_filter::before {
		right: -44px;
	}
	.p_view .related_new_rewards .related_rewards .whiteline_seperator {
		flex-direction: column;
		gap: 15px;
	}
	.p_view .related_new_rewards .related_rewards .whiteline_seperator > div {
		margin-top: 8px;
	}
	.p_view .related_new_rewards .related_rewards .whiteline_seperator img {
		margin: 0;
	}
 }

 @media screen and (max-width:500px){
	.jewelbox_row .jewelbox_item .jewel_image img{
		height: 40px;
	}
	/* ---------------------------------- 01-Feb Changes --------------------------------- */
	.profile_page .profile_page_card_container .membership_card > div .cust_info {
		width: 300px;
		height: 200px;
	}
	.profile_page .profile_page_card_container .membership_card .membership_card_inner .cust_info img {
		margin: 0;
	}
	.profile_page .membership_card_inner .cust_info img {
		max-width: 140px;
	}
	.rowss .main_container .padding_content .notification_list_container .notifications_container .notificaton {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.directory_summarization .details_b_container {
		padding: 0;
	}
	.detail_h_p .panel-title .nq-title,
	.cate_head .panel-title .nq-title {
		width: 50%;
	}
	.main_container.rewards_page .padding_content .new_rewards > div.rewards > div {
		flex-direction: column;
		gap: 15px;
	}
	.my_rewards .reward_units {
		left: 50%;
		top: 50% !important;
	}
	.top_header_mobile .icons_container .noti_icon svg {
		width: 40px !important;
		height: 40px !important;
	}
 }

 @media screen and (max-width:450px){
	.profile_page .profile_page_card_container .membership_card > div{
		width: 100%;
	}
	.profile_page .profile_page_card_container .membership_card > div img {
		width: 100%;
	}
	
	.profile_page .profile_page_card_container .membership_card > div .qr_container {
		top: 20px;
		right: 20px;
	}
	
	.profile_page .profile_page_card_container .membership_card > div .qr_container img {
		height: 50px;
		width: 50px;
	}
	
	.profile_page .profile_page_card_container .membership_card  > div .cust_info {
		bottom: 20px;
	}

	.profile_page .profile_page_card_container .membership_card > div .cust_info > span{
		width: 130px;
	}

}


@media screen and (max-width:350px){
	.profile_page .profile_page_card_container .membership_card > div .cust_info > span{
		width: 110px;
	}
   
}

@media (max-width: 1366px) {
    .main_wrapper .main_container {
        min-width: auto;
    }
}
 @media (max-width: 1080px) {
	.mobile_bottom_nav_container .mobile_bottom_nav ul li {
		margin-bottom: 0;
	}
	.main_wrapper .right_wrapper, .left_wrapper{
        display: none;
	}
    .main_wrapper .main_container {
        min-width: 100%;
        margin-bottom: 40px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .mobile_side_menu .logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #D81818;
        min-height: 150px;
        align-items: center;
        clip-path: circle(100% at 50% -44%);
    }
    .mobile_side_menu .logo img {
        background: #D81818;
        position: initial;
    }
    .mobile_side_menu .menu_items {
        padding: 15px;
        top: 0;
    }
	.noti_icon svg {
		width: 45px;
		opacity: 0.5;
		cursor: pointer;
	}
}