@media only screen and (min-width: 768px) and (max-width: 960px) {
    .wrapper{
        width: 768px;
    }
    .search_wrapper .search_item{
        width:215px;
        float: left;
    }
    .search_wrapper .search_item.third{
        width: 215px;
        float: right;     
    }
    .search_wrapper .search_item.first input[type="text"]{
        width:180px;
    }
    .search_wrapper .search_item.second select{
        width: 210px;
    }
    #slider_wrapper li img {
        margin-right:18px;
        padding: 4px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width: 750px;
    }
    #slider_wrapper .jcarousel-next-horizontal {
        right: -15px;
    }
    #slider_wrapper .jcarousel-prev-horizontal {
        left: -15px;
    }
    .sidebar #searchform{
        position: relative;
        background: url('images/single-search1.png') no-repeat !important;
        width: 215px;
    }
    .search_wrapper .search_item.third .search_submit{
        background: url('images/sbtn.png') no-repeat 0 0;
        width: 40px;
        height: 39px;
        text-indent:-9999px;
    }
    .search_wrapper .search_item.third .search_submit:hover{
        background: url('images/sbtn.png') no-repeat 0 -44px;
        width: 40px;
        height: 39px;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        margin-right: -5px;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width: 225px;
        margin-right:30px;
    }
    .contact_widget .subscribe_form{
        width: 217px;
    }
    .contact_widget .subscribe_form .contact_header{
        width: 210px;
    }
    .contact_widget .subscribe_form .form_element input[type="text"]{
        width: 178px;
    }
    .contact_widget .subscribe_form .form_element textArea{
        width: 176px;
        height: 80px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) { 
    .wrapper{
        width: 510px;
    }
    ul.grid { 
        width:100% !important;
    }
    .header .logo{
        text-align: center;
        margin-bottom: 20px;
    }
    .header .post_btn{
        margin-bottom: 15px;
        text-align: center;         
    }
    .header .post_btn .post_add_btn{
        float: none !important;
        display: block;
        max-width: 240px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .top_header{
        text-align: center;        
    }
    .top_header #user_acces{
        float:none;
        margin-bottom: 20px;
    }
    .search_wrapper .search_item{
        width:452px;
        float: none;
        margin-bottom: 10px;
    }
    .search_wrapper .search_item.second{
        width:468px;
    }
    .search_wrapper .search_item.third{
        width: 452px;
        float:none;
    }
    .search_wrapper .search_item{
        text-align: left;
    }
    .search_wrapper .search_item select{
        margin-left: 25px;
        width: 324px !important;
    }
    .search_wrapper .search_item.first input[type="text"],
    .search_wrapper .search_item.third input[type="text"]{
        margin-left:30px !important;
        width: 324px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width: 765px;
    }
    .sidebar #searchform{
        position: relative;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        float: none;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width:100%;
        margin-right:30px;
    }
    .footer_bottom .bottom_content .copyright{
        float: none;
        margin-left: -5px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    } 
    #add_post #cc_desc_tbl {
        width:474px !important;
    }
    #add_post #place_image1_upload{
        width: 300px;
    }
    .ar_desc td, 
    .ar_desc tr, 
    .ar_desc th{
        border: none;
    }

}
@media only screen and ( max-width: 768px ) {
    .it_mobile_menu a {
        display: block;
        padding-left: 15px !important;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }   
    ul.ddsmoothmenu {
        display: none;        
    }
    .ddsmoothmenu .sub-menu{
        margin-left:100px !important;
        visibility:hidden;
    }
    .mobile_nav {
        display: inline-block;
        width: 455px;
    }
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { /*border: 1px solid #ccc;*/ }

    td { 
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #eee;*/
        position: relative;
        padding-left: 50%; 
    }

    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    } 
    /*
    Label the data
    */
    /*    td:nth-of-type(1):before { content: "Ad Title"; }
        td:nth-of-type(2):before { content: "Views"; }
        td:nth-of-type(3):before { content: "Status"; }
        td:nth-of-type(4):before { content: "Options"; }*/
}
@media only screen and (max-width: 480px) {
    .wrapper{
        width: 335px;
    }
    .header .logo{
        text-align: center;
        margin-bottom: 20px;
    }
    .header .post_btn{
        margin-bottom: 15px;
    }
    .header .post_btn .post_add_btn{
        float: none !important;
        display: block;
        max-width: 240px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .top_header{
        text-align: center;        
    }
    .top_header #user_acces{
        float:none;
        margin-bottom: 20px;
    }
    .search_wrapper .search_item{
        width:272px;
        float: none;
        margin-bottom: 10px;
    }
    .search_wrapper .search_item.second{
        width:288px;
    }
    .search_wrapper .search_item.third{
        float:none;
        width:272px;
    }
    .search_wrapper .search_item{
        text-align: left;
    }
    .search_wrapper .search_item select{
        margin-left: 25px;
        width: 220px !important;
    }
    .search_wrapper .search_item.first input[type="text"],
    .search_wrapper .search_item.third input[type="text"]{
        margin-left:30px !important;
        width: 200px;
    }
    .search_wrapper .search_item.third .search_submit{
        background: url('images/sbtn.png') no-repeat 0 0;
        width: 40px;
        height: 39px;
        text-indent:-9999px;
    }
    .search_wrapper .search_item.third .search_submit:hover{
        background: url('images/sbtn.png') no-repeat 0 -44px;
        width: 40px;
        height: 39px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width:290px;
    }
    .sidebar #searchform{
        position: relative;
        background: url('images/single-search1.png') no-repeat !important;
        width: 215px;
    }
    .sidebar #searchform input[type="text"]{
        width: 180px;
    }
    .header .post_add_btn{
        float: none;
    }
    .list-style-buttons{
        display: none;
    }
    #categories .catcol {
        width:100%;
        margin-right:30px;
    }
    #slider_wrapper li img {
        margin-right:25px;
    }
    .sidebar .sidebar_widget .sidebar_thumbnail h6 a{
        line-height: 20px;
    }
    .content_wrapper .content{
        padding-right: 0;
    }
    .footer_bottom .bottom_content .copyright{
        float: none;
        margin-left: -5px;
    }
    #tabs li{
        float: none;
        display: block;        
    }
    #tabs{
        float: none;
    }
    #tabs a{
        width: 100%; 
        border-bottom: 1px solid #e1cdb9;
    }
    #tabs li:last-child a{
        border-bottom: none;
    }
    #commentform input[type="text"] {
        width:286px;
    }
    textarea#comment{
        width:284px;
    }
    #contact #contactForm input[type="text"]{
        width: 280px;
    }
    #contact #contactForm textarea{
        width: 280px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
    #loginform .row input[type="text"],
    #loginform .row input[type="password"],
    #register .row input[type="password"],
    #register .row input[type="text"]{
        width:275px; 
    }
    #add_post .row input[type="text"],
    #add_post .row input[type="password"],
    #add_post .row select{
        width:276px; 
    }
    #add_post #cc_desc_tbl {
        width:200px !important;
    }
    #add_post #map_canvas{
        width:274px !important;
        height: 274px !important;
    }
    .mobile_nav {
        width: 270px;
    }
    #add_post #place_image1_upload{
        width: 274px;
    }
    .meta_slider{
        clear: both;
        display: block !important;

    }
    .meta_table{
        clear: both;
        display: block !important; 
    }
    .price_meta{
        float: none !important;
    }
    .flexslider{
        width: auto !important;
    }
    .flexslider .slides img {
        width:260px;
        height:210px;
    }

}
@media only screen and (max-width : 320px) {   
    .wrapper{
        width: 310px;
    }
    #cc_carousel .jcarousel-container-horizontal {
        width:280px !important;
    }
    #slider_wrapper .jcarousel-next-horizontal {
        right: -5px;
    }
    #slider_wrapper .jcarousel-prev-horizontal {
        left: -10px;
    }
    #slider_wrapper li img {
        margin-right:22px;
    }
    #tabs a{
        width: 92.5%; 
    }
    #commentform input[type="text"] {
        width:278px;
    }
    textarea#comment{
        width:276px;
    }
    #contact #contactForm input[type="text"]{
        width: 272px;
    }
    #contact #contactForm textarea{
        width: 270px;
    }
    .search_wrapper .search_item{
        width:260px;
    }
    .search_wrapper .search_item.second{
        width:276px;
    }
    .search_wrapper .search_item.third{
        width:260px;
    }
    #loginform{
        float: none;
        margin-bottom: 20px;
    }
    #register{
        float: none;
        margin-bottom: 20px;
    }
    #loginform .row input[type="text"],
    #loginform .row input[type="password"],
    #register .row input[type="password"],
    #register .row input[type="text"]{
        width:272px; 
    }
    .flexslider .slides img {
        width:260px;
        height:210px;
    }
}