﻿/* Portrait phones and smaller */
@media (min-width: 320px) and (max-width: 480px) {
.section_top_coodek{
    display:block;
}
.hide_that{
    display:none;
}
.mainmenu{
    display:none;
}
button.buttonsearch.bars{
    display:block !important;
}
nav {
    float: left;
    width: auto;
    background: #bf9e79;
    margin-bottom: 10px;
}
.logo {
    float: right;
    width: 40% !important;
}
#topheader .datetime, header .banner, #featuredads, #wrapper .homebar, #wrapper .tab-content, #topheader, #sidebar .searcharea, #sidebar .addpost {display: block;}
h3.h3_hover_coodek {
    position: relative;
    z-index: 10000;
    margin-top: -21%;
    text-align: center;
    color: #000000;
    background-color: #ffffffb3;
    height: auto;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
}
#sidebar, #wrapper {margin: 15px auto}
#wrapper .homestores .postitem .imgthumb img {height: 100px;}
#wrapper {float: none !important;padding: 0 15px;}
#wrapper .homebar select, #wrapper .homebar button {margin: 0 auto 10px;}
#wrapper .homebar .showposts ul {text-align: center;}
#wrapper .homebar .showposts ul li {margin: 0 10px;}
#wrapper .homestores .postitem .imgthumb {height: auto;}
#wrapper .postsphone {display: block;}
#wrapper2 {padding: 0;}
.loginpage, .signuppage {width: 100%;}
.loginpage form.form-horizontal button {float: none;width: auto;}
.controlpage .content form.form-horizontal label {line-height: normal;}
.singlepost .postitem .postid {float: none;}
.controlpage .content .alert.alert-info {font-size: 13px !important;}
.controlpage .content .transactionlinks a {padding: 0 10px;margin: 5px 3px;font-size: 14px;}
footer .item ul li {margin: 5px;}
footer .choosecity {margin: 20px auto;}
footer .choosecity .choosestate {margin: 0 15px 15px;}
footer .choosecity .choosestate ul.dropdown-menu, footer .choosecity .postscity ul.dropdown-menu {min-width: 300px;width: auto;}
footer .choosecity .choosestate ul.dropdown-menu li, footer .choosecity .postscity ul.dropdown-menu li {display: block;float: none;width: auto;}
#footer2 .copyrights, #footer2 .const {float: none;font-size: 14px;text-align: center;}
}

/* Smart phones and Tablets */
@media (min-width: 481px) and (max-width: 767px) {
    .section_top_coodek{
    display:block;
}
.mainmenu {
    display: none;
}
.logo {
    float: right;
    width: 40% !important;
}
button.buttonsearch.bars{
    display: block !important;
}
.hide_that{
    display:none;
}
nav {
    float: left;
    background: #bf9e79;
    width: auto;
    margin-bottom: 10px;
}
#topheader .datetime, header .banner, #featuredads, #wrapper .homebar, #wrapper .tab-content, #topheader, #sidebar .searcharea, #sidebar .addpost {display: block;}
header {background-color: #fcfcfc;border-bottom: 1px solid #e8e8f0;padding: 0;}
header .logo {text-align: center;width: 72%;}
header .logo img {width:60px;height: 50px;margin: 10px auto;}
header a.buttonmenu, header a.addpostmob {display: block;}
h3.h3_hover_coodek {
    position: relative;
    z-index: 10000;
    margin-top: -21%;
    text-align: center;
    color: #000000;
    background-color: #ffffffb3;
    height: auto;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
}
#sidebar, #wrapper {margin: 15px auto}
#wrapper .homestores .postitem .imgthumb img {height: 100px;}
#wrapper {float: none !important;padding: 0 15px;}
#wrapper .homebar select, #wrapper .homebar button {margin: 0 auto 10px;}
#wrapper .homebar .showposts ul {text-align: center;}
#wrapper .homebar .showposts ul li {margin: 0 10px;}
#wrapper .homestores .postitem .imgthumb {height: auto;}
#wrapper .postsphone {display: block;}
#wrapper2 {padding: 0;}
.loginpage, .signuppage {width: 100%;}
.loginpage form.form-horizontal button {float: none;width: auto;}
.controlpage .content form.form-horizontal label {line-height: normal;}
.singlepost .postitem .postid {float: none;}
.controlpage .content .alert.alert-info {font-size: 13px !important;}
.controlpage .content .transactionlinks a {padding: 0 10px;margin: 5px 3px;font-size: 14px;}
footer .item ul li {margin: 5px;}
footer .choosecity {margin: 20px auto;}
footer .choosecity .choosestate {margin: 0 15px 15px;}
footer .choosecity .choosestate ul.dropdown-menu, footer .choosecity .postscity ul.dropdown-menu {min-width: 300px;width: auto;}
footer .choosecity .choosestate ul.dropdown-menu li, footer .choosecity .postscity ul.dropdown-menu li {display: block;float: none;width: auto;}
#footer2 .copyrights, #footer2 .const {float: none;font-size: 14px;text-align: center;}
}

/* Small Screens */
@media (min-width: 768px) and (max-width: 991px) {
header .logo {
    float: none;
    margin-top: 3%;
    text-align: center;
}
nav {
    float: left;
    height: 70px;
    background: #a48158;
    width: 100%;
    border-radius: 4px;
    border-bottom: 3px solid #92714a;
    margin: 23px auto 0;
    direction: ltr;
    text-align: right;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

#sidebar, #wrapper {margin: 15px auto}
#wrapper .homestores .postitem .imgthumb img {height: 100px;}
#wrapper {float: none !important;padding: 0 15px;}
#wrapper .homebar select, #wrapper .homebar button {margin: 0 auto 10px;}
#wrapper .homebar .showposts ul {text-align: center;}
#wrapper .homebar .showposts ul li {margin: 0 10px;}
#wrapper .homestores .postitem .imgthumb {height: auto;}
#wrapper .postsphone {display: block;}
#wrapper2 {padding: 0;}
.loginpage, .signuppage {width: 100%;}
.loginpage form.form-horizontal button {float: none;width: auto;}
.controlpage .content form.form-horizontal label {line-height: normal;}
.singlepost .postitem .postid {float: none;}
.controlpage .content .alert.alert-info {font-size: 13px !important;}
.controlpage .content .transactionlinks a {padding: 0 10px;margin: 5px 3px;font-size: 14px;}
footer .item ul li {margin: 5px;}
footer .choosecity {margin: 20px auto;}
footer .choosecity .choosestate {margin: 0 15px 15px;}
footer .choosecity .choosestate ul.dropdown-menu, footer .choosecity .postscity ul.dropdown-menu {min-width: 300px;width: auto;}
footer .choosecity .choosestate ul.dropdown-menu li, footer .choosecity .postscity ul.dropdown-menu li {display: block;float: none;width: auto;}
#footer2 .copyrights, #footer2 .const {float: none;font-size: 14px;text-align: center;}
}

/* Medium Screens */
@media (max-width: 1000px) {
}

/* Large Screens */
@media (max-width: 1328px) {
}

/* Large Screens */
@media (max-width: 1559px) {
}
i{
    background: transparent;
}