@media only screen and (min-width: 767px) {
    .profile-container .profile-image {
        max-width: 200px;
        max-height: 200px;
        overflow: unset;
    }
    .profile-container .profile-image img {
        border-radius: 50%;
    }
    .add-image {
        display: none;
    }
    .add-imageDiv {
        display: inline-block !important;
        background-color: #fdd736;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 10px;
        right: 0;
        bottom: 15px;
        position: absolute;
    }
    .add-imageDiv img {
        width: 100% !important;
    }
    .main-wrapper.profile {
        margin-top: 24vw;
        display: inline-block;
        width: 100%;
    }
    .profile-container {
        min-height: 35vw;
    }
    .button-bottom {
        position: unset;
    }
    .ticket-qr-code.scanned-result .main-button {
        max-width: 400px;
    }
    .project-details-container iframe {
        max-height: 400px; 
    }
    .credit-container img {
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }
    .main-menu {
        max-width: 400px;
    }
    .company .page-container>a,
    .page-container>a, .page-container>ul {
        height: 26vw;
    }
    header {
        display: none !important;
    }
    .desktopHeader {
        display: inline-block !important;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .desktopHeader .toggle-button {
        position: relative;
        top: 10px;
        left: 0;
    }
    .logoSection {
        float: right;
    }
    .menuButton {
        float: left;
        padding-top: 40px;
    }
    .customNav {
        display: inline-block;
        padding-top: 30px;
    }
    .logoSection img {
        max-width: 100px;
        height: auto;
    }
    .customNav li a {
        color: #fff;
    }
    .footerSec {
        display: block !important;
        padding: 15px;
        background: #202020;
        margin-top: 30px;
    }
    .footerSec p {
        font-size: 13px;
        color: #fff;
    }
    .owl-carousel .owl-item .rationImage {
        max-height: 490px;
    }
    .owl-carousel .owl-item img {
        height: 490px;
        object-fit: cover;
        object-position: center;
    }


    footer {
        display: inline-block !important;
        width: 100%;
        margin-top: 15px;
    }
    .footer {
        background-color: #272727;
        padding: 60px 0 20px;
    }
    footer .footer-bottom {
        padding: 15px 0;
        background: #0B0B0B;
        border: none;
    }
    .footer p {
        font-size: 15px;
        line-height: 23px;
    }
    .footer .widget-contact ul li {
        position: relative; 
        padding-left: 30px !important;
    }
    .footer .widget-contact ul .fa {
        margin-left: 0px;
        position: absolute;
        left: 0;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        padding: 0;
        top: 4px;
        text-align: center;
        font-size: 15px;
    }
    .footer-bottom .foot-social p a {
        color: #fff;
        font-size: 14px;
        width: 30px;
        height: 30px;
        display: inline-block;
        border: 1px solid #fff;
        border-radius: 50%;
        text-align: center;
        padding: 0px;
        margin: 0 0 0 5px; 
    }
    .footer-bottom .foot-social p a i {
        line-height: 30px;
    }
    .footer-bottom .foot-social p a:hover {
        background: #fff;
    }
    .btn.scrolltop-btn {
        display: none;
        border-radius: 50%;
        font-size: 22px;
        padding: 0;
        background: #E5C362;
    }
    .footer #submit_button .btn-primary {
        background: #fff;
        color: #ebae0b !important;
        border-radius: 0px;
        border: none;
        padding: 8.5px 10px;
    }
    .footer .footer-widget .form-group {
        padding: 0px;
    } 
    .footer .footer-widget .form-group input {
        border-radius: 0px;
        height: 41px;
        background: #eaeaea;
    }
    /*START FOOTER WIDGETS STYLE*/
    .footer-widget {
      margin-bottom: 30px;
    }
    .footer-widget .widget-body {
      background-color: transparent;
      padding: 0;
    }
    .footer-widget .widget-title {
      color: rgb(235, 174, 11);
      font-size: 16px;
      line-height: 16px;
      margin: 0 0 20px 0;
      font-weight: 500;
      text-align: left;
    }
    .footer-widget .media-heading {
      font-size: 15px;
      line-height: 18px;
      margin: 0 0 5px 0;
      font-weight: 500;
    }
    .footer-widget h4 {
      font-size: 14px;
      line-height: 14px;
      margin: 0 0 10px 0;
      font-weight: 500;
      text-align: left;
    }
    .footer-widget .amenities p {
      color: #fff;
      font-size: 12px;
      line-height: 15px;
      margin: 0;
      font-weight: 400;
    }
    .footer-widget .media-left .item-thumb, .footer-widget .next-prev-block .media-right .item-thumb, .next-prev-block .footer-widget .media-right .item-thumb, .footer-widget .media-left figure, .footer-widget .next-prev-block .media-right figure, .next-prev-block .footer-widget .media-right figure, .footer-widget .media-left .carousel-module .carousel .item figure, .carousel-module .carousel .item .footer-widget .media-left figure {
      width: 101px;
    }
    .footer p {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
    }
    .footer li {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        font-weight: 300;
    }
    .table-list {
        display: table;
        width: 100%;
        margin-bottom: 15px;
    }
    .table-cell {
        display: table-cell;
        vertical-align: top;
    }
    .footer-bottom p {
        margin: 0;
        font-size: 12px;
        font-weight: 300;
        color: #fff;
    }
    .footer-bottom .navi ul {
        text-align: center;
        line-height: normal;
    }
    .footer-bottom .navi li {
        font-size: 14px;
        line-height: normal;
        margin: 0;
        font-weight: 300;
        text-transform: inherit;
        text-align: center;
        display: inline-block;
        padding: 0  5px; 
    }
    .footer-bottom .navi a {
        color: #fff;
        line-height: 24px;
    }
    .bannerSection {
        /*display: block !important;*/
        background-image: url(../images/banner-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-bottom: 30px;
        padding: 40px 0; 
    }
    .bannerSection h3 {
        color: #fdd736;
        margin: 0;
        font-size: 38px;
        font-weight: 400;
        text-transform: uppercase;
    }
    .announcement .page-container a {
        height: 18vw;
    }
    .project-details-container > h5 {
        margin-top: 25px;
    }

}   


@media (max-width: 576px) {
.col-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 22px;
}
.page-container h3 {
    min-height: 60px;
}
table th, table td {
    padding: 5px;
    font-size: 12px;
    border-width: 2px;
}
.page-container ul {
    padding: 20px 15px;
}
.main-wrapper {
    padding: 20px 10px;
}
.row {
	margin-right: -10px;
	margin-left: -10px;
}
div[class^="col-sm-"] {
	padding: 0 10px;
}
.back-button, .toggle-button {
    left: 10px;
    height: 20px;
}
.affirm-agents-carousel table th,
.affirm-agents-carousel table td {
	font-size: 14px;
}
.projects-name table th, .projects-name table td {
    font-size: 14px;
    width: auto;
}
.projects-name .pages-links-text ul li .main-button {
    font-size: 14px;
    padding: 8px 14px;
}
.scroll-top {
	right: 10px;
}
}
@media(max-width: 480px) {
h3 {
    font-size: 13px;
}
.page-container h3 {
    min-height: 40px;
	padding: 0 17px;
}
.page-container ul {
    padding: 10px;
}
.button-icon {
    width: 16px;
    margin-right: 4px;
}
.main-button {
	padding: 8px 14px;
	border-width: 1px;
	font-size: 14px;
}
.affirm-agents-carousel table th,
.affirm-agents-carousel table td {
	font-size: 11px;
}
.back-button, .toggle-button, .share-button, .add-button {
	width: 24px;
}
.projects-name .pages-links-text ul li .main-button {
    font-size: 11px;
    padding: 5px 9px;
}
.custom-select {
    font-size: 13px;
}
.main-button.green img {
	width: 16px;
}
::-webkit-input-placeholder {
	font-size: 13px;
}
::-moz-placeholder {
	font-size: 13px;
}
:-ms-input-placeholder {
	font-size: 13px;
}
::-ms-input-placeholder {
	font-size: 13px;
}
::placeholder {
	font-size: 13px;
}
.select-selected::after {
	font-size: 18px;
}
.subsale .subsale-posted {
    font-size: 13px;
}
.logo-container img {
    max-width: 150px;
}
h2 {
    font-size: 24px;
}
.accordion .card-body ul li > div {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}
}
@media(max-width: 374px) {
h2 {
    font-size: 18px;
}
.page-container ul {
    padding: 6px;
}
.button-icon {
    width: 14px;
}
.main-button {
	font-size: 12px;
}
.page-container h3 {
	padding: 0 10px;
}
.affirm-agents-carousel table th, .affirm-agents-carousel table td {
    font-size: 9px;
}
.page-container>a, .page-container>ul {
	height: 63vw;
}
h4 {
    font-size: 17px;
}
 .header-inner h4 {
	font-weight: 600;
}
.projects-name table th, .projects-name table td {
    font-size: 12px;
}
.projects-name ul li {
	margin-right: 5px;
}
table th, table td {
	font-size: 11px;
}
.select-selected {
	padding: 10px 15px;
}
.select-selected::after {
	right: 15px;
	font-size: 16px;
}
.custom-select {
    font-size: 12px;
}
.subsale-posted span {
    width: 20px;
    height: 20px;
    padding: 5px;
	margin-right: 5px;
}
.subsale .subsale-posted {
    font-size: 12px;
}
.select-items div {
    padding: 2px 10px;
    font-size: 14px;
}
.select-items {
    padding: 10px 0;
}
h6 {
    font-size: 14px;
}
p {
	font-size: 13px;
}
.subsale-details ul li,
.ticket-qr-code table tr td h5, .qr-code-tickets table tr td h5,
.credit.redeem-credit table.no-color tr th, .credit.redeem-credit table.no-color tr td,
.nav-link,
.profile.files ul li:nth-child(5) a,
.profile.files ul li span,
.form-control {
    font-size: 13px;
}
h5 {
    font-size: 16px;
}
.credit-container ul li {
	padding: 15px;
}
span.badge {
	font-size: 12px!important;
}
.redeem-credit td span {
    width: 20px!important;
    height: 20px;
    padding: 4px 3px 3px;
	line-height: 14px;
}
.menu-profile {
	font-size: 18px;
}
.main-menu div ~ ul li a {
	font-size: 14px;
}
.main-menu div ~ ul li a {
    padding: 4px 10px;
}
.menu-profile {
    padding: 0 10px 10px;
}
.menu-profile span {
    width: 70px;
	height: 70px;
}
.contact-info-container ul li img {
    max-width: 16px;
}
}



@media only screen and (max-width: 767px) {
    .accordion .card-body ul li > div {
        width: 100%;
        margin-bottom: 20px;
    }
    .accordion .card-body ul li > div + div {
        margin: 0px !important;
    }
}