@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. Large Mobile
	3. iPad
	4. large desktop
	5. Other
*/

/* 1. Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (max-width:640px){
	h1, .h1{ font-size: 34px; }	
	h2{ font-size: 28px; }
	h3{ font-size: 26px; letter-spacing: 0px; }
	h4{ font-size: 16px; letter-spacing: 0; }
	h6{ font-size: 14px; line-height: 20px; }

	p{ font-size: 14px; line-height: 20px; margin-bottom: 15px; }

	ul li{ font-size: 14px; line-height: 20px; }
	ol li{ font-size: 14px; line-height: 20px; }

	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 15px; font-size: 13px; line-height: 18px; height: 38px; }
	textarea{ padding: 15px 10px; font-size: 13px; line-height: 18px; height: 150px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 18px; font-size: 16px; height: 34px; }

	.btn-primary{ font-size: 16px; padding: 9px 28px 7px 28px; }
	.btn-secondary{ font-size: 16px; padding: 9px 28px 7px 28px; }

	.container{ padding: 0 3%; box-sizing: border-box; }
	header{ border-bottom: 1px solid #000000; }
	.logo{ max-width: 120px; margin-right: 10px; margin-top: 12px; margin-bottom: 12px; }
	.time{ padding-left: 10px; padding-right: 20px; font-size: 13px; letter-spacing: 0px; border-left: 1px solid #000000; border-right: 1px solid #000000; padding-top: 1px; }
	nav ul li{ margin: 0 6px; font-size: 14px; line-height: 21px; letter-spacing: 0px; }
	.sub-menu:after{ top: 11px; }
	.navigation ul li ul{ min-width: 125px; }
	.navigation ul li > ul li a{ padding: 6px 10px; }
	.navigation{ margin-right: 5px; display: none; }
	.time span{ margin-right: 6px; }
	.time-cell-hover > span:after{ top: -3px; }
	.offers-slider-sec .container{ padding:0; }
	.offer-slider .two-col .col-left{ padding-left: 15px; padding-right: 15px; padding-top: 30px; width: 100%; box-sizing: border-box; padding-bottom: 100px; }
	.offer-slider .two-col .col-right{ width:100%; margin:0; }
	.offer-slider-arrow{ left: 15px; bottom: 15px; }
	header .search-box{ padding-left: 15px; padding-right: 15px; box-sizing: border-box; padding-top: 12px; padding-bottom: 12px; }
	.search-inner-area form .search-btn{ width: 90px; height: 30px; font-size: 15px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 18px; font-size: 17px; }
	.service-name{ font-size: 24px; left: 15px; bottom: 15px; }
	.service-box{ height: 215px; border: 1px solid #262626; width: 50%; }
	.welcome-sec:before{ width: 175px; height: 117px; }
	.welcome-sec{ padding-top: 40px; padding-bottom: 40px; }
	.welcome-inn-box h2{ margin-bottom: 15px; }
	.welcome-inn-box p{ margin-bottom: 20px; }
	.offer-slider .two-col .col-left:before{ width: 170px; height: 98px; }
	.footer-logo{ max-width: 150px; margin-bottom: 0; }
	footer .container .col-grp .col-cell{ width: 100%; margin: 0; text-align: center; }
	footer .container .col-grp .col-cell.col-5{ width: 100%; }
	.featured-sec{ padding: 40px 0 40px 0; }
	.offers-slide-img{ height: 315px; }
	.copyright-cell{ padding-left: 0; text-align: center; }
	.service-box:hover .service-name{ bottom: 30px; }
	.time-cell-hover .header-time ul li{ margin-bottom: 3px; font-size: 14px; line-height: 16px; }
	.time-cell-hover .header-time{ border-bottom: 2px solid #000000; min-width: 130px; padding: 6px 0 0 0; }
	.time-cell-hover .header-time ul li span{ padding: 4px 10px; }
	.featured-slider .slick-prev{ left: -15px; } 
	.featured-slider .slick-next{ right: -15px; }
	.featured-sec .title-sec{ font-size: 20px; line-height: 20px; margin-bottom: 40px; }
	.offers-desc{ padding-right: 0; }
	.offer-slider h4{ margin-bottom:10px; }
	.offer-slider h2{ margin-bottom: 15px; }
	.offer-slider p{ margin-bottom: 20px; }
	.featured-slider .slick-next:after{ width: 25px; height: 12px; }
	.featured-slider .slick-prev:after{ width: 25px; height: 12px; }
	.offer-slider-arrow .right-arrow{ width:25px; }
	.offer-slider-arrow .left-arrow{ width:25px; }
	.newsletter-sec{ padding: 25px 0 25px 0; border-top: 1px solid #262626; }
	footer .container .col-grp{ gap: 25px 0; }
	.featured-slider a figure img{ max-height: 40px; max-width: 130px; }
	footer ul li{ font-size: 14px; line-height: 16px; margin-bottom: 15px; }
	.contact-cell{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }
	.copy-cell{ font-size: 14px; line-height: 22px; margin-bottom: 19px; }
	.footer-top{ padding-top: 40px; padding-bottom: 30px; }
	.search-inner-area form .search-inputbox{ padding: 0 10px; font-size: 13px; line-height: 18px; height: 30px; }
	.featured-slider-area{ width: 90%; }
	.offer-slider .two-col{ flex-wrap:wrap; flex-direction: column-reverse; }
	.offers-slider-sec{ border-top: 2px solid #262626; }
	.newsletter-sec .two-col{ flex-wrap:wrap; gap: 15px; }
	.newsletter-sec .two-col .col-left{ width:100%; }
	.newsletter-sec .two-col .col-right{ width:100%; }
	.mb-toggled.mb-closed{ display: inline-flex; }
	.banner-desc{ padding-top: 40px; padding-right: 20px; padding-bottom: 40px; box-sizing: border-box; padding-left: 4%; }
	.full-slider .two-col .col-right{ padding: 15px; }
	.full-slider h1, .full-slider .h1{ margin-bottom: 15px; }
	.text-link{ font-size: 18px; padding-right: 35px; }
	.text-link:hover{ padding-right: 40px; }
	.text-link:after{ top: 3px; width: 28px; height: 13px; }
	.banner-desc-top{ padding-bottom: 25px; }
	.banner-desc-btm{ padding-top: 20px; gap: 15px; }
	.banner-desc-btm .right-cell p{ margin-bottom:0; }
	.banner-desc-btm .left-cell{ width: 125px; }
	.banner-desc-btm .right-cell{ width: calc(100% - 140px); }
	.full-slider .two-col .col-right{ border: 1px solid #000000; border-top:0; }
	.full-slider .two-col{ flex-direction: column-reverse; }
	.full-slider .two-col .col-left{ width:100%; }
	.full-slider .two-col .col-right{ width:100%; }
	.list-area{ justify-content: inherit; }
	.list-cell{ border: 1px solid #262626; width: 49%; margin-right: 2%; margin-bottom: 7px; }
	.list-area .list-cell:nth-child( 4n + 4 ){ margin-right: 2%; }
	.list-area .list-cell:nth-child( 3n + 3 ){ margin-right: 2%; }
	.list-area .list-cell:nth-child( 2n + 2 ){ margin-right: 0; }
	.main-content-area{ padding: 35px 0 30px 0; }
	#content-area .tab-btn-area .tab-btn{ font-size: 14px; border: 1px solid transparent; padding: 7px 20px 5px 20px; }
	#content-area .tab-btn-area .tab-btn.active{ border: 1px solid #262626; font-size: 14px; padding: 7px 20px 5px 20px; }
	.content-top-area{ margin-bottom: 15px; }
	.logo-area{ height: 115px; }
	.list-details{  border-top: 1px solid #262626; padding: 0 15px; margin-bottom: 10px; padding-top: 20px; }
	.info-detail{ font-size: 14px; line-height: 20px; letter-spacing: 0px; }
	.info-cell .info-icon{ width: 10px; margin-right: 7px; }
	.info-cell{ margin-bottom: 10px; }
	.list-details h4{ margin-bottom:15px; }
	.shop-detail-area .three-col .col-right{ width: 100%; margin-right: 0; }
	.back-link a{ font-size: 16px; padding-right: 30px; }
	.back-link a:after{ top: 2px; width: 20px; height: 10px; }
	.shop-detail-area .three-col .col-left{ width: 100%; }
	.shop-detail-area .three-col .col-mid{ width: 100%; }
	.shop-detail-title{ font-size: 16px; margin-bottom: 15px; }
	.offer-img{ height: 200px; }
	.offer-box-details{ padding: 20px 10px 10px 10px; border-top: 1px solid #262626; }
	.offer-box-details h4{ margin-bottom: 15px; }
	#content-area .time-list ul li{ font-size: 14px; line-height: 20px; margin-bottom: 3px; }
	.time-list.mb-70{ margin-bottom: 30px; }
	.btm-bg:before{ width: 150px; height: 90px; }
	.offer-box{ border: 1px solid #262626; }
	.offer-date{ padding-left: 11px; font-size: 14px; line-height: 18px; margin-bottom: 8px; }
	.detail-box-cell ul li:before{ left: 4px; top: 9px; width: 4px; height: 4px; }
	.time-list ul{ columns: 1; }
	.shop-detail-area .three-col{ flex-wrap:wrap; gap: 25px; }
	.main-content-area .container{ position:relative; }
	.event-box-grp .event-box{ width: 49%; margin-right: 2%; margin-bottom: 7px; }
	.event-box-grp .event-box:nth-child( 4n + 4 ){ margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 3n + 3 ){ margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 2n + 2 ){ margin-right: 0; }
	.select-selected{ font-size: 22px; line-height: 100%; }
	.select-items div, .select-selected{ padding: 11px 20px 10px 6px; font-size: 15px; min-width: 140px; border: 1px solid #262626; }
	.select-items div{ border-bottom: 0; }
	.select-items div:last-child{ border-bottom: 1px solid #262626; }
	.event-box .offer-img{ height: 115px; }
	.select-selected:after{ top: 10px; right: 28px; width: 18px; height: 18px; }
	.select-selected.select-arrow-active:after{ top: 10px; transform: rotate(180deg); }
	.event-box .offer-box-details{ padding: 18px 9px 11px 9px; border-top: 1px solid #262626; }
	.event-box .offer-box-details h4{ margin-bottom: 15px; padding-left: 2px; }
	.contact-form-area .two-col .col-right{ padding-left: 30px; }
	.contact-info .two-col .col-right{ padding: 30px 20px 20px 20px; border-top: 1px solid #262626; border-left:0; }
	.contact-form-area{ padding-top: 40px; padding-bottom: 30px; }
	.no-space{ padding-bottom:0; }
	.no-space h1{ margin-bottom:0; }
	.contact-info .two-col .col-right .btn-primary{ margin-top: 10px; margin-bottom: 10px; }
	.contact-info .two-col .col-right .shop-detail-title{ padding-top: 20px; margin-bottom: 20px; }
	.contact-form-area .two-col .col-left{ width: 100%; margin: 0; margin-bottom:20px; }
	.contact-form-area .two-col .col-right{ width: 100%; margin: 0; padding-left:0; }
	.contact-cell{ margin-bottom: 20px; }
	.contact-info .two-col .col-right .time-list ul{ columns: 1; }
	.field-set{ margin-bottom: 15px; }
	.submit-cell input{ min-width: inherit; padding: 10px 20px; display: inline-block; }
	.contact-cell h6{ margin-bottom: 5px; }
	.contact-info{ border-top: 1px solid #262626; border-bottom: 1px solid #262626; }
	.contact-info .two-col{ flex-wrap: wrap; }
	.contact-info .two-col .col-left{ width:100%; }
	.contact-info .two-col .col-right{ width:100%; }
	.contact-form-area h2{ margin-bottom: 15px; }
	.contact-form-area .two-col{ display: flex; flex-wrap: wrap; }	
	.leasing-sec{ padding-top: 10px; padding-bottom: 10px; }
	.leasing-sec .two-col{ flex-wrap: wrap; }
	.leasing-sec .two-col .col-left{ width: 100%; margin: 0; margin-bottom: 30px; }
	.leasing-sec .two-col .col-right{ width: 100%; margin: 0; }
	.leasing-sec .two-col .col-right{ padding-left: 0; }
	.leasing-sec .two-col .col-left p{ margin-bottom: 20px; }
	.leasing-cell{ padding-bottom: 20px; padding-top: 40px; }
	.amenities-area .event-box h4{ margin-bottom: 10px; }
	.amenities-area .event-box .offer-box-details{ padding: 18px 10px; }
	.movies-list-cell .two-col{ flex-wrap:wrap; }
	.movies-list-cell .two-col .col-left{ width: 100%; background: #000; }
	.movies-list-cell .two-col .col-left figure{ max-width: 300px; margin: auto; }
	.movies-list-cell .two-col .col-right{ padding: 25px 15px; width: 100%; border-top: 1px solid #262626; border-left:0; }
	.movies-list-cell{ border: 1px solid #262626; margin-bottom:15px; }
	.amc-cell{ padding-top: 25px; margin-bottom: 20px; }
	.time-cell p{ padding-top: 5px; }
	.text-link.black-text{ font-size: 16px; padding-right: 22px; }
	.text-link.black-text:hover{ padding-right: 26px; }
	.text-link.black-text:after{ width: 16px; height: 8px; top: 7px; }
	.movies-area .content-top-area{ flex-wrap: wrap; }
	.movies-area h1{ display:block; width:100%; margin-bottom: 15px; }
	#content-area .movies-area .tab-btn-area{ display: inline-flex; margin: 0; flex-wrap: wrap; gap: 7px 0; justify-content: flex-end; }
	#content-area .movies-area .tab-btn-area .tab-btn{ margin: 0; }
	.movies-area .content-top-area{ margin-bottom: 20px; }
	.time-cell-grp{ gap: 15px 10px; }
	#wrapper{ padding-top: 41px; }
	.banner-slider .item .banner-img{ height:180px; }
	.banner-slider .slick-next:after{ width: 25px; height: 12px; }
	.banner-slider .slick-prev:after{ width: 25px; height: 12px; }
	.video-banner{ height: 180px; }
	.welcome-sec .btn-primary{ min-width: auto; }
	.offer-slider .btn-primary{ min-width: auto; }

}

/* 2. Large Mobile responsive css 640px
------------------------------------------------------------------------------*/
@media (min-width:641px) and (max-width:767px){
	h1, .h1{ font-size: 36px; }
	h2{ font-size: 28px; }
	h3{ font-size: 26px; letter-spacing: 0px; }
	h4{ font-size: 16px; letter-spacing: 0; }
	h6{ font-size: 14px; line-height: 24px; }

	p{ font-size: 14px; line-height: 20px; margin-bottom: 15px; }

	ul li{ font-size: 14px; line-height: 20px; }
	ol li{ font-size: 14px; line-height: 20px; }

	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 15px; font-size: 13px; line-height: 18px; height: 38px; }
	textarea{ padding: 15px 10px; font-size: 13px; line-height: 18px; height: 150px; }

	.btn-primary{ font-size: 16px; padding: 9px 28px 7px 28px; }
	.btn-secondary{ font-size: 16px; padding: 9px 28px 7px 28px; }

	.container{ padding: 0 20px; box-sizing: border-box; }
	header{ border-bottom: 2px solid #000000; }
	.logo{ max-width: 150px; margin-right: 15px; margin-top: 12px; margin-bottom: 12px; }
	.time{ padding-left: 15px; padding-right: 15px; font-size: 14px; letter-spacing: 0px; border-left: 2px solid #000000; border-right: 2px solid #000000; padding-top: 3px; }
	nav ul li{ margin: 0 6px; font-size: 14px; line-height: 21px; letter-spacing: 0px; }
	.sub-menu:after{ top: 2px; }
	.navigation ul li ul{ min-width: 125px; }
	.navigation ul li > ul li a{ padding: 6px 10px; }
	.navigation{ margin-right: 5px; display: none; }
	.time span{ margin-right: 15px; }
	.time-cell-hover > span:after{ top: -3px; }
	.offers-slider-sec .container{ padding:0; }
	.offer-slider .two-col .col-left{ padding-left: 2%; padding-top: 40px; }
	.offer-slider-arrow{ left: 2%; bottom: 15px; }
	header .search-box{ padding-left:2%; padding-right:2%; box-sizing:border-box; padding-top: 20px; padding-bottom: 20px; }
	.search-inner-area form .search-btn{ width: 110px; height: 38px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 18px; font-size: 16px; height: 34px; }
	.service-name{ font-size: 24px; left: 15px; bottom: 15px; }
	.service-box{ height: 215px; border: 1px solid #262626; }
	.welcome-sec:before{ width: 175px; height: 117px; }
	.welcome-sec{ padding-top: 50px; padding-bottom: 50px; }
	.welcome-inn-box h2{ margin-bottom: 15px; }
	.welcome-inn-box p{ margin-bottom: 20px; }
	.offer-slider .two-col .col-left:before{ width: 200px; height: 117px; }
	.footer-logo{ max-width: 150px; margin-bottom: 0; }
	footer .container .col-grp .col-cell{ width: 33%; margin: 0; }
	footer .container .col-grp .col-cell.col-5{ width: 33%; }
	.featured-sec{ padding: 40px 0 40px 0; }
	.offers-slide-img{ height: 350px; }
	.copyright-cell{ padding-left: 0; text-align: center; }
	.service-box:hover .service-name{ bottom: 30px; }
	.time-cell-hover .header-time ul li{ margin-bottom: 3px; font-size: 14px; line-height: 16px; }
	.time-cell-hover .header-time{ border-bottom: 3px solid #000000; min-width: 150px; }
	.time-cell-hover .header-time ul li span{ padding: 4px 10px; }
	.featured-slider .slick-prev{ left: -15px; } 
	.featured-slider .slick-next{ right: -15px; }
	.featured-sec .title-sec{ font-size: 20px; line-height: 20px; margin-bottom: 40px; }
	.offers-desc{ padding-right: 20px; }
	.offer-slider h4{ margin-bottom:10px; }
	.offer-slider h2{ margin-bottom: 15px; }
	.offer-slider p{ margin-bottom: 20px; }
	.featured-slider .slick-next:after{ width: 25px; height: 12px; }
	.featured-slider .slick-prev:after{ width: 25px; height: 12px; }
	.offer-slider-arrow .right-arrow{ width:25px; }
	.offer-slider-arrow .left-arrow{ width:25px; }
	.newsletter-sec{ padding: 35px 0 35px 0; }
	footer .container .col-grp{ gap: 35px 0; }
	.featured-slider a figure img{ max-height: 40px; max-width: 130px; }
	footer ul li{ font-size: 14px; line-height: 16px; margin-bottom: 15px; }
	.contact-cell{ font-size: 14px; line-height: 22px; margin-bottom: 15px; }
	.copy-cell{ font-size: 14px; line-height: 22px; margin-bottom: 19px; }
	.footer-top{ padding-top: 50px; padding-bottom: 35px; }
	.mb-toggled.mb-closed{ display: inline-flex; }
	.banner-desc{ padding-top: 50px; padding-right: 20px; padding-bottom: 40px; box-sizing: border-box; padding-left: 4%; }
	.full-slider .two-col .col-right{ padding: 20px; }
	.full-slider h1, .full-slider .h1{ margin-bottom: 15px; }
	.text-link{ font-size: 18px; padding-right: 35px; }
	.text-link:hover{ padding-right: 40px; }
	.text-link:after{ top: 3px; width: 28px; height: 13px; }
	.banner-desc-top{ padding-bottom: 25px; }
	.banner-desc-btm{ padding-top: 20px; gap: 15px; }
	.banner-desc-btm .right-cell p{ margin-bottom:0; }
	.banner-desc-btm .left-cell{ width: 125px; }
	.banner-desc-btm .right-cell{ width: calc(100% - 140px); }
	.full-slider .two-col .col-right{ border: 2px solid #000000; border-top:0; }
	.full-slider .two-col{ flex-direction: column-reverse; }
	.full-slider .two-col .col-left{ width:100%; }
	.full-slider .two-col .col-right{ width:100%; }
	.list-area{ justify-content: inherit; }
	.list-cell{ width: 32%; margin-right: 2%; border: 2px solid #262626; margin-bottom: 15px; }
	.list-area .list-cell:nth-child( 4n + 4 ){ margin-right: 2%; }
	.list-area .list-cell:nth-child( 3n + 3 ){ margin-right: 0; }
	.main-content-area{ padding: 40px 0 30px 0; }
	#content-area .tab-btn-area .tab-btn{ font-size: 16px; border: 2px solid transparent; padding: 9px 35px 7px 35px; }
	#content-area .tab-btn-area .tab-btn.active{ border: 2px solid #262626; font-size: 16px;
        padding: 9px 30px 7px 30px; }
	.content-top-area{ margin-bottom: 25px; }
	.logo-area{ height: 115px; }
	.list-details{  border-top: 2px solid #262626; padding: 0 15px; margin-bottom: 10px; padding-top: 20px; }
	.info-detail{ font-size: 14px; line-height: 20px; letter-spacing: 0px; }
	.info-cell .info-icon{ width: 10px; margin-right: 7px; }
	.info-cell{ margin-bottom: 10px; }
	.list-details h4{ margin-bottom:15px; }
	.shop-detail-area .three-col .col-right{ width: 30%; margin-right: 0; }
	.back-link a{ font-size: 16px; padding-right: 30px; }
	.back-link a:after{ top: 2px; width: 20px; height: 10px; }
	.shop-detail-area .three-col .col-left{ width: 25%; }
	.shop-detail-area .three-col .col-mid{ width: 40%; }
	.shop-detail-title{ font-size: 16px; margin-bottom: 20px; }
	.offer-img{ height: 105px; }
	.offer-box-details{ padding: 20px 10px 10px 10px; border-top: 2px solid #262626; }
	.offer-box-details h4{ margin-bottom: 15px; }
	#content-area .time-list ul li{ font-size: 14px; line-height: 20px; margin-bottom: 3px; }
	.time-list.mb-70{ margin-bottom: 30px; }
	.btm-bg:before{ width: 300px; height: 175px; }
	.offer-box{ border: 2px solid #262626; }
	.offer-date{ padding-left: 11px; font-size: 14px; line-height: 18px; margin-bottom: 8px; }
	.detail-box-cell ul li:before{ left: 4px; top: 9px; width: 4px; height: 4px; }
	.time-list ul{ columns: 1; }
	.event-box-grp .event-box{ width: 32%; margin-right: 2%; margin-bottom: 15px; }
	.event-box-grp .event-box:nth-child( 4n + 4 ){ margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 3n + 3 ){ margin-right: 0; }
	.select-selected{ font-size: 22px; line-height: 100%; }
	.select-items div, .select-selected{ padding: 11px 25px 10px 11px; font-size: 16px; min-width: 160px; border: 2px solid #262626; }
	.event-box .offer-img{ height: 115px; }
	.select-selected:after{ top: 12px; right: 32px; width: 18px; height: 18px; }
	.select-selected.select-arrow-active:after{ top: 11px; transform: rotate(180deg); }
	.contact-form-area .two-col .col-right{ padding-left: 30px; }
	.contact-info .two-col .col-right{ padding: 30px 20px 20px 20px; border-left: 2px solid #262626; }
	.contact-form-area{ padding-top: 50px; padding-bottom: 40px; }
	.no-space{ padding-bottom:0; }
	.no-space h1{ margin-bottom:0; }
	.contact-info .two-col .col-right .btn-primary{ margin-top: 10px; margin-bottom: 10px; }
	.contact-info .two-col .col-right .shop-detail-title{ padding-top: 20px; margin-bottom: 20px; }
	.contact-form-area .two-col .col-left{ width: 50%; margin: 0; }
	.contact-form-area .two-col .col-right{ width: 50%; margin: 0; }
	.contact-cell{ margin-bottom: 30px; }
	.contact-info .two-col .col-right .time-list ul{ columns: 1; }
	.field-set{ margin-bottom: 15px; }
	.submit-cell input{ min-width: inherit; padding: 0 20px; }
	.contact-cell h6{ margin-bottom: 5px; }
	.contact-info{ border-top: 2px solid #262626; border-bottom: 2px solid #262626; }
	.leasing-sec{ padding-top: 10px; padding-bottom: 20px; }
	.leasing-sec .two-col .col-left{ width: 50%; margin: 0; }
	.leasing-sec .two-col .col-right{ width: 50%; margin: 0; }
	.leasing-sec .two-col .col-right{ padding-left: 30px; }
	.leasing-sec .two-col .col-left p{ margin-bottom: 20px; }
	.leasing-cell{ padding-bottom: 20px; padding-top: 40px; }
	.amenities-area .event-box h4{ margin-bottom: 10px; }
	.amenities-area .event-box .offer-box-details{ padding: 18px 10px; }
	.movies-list-cell .two-col .col-left{ width: 200px; }
	.movies-list-cell .two-col .col-right{ padding: 25px 15px; width: calc(100% - 200px); }
	.movies-list-cell{ border: 2px solid #262626; margin-bottom:15px; }
	.amc-cell{ padding-top: 25px; margin-bottom: 20px; }
	.time-cell p{ padding-top: 5px; }
	.text-link.black-text{ font-size: 18px; padding-right: 22px; }
	.text-link.black-text:hover{ padding-right: 26px; }
	.text-link.black-text:after{ width: 16px; height: 8px; top: 7px; }
	#wrapper{ padding-top: 46px; }
	.banner-slider .item .banner-img{ height:250px; }
	.banner-slider .slick-next:after{ width: 25px; height: 12px; }
	.banner-slider .slick-prev:after{ width: 25px; height: 12px; }
	.video-banner{ height: 250px; }
	.welcome-sec .btn-primary{ min-width: 130px; }
	.offer-slider .btn-primary{ min-width: 130px; }
}

/* 3. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px){
	h1, .h1{ font-size: 40px; }
	h2{ font-size: 34px; }
	h3{ font-size: 26px; letter-spacing: 0px; }
	h4{ font-size: 16px; letter-spacing: 0; }
	h6{ font-size: 16px; line-height: 24px; }

	p{ font-size: 16px; line-height: 22px; margin-bottom: 15px; }

	ul li{ font-size: 16px; line-height: 22px; }
	ol li{ font-size: 16px; line-height: 22px; }


	input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ padding: 0 10px; font-size: 13px; line-height: 18px; height: 35px; }
	textarea{ padding: 15px 10px; font-size: 13px; line-height: 18px; height: 150px; }

	.btn-primary{ font-size: 18px; padding: 11px 20px 9px 20px; }
	.btn-secondary{ font-size: 18px; padding: 11px 20px 9px 20px; }

	.container{ padding: 0 20px; box-sizing: border-box; }
	header{ border-bottom: 2px solid #000000; }
	.logo{ max-width: 150px; margin-right: 15px; margin-top: 12px; margin-bottom: 12px; }
	.time{ padding-left: 15px; padding-right: 15px; font-size: 14px; letter-spacing: 0px; border-left: 2px solid #000000; border-right: 2px solid #000000; padding-top: 3px; }
	nav ul li{ margin: 0 6px; font-size: 14px; line-height: 21px; letter-spacing: 0px; }
	.sub-menu:after{ top: 2px; }
	.navigation ul li ul{ min-width: 125px; }
	.navigation ul li > ul li a{ padding: 6px 10px; }
	.navigation{ margin-right: 5px; }
	.time span{ margin-right: 15px; }
	.time-cell-hover > span:after{ top: -3px; }
	.offers-slider-sec .container{ padding:0; }
	.offer-slider .two-col .col-left{ padding-left: 2%; padding-top: 40px; }
	.offer-slider-arrow{ left: 2%; }
	header .search-box{ padding-left:2%; padding-right:2%; box-sizing:border-box; padding-top: 25px; padding-bottom: 25px; }
	.search-inner-area form .search-btn{ width: 125px; height: 38px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 18px; font-size: 18px; height: 40px; }
	.service-name{ font-size: 34px; left: 20px; bottom: 20px; }
	.service-box{ height: 280px; }
	.welcome-sec:before{ width: 200px; height: 133px; }
	.welcome-sec{ padding-top: 60px; padding-bottom: 60px; }
	.welcome-inn-box h2{ margin-bottom: 15px; }
	.welcome-inn-box p{ margin-bottom: 25px; }
	.offer-slider .two-col .col-left:before{ width: 200px; height: 117px; }
	.footer-logo{ max-width: 150px; margin-bottom: 0; }
	footer .container .col-grp .col-cell{ width: 33%; margin: 0; }
	footer .container .col-grp .col-cell.col-5{ width: 33%; }
	.featured-sec{ padding: 60px 0 60px 0; }
	.offers-slide-img{ height: 400px; }
	.copyright-cell{ padding-left: 0; text-align: center; }
	.service-box:hover .service-name{ bottom: 30px; }
	.time-cell-hover .header-time ul li{ margin-bottom: 3px; font-size: 14px; line-height: 16px; }
	.time-cell-hover .header-time{ border-bottom: 3px solid #000000; min-width: 150px; }
	.time-cell-hover .header-time ul li span{ padding: 4px 10px; }
	.featured-slider a figure img{ max-height: 50px; }
	.featured-slider .slick-prev{ left: -15px; } 
	.featured-slider .slick-next{ right: -15px; }
	.featured-sec .title-sec{ font-size: 20px; line-height: 20px; margin-bottom: 40px; }
	.offers-desc{ padding-right: 20px; }
	.offer-slider h4{ margin-bottom:10px; }
	.offer-slider h2{ margin-bottom: 15px; }
	.offer-slider p{ margin-bottom: 20px; }
	.featured-slider .slick-next:after{ width: 25px; height: 12px; }
	.featured-slider .slick-prev:after{ width: 25px; height: 12px; }
	.offer-slider-arrow .right-arrow{ width:25px; }
	.offer-slider-arrow .left-arrow{ width:25px; }
	.newsletter-sec{ padding: 35px 0 35px 0; }
	footer .container .col-grp{ gap: 35px 0; }
	.banner-desc{ padding-top: 50px; padding-right: 20px; padding-bottom: 40px; box-sizing: border-box; padding-left: 4%; }
	.full-slider .two-col .col-right{ padding: 20px; }
	.full-slider h1, .full-slider .h1{ margin-bottom: 15px; }
	.text-link{ font-size: 18px; padding-right: 35px; }
	.text-link:hover{ padding-right: 40px; }
	.text-link:after{ top: 3px; width: 28px; height: 13px; }
	.banner-desc-top{ padding-bottom: 25px; }
	.banner-desc-btm{ padding-top: 20px; gap: 15px; }
	.banner-desc-btm .right-cell p{ margin-bottom:0; }
	.banner-desc-btm .left-cell{ width: 125px; }
	.banner-desc-btm .right-cell{ width: calc(100% - 140px); }
	.full-slider .two-col .col-right{ border: 2px solid #000000; border-top:0; }
	.list-area{ justify-content: inherit; }
	.list-cell{ width: 32%; margin-right: 2%; border: 2px solid #262626; }
	.list-area .list-cell:nth-child( 4n + 4 ){ margin-right: 2%; }
	.list-area .list-cell:nth-child( 3n + 3 ){ margin-right: 0; }
	.main-content-area{ padding: 40px 0 20px 0; }
	#content-area .tab-btn-area .tab-btn{ font-size: 16px; border: 2px solid transparent; padding: 9px 35px 7px 35px; }
	#content-area .tab-btn-area .tab-btn.active{ border: 2px solid #262626; font-size: 16px; padding: 9px 30px 7px 30px; }
	.content-top-area{ margin-bottom: 30px; }
	.logo-area{ height: 150px; }
	.list-details{ border-top: 2px solid #262626; padding: 0 20px; margin-bottom: 20px; padding-top: 20px; }
	.info-detail{ font-size: 14px; line-height: 20px; letter-spacing: 0px; }
	.info-cell .info-icon{ width: 10px; margin-right: 10px; }
	.info-cell{ margin-bottom: 10px; }
	.shop-detail-area .three-col .col-right{ width: 25%; margin-right: 0; }
	.back-link a{ font-size: 16px; padding-right: 30px; }
	.back-link a:after{ top: 2px; width: 20px; height: 10px; }
	.shop-detail-area .three-col .col-left{ width: 20%; }
	.shop-detail-area .three-col .col-mid{ width: 50%; }
	.shop-detail-title{ font-size: 16px; margin-bottom: 20px; }
	.offer-img{ height: 105px; }
	.offer-box-details{ padding: 20px 10px 10px 10px; border-top: 2px solid #262626; }
	.offer-box-details h4{ margin-bottom: 15px; }
	#content-area .time-list ul li{ font-size: 16px; line-height: 22px; margin-bottom: 5px; }	
	.time-list.mb-70{ margin-bottom: 50px; }
	.btm-bg:before{ width: 300px; height: 175px; }
	.offer-box{ border: 2px solid #262626; }
	.offer-date{ padding-left: 11px; font-size: 14px; line-height: 18px; margin-bottom: 8px; }
	.detail-box-cell ul li:before{ left: 4px; top: 9px; width: 4px; height: 4px; }
	.event-box-grp .event-box{ width: 32%; margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 4n + 4 ){ margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 3n + 3 ){ margin-right: 0; }
	.select-selected{ font-size: 22px; line-height: 100%; }
	.select-items div, .select-selected{ padding: 11px 25px 10px 11px; font-size: 16px; min-width: 160px; border: 2px solid #262626; }
	.event-box .offer-img{ height: 150px; }
	.select-selected:after{ top: 12px; right: 32px; width: 18px; height: 18px; }
	.select-selected.select-arrow-active:after{ top: 11px; transform: rotate(180deg); }
	.contact-form-area .two-col .col-right{ padding-left: 30px; }
	.contact-info .two-col .col-right{ padding: 30px 20px 20px 20px; }
	.contact-form-area{ padding-top: 50px; padding-bottom: 40px; }
	.no-space{ padding-bottom:0; }
	.no-space h1{ margin-bottom:0; }
	.contact-info .two-col .col-right .btn-primary{ margin-top: 10px; margin-bottom: 10px; }
	.contact-info .two-col .col-right .shop-detail-title{ padding-top: 20px; margin-bottom: 20px; }
	.contact-form-area .two-col .col-left{ width: 50%; margin: 0; }
	.contact-form-area .two-col .col-right{ width: 50%; margin: 0; }
	.contact-cell{ margin-bottom: 30px; }
	.contact-info .two-col .col-right .time-list ul{ columns: 1; }
	.field-set{ margin-bottom: 15px; }
	.submit-cell input{ min-width: inherit; padding: 0 20px; }
	.contact-cell h6{ margin-bottom: 5px; }
	.leasing-sec .two-col .col-left{ width: 50%; margin: 0; }
	.leasing-sec .two-col .col-right{ width: 50%; margin: 0; }
	.leasing-sec .two-col .col-right{ padding-left: 30px; }
	.amenities-area .event-box h4{ margin-bottom: 10px; }
	.amenities-area .event-box .offer-box-details{ padding: 20px 15px; }
	.movies-list-cell .two-col .col-right{ padding: 35px 20px; }
	.movies-list-cell{ border: 2px solid #262626; margin-bottom:15px; }
	.amc-cell{ padding-top: 25px; margin-bottom: 20px; }
	#wrapper{ padding-top: 46px; }
	.banner-slider .item .banner-img{ height:300px; }
	.banner-slider .slick-next:after{ width: 25px; height: 12px; }
	.banner-slider .slick-prev:after{ width: 25px; height: 12px; }
	.video-banner{ height: 300px; }
	.welcome-sec .btn-primary{ min-width: 160px; }
	.offer-slider .btn-primary{ min-width: 160px; }

}

/* 4. large desktop responsive css 1024px to 1199px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1199px){	

	h1, .h1{ font-size: 48px; }
	h2{ font-size: 38px; }
	h4{ font-size: 20px; }

	textarea{ height: 200px; }

	.container{ padding: 0 2%; box-sizing: border-box; }
	.logo{ max-width: 180px; }
	.time{ padding-left: 25px; padding-right: 25px; font-size: 18px; letter-spacing: 1px; }
	nav ul li{ margin: 0 10px; font-size: 18px; line-height: 26px; letter-spacing: 1px; }
	.time span{ margin-right: 15px; }
	.time-cell-hover > span:after{ top: -1px; }
	.offers-slider-sec .container{ padding:0; }
	.offer-slider .two-col .col-left{ padding-left: 2%; }
	.offer-slider-arrow{ left: 2%; }
	header .search-box{ padding-left:2%; padding-right:2%; box-sizing:border-box; padding-top: 25px; padding-bottom: 25px; }
	.search-inner-area form .search-btn{ width: 155px; height: 50px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 20px; font-size: 20px; }
	.service-name{ font-size: 40px; left: 23px; bottom: 23px; }
	.service-box{ height: 360px; border: 1px solid #262626; }
	.welcome-sec:before{ width: 300px; height: 200px; }
	.welcome-sec{ padding-top: 90px; padding-bottom: 90px; }
	.welcome-inn-box h2{ margin-bottom: 20px; }
	.welcome-inn-box p{ margin-bottom: 30px; }
	.offer-slider .two-col .col-left:before{ width: 300px; height: 175px; }
	.footer-logo{ max-width: 150px; margin-bottom: 0; }
	footer .container .col-grp .col-cell{ width: 18%; }
	footer .container .col-grp .col-cell.col-5{ width: 25%; }
	.featured-sec{ padding: 80px 0 80px 0; }
	.offers-slide-img{ height: 565px; }
	.copyright-cell{ padding-left: 19%; }
	.service-box:hover .service-name{ bottom: 40px; }
	.banner-desc{ padding-top: 100px; padding-right: 30px; padding-bottom: 60px; box-sizing: border-box; padding-left: 4%; }
	.full-slider .two-col .col-right{ padding: 40px; }
	.full-slider h1, .full-slider .h1{ margin-bottom: 20px; }
	.text-link{ font-size: 18px; padding-right: 35px; }
	.text-link:hover{ padding-right: 40px; }
	.text-link:after{ top: 3px; width: 28px; height: 13px; }
	.banner-desc-top{ padding-bottom: 40px; }
	.banner-desc-btm{ padding-top: 30px; }
	.list-area{ justify-content: inherit; }
	.list-cell{ width: 32%; margin-right: 2%; }
	.list-area .list-cell:nth-child( 4n + 4 ){ margin-right: 2%; }
	.list-area .list-cell:nth-child( 3n + 3 ){ margin-right: 0; }
	.main-content-area{ padding: 70px 0 70px 0; }
	.shop-detail-area .three-col .col-right{ width: 25%; margin-right: 0; }
	.back-link a{ font-size: 20px; padding-right: 35px; }
	.back-link a:after{ top: 3px; width: 25px; height: 13px; }
	.shop-detail-area .three-col .col-left{ width: 20%; }
	.shop-detail-area .three-col .col-mid{ width: 50%; }
	.shop-detail-title{ font-size: 20px; margin-bottom: 25px; }
	.offer-img{ height: 185px; }
	.offer-box-details{ padding: 25px 10px 10px 10px; border-top: 3px solid #262626; }
	.offer-box-details h4{ margin-bottom: 20px; }
	.event-box-grp .event-box{ width: 32%; margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 4n + 4 ){ margin-right: 2%; }
	.event-box-grp .event-box:nth-child( 3n + 3 ){ margin-right: 0; }
	.select-selected{ font-size: 22px; line-height: 100%; }
	.select-items div, .select-selected{ padding: 14px 35px 14px 15px; font-size: 24px; min-width: 220px; }
	.content-top-area{ margin-bottom: 40px; }	
	.contact-form-area .two-col .col-right{ padding-left: 30px; }
	.contact-info .two-col .col-right{ padding: 50px 40px 40px 40px; }
	.contact-form-area{ padding-top: 70px; padding-bottom: 70px; }
	.no-space{ padding-bottom:0; }
	.no-space h1{ margin-bottom:0; }
	.contact-info .two-col .col-right .btn-primary{ margin-top: 20px; margin-bottom: 30px; }
	.contact-info .two-col .col-right .shop-detail-title{ padding-top: 20px; margin-bottom: 20px; }
	.contact-form-area .two-col .col-left{ width: 60%; margin: 0; }
	.contact-form-area .two-col .col-right{ width: 40%; margin: 0; }
	.contact-cell{ margin-bottom: 30px; }
	.leasing-sec .two-col .col-left{ width: 60%; margin: 0; }
	.leasing-sec .two-col .col-right{ width: 40%; margin: 0; }
	.leasing-sec .two-col .col-right{ padding-left: 30px; }
	.movies-list-cell .two-col .col-right{ padding: 35px 20px; }
	#wrapper{ padding-top: 61px; }
	.banner-slider .item .banner-img{ height:350px; }
	.video-banner{ height: 350px; }

}

/* 5. Other media-query
------------------------------------------------------------------------------*/

@media (min-width: 1200px) and (max-width: 1299px){ 

	.container{ padding: 0 2%; box-sizing: border-box; }
	.logo{ max-width: 220px; }
	.time{ padding-left: 25px; padding-right: 25px; font-size: 18px; letter-spacing: 1px; }
	nav ul li{ margin: 0 10px; font-size: 18px; line-height: 26px; letter-spacing: 1px; }
	.time span{ margin-right: 15px; }
	.time-cell-hover > span:after{ top: -1px; }
	.offers-slider-sec .container{ padding:0; }
	.offer-slider .two-col .col-left{ padding-left: 2%; }
	.offer-slider-arrow{ left: 2%; }
	header .search-box{ padding-left:2%; padding-right:2%; box-sizing:border-box; }
	.search-inner-area form .search-btn{ width: 155px; height: 50px; }
	input[type="submit"], input[type="button"], input[type="reset"]{ line-height: 20px; font-size: 20px; }
	.service-name{ font-size: 50px; }
	.service-box{ height: 430px; }
	.welcome-sec:before{ width: 300px; height: 200px; }
	.welcome-sec{ padding-top: 90px; padding-bottom: 90px; }
	.offer-slider .two-col .col-left:before{ width: 300px; height: 175px; }
	.banner-desc{ padding-top: 100px; padding-right: 30px; padding-bottom: 60px; box-sizing: border-box; padding-left: 4%; }	
	.contact-form-area .two-col .col-right{ padding-left: 70px; }
	.contact-info .two-col .col-right{ padding: 55px 40px 40px 60px; }
	.contact-form-area{ padding-top: 80px; padding-bottom: 90px; }
	.no-space{ padding-bottom:0; }
	.no-space h1{ margin-bottom:0; }
	.leasing-sec .two-col .col-right{ padding-left: 70px; }
	#wrapper{ padding-top: 67px; }
	.banner-slider .item .banner-img{ height:400px; }
	.video-banner{ height: 400px; }
	
}

@media (min-width: 1300px) and (max-width: 1399px){ 
	.container{ padding: 0 2%; box-sizing: border-box; }
	.offers-slider-sec .container{ padding:0; }
	header .search-box{ padding-left:2%; padding-right:2%; box-sizing:border-box; }
	.banner-slider .item .banner-img{ height:500px; }
	.video-banner{ height: 500px; }
}

@media (min-width: 1400px) and (max-width: 1499px){
	.banner-slider .item .banner-img{ height:600px; }
	.video-banner{ height: 600px; }
}

@media (max-width:400px){
	.mb-toggled.mb-closed{ margin-left: 2px; }
	.mb-button span{ width: 24px; }
	.time{ font-size: 12px; }
	.time-cell-hover .header-time ul li{ margin-bottom: 3px; font-size: 12px; line-height: 13px; }
}