@media(min-width:768px) and (max-width:1024px) {
    .section {
        padding: 30px 0
    }
    .section-title {
        font-size: 20px
    }
    .top-bar-bottom .header-logo {
        width: 168px
    }
    .top-bar-bottom .name-title {
        padding: 0 6px
    }
    .top-bar-bottom .contact .call {
        padding: 12px 10px
    }
    .top-bar-bottom .contact .call h3 {
        font-size: 15px
    }
    .top-bar-bottom .contact .call p {
        margin-left: 28px
    }
    .box-language,
    .box-currency {
        margin: 10px 4px
    }
    .box-language .toggle,
    .box-currency .toggle {
        padding: 5px 12px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 10px 12px
    }
    #carousel-area .item .carousel-caption h2 {
        font-size: 24px
    }
    .search-properties p {
        display: none
    }
    .search-properties .btn-common {
        margin-left: 15px
    }
    .touch-slider {
        margin-top: 30px
    }
    .features .features-box .features-content h4 {
        font-size: 11px
    }
    .features .features-box .features-content h4 i {
        margin-right: 5px
    }
    .counting {
        margin-bottom: 30px
    }
    .item-list.make-grid {
        width: 47%
    }
    .property-head .title-property {
        font-size: 15px
    }
    .property-head .price-detail {
        font-size: 20px
    }
    .property-head .web-refernce strong {
        font-size: 18px
    }
    .owl-theme .owl-controls .item-link {
        width: 80px
    }
    .about .group-btn {
        margin-bottom: 30px
    }
    .support-inner .support-info {
        margin-bottom: 30px
    }
}

@media(max-width:640px) {
    .section {
        padding: 30px 0
    }
    .section-title {
        font-size: 14px
    }
    .contact-details {
        float: left
    }
    .top-bar-bottom {
        display: none
    }
    .account-setting {
        margin-right: -5px
    }
    .account-setting a {
        padding: 6px 2px
    }
    .top-bar-bottom .name-title {
        display: none
    }
    .top-bar-bottom .contact .call {
        padding: 12px 0
    }
    .hidden {
        display: block !important
    }
    #carousel-area .item .carousel-caption {
        bottom: 38%;
        line-height: 24px;
        padding: 15px
    }
    #carousel-area .item .carousel-caption h2 {
        font-size: 14px;
        line-height: 20px
    }
    #carousel-area .item .carousel-caption h3 {
        font-size: 14px;
        line-height: 20px
    }
    #carousel-area .item .carousel-caption .price-sl {
        font-size: 24px
    }
    #carousel-area .left.carousel-control {
        left: 0%
    }
    .property-highlights .title-hl {
        font-size: 22px
    }
    .touch-slider {
        margin-top: 30px
    }
    .controls a {
        margin: 5px;
        padding: 8px 10px
    }
    .portfolio-item .content h3 {
        font-size: 16px;
        line-height: 20px
    }
    #latest-property .owl-controls .owl-buttons div.owl-prev {
        margin-left: -10px
    }
    #latest-property .owl-controls .owl-buttons div.owl-next {
        margin-right: -10px
    }
    #latest-property .owl-controls .owl-buttons {
        top: -245px
    }
    .footer-widget {
        margin-bottom: 20px
    }
    .back-to-top {
        bottom: 15px;
        right: 15px
    }
    .page-header .page-title {
        font-size: 18px
    }
    .property-head .title-property {
        font-size: 16px
    }
    .details-wrapper .owl-theme .owl-controls {
        display: none
    }
    .property-head .price-detail {
        font-size: 20px
    }
    .property-head .web-refernce strong {
        font-size: 18px;
        display: block
    }
    .property-head .icon {
        text-align: left;
        margin-top: 20px
    }
    .details-wrapper .owl-theme .owl-controls {
        margin-top: -45px
    }
    .owl-theme .owl-controls .item-link {
        width: 30px;
        height: 30px
    }
    .inner-box {
        width: 100%
    }
    .amenities ul li {
        float: none;
        width: 100%
    }
    .nav-tabs>li>a {
        padding: 7px 15px
    }
    .counting .icon i {
        font-size: 30px
    }
    .counting .desc h3 {
        font-size: 30px
    }
    .counting {
        margin-bottom: 30px
    }
    .share .social-link {
        float: left !important;
        margin-top: 24px
    }
    .about h2 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .about .group-btn {
        margin-bottom: 30px
    }
    .agent-body {
        margin-top: 20px
    }
    .panel-default .panel-heading .panel-title {
        font-size: 14px
    }
    .table-list .table-cell {
        display: table
    }
    .adds-wrapper .item-list {
        padding: 8px
    }
    .table-list .item-body {
        padding: 14px 0
    }
    .item-list.make-grid {
        width: 100%
    }
    .table-list .info-row .item-price {
        font-size: 15px
    }
    .table-list .button {
        display: none
    }
    .product-filter label {
        margin-right: 10px
    }
    .product-filter .Show-item .woocommerce-ordering {
        margin-right: 0
    }
    .product-filter .Show-item .woocommerce-ordering .btn-select {
        padding: 0 8px
    }
    .support-inner .support-info {
        margin-bottom: 30px
    }
    #comments .comments-list li ul {
        padding-left: 0
    }
}

@media(max-width:480px) {
    .section {
        padding: 30px 0
    }
    .section-title {
        font-size: 14px
    }
    .hidden {
        display: block !important
    }
    .top-bar .contact-details li {
        padding: 0
    }
    .top-bar .contact-details li a {
        font-size: 11px
    }
    .top-bar-bottom {
        display: none
    }
    .account-setting {
        float: left;
        margin-right: -5px
    }
    .account-setting a {
        padding: 6px 2px
    }
    .top-bar-bottom .name-title {
        display: none
    }
    .top-bar-bottom .contact .call {
        padding: 12px 0
    }
    #carousel-area .item .carousel-caption {
        bottom: 38%;
        line-height: 24px;
        padding: 15px
    }
    #carousel-area .item .carousel-caption h2 {
        font-size: 14px;
        line-height: 20px
    }
    #carousel-area .item .carousel-caption h3 {
        font-size: 14px;
        line-height: 20px
    }
    #carousel-area .item .carousel-caption .price-sl {
        font-size: 24px
    }
    #carousel-area .left.carousel-control {
        left: 0%
    }
    .property-highlights .title-hl {
        font-size: 22px
    }
    .touch-slider {
        margin-top: 30px
    }
    .controls a {
        margin: 5px;
        padding: 8px 10px
    }
    .portfolio-item .content h3 {
        font-size: 16px;
        line-height: 20px
    }
    #latest-property .owl-controls .owl-buttons div.owl-prev {
        margin-left: -10px
    }
    #latest-property .owl-controls .owl-buttons div.owl-next {
        margin-right: -10px
    }
    #latest-property .owl-controls .owl-buttons {
        top: -245px
    }
    .footer-widget {
        margin-bottom: 20px
    }
    .back-to-top {
        bottom: 15px;
        right: 15px
    }
    .page-header .page-title {
        font-size: 18px
    }
    .property-head .title-property {
        font-size: 16px
    }
    .details-wrapper .owl-theme .owl-controls {
        display: none
    }
    .property-head .price-detail {
        font-size: 20px
    }
    .property-head .web-refernce strong {
        font-size: 18px;
        display: block
    }
    .property-head .icon {
        text-align: left;
        margin-top: 20px
    }
    .details-wrapper .owl-theme .owl-controls {
        margin-top: -45px
    }
    .owl-theme .owl-controls .item-link {
        width: 30px;
        height: 30px
    }
    .inner-box {
        width: 100%
    }
    .amenities ul li {
        float: none;
        width: 100%
    }
    .nav-tabs>li>a {
        padding: 7px 15px
    }
    .counting .icon i {
        font-size: 30px
    }
    .counting .desc h3 {
        font-size: 30px
    }
    .counting {
        margin-bottom: 30px
    }
    .share .social-link {
        float: left !important;
        margin-top: 24px
    }
    .about h2 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .about .group-btn {
        margin-bottom: 30px
    }
    .agent-body {
        margin-top: 20px
    }
    .panel-default .panel-heading .panel-title {
        font-size: 14px
    }
    .table-list .table-cell {
        display: table
    }
    .adds-wrapper .item-list {
        padding: 8px
    }
    .table-list .item-body {
        padding: 14px 0
    }
    .item-list.make-grid {
        width: 100%
    }
    .table-list .info-row .item-price {
        font-size: 15px
    }
    .table-list .button {
        display: none
    }
    .product-filter label {
        margin-right: 10px
    }
    .product-filter .Show-item .woocommerce-ordering {
        margin-right: 0
    }
    .product-filter .Show-item .woocommerce-ordering .btn-select {
        padding: 0 8px
    }
    .support-inner .support-info {
        margin-bottom: 30px
    }
    #comments .comments-list li ul {
        padding-left: 0
    }
    .usearadmin h3 {
        font-size: 14px
    }
    .welcome-msg .page-sub-header2 {
        font-size: 14px
    }
}