/* W E R E H U M A N S . C S S */
/* E X T R A  S M A L L  -  " X S " */
@media (min-width: 320px) and (max-width: 767px) {
	/* B O D Y */
	#mobile-header { display: block; }
	.container .row h1 { margin-bottom: 15px; font-size: 40px !important; }
	.container .row h2 { font-size: 34px !important; }
	.container .row h3 { font-size: 20px }
	.mt-3, .mt-5 { margin-top: 15px !important; }
	.mb-3, .mb-5 { margin-bottom: 15px !important; }
	.pb-5 { padding-top: 15px !important; }
	.pb-5 { padding-bottom: 15px !important; }
	.page-section-1, .page-section-2, .page-section-3, .page-section-4, .page-section-5, .page-section-6, .page-section-7, .page-section-8 { padding: 30px 0 !important; margin: 0 !important; }

	/* H E A D E R */
	.top-cashback-logo { display: none; }
	.header-top-section { margin-bottom: 0; }
	.header-nav-section { display: none; }
	.mobile-logo { display: block; padding: 20px; width: 100%; text-align: center; border-bottom: 1px solid #cccccc; transition: all .3s }
	.mobile-logo img { max-width: 250px; transition: all .3s; }
	.header-main-logo { display: none; }
	#mobile-header { width: 100%; background: #ffffff; z-index: 999; box-shadow: 2px 2px 4px #cccccc; }	
	.charity-widget-box { margin-bottom: 10px; }
	.charity-widget-box:last-child { margin-bottom: 0; }
	#mobile-header .menu-lang a { display: inline-block; }
	#mobile-header .menu-lang a:active { outline: 2px solid #ec2739; }

	/* S T I C K Y  H E A D E R */
	.sticky-header { position: fixed; top: 0; width: 100%; /*box-shadow: 2px 2px 4px #cccccc;*/ }
	.sticky-header .mobile-logo img { transform: scale(.85); }
	.sticky-header .mobile-logo { padding: 5px; }
	.sticky-header #mmenu-link { padding-top: 10px; }
	.sticky-header #mmenu-link a div { /*width: 20px; height: 4px; margin: 3px 0;*/ }

	/* L A N G  S E L E C T O R */
	#mobile-header .menu-lang ul { display: none; text-align: center; background: #ebebeb; padding: 10px; border-bottom: 1px solid #cccccc; }
	#mobile-header .menu-lang ul li { margin: 0 5px; }
	#mobile-header .menu-lang a.active { /*outline: none;*/ }
	#mobile-header .menu-lang a.active img { /*display: none;*/ }
	#mobile-header .menu-lang .selected-flag { width: auto; display: inline-block; position: absolute; right: 15px; top: 30px; transition: all .3s; }
	.sticky-header#mobile-header .menu-lang .selected-flag { top: 14px; /*right: 10px;*/ }
	.sticky-header .menu-lang img { /*width: 25px;*/ }

	/* M E M B E R  &  S E A R C H */
	.mobile-member-search .nav-li-member { width: 40%; float: left; }
	.mobile-member-search ul { padding: 0; margin: 0; list-style: none; position: relative; }
	.mobile-member-search .nav-li-search { width: 50%; float: right; }
	.mobile-member-search { display: inline-block; width: 100%; padding: 15px; padding-bottom: 7px; }
	.mobile-member-search .nav-li-member button { background: #ffffff; color: #572d83; border: 0; border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; font-size: 12px; text-transform: uppercase; width: 100%; padding: 10px 0; border-radius: 20px !important; }
	.mobile-member-search .nav-li-member button:after { display: none; }
	.mobile-member-search .nav-li-member .btn-group { width: 90%; }
	.sticky-header .mobile-member-search { padding: 8px 15px 1px 15px; }
	.sticky-header .mobile-member-search .nav-li-member button { padding: 7px; }
	.mobile-member-search .nav-li-search #search_store_sm { padding: 10px 30px 10px 20px; }
	.sticky-header .mobile-member-search .nav-li-search #search_store_sm { padding: 7px 30px 7px 20px; }
	.mobile-member-search .nav-li-search:after { /*top: 17px;*/ font-size: 16px; right: 10px; }
	.sticky-header .mobile-member-search .nav-li-search:after { top: 3px; }
	.mobile-member-search .nav-li-member.member-loggedin { width: 25%; padding-right: 10px; margin-right: 0 !important; }
	.mobile-member-search .nav-li-member.member-loggedin a { background: #ffffff; color: #572d83; border: 0; border-radius: 20px; box-shadow: 0 0 5px #888888, 0 0 5px #ebebeb, 0 0 5px #ebebeb; font-size: 12px; text-transform: uppercase; width: 100%; padding: 10px 0; border-radius: 20px !important; text-align: center; font-weight: 400; line-height: initial; }

	/* M M E N U */
	.mm-listitem a { font-size: 14px; }
	#mmenu-link a div { width: 30px; height: 5px; background-color: #333333; margin: 5px 0; transition: all .3s; }
	#mmenu-link { display: block; }
	#main-menu .mm-panels .nav-link { font-size: 14px; font-weight: 400; color: #333333; text-align: left; }
	.mm-panels a.nav-link.mm-listitem__text { padding-left: 20px; }
	.mm-panels .mm-listitem__text { font-weight: 600 !important; color: #444444 !important; text-transform: uppercase;  }
	.mm-panel { /*background: linear-gradient(180deg, rgba(247,210,93,1) 0%, rgba(241,95,14,1) 100%) !important;*/ background: #ffffff !important; }
	.mm-navbar__title, .mm-btn.mm-btn_prev { background: #ffffff; border-bottom: 2px solid #cccccc; }
	.mm-navbar__title img { width: 200px !important; margin: 20px 0; }
	.mm-navbar__title span { font-size: 0; }
	.mm-btn:after, .mm-btn:before { border-color: #333333; }
	.mm-panel .dropdown-item.active, .mm-panel .dropdown-item:active, .mm-panel .dropdown-item:focus, .mm-panel .dropdown-item:hover { background: #f77608; color: #ffffff !important; }
	#main-menu .mm-panel .navbar-nav > li.nav-li-shop-parent, #main-menu .mm-panel .navbar-nav > li.nav-li-member { margin-right: 0; }
	.mm-panel .dropdown-item .media .media-left { display: none; }
	.mm-panel .dropdown-item .media .media-body { padding: 12px 0 !important; }
	.mm-panel .dropdown-item .media .media-body > * { display: inline-block; margin: 0; text-transform: uppercase; font-weight: 600; }
	.mm-navbars_bottom a.fa { font-size: 20px; color: #444444 !important; }	
	#main-menu ul li a.dropdown-item { font-size: 14px; }
	.subitem-title.mm-listitem { padding: 12px 20px; text-transform: uppercase; font-size: 16px; font-weight: 600; }
	.subitem-title.mm-listitem a { padding: 0; }
	.subitem-title span { display: inline-block; }
	.sub-menu-h2 { display: none; }
	.sub-menu-h2.mm-listitem { font-size: 14px !important; font-weight: 600 !important; color: #444444 !important; text-transform: uppercase; padding: 10px 10px 10px 20px; }
	#main-menu ul li.mm-listitem a.dropdown-item:active { background: #63328d; }

	/* N A V */
	.top-cashback-logo { padding: 20px; }
	#mmenu-link { position: absolute; padding: 15px; z-index: 9; padding-top: 25px; transition: all .3s; }
	.top-cashback-logo { padding: 20px; }
	.top-cashback-logo img { max-width: 275px; }

	/* S E A R C H  S H O P */
	.ui-widget.ui-widget-content { right: 15px !important; width: 300px !important; left: auto !important; height: 250px !important; overflow-y: scroll; }

	/* C O N T E N T */
	/*#layout-content-main { margin-top: 15px; }*/
	#layout-content-img .row, #layout-content-main .row, #layout-content-category .row { margin-bottom: 15px; }

	/* C A T E G O R Y  S L I D E */
	#layout-content-category { display: none !important; }

	/* H O M E */
	.home-carsousel-banner { margin-bottom: 0 !important; }
	.page-home #layout-content-main { margin-top: 50px; }
	#main-menu-slide .owl-nav { display: none; }

	/* S H O P  T E M P L A T E */
	.sidebar-violet.page-stores { background: none; }
	.sidebar-violet.page-stores .col-md-3 { background: #a75097; }
	.menu-category { width: 100%; padding: 15px 0; margin-bottom: 0; display: inline-block; }
	.page-stores .menu-category .refine_result, .page-stores .menu-category .category-list, .page-stores .menu-category .detail, .location-filter, .sidebar-search { display: none; }
	.page-stores .menu-category:before {content: '\f078';position: absolute;right: 0;font-family: 'FontAwesome';color: #ffffff;font-size: 20px;top: 10px; transition: all .1s; }
	.page-stores .menu-category .sidebar-title { margin: 0; border: 0; padding: 0; font-size: 20px !important; position: relative; z-index: 9; }
	.page-stores .menu-category .sidebar-title:after { display: none; }
	.menu-category.active:before { transform: rotate(180deg); }
	.page-stores .menu-category .refine_result { padding-top: 10px; border-top: 1px solid #b96aaa; margin-top: 15px; position: relative; padding-bottom: 10px; font-size: 18px !important; }
	.page-stores .menu-category .refine_result:before {content: '';width: 100%;height: 1px;background: #8d3d7e;display: block;position: absolute;top: -2px;}
	.page-stores .menu-category .icon_1, .page-stores .menu-category .icon_5 { display: none; }
	.page-stores .menu-category .detail { padding: 0; }
	.page-stores .menu-category .detail > p { width: 50%; float: left; }
	.page-stores .menu-category .category-list { font-size: 20px; }
	.page-stores-content form .title-shop { margin: 20px 0 !important; }
	.page-stores-content form .search-letter, .page-stores-content form > .row > div { padding: 0; }
	.page-stores-content form .search-letter .input-group { width: 100%; }
	.page-stores-content form > .row > div label { text-align: left; }
	.page-stores .list_body > div { width: 50%; }
	.mobile-category-name { display: block; margin: 15px 0; }
	.page-stores-sidebar.sticky-header { position: fixed; z-index: 99; margin-top: 100px; }
	.page-stores-sidebar.sticky-header .sidebar-title { font-size: 22px !important; }
	.page-stores .sticky-header .menu-category:before { font-size: 22px; top: 12px; }
	.page-stores-sidebar { background: #a95099; }
	.page-stores-content { padding-left: 15px; }
	.totalRecord { position: absolute; top: 70px; text-align: right !important; padding-right: 30px !important; }
	.page-marketplace\.item-list .totalRecord { text-align: left !important; top: 85px; }
	.page-marketplace\.item-list .search-letter { margin-bottom: 15px; }
	.page-stores-content .body-content form .title-shop { display: table; width: 100%; }
	.page-stores-content .body-content form .title-shop .totalRecord { display: table-footer-group; position: relative; text-align: left !important; }
	.refine_result:after { top: 12px; }
	.page-stores-sidebar #select_country, .page-stores-sidebar #select_province, .page-stores-sidebar #select_district { padding: 4px; height: 30px; font-size: 13px; }
	.box-filter-country { padding-bottom: 10px; margin-bottom: 10px; }
	.box-filter-country:after { top: 12px !important; }
	.page-stores .menu-category .detail a { font-size: 13px; }
	.page-stores .menu-category .category-list { font-size: 18px; margin-bottom: 5px; }
	.page-stores .menu-category .detail { height: 100px; overflow-y: scroll; margin-bottom: 0; }
	.refine-loader { width: 100%; text-align: center; height: 100vh; position: absolute; z-index: 9999; background: rgba(0,0,0,0.5); }
	.refine-loader img { position: absolute; top: 50%; left: 45%; }

	/* S H O P  T E M P L A T E   -  H I D E  R E F I N E */
	.page-stores .menu-category .refine_result, .page-stores .menu-category .category-list, .page-stores .menu-category .detail, .location-filter, .sidebar-search { display: block !important; }
	.page-stores .menu-category .refine_result, .page-stores .menu-category:before, .page-stores-content .search-letter { display: none !important; }
	.page-stores .menu-category .sidebar-title { margin-bottom: 15px; }
	.page-stores-content .body-content form .title-shop { margin-top: 5px !important; }

	/* A B O U T  U S */
	.page-howitworks .page-section-1 p { margin-bottom: 15px; }
	.page-howitworks .btn { font-size: 16px; }
	.page-howitworks .page-section-2 img { margin-bottom: 15px; }
	.page-desktop img, .page-tablet-or-smartphone img, .page-career-business img { margin: 15px 0 !important; }
	.page-career-business .page-section-3 img { display: none; }
	form .form-group.half { width: 100%; float: none; padding: 0; }
	.support-btn-wrapper > div { margin-bottom: 15px !important; width: 50%; }
	.support-btn-wrapper h5 { white-space: break-spaces; }
	.page-abouts .page-section-2 ul li { width: 100%; margin-bottom: 30px; }
	.page-abouts .page-section-2 .container .row h2 { margin-bottom: 30px; }

	/* H O W  T O */
	.page-forcharities-index .page-section-1 .align-items-center > div:first-child { margin-bottom: 30px; }
	.page-forcharities-index br { display: none;}
	.causes-ul li { width: 50%; }
	.branded-ul li { width: 100%; }
	.branded-ul li img { float: none; margin: 0 auto; max-width: 250px; margin-bottom: 15px; }
	.page-forcharities-index .page-section-6 img { margin-bottom: 15px; }
	.page-how-to-for-merchant img, .page-how-to-for-member img, .page-howto-for-agent img { margin: 15px 0; }
	.page-how-to-for-member .page-section-1 h4 { font-size: 18px; }
	.page-howitworks .page-section-4 .how-work { width: 100%; padding: 30px; }

	/* A C C O R D I O N */
	.accordion-2-col > ul { column-count: 1; }
	.accordion-tab > ul > li { margin-bottom: 15px; }

	/* L O G I N  P O P U P */
	#loginModal { z-index: 1000; background-color: rgba(0,0,0,0.75); }
	#loginModal .loginModal-left { display: none !important; }
	#loginModal .modal-content {width: 95%;padding: 30px 20px 10px 20px; background: none !important; border: 0 !important; }
	#loginModal .row .loginModal-right { padding-right: 20px; height: auto; padding: 20px ​30px; left: auto; }
	#loginModal .loginModal-right > div { width: 100%; }
	#loginModal .close { top: -20px; right: 15px; }
	#loginModal .loginModal-right .loginModal-wrapper { margin: 0; padding: 0; }
	.loginModal-logo { padding-top: 30px; padding-bottom: 10px; }
	#loginModal .social-login .btn { margin-bottom: 10px; }
	.loginModal-login, .loginModal-signup { padding: 10px 15px; height: 485px; width: 100% !important; max-width: 100% !important; }
	.loginModal-login { padding-top: 40px; }
	#loginModal button.btn { padding: 10px; }
	.loginModal-logo .main-logo { /*max-width: 250px; margin: 0 auto;*/ }
	.loginModal-logo { text-align: center; }

	/* S H O P  T E M P L A T E */
	.cover-banner-image { padding: 0; }
	.cover-banner-image .box-image-wrapper .box-image.store-cover-img { height: 200px; }
	.gallery-wrapper { width: 49%; }
	#retailer-gallery {height: auto !important;overflow: auto !important;}
	.marketplace-mobile { display: block; }
	.marketplace-desktop { display: none; }

	/* C H O O S E  C H A R I T Y */
	.page-choose-charity .page-section-2 { padding: 0 !important; }
	.sidebar-violet.page-choose-charity { margin-top: 0 !important; background: none; padding: 0; }
	.charity-sidebar { background: #a75097; }
	.page-choose-charity .menu-category { min-height: auto; }
	.charity-content, .charity-sidebar { padding: 0 30px }
	.charity-sidebar .list-group { display: none; }
	.charity-sidebar .menu-category:before { content: '\f078'; position: absolute; right: 30px; font-family: 'FontAwesome'; color: #ffffff; font-size: 20px; top: 11px; transition: all .1s; }
	.charity-sidebar.sticky-header { position: fixed; z-index: 99; margin-top: 100px; width: 110%; }
	.charity-sidebar.sticky-header .sidebar-title { font-size: 22px !important; }
	.charity-sidebar.sticky-header .menu-category:before { font-size: 22px; top: 12px; }
	.page-choose-charity .menu-category h3 { border: 0; padding-bottom: 0; margin-bottom: 0; font-size: 20px !important; }
	.page-choose-charity .menu-category h3:after { display: none; }
	.charity-sidebar .list-group { margin-top: 15px; overflow: auto; border-top: 1px solid #8d3d7e; padding-top: 5px; }
	.charity-sidebar .list-group:after { content: ''; width: 100%; height: 1px; background: #b96aaa; display: block; top: -5px; position: relative; }
	.charity-sidebar .list-group li { width: 50%; float: left; }
	.charity-search-box { text-align: left !important; }
	.charity-search-box form { width: 100%; }
	.charity-content .list_body > div { width: 50%; }

	/* M Y  A C C O U N T */
	.myaccount-menu { background: #a95099; }
	.myaccount-menu .member-menu-toggle { background: #a95099 !important; border: 0 !important; padding: 0; }
	.myaccount-menu .member-menu-toggle #open-menu div { width: 50%; float: left; padding: 0 15px; font-size: 24px; font-weight: 600; text-align: left; color: #ffffff; text-transform: capitalize; font-size: 20px; line-height: initial; }
	.myaccount-menu .member-menu-toggle #open-menu div:first-child { text-transform: capitalize; }
	.myaccount-menu .member-menu-toggle #open-menu { padding: 15px 0; border: 0; }
	.myaccount-menu .member-menu-toggle #open-menu div:last-child { text-align: right; }
	.myaccount-menu .member-menu-navbar { background: #a95099; border: 0; border-top: 1px solid #8d3d7e; padding-top: 10px; margin-top: 0; overflow: auto; position: relative; }
	.myaccount-menu .member-menu { border: 0 !important; }
	.myaccount-menu .member-menu-navbar:before { content: ''; width: 100%; height: 1px; background: #b96aaa; display: block; position: absolute; top: 1px; }
	.myaccount-menu .member-menu-navbar .list-item { width: 50%; float: left; }
	.myaccount-menu .member-menu-navbar .list-item.active { background: none; }
	.myaccount-menu .member-menu-navbar .list-item a { border: 0 !important; text-align: left; font-size: 14px; padding: 10px 0; text-decoration: underline; }
	.myaccount-menu .member-menu-navbar .list-item.active a { font-weight: 600; }
	#open-menu i { transition: all .1s; }
	#open-menu.active i { transform: rotate(180deg); }
	.myaccount-content { padding-top: 30px; }
	.myaccount-content .tabcontent { padding: 0 !important; }
	.myaccount-content .member_area { margin: 20px; }
	.member-menu-navbar .list-item:hover { background: #a95099 !important; }	

	/* F O O T E R */
	#layout-footer { padding: 30px 0; }
	#footer-social > div { width: 24%; }
	.footer-about { width: 50%; float: left; margin-bottom: 25px; }
	.footer-blog { width: 50%; float: right; margin-bottom: 25px; }
	.footer-about #footer-contact { padding: 0; }
	.footer-blog .col.footer { padding: 0; }
	#footer-social { padding: 0; margin-bottom: 15px; }
	#layout-footer > .container { padding: 0 15px; }
	#footer-store { padding: 10px 0; }
	.footer-app { width: 50%; float: left; margin-bottom: 30px; }
	.footer-legal { width: 50%; float: right; margin-bottom: 30px; }
	#footer-legal { padding: 0; }
}

/* E X T R A  S M A L L  T O  L A R G E */
@media (min-width: 320px) and (max-width: 991px) {

}

/* S M A L L  -  " S M " */
@media (min-width: 576px) and (max-width: 767px) {

}

/* S H O P  M E N U  */
@media (min-width: 768px) {
	/* N A V */
	#main-menu .nav-li-shop-parent ul.dropdown-menu { background: url(../images-local/nav-shop-bg.jpg); background-size: cover; background-position: top; top: 57px; padding: 30px; padding-left: 0; min-height: 475px; padding-bottom: 0; background-color: #ffffff; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.subitem-title { color: #a95099; width: 100%; font-size: 30px; font-weight: 600; margin-bottom: 30px; padding-left: 30px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li { width: 33%; float: left; margin-bottom: 15px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li a { font-weight: 600; font-size: 14px; color: #333333; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li i { font-size: 24px; color: #555555; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.see-all-store { display: block; width: 100%; /*position: absolute; bottom: -15px;*/ text-align: center; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.see-all-store a { color: #ffffff; background: #a95099; border: 0; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 30px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.see-all-store a:hover { background: #ffffff; color: #a95099; border: 1px solid; border-bottom: 0; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li .dropdown-item:hover { background: none; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li:hover .row div, #main-menu .nav-li-shop-parent ul.dropdown-menu li:hover .row i { color: #a95099; }
	#main-menu .nav-li-howto { margin-right: 10px; }
}

/* M E D I U M  -  " M D " */
@media (min-width: 768px) and (max-width: 991px) {
	/* B O D Y */
	#layout-top .container { width: 100%; }

	/* H E A D E R */
	.top-cashback-logo { padding-top: 15px; }
	/*.menu-lang { position: absolute; top: 100px; }*/
	.top-jaidee-logo img.main-logo { width: 200px; margin-top: 20px; }
	.top-cashback-logo { padding: 26px 5px 0 5px; }
	.menu-lang { padding-top: 25px; padding-right: 15px; }
	#main-menu .nav-li-shop-parent .nav-link { padding: 5px; }
	.header-top-section { margin-bottom: 5px; }
	.nav-li-member.member-5 { padding: 0 !important; margin: 0 !important; }

	/* M A I N  M E N U */
	.nav-li-search { /*display: none !important;*/ }
	.navbar-nav li { display: inline-block; width: auto; margin-right: 10px !important; }
	.navbar-nav { display: block; text-align: right; }
	#main-menu .navbar-nav .nav-li-shop-parent { margin: 0 !important; float: left; width: 33.33%; margin-bottom: 15px !important; }
	#main-menu .nav-li-shop-parent .nav-link { border-radius: 0; box-shadow: none; font-size: 10px; padding: 10px; font-size: 12px !important; }
	#main-menu .navbar-nav .nav-li-shop-parent:nth-child(1) span { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; }
	#main-menu .navbar-nav .nav-li-shop-parent:nth-child(2) span { border-left: 1px solid white; border-right: 1px solid #ffffff; }
	#main-menu .navbar-nav .nav-li-shop-parent:nth-child(3) span { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; }	
	#main-menu .navbar-nav .nav-li-shop-parent:nth-child(3) {/* margin-right: 10px !important;*/ }
	#main-menu .navbar-nav .nav-li-search:after { padding: 0 5px; }
	#main-menu .navbar-nav .nav-li-search .input-group #search_store_sm { /*position: absolute; right: 10px; width: 30%; bottom: -30px; display: none;*/ width: 150px !important; }
	#main-menu .navbar-nav .nav-li-search .input-group { /*display: block; width: 20px; height: 20px; top: 5px; right: 15px;*/ }
	#main-menu .navbar-nav .nav-li-search { margin: 0 !important; }
	.navbar-toggleable-md .navbar-nav .dropdown-menu { position: absolute; }
	#main-menu .nav-link { font-size: 12px !important; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu { width: 100% !important; left: 0 !important; padding-right: 0; }
	.nav-li-shop-parent.show:after { top: 40px !important; }

	/* S U B  M E N U */
	#main-menu .nav-li-shop-parent ul.dropdown-menu li { width: 30%; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.subitem-title { font-size: -10px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.subitem-title a { font-size: 20px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li i { font-size: 18px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li a { font-size: 12px; padding: 0 15px; }
	#main-menu .nav-li-shop-parent ul.dropdown-menu li.see-all-store a { font-size: 16px; }

	/* S H O P  T E M P L A T E */
	.sidebar-violet { background: none; }
	.page-stores-sidebar, .charity-sidebar { background: #a75097; }
	.search-letter .input-group { width: auto; }
	.box-image-wrapper .box-image.store-cover-img { height: 275px; }
	.retailer_commission, .retailer_commission span { font-size: 20px; }
	.retailer_btn button { font-size: 20px; }
	.page-marketplace\.item .retailer_commission span { font-size: 20px; }
	.page-stores-content { padding-left: 30px; }
	.search-letter { margin-bottom: 15px; }
	.page-choose-charity .menu-category { width: 100%; }
	.page-stores .menu-category .refine_result { font-size: 16px !important; height: 34px; }

	/* G A L L E R Y  L I G H T B O X */
	.gallery-wrapper { width: 24%; }

	/* H O W  I T  W O R K */
	.container .row h1 { font-size: 40px; }
	.page-howitworks .btn { font-size: 16px; padding: 10px 15px; }
	.page-howitworks .page-section-4 .how-work { width: 33%; }

	/* A B O U T */
	.page-abouts .container .row h2 { font-size: 40px; }

	/* L O G I N  P O P U P */
	#loginModal { z-index: 1000; background-color: rgba(0,0,0,0.75); }
	#loginModal .loginModal-left { display: none !important; }
	#loginModal .modal-content {width: 50%;padding: 30px 20px 10px 20px; background: none !important; border: 0 !important; }
	#loginModal .loginModal-right { padding-right: 20px; left: 0; }
	#loginModal .loginModal-right > div { width: 100%; }
	#loginModal .close { top: -17px; right: 15px; }
	#loginModal .loginModal-right .loginModal-wrapper { margin: 15px 0; }
}

/* M E D I U M  -  " M D " */
@media ( min-width: 768px) {
	.nav-li-shop-parent.show:after { content: ''; background: url('../images-local/arrow-up.png'); background-size: contain; background-position: center; width: 90px; height: 30px; display: block; position: absolute; background-repeat: no-repeat; top: 30px; z-index: 9; }
	.nav-li-how.show .dropdown-menu:after { content: ''; background: url('../images-local/arrow-up.png'); background-size: contain; background-position: center; width: 90px; height: 30px; display: block; position: absolute; background-repeat: no-repeat; top: -30px; left: 110px; }
	.nav-li-about.show .dropdown-menu:after { content: ''; background: url('../images-local/arrow-up.png'); background-size: contain; background-position: center; width: 90px; height: 30px; display: block; position: absolute; background-repeat: no-repeat; top: -30px; left: 85px; }
	.nav-li-howto.show .dropdown-menu:after { content: ''; background: url('../images-local/arrow-up.png'); background-size: contain; background-position: center; width: 90px; height: 30px; display: block; position: absolute; background-repeat: no-repeat; top: -30px; left: 85px; }
	.nav-li-how .dropdown-menu, .nav-li-about .dropdown-menu, .nav-li-howto .dropdown-menu { top: 57px; width: 300px; min-height: 300px; background-image: url('../images-local/nav-sub-bg.jpg'); background-color: #ffffff; background-size: contain; background-repeat: no-repeat; padding: 30px; }
	.nav-li-about .dropdown-menu { width: 250px; }
	.nav-li-howto .dropdown-menu { width: 250px; }
	.sub-menu-h2 { color: #a95099; font-size: 30px; font-weight: 600; margin-bottom: 10px; }
	.nav-li-how .dropdown-menu li a, .nav-li-about .dropdown-menu li a, .nav-li-howto .dropdown-menu li a { padding: 0; font-size: 12px !important; font-weight: 600; color: #000000 !important; margin-bottom: 10px; }
	.nav-li-how .dropdown-menu li a:hover, .nav-li-about .dropdown-menu li a:hover, .nav-li-howto .dropdown-menu li a:hover { color: #5e3788 !important; background: none; }
}

/* M E D I U M  -  " M D " */
@media (min-width: 768px) and (max-width: 1199px) {
	/* H E A D E R */
	.top-jaidee-logo { display: block; }
	.header-main-logo { display: none; }
	.menu-lang { position: relative; bottom: 0; }
	/*.menu-lang ul { margin-top: 30px; }*/
	.nav-li-search { /*display: none !important;*/ position: relative; }
	.nav-li-search:after { right: 10px; }
	#main-menu .nav-li-shop-parent .nav-link, #main-menu .nav-link, #main-menu .nav-li-member button { font-size: 11px; }
	#main-menu .member-loggedin .nav-link { padding: 5px 10px; }
	.nav-li-how .dropdown-menu, .nav-li-about .dropdown-menu, .nav-li-howto .dropdown-menu { width: 250px; }

	/* F O R  C H A R I T Y */
	.causes-ul li { width: 33.33%; }
	.branded-ul li { width: 33.33%; }
	.page-section-5 img { width: 75%; margin-left: 0; float: none; }
	.page-howto-for-distributor .page-section-2 .col-xl-4, .page-howto-for-distributor .page-section-3 .col-xl-4 { margin-bottom: 30px; }

	/* A B O U T */
	.page-abouts .page-section-2 ul { width: 100%; }

	/* S H O P  T E M P L A T E */
	.page-stores .list_body .set-text-box-image img { max-width: 100%; }
	.page-stores-content .body-content form .title-shop { margin-bottom: 70px !important; }
}

/* L A R G E  -  " L G " */
@media (min-width: 992px) and (max-width: 1199px) {
	/* H E A D E R */
	/*.menu-lang { position: absolute; bottom: 50px; }*/
	.top-jaidee-logo img.main-logo { width: 250px; margin-top: 20px; }
	.menu-lang { padding-top: 30px; }

	/* N A V */
	.header-main-menu #main-menu { margin-top: 0; }
	.header-main-menu { padding: 0; } 
	#main-menu .nav-link { padding: 5px; }
	#main-menu .nav-li-shop-parent .nav-link { padding: 5px 10px; }

	/* M A I N  C A T E G O R I E S */
	.page-home #layout-content-category { width: 94%; margin: 0 auto; }

	/* S H O P  T E M P L A T E */
	.box-image-wrapper .box-image.store-cover-img { height: 400px; }
	.gallery-wrapper { width: 24%; }
	.retailer_commission, .retailer_commission span, .retailer_btn button, .page-marketplace\.item .retailer_commission span { font-size: 24px; }
	.totalRecord { position: absolute; top: 75px; text-align: left !important; }

	/* H o W  i T  W O R K */
	.page-howitworks .page-section-4 img { max-width: 125px; }
	.page-desktop .page-section-1, .page-desktop .page-section-2, .page-desktop .page-section-3, .page-desktop .page-section-4 { padding: 50px 0; }
}



/* E X T R A  L A R G E  -  " X L " */
@media (min-width: 1200px) and (max-width: 1399px) {
    /* B O D Y */
    .container { width: 1200px !important; }
}

/* E X T R A  E X T R A  L A R G E  -  " X X L " */
@media (min-width: 1400px) {
    /* B O D Y */
    .container { width: 1400px !important; }
}