*, :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;
}
 

/************************************************
/////////////////////////////////////////////////
                **ipad**
/////////////////////////////////////////////////
*************************************************/
@media  (min-width: 768px) and (max-width: 1024px){

    /*================ 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: 100px;
        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-rent, .list-all-property .remark-sell{
        bottom: 163px;
        right: 30px;
    }
    .content{
        margin-top: 20px !important;
    }
    .careers-desc{
        width: 100%
    }

}


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

                **iphone**

/////////////////////////////////////////////////   
*************************************************/
@media screen and (max-width: 760px){

    /*================ 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: 100px;
        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: 230px !important;
    }
    #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-rent, .list-all-property .remark-sell{
        bottom: 163px;
        right: 30px;
    }
    .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: 250px;
        padding: 60px 0px 0px 0px;
    }
    .text-copyright{
        font-size: 12px;
    }
    #button{
        width: 35px;
        height: 35px;
        bottom: 4px;
        right: 7px;
    }
    #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-project{
        padding: 0px;
    }
    .layout-all-inquiry-page{
        padding: 0px;
        margin-top: 0px;
    }
    .careers-desc{
        width: 100%
    }
}