@media screen and (max-width: 1490px)  {
  .fixed-header div ul {font-size: 16px!important;}
  .home-slider div aside {top: 30%;}
  .fixed-header div ul li {margin-right: 20px!important;}
}
@media screen and (max-width: 1366px)  {
  .fixed-header div ul {font-size: 14px!important;}
  .makeitmakati section {padding: 15px 20px;}
  .fixed-header div ul li {margin-right: 15px;}
}
@media screen and (max-width: 1280px)  {
  .fixed-header div ul {font-size: 14px!important;}
  .makeitmakati section {padding: 15px 20px;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .makeitmakati section {padding: 15px 25px;}  
  .fixed-header div ul {font-size: 18px!important; }
  .fixed-header {height: 110px;}
  .fixed-header div ul {position: absolute; top: 60px; margin-left: 0!important;}
  .fixed-header div ul li {margin-right: 30px;}
  .home-slider div aside {top: 25%;}
  .about-estate article {top: 75px; bottom: 75px; left: 100px; right: 100px; padding: 15px 50px;}
  footer div.pagewrapper2 {padding: 0 25px!important}
  .selectarticle section article.cinema-sched .schedule ul li .poster {height: 320px; overflow: hidden;}
  
}

@media screen and (max-width: 1023px) and (min-width: 601px)  {
  .makeitmakati section article img.ayalalogo {display: none!important;}
  .makeitmakati aside.header-logo .bgright, .makeitmakati aside.header-logo .bgleft {width: 180px}
  .makeitmakati aside.header-logo .bgleft {background-position: left top}
  .fixed-header {height: 110px;}
  .makeitmakati section {padding: 15px 25px;} 
  .makeitmakati nav.main-nav ul li a {padding:  10px 15px;} 
  .fixed-header aside {width: 250px}
  .fixed-header div ul {font-size: 16px!important; }
  .banner div aside h3 {font-size: 42px; line-height: 48px;}
  .fixed-cat {height: auto!important; top: 110px!important;}
  .makeitmakati nav.main-nav section.categories ul li, .makeitmakati nav.main-nav section.explore-categories ul li {width: 19%; vertical-align: top; }
  .fixed-header div ul {position: absolute; top: 60px; margin-left: 0!important;}
  .fixed-header article {text-align: left!important; float: left!important;}
  .fixed-header aside ul li:first-child {display: block; margin-right: 0; float: right;}
  .fixed-header aside ul li:nth-child(2) {right: 80px; position: absolute; top: 60px;}
  .fixed-header aside ul li:nth-child(3) {right: 40px; position: absolute;top: 60px;}
  .fixed-header aside ul li:last-child {right: 0; position: absolute;top: 60px;}
  .home-slider div aside {top: 25%;}
  .home-slider div aside h3 {font-size: 42px; line-height: 52px; margin-bottom: 30px;}
  .home-slider div aside h6 a {font-size: 20px; line-height: 24px; padding: 10px 50px;}
  .articles {padding: 30px 15%;}
  .articles h3 span, .selectarticle .explore-makati h3 span, .selectarticle .connected h3 span {padding: 20px 30px;}
  .articles ul li .top-left, .articles ul li .center-left, .articles ul li .bottom-left {left: 0;}
  .articles ul li .top-right, .articles ul li .center-right, .articles ul li .bottom-right {right: 0;}
  .articles ul li.col-1, .articles ul li.col-2, .articles ul li.col-3,  .articles ul li.col-4 {width: 100%; padding: 10px 0; display: block;}
  .about-estate article {position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 100%; padding: 20px;}
  .about-estate article h1 {margin: 15px 0; font-size: 36px; line-height: 44px}
  .interests ul li {width: 49%; display: inline-block; padding: 10px;}
  footer div.pagewrapper2 {padding: 0 25px!important}
  .nav-links, .social-links {width: 100%; text-align: center; }
  .nav-links{margin-bottom: 15px;}
  /* Articles */
  .selectarticle section article, .selectarticle section aside.sidebar, .selectarticle section aside.sidebar .related-articles, .selectarticle section aside.sidebar .archive, .selectarticle section aside.sidebar .side-location, .selectarticle section aside.sidebar .submenu, .selectarticle section aside.sidebar .related-articles ul, .selectarticle section aside.sidebar .ttdcat {width: 100%; float: left; max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat, .selectarticle section aside.sidebar .submenu, .selectarticle section aside.sidebar .archive, .selectarticle section aside.sidebar .side-location {padding: 30px 100px}
  .selectarticle section aside.sidebar .related-articles ul li {width: 50%; vertical-align: top;display: table-cell; padding: 0 30px;}
  .selectarticle section aside.sidebar .related-articles ul li a aside {max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat ul .tab-content li {width: 50%; float: left; padding: 20px 10px;}
  .selectarticle section article.directory-list div.directorylist { width: 300px;}
  .selectarticle section article.directory-list .directory-map {padding-left: 300px;}
  .selectarticle section article.cinema-sched .schedule ul li .poster {height: 320px; overflow: hidden;}
  
}
@media screen and (max-width: 800px)  {
  .makeitmakati section article img.ayalalogo {display: none!important;}
  .fixed-header aside ul li:nth-child(2) {right: 80px; position: absolute; top: 35px;}
  .fixed-header aside ul li:nth-child(3) {right: 40px; position: absolute;top: 35px;}
  .fixed-header aside ul li:last-child {right: 0; position: absolute;top: 35px;}
  .makeitmakati nav.main-nav ul li a {font-size: 15px; padding: 10px 10px; }
  .fixed-header div ul li {margin-right: 10px;}
  .fixed-header div ul {top: 65px;}
  .nav-links, .social-links {width: 100%; text-align: center;}
  .nav-links{margin-bottom: 15px;}
  .selectarticle section article.cinema-sched .schedule ul li {width: 49%; display: inline-block;}
  .selectarticle section article.directory-list div.directorylist {position: relative; margin-bottom: 10px; width: 100%;}
  .selectarticle section article.directory-list aside.map {padding-left: 0;}
  .selectarticle section article .cform li.check label {width: 90%;}
  .selectarticle .explore-makati ul li {width: 48.5%}
  .selectarticle section article.directory-list .directory-map {padding-left:0;}
  .selectarticle section article.cinema-sched .schedule ul li .poster {height: 280px; overflow: hidden;}
  
}

@media screen and (max-width: 600px) and (min-width: 481px)  {
  
  .makeitmakati nav.main-nav {display: none;}
  .makeitmakati nav.main-nav ul li a {padding: 10px 15px;}
  .home-slider div aside {top: 30px;}
  .home-slider div aside h3 {font-size: 30px; line-height: 36px; margin-bottom: 30px;}
  .home-slider div aside h6 a {font-size: 18px; line-height: 24px; padding: 10px 50px;}
  .articles {padding: 0 0 30px;}
  .articles h3 span, .selectarticle .explore-makati h3 span, .selectarticle .connected h3 span {padding: 20px 30px;}
  .articles ul li .top-left, .articles ul li .center-left, .articles ul li .bottom-left {left: 0;}
  .articles ul li .top-right, .articles ul li .center-right, .articles ul li .bottom-right {right: 0;}
  .articles ul li.col-1, .articles ul li.col-2, .articles ul li.col-3, .articles ul li.col-4 {width: 100%; display: block; padding: 10px 0;}
  .about-estate article {position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 100%; padding: 20px;}
  .about-estate article h1 {margin: 15px 0; font-size: 36px; line-height: 44px}
  .fixed-header {display: none;}
  .banner div aside h3 {font-size: 36px; line-height: 46px;}
  .social .col2 {width: 100%;}
  .social .col2 .instagram {padding-left: 0;}
  .interests ul li {width: 100%; display: block; padding: 0;}
  .social-links, footer aside, .nav-links {width: 100%; text-align: center;}
  .nav-links, .nav-links li {margin-bottom: 10px;}
  footer aside ul, footer aside p {width: 100%; text-align: center;}
  /* Articles */
  .selectarticle section article, .selectarticle section aside.sidebar, .selectarticle section aside.sidebar .side-location, .selectarticle section aside.sidebar .related-articles, .selectarticle section aside.sidebar .submenu, .selectarticle section aside.sidebar .archive, .selectarticle section aside.sidebar .related-articles ul, .selectarticle section aside.sidebar .ttdcat {width: 100%; float: left; max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat, .selectarticle section aside.sidebar .submenu, .selectarticle section aside.sidebar .archive, .selectarticle section aside.sidebar .side-location {padding: 30px 50px}
  .selectarticle section aside.sidebar .related-articles ul li {width: 50%; vertical-align: top;display: table-cell; padding: 0 30px;}
  .selectarticle section aside.sidebar .related-articles ul li a aside {max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat ul .tab-content li {width: 100%!important; float: left; padding: 20px 10px;}
  .selectarticle section article.directory-list div.directorylist {position: relative; margin-bottom: 10px; width: 100%;}
  .selectarticle section article.directory-list aside.map {padding-left: 0;}
  .selectarticle section article .cform li:nth-child(odd), .selectarticle section article .cform li:nth-child(even) {width: 100%; float: left;}
  .selectarticle section article .cform li.col2:nth-child(odd), .selectarticle section article .cform li.col2:nth-child(even) {width: 100%; float: left;}
  .selectarticle section article .cform li.check label {width: 90%;}
  .selectarticle .connected ul li .socialicons, .selectarticle .explore-makati ul li .locationimg {height: 150px;}
  .selectarticle section article.cinema-sched .schedule ul li .poster {height: 280px; overflow: hidden;}
 
}
@media screen and (max-width: 480px) and (min-width: 320px)  {
  .makeitmakati section {padding: 10px 20px 0; height: auto;}
  .makeitmakati section aside ul {height: 68px;}
  .makeitmakati section aside ul li:first-child {display: block; margin-right: 0;}
  .makeitmakati section aside ul li:nth-child(2) {right: 100px; position: absolute; bottom: 10px;}
  .makeitmakati section aside ul li:nth-child(3) {right: 50px; position: absolute; bottom: 10px;}
  .makeitmakati section aside ul li:last-child {right: 0; position: absolute; bottom: 10px;}
  .makeitmakati aside.header-logo .bgright, .makeitmakati aside.header-logo .bgleft {display: none;}
  .makeitmakati nav.main-nav {display: none;}
  .searchbox {width: 100%; top: 90px }
  .list-estates {top: 90px; padding: 30px 10px;}
  .list-estates ul li {margin: 0 0 10px; width: 49%;}
  .home-slider div aside {position: relative; top: auto; margin: 20px 0;}
  .home-slider div aside h3 {font-size: 24px; line-height: 30px; color: black; text-shadow: none;}
  .home-slider div aside h6 a {font-size: 18px; line-height: 24px; padding: 10px 50px;}
  .slick-dots {position: relative!important; bottom: 0!important; background: #ccc; height: 28px;}
  .articles {padding: 0 0 30px;}
  .articles h3, .selectarticle .connected h3, .selectarticle .explore-makati h3 {font-size: 24px; line-height: 46px;}
  .articles h3 span, .selectarticle .explore-makati h3 span, .selectarticle .connected h3 span {padding: 20px 5px;}
  .articles ul li .top-left, .articles ul li .center-left, .articles ul li .bottom-left {left: 0;}
  .articles ul li .top-right, .articles ul li .center-right, .articles ul li .bottom-right {right: 0;}
  .articles ul li.col-1, .articles ul li.col-2, .articles ul li.col-3, .articles ul li.col-4 {width: 100%; display: block; padding: 10px 0;}
  .about-estate article {position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 100%; padding: 20px;}
  .about-estate article h1 {margin: 15px 0; font-size: 36px; line-height: 44px}
  .fixed-header, .nav-links {display: none;}
  .banner div aside h3 {font-size: 36px; line-height: 46px;}
  .social .col2 {width: 100%;}
  .social .col2 .instagram {padding-left: 0;}
  .interests ul li {width: 100%; display: block; padding: 0;}
  .social-links, footer aside {width: 100%; text-align: center;}
  footer aside ul, footer aside p {width: 100%; text-align: center;}
  /* Articles */
  .selectarticle section article h1, .selectarticle section article h2 {font-size: 24px; line-height: 32px;}
  .selectarticle section article p {font-size: 16px; line-height: 24px;}
  .selectarticle section .other-interests ul li article h4 {font-size: 18px; line-height: 24px;}
  .selectarticle section .other-interests ul li aside {position: relative; width: 100%; height: auto;}
  .selectarticle section .other-interests ul li article {padding-left: 0;}
  .selectarticle section aside.sidebar .related-articles ul li {width: 100%!important; display: block!important; padding: 0!important}
  .selectarticle section aside.sidebar .related-articles ul li a aside {height: auto!important; background: transparent;}
  .selectarticle section aside.sidebar .related-articles ul li a aside img {height: auto!important; object-fit: initial!important;}
  .selectarticle section article, .selectarticle section aside.sidebar .side-location, .selectarticle section aside.sidebar, .selectarticle section aside.sidebar .related-articles, .selectarticle section aside.sidebar .related-articles ul, .selectarticle section aside.sidebar .ttdcat, .selectarticle section aside.sidebar .side-location {width: 100%; float: left; max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat {padding: 15px 0px}
  .selectarticle section aside.sidebar .related-articles ul li {width: 50%; vertical-align: top;display: table-cell; padding: 0 30px;}
  .selectarticle section aside.sidebar .related-articles ul li a aside {max-width: 100%;}
  .selectarticle section aside.sidebar .ttdcat ul .tab-content li {width: 100%!important; float: left; padding: 20px 10px;}
  .selectarticle section aside.sidebar .submenu, .selectarticle section aside.sidebar .archive {max-width: 100%;}
  .selectarticle section article ul.rules li div {padding-left: 60px;}
  .selectarticle section article ul.rules li img {max-width: 50px}
  .selectarticle section article .sectionsub li { width: 100%; }
  .selectarticle section article .sectionsub li a {padding: 10px;}
  .selectarticle section .other-interests ul li article {min-height: auto;}
  .selectarticle section article.cinema-sched .schedule ul li {width: 100%; display: inline-block;}
  .selectarticle section article.directory-list div.directorylist {position: relative; margin-bottom: 10px; width: 100%;}
  .selectarticle section article.directory-list aside.map {display: none;}
  .selectarticle section article .cform li:nth-child(odd), .selectarticle section article .cform li:nth-child(even) {width: 100%; float: left;}
  .selectarticle section article .cform li.col2:nth-child(odd), .selectarticle section article .cform li.col2:nth-child(even) {width: 100%; float: left;}
  .selectarticle section article .cform li.check label {width: 86%;}
  .selectarticle .connected ul li, .selectarticle .explore-makati ul li {width: 100%; display: block; margin-bottom: 15px;}
  .selectarticle .connected ul li .socialicons, .selectarticle .explore-makati ul li .locationimg {height: 200px;}
  .selectarticle section article.cinema-sched .schedule ul li .poster {height: auto!important; overflow: initial;}
  
}