*,
 :before,
 :after {
    box-sizing: border-box;
}

nav ul,
nav ol,
#nav ul,
#navbar ul,
#nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'icons';
    src: url('../font/icons.eot?24804043');
    src: url('../font/icons.eot?24804043#iefix') format('embedded-opentype'), url('../font/icons.woff?24804043') format('woff'), url('../font/icons.ttf?24804043') format('truetype'), url('../font/icons.svg?24804043#icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (max-width: 1280px) {
    .slider-preloader-wrap,
    .item {
        height: 350px;
        width: 100%;
        object-fit: contain;
    }
}
@media screen and (max-width: 1440px) {
    .slider-preloader-wrap,
    .item {
        height: 400px;
        width: 100%;
        object-fit: contain;
    }
}


/************************************************
/////////////////////////////////////////////////
                **ipad**
/////////////////////////////////////////////////
*************************************************/

@media (min-width: 768px) and (max-width: 1024px) {
    .sticky {
        position: fixed;
        width: 100%;
        z-index: 99999;
    }
    .wrapper-header-top {
        display: none;
    }
    /*================ MMenu =====================*/
    .wrapper-header,
    .wrapper-menu {
        display: none;
    }
    .mobile-contact {
        background: #29398f;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        padding: 10px 0px;
    }
    .main-menu-toggle {
        display: block !important;
        background: #fff;
        border-bottom: 1px solid #eee
    }
    .toggle-mmenu {
        margin-top: 0px;
        float: right;
    }
    .logo-mobile {
        margin-right: 90px;
        margin-top: -15px
    }
    .logo-mobile img {
        width: 70px;
        padding: 20px 5px 5px 0px;
    }
    .btn-menu img {
        width: 40px
    }
    .max-min input {
        width: 145px !important;
    }
    .list-search-category {
        margin-bottom: 0px;
    }
    .search-category .category .oc-menu-bar .category-select {
        margin-bottom: 10px;
    }
    .carousel-inner {
        margin-top: 15px !important;
    }
    .layout-our-listing h4,
    .layout-feature-property h4,
    .layout-recent-post h4,
    .layout-inquire h4,
    .layout-description h4,
    .layout-property-detail h4,
    .layout-general-amenities h4,
    .layout-map h4,
    .layout-news-detail h3,
    .detail-info-property h4 {
        font-size: 16px
    }
    .layout-feature-property .list-feature {
        float: left;
        width: 100%;
        padding: 0px;
        border-bottom: 0px solid #eee;
    }
    .img-feature {
        width: 100%;
    }
    .feature-des {
        font-size: 12px;
        width: 100%;
    }
    .layout-recent-post .list-feature {
        padding: 0px;
    }
    .layout-recent-post .img-feature {
        width: 100%;
    }
    .layout-recent-post .feature-des {
        width: 100%;
        margin-right: 0px;
    }
    #detail .product-images li,
    #detail .product-images figure,
    #detail .product-images a,
    #detail .product-images img {
        height: 300px;
    }
    #detail .product-images .thumb-nav li img {
        width: 75px;
        height: 50px;
    }
    #detail .product-images .thumb-nav.slick-slider .slick-prev,
    #detail .product-images .thumb-nav.slick-slider .slick-next {
        margin-top: -15px;
    }
    .list-all-property .remark-category {
        left: 30px;
    }
    .list-all-property .remark-rent,
    .list-all-property .remark-sell {
        /* right: 18px; */
        right: 25px;
    }
    .list-all-property .remark-mobile,
    .list-all-property .remark-mobile {
        /*bottom: 145px !important;*/
        /* right: 30px !important; */
        right: 25px !important;
    }
    .content {
        margin-top: 20px !important;
    }
    .waraper-detail-page {
        height: 105px;
    }
    .menu-detail-page li {
        padding: 70px 0px;
        font-size: 14px;
    }
    .waraper-all-property h3 {
        font-size: 20px;
    }
    .all-property-info {
        margin-top: 0px;
    }
    .property-price {
        font-size: 15px;
    }
    .all-property-info p {
        line-height: 0px;
    }
    .waraper-all-inquiry h3 {
        font-size: 15px;
    }
    .waraper-news h3,
    .waraper-our-agent h3,
    .waraper-partner h3,
    .waraper-service h3 {
        font-size: 20px;
    }
    .slider-preloader-wrap,
    .item {
        height: 250px !important;
        margin-top: 58px;
    }
}


/************************************************
///////////////////////////////////////////////// 

                **iphone**

/////////////////////////////////////////////////   
*************************************************/

@media screen and (max-width: 760px) {
    .sticky {
        position: fixed;
        width: 100%;
        z-index: 99999;
    }
    .wrapper-header-top {
        display: none;
    }
    /*================ MMenu =====================*/
    .wrapper-header,
    .wrapper-menu {
        display: none;
    }
    .mobile-contact {
        background: #29398f;
        float: left;
        width: 100%;
        text-align: center;
        color: #fff;
        padding: 10px 0px;
    }
    .main-menu-toggle {
        display: block !important;
        background: #fff;
        border-bottom: 1px solid #eee
    }
    .toggle-mmenu {
        margin-top: 0px;
        float: right;
    }
    .logo-mobile img {
        width: 70px;
        padding: 6px 15px 5px 0px;
    }
    .btn-menu img {
        width: 40px
    }
    .max-min input {
        width: 48% !important;
    }
    .list-search-category {
        margin-bottom: 0px;
    }
    .search-category .category .oc-menu-bar .category-select {
        margin-bottom: 10px;
    }
    .carousel-inner {
        margin-top: 15px !important;
    }
    .search-category .category .oc-menu-bar input {
        margin-bottom: 10px;
    }
    .bt-search {
        margin-bottom: 10px;
    }
    .counter {
        font-size: 30px;
        width: 130px;
        height: 130px;
    }
    .slider-preloader-wrap,
    .item {
        height: 120px !important;
        margin-top: 50px;
    }
    #detail .product-images li,
    #detail .product-images figure,
    #detail .product-images a,
    #detail .product-images img {
        height: 230px;
    }
    #detail .product-images .thumb-nav li img {
        width: 60px;
        height: 50px;
    }
    #detail .product-images .thumb-nav.slick-slider .slick-prev,
    #detail .product-images .thumb-nav.slick-slider .slick-next {
        margin-top: -15px;
    }
    .layout-news-detail h3 {
        font-size: 16px;
    }
    .wrapper-header-top {
        text-align: center !important;
        padding: 7px 0px;
    }
    .header-top-info {
        padding: 5px 0px 0px 0px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #3d4b91;
    }
    .header-top-info ul {
        float: none;
    }
    .header-top-tel {
        padding: 0px 0px 5px;
    }
    .header-top-social i {
        width: 20px;
        height: 20px;
        font-size: 12px;
        padding: 4px 0px;
    }
    .list-all-property .remark-category {
        left: 30px;
    }
    .list-all-property .remark-rent,
    .list-all-property .remark-sell {
        /* right: 18px; */
        right: 25px;
    }
    .list-all-property .remark-mobile,
    .list-all-property .remark-mobile {
        /*bottom: 145px !important;*/
        /* right: 30px !important; */
        right: 25px !important;
    }
    .detail-info-property h4 {
        font-size: 14px;
    }
    .layout-our-listing h4,
    .layout-feature-property h4,
    .layout-recent-post h4,
    .layout-inquire h4,
    .layout-description h4,
    .layout-property-detail h4,
    .layout-general-amenities h4,
    .layout-map h4 {
        font-size: 16px
    }
    .list-service {
        height: 150px;
    }
    .text-copyright {
        font-size: 12px;
    }
    #button {
        width: 35px;
        height: 35px;
        bottom: 15px;
    }
    #button::after {
        line-height: 33px;
        font-size: 1em;
    }
    .search-category .category .oc-menu-bar .category-select,
    .search-category .category .oc-menu-bar input,
    .bt-search {
        height: 35px !important;
    }
    .content {
        margin-top: 20px !important;
    }
    .waraper-detail-page {
        height: 100px;
    }
    .menu-detail-page li {
        padding: 65px 0px;
        font-size: 14px;
    }
    .waraper-all-property h3 {
        font-size: 20px;
    }
    .all-property-info {
        margin-top: 0px;
    }
    .property-price {
        font-size: 15px;
    }
    .all-property-info p {
        line-height: 0px;
    }
    .waraper-all-inquiry h3 {
        font-size: 15px;
    }
    .waraper-news h3,
    .waraper-our-agent h3,
    .waraper-partner h3,
    .waraper-service h3 {
        font-size: 20px;
    }
    .slick-slider .slick-prev, .slick-slider .slick-next{
        display: none !important;
    }

}