/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
	letter-spacing: 1px;
}
.mm-page, .mm-wrapper_background body {
	background: #ffffff url('images/bg.png') top left repeat-x !important;	
}

.page-node-331 .mm-page, .page-node-331 .mm-wrapper_background body {
	background: #ffffff !important;	
}
.main-container {
	background-color: #e6f3f7;
	margin: 40px auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.view-id-specials .view-content {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;
}
.view-id-specials .view-content .advertisement-ad-row {
	padding-bottom: 50px;
}
.view-id-specials .view-content .views-field-field-weekly-ads-images img.img-responsive {
	display:inherit;
}
.view-id-specials .view-content .views-field-nid {
	padding-top: 15px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #000000;
    line-height: 22px;
    letter-spacing: 0;
}
.view-id-specials .view-content .views-field-nid-1 {
	padding-top: 10px;
}
.view-id-specials .view-content .views-field-nid-1 .view-weekly-ads {
	padding-bottom: 10px
}
.view-id-specials .view-content .views-field-nid-1 a.btn {
	background: #ed1c24;
	color:#ffffff;
	text-transform: uppercase;
	width: 255px;
	border-radius: 5px;
	border: 0;
	font-size: 13px;
	letter-spacing: 0;
	padding: 10px;
}
.page-node-type-weeklyads .weeklyads .field--items .field--item {
	padding-bottom: 30px;
}
.page-node-type-weeklyads .price-info-text {
	padding-bottom: 20px;
    color: #000000;	
}
.page-node-type-weeklyads .flipping-buttons a {
    font-family: Myriad Pro Black;	
	background: #ed1c24;
	color:#ffffff;
	text-transform: uppercase;
	width: 255px;
	border-radius: 5px;
	border: 0;
	font-size: 13px;
	letter-spacing: 0;
	padding: 10px;	
	-webkit-transition: all .3s ease 0s;	
	transition: all .3s ease 0s;	
	opacity: 1;
    filter: alpha(opacity=100);		
}
.page-node-type-weeklyads .flipping-buttons a:hover {
	background: #e75a24;
	opacity: .7;
    filter: alpha(opacity=70);		
}
.view-store-image .views-slideshow-controls-bottom .widget_pager img {
	width: 90px;
	height: 59px;
	margin-right: 5px;
	float:left;
	-webkit-transition: all .3s ease 0s;	
	transition: all .3s ease 0s;	
	opacity: 1;
    filter: alpha(opacity=100);	
}
.view-store-image .views-slideshow-controls-bottom .widget_pager img:hover {
	opacity: .7;
    filter: alpha(opacity=70);	
}
.view-store-image .views-slideshow-controls-bottom  {
	padding: 5px;
	clear: both;
	position: relative;
	display: block;
	margin-top: 10px;
	background: transparent;
	border: solid 1px #eee;
	background: transparent;
}
.store-top .col-box {
	font-size: 13px;
	line-height: 22px;
}
.store-top .box-address, .store-top .box-contact-information  {
	border-left: 0;
}
.col-box-label {
	font-weight: bold;
	padding-top: 5px;
}
.col-box-label-website {
	padding-top:5px;
}
.property-content .field--label {
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.store-top {
	clear: both;
	height: auto;
	padding: 20px;
	border: solid 1px #eee;
	margin-top: 20px;
	border-bottom: solid 5px #005288;
	background: #fcfcfc;
} 
.store-top .field--name-field-property-logo {
	padding:15px 0;
}
.store-bottom {
	background: transparent;
    clear: both;
    display: block;
    padding: 0;
	margin-top: 20px;
}

.store-middle .field--name-field-property-other-links {
	text-align: center;
	padding: 20px 0 0;
}
.store-middle {
	padding: 20px;
	background:#ffffff;
	border: solid 1px #eeeeee;
	position: relative;
	clear:both;
	display:block;
	margin-top: 20px;
}
.headerMenu {
	background: #c21417;
	border-top: 3px solid #ffff00;
}
.headerMenu a {
	color: #ffffff;
}
.pageTitleWrap {
	background-image: linear-gradient(#1f4cd2, #224073);
}
.pageTitleWrap h1.page-header {
	color: #ffffff;
	margin: 0;
	padding: 10px 0;
	border: 0;
	font-size: 20px;
	line-height: 22px;
}
@media (min-width:768px){
	.pageTitleWrap h1.page-header {
		font-size: 24px;
		line-height: 26px;
	}
}
@media (min-width:992px){
	.pageTitleWrap h1.page-header {
		font-size: 26px;
		line-height: 28px;
	}
}
@media (min-width:1200px){
	.pageTitleWrap h1.page-header {
		font-size: 28px;
		line-height: 30px;
	}
}
.horizontal-menu > li > a {
    background-color: transparent;
}
@media (min-width:768px){
	.horizontal-menu > li > a {
		padding-left: 5px;
		padding-right: 5px;
		letter-spacing: 0;
	}
}
@media (min-width:992px){
	.horizontal-menu > li > a {
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 1px;
	}
}
@media (min-width:1200px){
	.horizontal-menu > li > a {
		padding-left: 12px;
		padding-right: 12px;
		letter-spacing: 1px;
	}
}

/* Dev theme 1 */

body {
  margin-top: 0px;
}

.region-sidebar-first ul#horizontal-menu > li {
    display: block;
    width: 100%;
}

/*.main-container {
    width: 100%;
    max-width: 1270px;
    margin-top: 0px;
}*/

.main-container {
    margin-top: 0px;
}

.mm-page {
    padding-top: 0px !important;
}

.half-slider.home-slider {
    position: relative;
    overflow: auto;
}

/*.view.view-featured-items {
    overflow: auto;
    position: relative;
    max-height: 500px;
}*/


.link-col h2:first-child a {
    color: #ffffff;
    font-weight: 700;
}

.link-col p img {
    border-radius: 50%;
}

.homepage-featured-content {
    overflow: hidden;
/*    max-height: 13vw;*/
}

.col-image-link > div h2, .col-image-link > div h2 a {
    text-align: center;
    color: #ffffff !important;
    position: relative;
    z-index: 99;
}

/*.col-image-link > div {
    background: url(/sites/default/files/2023-01/pexels-pixabay-264636.jpg);
    background-size: cover;
    overflow: hidden;
    position: relative;
}*/

.col-image-link > div > a {
    background: url(/sites/default/files/2023-01/pexels-pixabay-264636.jpg);
    background-size: cover;
    overflow: hidden;
    position: relative;
    display: block;
}

.social-media.icons {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.subscribe-form .webform-button--submit {
    text-transform: uppercase;
    font-weight: 600;
}

aside.col-sm-3.col-md-2 .region.region-sidebar-first {
    position: relative;
}

.main-container {
    margin-bottom: 0px;
}

.subscribe-form h2.block-title {
    font-size: 1.2em;
    font-weight: 700;
    color: #337ab7;
	margin-top: 0;
}

.h-footer.align-center.text-center {
    background: #E6F3F7;
    padding-top: 0;
    padding-bottom: 12px;
}


/*.col-image-link {
    overflow: auto;
}*/


.contact-home {
    margin-top: 5em;
    margin-bottom: 5em;
}

.contact-home > div {
    float: none;
    padding-top: 1em;
    padding-bottom: 2em;
    border: 1px solid #000000;
}

section#block-whatisdonq h2 {
    text-align: center;
}

/*.bg-header-link {
    padding-top: 9em;
    padding-bottom: 9em;
}*/

p.header-link {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
}

.bg-header-link {
    margin-top: 15px;
    margin-bottom: 15px;
}

.special-con {
    margin-top: 0px;
}
.okazuya-con {
    margin-bottom: 0px;
}
section#block-views-block-news-and-event-block-1 {
    margin-bottom: 2em;
}
section#block-middle3items .featuredContent {	margin-bottom: 2em;}section#block-middle3items .homepageFeaturedContent .row {	display: flex;	flex-flow: row wrap;	justify-content: center;}

div#views_slideshow_cycle_main_featured_items-featured_slider img.img-responsive {
    position: absolute;
    top: 0px;
}


.news-events-block div#home-news img {
    max-height: 250px;
    padding: 15px;
}

.news-events-block div#home-news-slider {
    max-width: 70%;
    margin: 0 auto;
}

/*div#featured-prod {
    max-height: 350px;
}*/

div#featured-prod .slick-slide img {
    max-height: 350px;
}

div#featured-prod .slick-slide {
/*    max-height: 350px;*/
    position: relative;
}

.slide__title a {
    color: #ffffff;
    text-transform: capitalize;
    text-align: center;
}

.main-container {
    background: #1d2080 url('images/donquijote-hawaii-horizontal-bg.jpg') bottom left no-repeat;
}

.horizontal-menu > li > a {
    color: #ffffff;
}

.social-media.icons a {
	color: #ffffff;
}


.h-footer.align-center.text-center {
    background-color: #1d2080;
    color: #ffffff;
}

.h-footer.align-center.text-center a {color: #ffffff;}



p.header-link a {
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
}

.link-col {
    position: relative;
}

.link-col a {
    display: block;
    border-radius: 50%;
    background-size: cover !important;
}

.link-col h2 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 40%;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
}

.col-image-link > div > a > h2, .col-image-link > div > a > h2 {
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 3em !important;
    transform: translateY(-50%);
    margin-top: 0px;
}

.col-image-link > div.careers-con > a:before, .col-image-link > div.leasing-con > a:before {
    padding-bottom: 50%;
}

.col-image-link > div > a > h2, .col-image-link > div > a > h2 {
    color: #ffffff;
}

div#featured-prod  .slide__media {
    max-width: 350px;
}

.contact-home {
    max-width: 100%;
}


/*.bg-header-link:before {
    content: '';
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    display: block;
}*/

p.header-link {
    position: absolute;
    top: 40%;
    width: 100%;
}


.bg-header-link {
   position: relative;
}


.half-slider.home-slider {
    display: block;
}
@media (min-width: 1200px) {	
	.half-slider.home-slider {
		display: flex;
	}
}

a#scrollTopButton-image {
    display: none !important;
}

button#myBtn {
    display: none !important;
}

/* full height special */
.special-con {
    height: 100%;
}

.special-con img {height: 100%;}

.slider-right {
    height: 100%;
}

.region.region-sliderright {
    height: 100%;
}

section#block-righttoptext {
    height: 100%;
}

section#block-righttoptext .field.field--name-body {
    height: 100%;
}

/* Flex style */

.flex {
    display: flex;
    gap: 30px;
    width: 100%;
}

.flex-row {
    margin-left: -15px;
    margin-right: -15px;
}

.flex-gap.home-about-us > div {
    flex: 1 1 32%;
}


.view-header h2 {
    font-weight: 900;
    color: #000000;
}

.view-header h2 {
    position: relative;
}
.header-sides-yellow h2 img {
	width: 230px;
	height: auto;
}
@media (min-width: 1013px) {	
	.header-sides-yellow h2 img {
		width: auto;
		height: auto;
	}
}
.header-sides-yellow h2.home-about-us img {
	width: 160px;
	height: auto;
}
@media (min-width: 1013px) {	
	.header-sides-yellow h2.home-about-us img {
		width: auto;
		height: auto;
	}
}
.header-sides-yellow h2:before {
    content: '';
    width: 230px;
    height: 23px;
    display: inline-block;
    background: url(/sites/default/files/ai-images/header-sides.png);
    background-size: cover;
    margin-right: 55px;
}
@media (min-width: 1013px) {	
	.header-sides-yellow h2:before {
		width: 332px;
		height: 33px;
	}
}
.header-sides-yellow h2:after {
    content: '';
    width: 230px;
    height: 23px;
    display: inline-block;
    background: url(/sites/default/files/ai-images/header-sides.png);
    background-size: cover;
    margin-left: 55px;
}
@media (min-width: 1013px) {	
	.header-sides-yellow h2:after {
		width: 332px;
		height: 33px;
	}
}

.flex.center {
    align-items: center;
    justify-content: center;
}

.contact-header {
    background: #f68479;
}

.contact-header, .feedback-header {
    padding: 4em;
    border-radius: 60px;
    text-align: center;
}

.feedback-header {
    background: #d2135a;
}

.contact-header h2:before, .feedback-header h2:before {
    display: none;
}


.contact-header h2, .feedback-header h2 {
    padding-top: 0px;
}

.social-media.icons a i {
	margin: 0 2px;
}
@media (min-width: 1013px) {
	.social-media.icons a i {
		margin: 0 3px;
	}
}
@media (min-width: 1187px) {	
	.social-media.icons a i {
		margin: 0 4px;
	}
}
@media (min-width: 1300px) {	
	.social-media.icons a i {
		margin: 0 6px;
	}
}
@media (min-width: 1515px) {	
	.social-media.icons a i {
		margin: 0 10px;
	}
}
.social-media.icons a i:before {
	color: #1d2080;
	display: inline-block;
	background: #ffffff;
	border-radius: 50%;
	font-size: 20px;
	line-height: 20px;
	padding: 10px;
	width: 40px;
	height: 40px;
}
@media (min-width: 1013px) {
	.social-media.icons a i:before {
		font-size: 18px;
		line-height: 20px;
		padding: 8px;
		width: 35px;
		height: 35px;
	}	
}
@media (min-width: 1187px) {	
	.social-media.icons a i:before {
		font-size: 19px;
		line-height: 20px;
		padding: 10px;
		width: 40px;
		height: 40px;
	}	
}
@media (min-width: 1300px) {	
	.social-media.icons a i:before {
		font-size: 20px;
		line-height: 26px;
		padding: 10px;
		width: 45px;
		height: 45px;
	}	
}
@media (min-width: 1515px) {	
	.social-media.icons a i:before {
		font-size: 24px;
		line-height: 30px;		
		padding: 10px;
		width: 50px;
		height: 50px;
	}	
}
.home-bottom-links img {
    max-height: 376px;
}

.what-is-donq a img {
   margin: 0 auto;
}

.what-is-donq {
    text-align: center;
}

.what-is-donq {
    position: relative;
}

.flex-gap.home-about-us {
    gap: 20px;
}

.homepage-featured-content .link-col img {
    max-height: 366px;
}

.link-col a {
/*    border-radius: 15%;*/
   /* padding-top: 10%;
    padding-bottom: 10%;*/
    text-align: center;
}


h2.home-about-us {
    padding-top: 70px;
    font-weight: 900;
    color: #000000;
}

.homepage-featured-content .link-col:last-child a img {
/*    height: 100vw;*/
    object-fit: cover;
}

.header-sides-yellow h2 {
    padding-top: 0px;
    position: relative;
    margin: 30px auto 70px auto;

}

.header-sides-yellow .slick-slide h2:before, .header-sides-yellow .slick-slide h2:after {
    display: none;
}


.first-sidebar.mobile-menu {
    background: #1d2080 url('images/donquijote-hawaii-horizontal-bg.jpg') bottom left no-repeat;
}

.donpen-point {
    text-align: center;
    position: relative;
    align-items: center;
    display: inline-flex;
    max-width: 20%;
    justify-content: right;
}

.donpen-point img {
/*    margin: 0 auto;*/
}

.flex-gap.home-about-us {
    flex-wrap: wrap;
}


.col-image-link {
    display: flex;
}

.home-bottom-links > div {
    flex-basis: 100%;
    text-align: center;
}

.flex-gap.home-about-us > div {
    flex: 1 1 32%;
}

.clouds-about {
    margin-left: -15px;
    margin-right: -15px;
}

.clouds-about img {
    width: 100%;
}

.clouds-about img {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.homepage-featured-content .link-col {
    flex-basis: 100%;
}

#block-homepage .md-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
}

/*.url-link {
    border: 10px solid #ffffff;
    border-radius: 40px;
}
.url-link.clicked {
    border: 10px solid #D1F0F9;
}*/

.url-link img {
    border: 10px solid #ffffff;
    border-radius: 30px;
}


.url-link.clicked img {
    border: 10px solid #D1F0F9;
    border-radius: 30px;
}


.what-is-jonetz.url-link {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
}

.what-is-donq.url-link {
    justify-content: right;
    max-width: 35%;
}

.url-link {
    text-align: center;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.what-is-jonetz.url-link.clicked:before {
    content: ' ';
    background: url(/sites/default/files/ai-images/jonetz-flower.png);
    position: absolute;
    right: -15px;
    top: -55px;
    width: 200px;
    height: 200px;
    background-size: 100% 100%;
}

.what-is-donq.url-link.clicked:before {
    content: ' ';
    background: url(/sites/default/files/ai-images/dq-leaf.png);
    position: absolute;
    left: -10px;
    top: -65px;
    width: 200px;
    height: 200px;
    background-size: 100% 100%;
}

h2.img-h2 img {
    max-height: 40px;
}

.what-is-donq a img {
    margin: 0 auto;
    padding: 15px 25px 15px 25px;
}

.homepage-featured-content {
    padding-top: 30px;
}

.row.h-footer {
    margin-right: 0px;
    margin-left: 0px;
}

.footerTopRightLinks {
    max-width: 100%;
}

.donpen-months-archive ul > li {
    text-transform: capitalize;
    font-weight: 700;
    font-family: Myriad Pro SemiBold;
}

.view-content .donpen-con {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.donpen-Title {
    font-size: 1.5em;
    text-transform: capitalize;
    font-weight: 700;
    font-family: Myriad Pro SemiBold;
	padding-bottom: 10px;
}

.donpen-body {
    font-size: 1em;
    font-family: Roboto;
	padding-bottom: 15px;
}

.donpen-share {
    font-size: 1em;
    font-family: Roboto;
}

.donpen-date {
    font-size: 1em;
    font-family: Roboto;
    font-weight: 900;
	padding-bottom: 10px;
}

.donpen-share {
    display: flex;
    gap: 15px;
}

.colLeftAds > div {
    margin-top: 20px;
	margin-top: 0;
}
.view-display-id-page_1 .adsBox {
	max-width: 480px;
    width: 100%;
    margin: 0 auto;
	padding-bottom: 40px;
}
.donpen-con .colLeftAds {
    margin-bottom: 80px;
}
.donpenNodeTop {
	max-width: 900px;
    width: 100%;
    margin: 0 auto;
	padding-bottom: 15px;
}
@media (min-width: 768px) {	
	.donpenNodeTop {
		padding-bottom: 80px;
	}
}
.donpenNodeBottom img {
	margin: 0 auto;
}
.donpenNodePoster {
	padding-bottom: 15px;	
}
@media (min-width: 768px) {	
	.donpenNodePoster {
		padding-bottom: 35px;	
	}
}
.donpenNodeImage img {
	 margin: 0 auto;
}
.page-node-type-donpen_pick_of_the_month .donpen-body {
	padding-bottom: 40px;
}
.donpenNodeWrap .donpenNodeTop .row {
	display: block;
}
@media (min-width: 768px) {	
	.donpenNodeWrap .donpenNodeTop .row {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
.about-body2  {
   /* padding: 20% 0px 20% 15px;
    background: url('/sites/default/files/ai-images/about-body2-bg-circle.png');
    background-size: 80% 100%;
    background-repeat: no-repeat;*/
    position: relative;
}

.about-body2 > p {
    padding: 15% 0px 15% 15px;
    background: url(/sites/default/files/ai-images/about-body2-bg-circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.about-body2:after {
    position: absolute;
    content: ' ';
    background: url(/sites/default/files/ai-images/about-donpen.png);
    width: 300px;
    height: 300px;
    background-size: 100% 100%;
    right: 10%;
    bottom: 0px;
}

/*.about-body2 p:before {
    position: absolute;
    content: ' ';
    background: url(/sites/default/files/ai-images/about-donpen-feet.png);
    width: 40%;
    height: 500px;
    background-size: 100% 100%;
    left: 1%;
    top: 0px;
    z-index: 0;
    max-width: 100%;
}
*/
.about-body2 p span {
    z-index: 1;
    position: relative;
}

/*.about-body2:before {
    position: absolute;
    content: ' ';
    background: url(/sites/default/files/ai-images/about-donpen-feet.png);
    width: 34%;
    height: 100%;
    background-size: 100% 100%;
    left: 1%;
    top: 0px;
    z-index: 1;
}*/

/*.about-body2 p {
    z-index: 99999;
    position: relative;
}*/


.about-body1:before {
    content: ' ';
    background: url(/sites/default/files/ai-images/about-body1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
    width: 45%;
    height: 85%;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 10%;
}

.about-body1 {padding-bottom: 50px;padding-top: 50px;}

.about-body1 > p {
    position: relative;
    z-index: 99;
    margin-bottom: 35px;
}

.about-body2 {
    padding-bottom: 60px;
}


.headerDesktopWrap .topHeader .container {
    display: flex;
}

.headerDesktopWrap .topHeader .container .mobile-menu {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}

.headerDesktopWrap .topHeader .container .mobile-menu .toggle .label {
    display: none;
}

.headerDesktopWrap .topHeader .container .logo {
    text-align: center;
    width: 100%;
}

.logo img.Logo {
    max-height: 160px;
    margin: 0 auto;
}

.topHeader {
    padding-top: 15px;
    padding-bottom: 15px;
}

.news-events-block {
    padding-bottom: 45px;
    padding-top: 50px;
    background: #D1F0F8;
}

.about-us-block {
    padding-top: 5%;
}

.about-us-block.header-sides-yellow h2 {
    margin: 30px auto 30px auto;
}

#home-news-slider .slide__caption {
    width: 100% !important;
    padding: 0px !important;
    background-color: transparent !important;
}

#home-news-slider .slide__link {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-node-205 ol.breadcrumb {
    visibility: hidden;
}

.page-node-205 .region.region-content {
    margin-bottom: 70px;
}

.leasing-sorry {
    text-align: center;
}

.leasing-contact {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.leasing-contact > div {
    width: 50%;
}

.leasing-contact h2 {
    color: #000000;
}

.leasingPageTitle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
}

.leasing-sorry {
    margin-top: 110px;
}

.page-node-6 .leasingBoxWrap {
    display: none;
}

.homepage-featured-content .link-col:last-child {
    /*background: url(/sites/default/files/ai-images/online-shopping.png);
    background-size: 100% 100%;*/
}

.homepage-featured-content .link-col:last-child a img {
/*    visibility: hidden;*/
}

@media only screen and (min-width: 900px) {
  /*section#block-middle3items {
        max-height: 300px;
    }*/
}

@media only screen and (min-width: 768px) and (max-width: 1227px) {
    .header-sides-yellow h2:before, .header-sides-yellow h2:after {
        display: block;
        margin: 25px auto 20px auto;
        max-width: 100%;
    }

    .about-body2:after {
        right: 0px;
    }


}


@media only screen and (min-width: 1200px) and (max-width: 1886px) {


    .about-body1:before {
		content: ' ';
		background: url(/sites/default/files/ai-images/about-body1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 45%;
		height: 85%;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		left: 10%;
    }

}


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

    .about-body2 > p {
        max-width: 100% !important;
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .about-body2 {
        padding-bottom: 175px;
        margin-bottom: 30px;
    }

    .about-body1:before {
		content: ' ';
		background: url(/sites/default/files/ai-images/about-body1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 65%;
		height: 65%;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		left: 10%;
    }

}

@media only screen and (min-width: 767px) {
  header#navbar {
        display: none;
    }

    .first-sidebar.mobile-menu{
        display: none;
    }
}

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

    .header-sides-yellow h2:before, .header-sides-yellow h2:after {
        max-width: 100%;
    }


  .half-slider.home-slider {
        margin-right: -15px;
        margin-left: -15px;
    }

    .link-col h2 {
        font-size: 3em;
    }

    .news-events-block div#home-news img {
        max-height: auto;
    }

    .link-col h2 {
        font-size: 3em;
    }

    .slide__title a {
        color: red;
    }

    .col-image-link > div {
        margin-bottom: 30px;
    }

    .col-image-link > div.clearfix {
        display: none;
    }

     .first-sidebar.desktop-menu {
        display: none;
    }

    .what-is-donq:after {
        position: relative;
        right: auto;
    }

    h2.home-about-us:before, h2.home-about-us:after {
        margin-left: auto;
        margin-right: auto;
    }

    .header-sides-yellow h2:before, .header-sides-yellow h2:after {
        margin-left: auto;
        margin-right: auto;
    }

    .footerTopRightLinks {
        max-width: 100%;
    }

    .footerColWrap {
        margin-top: 0px;
    }

    .row.h-footer.align-center.text-center {
        max-width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .pageContentTop {
        /*margin-left: -15px;
        margin-right: -15px;*/
    }

    .slider-right {
        margin-right: -15px;
        margin-left: -15px;
    }

    .bg-header-link.special-con img {
        width: 100%;
    }

    .mobile-menu nav.responsive-menu-block-wrapper {
        display: block;
    }

    .headerMenu {
        display: none;
    }

    /* Flex Mobile */

    .homepage-featured-content {
        flex-wrap: wrap;
    }

    .col-image-link {
        flex-wrap: wrap;
    }

    .home-about-us {
        display: flex;
    }

    .flex-gap.home-about-us > div {
        flex: 0 0 100%;
    }

    .flex-gap.home-about-us > div {
        flex: 100%;
    }

    .half-slider.home-slider {
        flex-direction: column;
    }

    .half-slider.home-slider {
        flex-direction: column;
    }

    .header-sides-yellow h2:before, .header-sides-yellow h2:after {
        display: block;
    }

    h2.home-about-us.img-h2.about-section {
        flex-direction: column;
    }

    .col-image-link {
        flex-direction: column;
    }

    .home-bottom-links {
        flex-direction: column;
    }

    .flex.row-3.flex-gap.home-about-us {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .what-is-donq.url-link {
        max-width: 100%;
        justify-content: center;
    }

    .donpen-point {
        max-width: 100%;
        justify-content: center;
    }

    h2.img-h2 img {
        max-height: none;
    }

    .img-h2.home-about-us {
        display: block;
    }

    .header-sides-yellow h2:before, .header-sides-yellow h2:after {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sidebarImageLink2 img {
        width: 100%;
    }

    .first-sidebar.mobile-menu {
        padding-bottom: 40px;
        padding-top: 30px;
    }

    .first-sidebar.mobile-menu a.logo.navbar-btn.pull-left {
        display: none;
    }

    .about-body1:before {
		content: ' ';
		background: url(/sites/default/files/ai-images/about-body1.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 70%;
		height: 80%;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		left: 10%;
    }


    .about-body2 > p {
        max-width: 100% !important;
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .about-body2 {
        padding-bottom: 231px;
        margin-bottom: 50px;
    }

    div#jonetz-about {
        margin-bottom: 50px;
    }

    .leasing-contact {
        display: flex;
        flex-direction: column;
    }

    .leasing-sorry {
        margin-top: 25px;
    }


}

@media only screen and (max-width: 600px) {

    .link-col h2 {
        font-size: 2em;
    }

    .about-body1:before {
		content: ' ';
		background: url(/sites/default/files/ai-images/about-body1.png);
		background-size: 100% auto;
		background-repeat: no-repeat;
		width: 80%;
		height: 60%;
		position: absolute;
		bottom: 0px;
		z-index: 1;
		left: 10%;
    }

    .about-body2 > p {
        background: url(/sites/default/files/ai-images/about2-single-circle.png);
        background-size: 100% 100%;
        max-width: 100% !important;
        padding-top: 40px;
        text-align: center;
        background-repeat: no-repeat;
        position: relative;
    }

    .about-body2 p:before {
        position: absolute;
        content: ' ';
        background: url(/sites/default/files/ai-images/about-donpen-feet.png);
        width: 100%;
        height: 100%;
        background-size: 70% 80%;
        left: 0%;
        top: 0px;
        z-index: 0;
        max-width: 100%;
        background-repeat: no-repeat;
    }

    .about-body2:after {
        max-width: 100%;
        right: 0px;
    }

    .about-body2 {
        padding-bottom: 85%;
    }
}

/** added **/

.region.region-content p,
.region-contentright ul li { font-family: 'Roboto'; }

@media screen and (min-width:1921px){
    .mm-page {
        margin: 0 auto;
        max-width: 1920px;
    }    
}


@media screen and (min-width:981px) and (max-width:1920px){
    ul#horizontal-menu li.menu-item a {
        font-size: calc(16px + (24 - 16) * ((100vw - 981px) / (1920 - 981)));
    }

}
	.page-node-9 #about-donquijote  img {
        width: 300px;
	}

@media screen and (max-width:766px){
    section.main-content .home-slider,
    section.main-content .home-slider > section { 
        padding: 0; 
    }

    .home-slider .md-main-img img {
        width: 100% !important;
        object-fit: cover;
    }

    .home-slider .slider-right {
        padding: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .logo img.Logo {width: calc(125px + (160 - 125) * ((100vw - 280px) / (980 - 280)));}

    .bg-header-link.special-con img { width: calc(300px + (500 - 300) * ((100vw - 280px) / (980 - 280))); }

    .bg-header-link.special-con { text-align: center; }

    .homepage-featured-content img {
        width: calc(300px + (500 - 300) * ((100vw - 280px) / (980 - 280)));
        object-fit: cover;
        max-height: unset;
    }

    #block-socialmediaicons img, 
    .sidebarImageLinks img, 
    .homepage-featured-content img, .home-bottom-links img, .url-link img {
        width: calc(300px + (500 - 300) * ((100vw - 280px) / (980 - 280)));
        object-fit: contain;
    }

    .sidebarImageLinks { text-align: center; }

    #block-socialmediaicons .field--name-body div:nth-child(2) a {
        text-align: center;
        width: 100%;
        display: block;
    }

    section#block-horizontalmenu-2 {
        max-width: 400px;
        margin: 0 auto;
    }    

    .footerTopRightLinks {
        max-width: 400px;
        margin: 0 auto;
        padding: 0 15px;
    }  

    a#scrollTopButton-pill {
        width: calc(75px + (100 - 75) * ((100vw - 280px) / (980 - 280)));
        height: calc(75px + (100 - 75) * ((100vw - 280px) / (980 - 280)));
    } 

    section#block-homefooter {
        max-width: 425px;
        margin: 0 auto;
    }

    .region.region-contentbottom { background-color: #1d2080; } 

    .region.region-navigation { display: flex; }

    .region-contentright ul li a { font-family: 'Roboto'; }

    :not(.page-node-1) .home-slider { padding: 0 15px; }


    :not(.page-node-1) .donpen-con .colLeftAds { margin-bottom: calc(10px + (40 - 10) * ((100vw - 280px) / (980 - 280))); }

    :not(.page-node-1) .region.region-contentright { margin-bottom: 30px; }

    :not(.page-node-1) .colLeftAds > div.donpen-share { margin-top: 0; }  

    :not(.page-node-1) .region.region-contentright h2.block-title { margin-top: 10px; }  

    :not(.page-node-1) .region.region-contentright h2.block-title,     
    .donpen-Title {
        font-size: clamp(2.5rem, 2.5vw, 1.65rem);
    }

    section#block-horizontalmenu-2 ul#horizontal-menu { columns: 2; } 

    .colLeftAds > div.donpen-share, 
    .colLeftAds > div.donpen-date {
        padding-left: 0;
    }


    .containerBox { padding: 0; }

    .containerBox > div {
        padding-top: 0 !important;
        padding-bottom: 10px !important;
    }

    .contactUsLandWrap { padding: 15px 0; }

    .contactUsLandWrap .containerBox { padding: 0; }

}

/** 766px maxx **/

@media screen and (max-width:479px){
   section#block-horizontalmenu-2 nav ul#horizontal-menu { columns: unset; }
}


/* 04/11-2023 - added */

span.red {
    color: red;
}

.donpen-point {
	display:none;
}
@media (min-width: 768px) {	
	.donpen-point {
		display: inline-flex;
	}
}	
.rowMobileDisplay .social-media.icons {
	text-align: center;
	margin-top: 6px;
	margin-bottom: 6px;
}
@media (min-width: 768px) {	
	.rowMobileDisplay .social-media.icons {
		text-align: center;
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

}
.footerTopRightLinksDesktop {
	display: none;
}
.footerTopRightLinksMobile {
	display: block;
}
@media (min-width: 768px) {	
	.footerTopRightLinksDesktop {
		display: block;
	}
	.footerTopRightLinksMobile {
		display: none;
	}
}
.homepageAboutImageLinksDesktop {
	display: none;
}
.homepageAboutImageLinksMobile {
	display: block;
	padding: 20px 0;
}
@media (min-width: 768px) {	
	.homepageAboutImageLinksDesktop {
		display: block;
	}
	.homepageAboutImageLinksMobile {
		display: none;
		padding: 20px 0;
	}
}
.mm-wrapper .sharethis-wrapper span.st_twitter_large span.stButton span.stLarge {
	background-image: url('images/twitter_32.png') !important;
}
.path-product .region-content .productWrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.productWrap .field--name-field-branch-available, .productWrap .field--name-field-branch-available a {
	font-weight: bold;
    color: #ed1c24;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
}
.productWrap .field--name-price {
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}
.productWrap .field--name-field-re-heating-instructions {
    clear: both;
    position: relative;
    border: solid 1px #cccccc;
    padding: 15px;
    margin-top: 40px;	
}
.holidayDinnerMeals {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;	
}
.holidayDinnerMeals .views-field-title a {
	margin-top: 0;
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #ed1c24;
    margin-top: 10px;	
}
.holidayDinnerMeals .views-field-price__number {
	font-size: 20px;
    line-height: 28px;
}
.holidayDinnerMeals .views-field-field-stock {
	font-size: 16px;
    line-height: 20px;	
}
.holidayDinnerMeals .view-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}
.holidayDinnerMeals .view-content .product-single {
	margin-bottom: 25px;
}
.holidayDinnerMeals form#views-exposed-form-holiday-dinner-meals-block-1 {
	max-width:650px;
    width: 100%;
    margin: 0 auto;
}
.careerBoxList {
	margin-bottom: 30px;
}
.careerBoxListHead {
	background: #f0b614;
	padding: 10px 15px;
	color: #ffffff
}
.careerBoxListHead a {
	color:#ffffff;
}
table#careerTable tr td {
	padding: 5px;
}
.careerBoxListHeadCompensation {
	text-align: center;
}
.careerBoxListHeadTitle {
	text-align: center;
	padding-bottom: 10px;
}
@media (min-width: 768px) {	
	.careerBoxListHeadCompensation {
		text-align: right;
	}
	.careerBoxListHeadTitle {
		text-align: left;
		padding-bottom: 0;
	}
}
#block-blockwebformbiggamegrindzsweepstakes .field--name-field-webform {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}
#block-blockwebformbiggamegrindzsweepstakes .field--name-field-webform .field--label {
	display:none;
}
#block-blockbiggamegrindzsweepstakesrules .field--name-body {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;	
}
form#webform-submission-easter-contest-add-form, form#webform-submission-easter-contest-block-content-36-add-form {
	max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
#block-blockwebformeastercontest .field--label {
	display: none;
}
#block-mailchimpsubscriptionformsubscribe--2 input.form-email, #block-mailchimpsubscriptionformsubscribe--2 input.form-text {
	border: solid 1px #000000;
    padding: 15px 20px;
    height: auto;
    font-size: 22px;
    line-height: 24px;	
}
#block-mailchimpsubscriptionformsubscribe--2 #edit-actions--2 {
    text-align: center;
    padding-top: 20px;
}

form#mailchimp-signup-subscribe-block-subscribe-form input.form-email, form#mailchimp-signup-subscribe-block-subscribe-form input.form-text {
	border: solid 1px #000000;
    padding: 15px 20px;
    height: auto;
    font-size: 22px;
    line-height: 24px;	
}
form#mailchimp-signup-subscribe-block-subscribe-form #edit-actions {
    text-align: center;
    padding-top: 20px;
}

form#mailchimp-signup-subscribe-block-subscribe-to-don-don-donki-kapol-form-1 input.form-email, form#mailchimp-signup-subscribe-block-subscribe-to-don-don-donki-kapol-form-1 input.form-text {
	border: solid 1px #000000;
    padding: 15px 20px;
    height: auto;
    font-size: 22px;
    line-height: 24px;	
}
form#mailchimp-signup-subscribe-block-subscribe-to-don-don-donki-kapol-form-1 .form-actions.form-group {
    text-align: center;
    padding-top: 20px;
}

#block-views-block-slider-block-1 .view-slider .slide__caption {	
	padding: 0 !important;
}
#block-views-block-slider-block-1 .view-slider .slide__caption .slide__link {
    margin: 0 auto 0 !important;
}
.announcementWrap {
	background: #dd161c;
	padding: 50px 0;
	margin-bottom: 20px;
}
.half-slider.home-slider {
	overflow: hidden;
}

form#webform-submission-donation-requests-add-form {
	max-width: 1170px;
	width: 100%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
form#webform-submission-donation-requests-add-form .form-select, form#webform-submission-donation-requests-add-form  .form-textarea, form#webform-submission-donation-requests-add-form .form-text, form#webform-submission-donation-requests-add-form .form-control {
	border: solid 1px #000000;
	padding: 15px 20px;
	height: auto;
	font-size: 20px;
	line-height: 26px;
}
form#webform-submission-donation-requests-add-form #edit-contact-name {
	border: solid 1px #000000;	
}
form#webform-submission-donation-requests-add-form #edit-contact-name .panel-heading .panel-title {
	font-size: 20px;
    font-weight: 700;
} 
form#webform-submission-donation-requests-add-form #edit-required--wrapper .fieldset-legend {
	font-size: 20px;
    font-weight: 700;
}
#block-blockdondondonkilogo {
    position: relative;
    clear: both;	
}
#block-views-block-dondon-donki-specials-block-1 {
	max-width: 1315px;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0;
}
.view-dondon-donki-specials .adsBox {	
	width: 100%;    
	max-width: 900px;    
	margin: 0 auto;    
	padding-bottom: 30px;    
	padding-top: 30px;	
	font-family: Myriad Pro Black;
}
.view-dondon-donki-specials .adsBox {	
	color: #2799fa;
}
.view-dondon-donki-specials .adsBox a {	
	color: #2799fa;
}
.view-dondon-donki-specials .adsBox .adsType a {	
	font-size: 22px;	
	line-height: 28px;	
	margin-bottom: 20px;	
	display:block;
	color:#ff0000;
	font-family: Poppins ExtraBold;
	padding-top: 20px;
}
@media (min-width: 1013px) {	
	.view-dondon-donki-specials .adsBox .adsType a {	
		font-size: 36px;	
		line-height: 42px;	
		padding-top: 0;
	}
}
.view-dondon-donki-specials .adsBox .adsEffectiveDAte {	
	margin-bottom: 40px;		
	color: #e75a24;
	font-size: 20px;
	line-height: 26px;
    font-family: Poppins ExtraBold;	
}
@media (min-width: 1013px) {	
	.view-dondon-donki-specials .adsBox .adsEffectiveDAte {	
		font-size: 28px;
		line-height: 32px;
	}
}
.view-dondon-donki-specials .adsBox .adsEffectiveDAte span.spanLabel {
	color: #000000;	
	font-size: 20px;
	line-height: 24px;
}
.view-dondon-donki-specials .adsBox  .adsTypeView a {	
	background: #282780;	
	color: #ffff00;	
	padding: 10px 30px;	
	border-radius: 9px;	
	-webkit-transition: all .3s ease 0s;		
	transition: all .3s ease 0s;			
	text-transform: uppercase;	
	font-size: 18px;	
	line-height: 22px;
	font-weight: bold;
}
.view-dondon-donki-specials .adsBox  .adsTypeView a:hover {	
	background: #eeeeee;	
	color: #2799fa;		
	text-decoration: none;
}
.view-dondon-donki-specials .adsTypeExtraImage img {	
	float:left;	
	margin-left: 10%;	
	margin-top: 20px;	
	max-width: 250px;	
	width: 100%;
}
.page-node-690 .breadcrumb {
	display: none;
}
.view-dondon-donki-specials .view-content {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
.page-node-690 .contentBoxWrap {
	background: transparent url('images/dondon-donki-bg.png') center center repeat;
}
#block-views-block-dondon-donki-news-and-events-block-1 {
	background: #d6ef3f url('images/don-don-donki-yellow-green-bg.jpg') center center repeat;
	padding: 80px 0;
	margin: 0 -15px;	
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents {
	padding: 0 40px;
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents .view-content {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;	
	text-align: center;
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents .view-header h2 {
	color: #5f5f5f;
	margin-bottom: 30px;
	padding-left: 25px;
	font-size: 24px;
	line-height: 28px;	
}
@media (min-width: 768px) {	
	#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents .view-header h2 {
		font-size: 42px;
		line-height: 42px;
		padding-left: 145px;
	}
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents .view-content img {
	border-radius: 20%;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease 0s;	
	transition: all .3s ease 0s;	
	opacity: 1;
    filter: alpha(opacity=100);		
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents .view-content img:hover {
	opacity: .7;
    filter: alpha(opacity=70);			
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents  .colDondonDonkiNewsEvents {
	margin-bottom: 30px;
}
#block-views-block-dondon-donki-news-and-events-block-1 .viewsDondonDonkiNewsEvents  .colDondonDonkiNewsEvents .views-field-title a {
	color: #e95513;	
	text-transform: uppercase;
}


#block-views-block-what-s-happening-block-1 {
	background: #d6ef3f url('images/don-don-donki-yellow-green-bg.jpg') center center repeat;
	padding: 80px 0;
	margin: 0 -15px;	
}
#block-views-block-what-s-happening-block-1 .viewWhatsHappening {
	padding: 0 40px;
}
#block-views-block-what-s-happening-block-1 .viewWhatsHappening .view-content {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;	
	text-align: center;
}
#block-views-block-what-s-happening-block-1 .viewWhatsHappening .view-header h2 {
	color: #5f5f5f;
	margin-bottom: 30px;
	padding-left: 25px;
	font-size: 24px;
	line-height: 28px;	
}
@media (min-width: 768px) {	
	#block-views-block-what-s-happening-block-1 .viewWhatsHappening .view-header h2 {
		font-size: 42px;
		line-height: 42px;
		padding-left: 145px;
	}
}
#block-views-block-what-s-happening-block-1 .viewWhatsHappening .view-content img {
	margin-bottom: 20px;
	-webkit-transition: all .3s ease 0s;	
	transition: all .3s ease 0s;	
	opacity: 1;
    filter: alpha(opacity=100);		
}
#block-views-block-what-s-happening-block-1 .viewWhatsHappening .view-content img:hover {
	opacity: .7;
    filter: alpha(opacity=70);			
}


#block-blockdondondonkiicons {
	padding: 80px 0;	
}
.dondonDonkiWrap {
	max-width: 1435px;
	width: 100%;
	margin: 0 auto;	
}
.dondonDonkiWrap img {
	-webkit-transition: all .3s ease 0s;	
	transition: all .3s ease 0s;	
	opacity: 1;
    filter: alpha(opacity=100);		
	margin-bottom: 30px;
}
.dondonDonkiWrap img:hover {
	opacity: .7;
    filter: alpha(opacity=70);			
}
#block-blockdondondonkivideotour {
	background: #d6ef3f url('images/don-don-donki-yellow-green-bg.jpg') center center repeat;
	padding: 80px 0;
	margin: 0 -15px;		
}
#block-blockdondondonkivideotour h2 {
	color: #e95513;
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 28px;
	margin-left: 10px;
}
@media (min-width: 768px) {	
	#block-blockdondondonkivideotour h2 {
		font-size: 42px;
		line-height: 42px;
		margin-left: 10%;
	}
}
.takePeekInsideVideo {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px
}
@media (min-width: 768px) {	
	.takePeekInsideVideo {
		padding-left: 20%;
		padding-right: 0;
	}
}
#block-views-block-instagram-block-block-1 {
	padding: 80px 0;	
}
.dondonDonkiInstagramWrap {
	max-width: 1315px;
	width: 100%;
	margin: 0 auto;		
}
.dondonDonkiInstagramWrap h2 {
	color: #e95513;
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 28px;	
}
@media (min-width: 768px) {	
	.dondonDonkiInstagramWrap h2 {
		font-size: 42px;
		line-height: 42px;
	}
}