/*
*   Q2A Market Elegant Responsive Theme
*
*   Theme Stylesheet
*   File: qa-devices-styles.css
*   
*   @author         Q2A Market
*   @category       Theme
*   @Version:       1.11
*   @author URL:    http://www.q2amarket.com
*   
*   @Q2A Version    1.6
*
*/
@media only screen and (min-width:1001px) { 
    #qa-login-bar { padding: 0 10px }
    #qa-login-group {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        padding: 2px 0;
        text-align: left;
    }
    .qa-header-group {
        background: #fff;
        padding: 0 10px;
    }
    .qa-header {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 10px 0;
        height: auto;
    }
    .qa-logo,
    .header-banner { padding: 20px }
    .qa-titles {
        width: 1000px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        background: #fff;
        margin: 0 auto;
        padding: 0;
        width: 1000px;
    }
    .qa-main {
        float: left;
        width: 75%;
        padding: 10px;
        margin: 0;
        clear: left;
        overflow: hidden;
    }
    .qa-sidepanel {
        float: right;
        width: 25%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 520px;
        float: left;
        padding-left: 10px;
    }
    .qa-footer {
        clear: both;
        width: 1000px;
        margin: 0 auto;
        color: #777;
        font-size: 10px;
        padding: 20px 0;
    }
}
@media only screen and (min-width :481px) and (max-width:599px),only screen and (min-width:600px) and (max-width:767px),only screen and (min-width:800px) and (max-width:1000px) { 
    .qa-titles {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        background: #fff;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-footer {
        clear: both;
        width: 100%;
        margin: 0 auto;
        color: #777;
        font-size: 10px;
        padding: 20px 10px;
    }
}
@media only screen and (min-width :800px) and (max-width:1000px) { 
    #qa-login-bar { padding: 0 10px }
    #qa-login-group {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        padding: 2px 0;
        text-align: left;
    }
    #qa-userid,
    #qa-password,
    .qa-search-field { width: 120px }
    .qa-header-group {
        background: #fff;
        padding: 0 10px;
    }
    .qa-header {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 5px 0;
        height: auto;
    }
    .qa-logo,
    .header-banner {
        width: 50%;
        font-size: 38px;
        line-height: 38px;
        padding: 20px;
    }
    .qa-nav-main-link { padding: 0 5px }
    .qa-main {
        float: left;
        width: 75%;
        padding: 10px;
        margin: 0;
        clear: left;
        overflow: hidden;
    }
    .qa-sidepanel {
        float: right;
        width: 25%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 485px;
        float: left;
        padding-left: 10px;
    }
    .qa-footer {
        clear: both;
        width: 100%;
        margin: 0 auto;
        color: #777;
        font-size: 10px;
        padding: 10px;
    }
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
	.qa-q-item-main {
        width: 440px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 899px) {
	.qa-q-item-main {
        width: 370px;
    }
}
@media only screen and (max-width: 767px) {
	.qa-template-user .qa-part-form-profile,
	.qa-template-user .qa-part-form-activity,
	.qa-template-user .qa-part-message-list {
		float: none;
		width: 100%;
	}
    #q2am_highlights_iframe{display: none;}
}
@media only screen and (min-width :768px) and (max-width:799px) { 
    #qa-login-bar { padding: 0 10px }
    #qa-login-group {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
        padding: 2px 0;
        text-align: left;
    }
    #qa-userid,
    #qa-password,
    .qa-search-field { width: 115px }
    .qa-logo,
    .header-banner {
        width: 50%;
        font-size: 38px;
        line-height: 38px;
        padding: 20px;
    }
    .qa-titles {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .qa-q-item-main {
        width: 520px;
        float: left;
        padding-left: 10px;
    }
    .qa-q-view-main,
    .qa-a-item-main { width: 620px }
    .qa-main-wrapper {
        background: #fff;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-main {
        width: 100%;
        padding: 10px;
        overflow: hidden;
    }
}
@media only screen and (min-width :600px) and (max-width:767px) { 
    .qa-main {
        width: 100%;
        padding: 10px;
        overflow: hidden;
    }
    .qa-sidepanel {
        width: 100%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 370px;
        float: left;
        padding-left: 10px;
    }
    .q_view_vote_form { float: none }
    .qa-q-view-main,
    .qa-a-item-main {
        width: 100%;
        float: none;
        padding: 10px 0 0;
        margin-top: 10px;
        border-top: 2px dashed #eee;
    }
    .qa-q-view-favorite,
    .qa-a-selection {
        left: auto;
        top: 22px;
        right: 10px;
    }
}
@media only screen and (width:800px) { 
    .qa-q-view-main,
    .qa-a-item-main { width: 480px }
}
@media only screen and (min-width: 768px) {
	.qa-q-view-favorite .qa-favoriting {
    	top: 80px;
    	left: 24px;
	}
}
@media only screen and (width :685px) { 
    .qa-q-item-main {
        width: 435px;
        float: left;
        padding-left: 10px;
    }
}
@media only screen and (width:601px) { 
    .qa-q-list-item .qa-view-count,
    .qa-q-list-item .qa-vote-buttons { display: none }
    .qa-q-item-main { width: 420px }
}
@media only screen and (min-width :481px) and (max-width:599px) { 
    .qa-q-list-item .qa-view-count,
    .qa-q-list-item .qa-vote-buttons { display: none }
    .qa-q-item-main {
        width: 375px;
        float: left;
        padding-left: 10px;
    }
}
@media only screen and (max-width:176px),only screen and (min-width:177px) and (max-width:240px),only screen and (min-width:241px) and (max-width:320px),only screen and (min-width:321px) and (max-width:480px),only screen and (min-width:481px) and (max-width:599px),only screen and (min-width:600px) and (max-width:767px) { 
    h1 { font-size: 26px }
    .qa-body-wrapper { padding-top: 0 }
    #usermenu,
    #mainnavpull { display: block }
    #qa-login-bar {
        height: auto;
        position: static;
    }
    #qa-login-group {
        display: none;
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }
    #qa-loginform { float: none }
    #qa-userid,
    #qa-password,
    .qa-search-field {
        width: 100%;
        margin: 10px 0;
        padding: 5px;
        height: 35px;
        border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #qa-userid,
    #qa-password { float: none }
    #qa-login,
    #qa-register {
        font-family: "BreeSerifRegular",Arial,Tahoma,sans-serif;
        height: 35px!important;
        margin: 10px 0;
        width: 100%;
        line-height: 35px!important;
    }
    .qa-search {
        margin: 10px 0;
        float: none;
        width: 100%;
    }
    * html .qa-search { margin-right: 6px }
    .qa-search form {
        margin: 0;
        width: 100%;
    }
    .qa-search-field {
        vertical-align: bottom;
        margin: 0 -33px 0 0;
        padding-right: 38px!important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
    }
    .qa-nav-user {
        float: none;
        width: 100%;
        font-size: 14px;
        margin: 10px 0;
    }
    * html .qa-nav-user { margin-right: 12px }
    .qa-logged-in {
        margin-right: 1px;
        float: left;
        display: block;
        line-height: normal;
        padding: 0 0 10px 10px;
        font-weight: 700;
    }
    .qa-logged-in-points {
        float: left;
        margin-left: 2px;
        margin-right: 5px;
        line-height: normal;
        padding: 0 0 10px 0;
    }
    .qa-nav-user-list {
        list-style: none;
        display: block;
        margin: 0;
        padding: 0;
        clear: left;
    }
    .qa-nav-user-item {
        float: none;
        display: block;
        margin: 0;
        padding: 0;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
        border-left: none;
    }
    .qa-nav-user-register {
        border-left: none;
        display: block;
    }
    .qa-nav-user-register .qa-nav-user-link,
    .qa-nav-user-register .qa-nav-user-link:visited {
        height: auto;
        line-height: normal;
        display: block;
        font-size: 14px;
        padding: 10px;
        border-top: 1px solid #333;
        border-bottom: 1px solid #111;
        font-weight: 700;
        background: url(images/user-item-arrow.png)no-repeat right 7px;
    }
    .fb_iframe_widget span { margin-top: -3px }
    .qa-logo,
    .header-banner {
        width: 100%;
        float: none;
        text-align: center;
        font-size: 46px;
        padding: 10px;
    }
    .qa-logo img,
    .header-banner img {
        max-width: 100%;
        height: auto;
    }
    .qa-nav-main {
        display: none;
        clear: both;
        padding: 0;
        min-height: 54px;
        background: #fff url(images/main-nav-bg.png) no-repeat center top;
        text-align: center;
    }
    .qa-nav-main-list {
        margin: 0;
        padding: 0;
        display: block;
        list-style: none;
        text-align: left;
        font-size: 18px;
    }
    .qa-nav-main-item {
        display: block;
        margin: 0;
        padding: 0;
    }
    .qa-nav-main-hot a {
        color: #a80000!important;
        text-transform: uppercase;
    }
    .qa-nav-main-item-opp {
        padding-right: 0;
        text-align: left;
        display: block;
    }
    .qa-nav-main-link {
        background: url("images/nav-item-arrow.png") no-repeat scroll 97% center;
        border-bottom: 1px solid #DDDDDD;
        border-top: 1px solid #FFFFFF;
        box-shadow: 0 -6px 0 -3px #FFFFFF inset, 0 6px 0 -3px rgba(0, 0, 0, 0.024) inset;
        display: block;
        height: auto;
        line-height: normal;
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 640px) {
	.qa-q-view-favorite .qa-favoriting,
    .qa-q-view-favorite .qa-favoriting-no-vote,
    .qa-a-selection {
        left: auto;
        top: 22px;
        right: 10px;
    }
}
@media only screen and (max-width:176px),only screen and (min-width:177px) and (max-width:240px),only screen and (min-width:241px) and (max-width:320px),only screen and (min-width:321px) and (max-width:480px) { 
    h1 { font-size: 26px }
    .qa-titles {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        background: #fff;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-main {
        width: 100%;
        padding: 10px;
        overflow: hidden;
    }
    .qa-sidepanel {
        width: 100%;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 375px;
        float: left;
        padding-left: 10px;
    }
    .qa-q-list-item .qa-q-item-stats { width: 50px }
    .qa-q-list-item .qa-view-count,
    .qa-q-list-item .qa-vote-buttons { display: none }
    .qa-q-list-item .qa-voting,
    .qa-q-list-item .qa-a-count,
    .qa-q-list-item .qa-view-count {
        width: 50px;
        height: 50px;
    }
    .qa-voting-updown { height: 75px !important }
    .qa-q-list-item .qa-netvote-count-data,
    .qa-q-list-item .qa-a-count-data { margin-top: 0 }
    .q_view_vote_form { float: none }
    .qa-q-view-main,
    .qa-a-item-main {
        width: 100%;
        float: none;
        padding: 10px 0 0;
        margin-top: 10px;
        border-top: 2px dashed #eee;
    }
    .qa-q-view-favorite .qa-favoriting,
    .qa-q-view-favorite .qa-favoriting-no-vote,
    .qa-a-selection {
        left: auto;
        top: 22px;
        right: 10px;
    }
    .qa-footer {
        clear: both;
        width: 100%;
        margin: 0 auto;
        color: #777;
        font-size: 12px;
        padding: 20px 10px;
    }
    .qa-form-tall-button,
    .qa-search-button,
    .qa-form-tall-table input[type="button"],
    .qa-form-wide-button,
    .qa-form-tall-hover,
    .qa-search-button:hover,
    .qa-form-tall-table input[type="button"]:hover,
    .qa-form-wide-hover {
        width: 100%;
        margin: 10px auto;
        display: block;
    }
}
@media only screen and (max-width:480px) { 
    .qa-nav-footer-list,
    .qa-nav-footer,
    .qa-attribution,
    .qa-nav-footer-item {
        float: none;
        display: block;
        text-align: center;
    }
    .qa-nav-footer-link {
        display: block;
        padding: 10px;
        background: #f4f4f4;
        margin: 0 0 10px;
        border-radius: 2px;
        border: 1px solid #eee;
        border-bottom: 1px solid #ddd;
        text-decoration: none!important;
        box-shadow: 0 0 8px 0 rgba(255,255,255,1) inset,0 -2px 6px 0 rgba(0,0,0,0.15) inset,0 0 2px 2px rgba(255,255,255,1) inset;
        text-shadow: 0 2px 0 #fff;
        font-size: 14px;
        font-weight: 700;
    }
}
@media only screen and (min-width:176px) and (max-width:380px) { 
    select {
        width: 100%;
        display: block;
        margin: 10px 0;
    }
    .qa-q-view-avatar,
    .qa-q-view-meta,
    .qa-a-item-avatar,
    .qa-a-item-meta { float: left }
    .qa-form-tall-data { width: 100% }
    .qa-form-wide-label { white-space: normal }
    .qa-top-tags-count,
    .qa-top-users-score,
    .qa-top-users-score {
        text-align: center;
        padding: 5px;
    }
    .qa-top-tags-label { padding: 5px }
    .qa-top-tags-spacer {
        padding: 0;
        display: none;
    }
}
@media only screen and (min-width:176px) and (max-width:320px) { 
    h1 {
        font-size: 24px;
        line-height: 26px;
        padding: 0 25px 5px 0;
    }
    .qa-logo,
    .header-banner {
        font-size: 30px;
        line-height: 30px;
    }
    .qa-c-item-buttons { position: static }
}
@media only screen and (min-width:176px) and (max-width:240px) { 
    .qa-q-item-avatar { display: none }
    .qa-q-item-title { font-size: 14px }
    .qa-q-item-title a { line-height: 16px }
}
@media only screen and (min-width:220px) and (max-width:240px) { 
    .qa-q-list-item .qa-q-item-stats { width: 30px }
    .qa-q-list-item .qa-view-count,
    .qa-q-list-item .qa-vote-buttons { display: none }
    .qa-q-list-item .qa-voting,
    .qa-q-list-item .qa-a-count,
    .qa-q-list-item .qa-view-count {
        width: 30px;
        height: 30px;
    }
    .qa-q-list-item .qa-netvote-count-data,
    .qa-q-list-item .qa-a-count-data {
        font-size: 20px;
        line-height: 20px;
    }
    .qa-q-list-item .qa-netvote-count-pad,
    .qa-q-list-item .qa-a-count-pad {
        font-size: 8px;
        line-height: 8px;
    }
    .qa-c-item-meta { width: 140px }
}
@media only screen and (min-width:176px) and (max-width:239px) { 
    h1 {
        font-size: 18px;
        line-height: 20px;
        padding: 0 0 5px 0;
        text-align: center;
    }
    .qa-cat-favorite,
    .qa-rss-icon { display: none }
    .qa-q-list-item .qa-q-item-stats,
    .qa-q-view-avatar { display: none }
    .qa-q-item-main,
    .qa-q-view-meta { width: 100% }
}
@media only screen and (width:568px) { 
    .qa-q-item-main { width: 410px }
}
@media only screen and (width:480px) { 
    .qa-q-item-main { width: 410px }
}
@media only screen and (width:380px) { 
    .qa-q-view-meta,
    .qa-a-item-meta { width: 205px }
}
@media only screen and (width: 360px) {
	.qa-q-item-main {
        width: 290px;
    }
}
@media only screen and (width:320px) { 
    .qa-q-view-meta,
    .qa-a-item-meta { width: 220px }
    .qa-q-item-main { width: 250px }
    .qa-q-item-avatar { display: none }
}
@media only screen and (width:240px) { 
    .qa-q-item-main { width: 190px }
    .qa-q-view-meta,
    .qa-a-item-meta { width: 140px }
}