/*
*   Q2A Market Elegant Responsive Theme
*
*   Theme Stylesheet
*   File: qa-devices-styles.css
*   
*   @author         Q2A Market
*   @category       Theme
*   @Version:       1.14
*   @author URL:    http://www.q2amarket.com
*   
*   @Q2A Version    1.6
*
*/

@media only screen and (min-width:1201px) { 
    #qa-login-bar { max-width: 1200px;padding: 0 0px;margin: 0 auto;height: 10px; }
    
    .fullWidth,#full-width-slider{
    	max-height:427px !important;
    }
    
    #qa-login-group {
        max-width: 1200px;
        width: 70%;
        margin: 0 auto;
        padding: 24px 0;
        text-align: left;
        float:right;
    }
    .qa-header-group {
        background: #fff;
        padding: 0 10px;
        background: #fff;
   background-image:url(../../../img/topbg.jpg);
    padding: 0 10px !important;
    /*background-repeat: no-repeat !important;*/
background-attachment: fixed !important;
background-position: right top !important;
    }
    .qa-header {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        /*padding: 10px 0;*/
        height: auto;
    }
    .qa-logo,
    .header-banner { 
    /*padding-top: 15px;*/
    padding-bottom: 8px;
    padding-top: 8px ;
    }
    .qa-titles {
        width: 1200px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        margin: 0 auto;
        padding: 0;
        width: 1200px;
    }
    .qa-main {
        float: left;
        width: 75%;
        padding-right: 10px;
        margin: 0;
        clear: left;
        overflow: hidden;
    }
    .qa-sidepanel {
        float: right;
        width: 25%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 570px; 
        float: left;
        padding-left: 10px;
    }
    .qa-footer {
        clear: both;
        width: 1200px;
        margin: 0 auto;
        color: #777;
        font-size: 10px;
        padding: 20px 0;
    }
    .qa-nav-main-list {
    width: 1200px !important;
}
}

@media only screen and (min-width :1001px) and (max-width:1200px){ 
    #qa-login-bar { max-width: 1000px;padding: 0 0px;margin: 0 auto;height: 10px; }
    #qa-login-group {
        max-width: 1000px;
        width: 70%;
        margin: 0 auto;
        padding: 24px 0;
        text-align: left;
        float:right;
    }
    .qa-header-group {
        background: #fff;
        padding: 0 10px;
        background: #fff;
   background-image:url(../../../img/topbg.jpg);
    padding: 0 10px !important;
    /*background-repeat: no-repeat !important;*/
background-attachment: fixed !important;
background-position: right top !important;
    }
    .qa-header {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
        /*padding: 10px 0;*/
        height: auto;
    }
    .qa-logo,
    .header-banner { 
    /*padding-top: 15px;*/
    padding-bottom: 8px;
    padding-top: 8px ;
    }
    .qa-titles {
        width: 1000px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        margin: 0 auto;
        padding: 0;
        width: 1000px;
    }
    .qa-main {
        float: left;
        width: 75%;
        padding-right: 10px;
        margin: 0;
        clear: left;
        overflow: hidden;
    }
    .qa-sidepanel {
        float: right;
        width: 25%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 570px; 
        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 {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-footer {
        clear: both;
        width: 100%;
        margin: 0 auto;
        color: #777;
        font-size: 10px;
        padding-right: 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: 200px }
    .qa-header-group {
        background: #fff;
        padding: 0 10px;
         background: #fff;
   background-image:url(../../../img/topbg.jpg);
    padding: 0 10px !important;
    background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: right top !important;
    }
    .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-right: 10px;
        padding-left: 10px;
        margin: 0;
        clear: left;
        overflow: hidden;
    }
    .qa-sidepanel {
        float: right;
        width: 25%;
        padding: 0;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 475px;
        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: 490px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 899px) {
	.qa-q-item-main {
        width: 420px;
    }
    .qa-a-item-main {
        width: 570px;
    }
}
@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%;
		border-right: 0px;
		padding:0px;
		padding-top:20px;
	}
    #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 {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-main {
        width: 100%;
        padding-right: 10px;
        overflow: hidden;
    }
}
@media only screen and (min-width :533px) 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: 420px;
        float: left;
        padding-left: 10px;
    }
    .q_view_vote_form { float: none }
    .qa-q-view-main,
    .qa-a-item-main {
        width: 100%;
        float: none;
        clear: left;
        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:97px;
    	left: 24px;
	}
}
@media only screen and (width :685px) { 
    .qa-q-item-main {
        width: 425px;
        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: 410px }
}
@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: 420px; 
        float: left;
        padding-left: 10px;
    }
}
@media only screen and (max-width:767px) {
.qa-logo>a>img{
display:none;
}
.qa-logo {
height:80px;
background-image:url(../../../logoogp_s.png);
    background-repeat: no-repeat !important;
background-position: center top !important;
}
.qa-nav-main-ask{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-questions{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-unanswered{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-categories{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-user{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-uplace{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px;
}
.qa-nav-main-ask > a {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FFA200;
    border-bottom: 0px solid #DB8F1D;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
	.qa-nav-main-ask > a:hover {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FEB331;
    border-bottom: 0px solid #FEB331;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
    h1 { font-size: 26px }
    .qa-body-wrapper { padding-top: 0 }
    #usermenu,
    #mainnavpull { display: block }
    #qa-login-bar {
        height: auto;
        position: static;
        background-color:#444;
    }
    .qa-nav-main-link {
    color: #222 !important;
    }
    #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 {
    	height:35px !important;
        vertical-align: bottom;
        margin: 0 -33px 0 0;
        padding-right: 38px!important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 95%;
        margin: 10px 0px 0px 0px !important;
    }
    .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: 13px;
        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 top 15px;*/
        
    }
    #loginmj{
    height: auto;
        line-height: normal;
        display: block;
        font-size: 14px !important;
        padding: 10px;
        font-weight: 700;
    }
    .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-nav-main-ask > a {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FFA200;
    border-bottom: 0px solid #DB8F1D;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
	.qa-nav-main-ask > a:hover {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FEB331;
    border-bottom: 0px solid #FEB331;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
	.qa-q-view-favorite .qa-favoriting,
    .qa-q-view-favorite .qa-favoriting-no-vote,
    .qa-a-selection {
        left: auto;
        top: 0px;
        right: 0px;
    }
}
@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) { 
.qa-titles > h1 > a > .entry-title {
    font-size: 20px;
}
.qa-titles > form > h1 > a > .entry-title {
    font-size: 20px;
}
h1 {
    padding: 0 5px 5px 0 !important;
}
.social-share-text{
	clear:both;
	width:100%;
}
.breadcrumb-wrapper{
	display:none;
}
.qa-view-count {
    top: 10px;
}
.qa-nav-main-ask > a {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FFA200;
    border-bottom: 0px solid #DB8F1D;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
	.qa-nav-main-ask > a:hover {
    padding: 0px;
    padding-left: 15px;
    padding-right: 0px;
    margin: 3px;
    margin-left: 3px;
    border-radius: 0px;
    color: #222 !important;
    text-decoration: none;
    background-color: #FEB331;
    border-bottom: 0px solid #FEB331;
    text-shadow: 0px;
    color: #060606 !important;
    height: 45px !important;
    line-height: 38px !important;
    font-size: 18px;
	}
	.qa-search-field {
        width: 90%;
    }
    h1 { font-size: 26px }
    .qa-titles {
        width: 100%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .qa-main-wrapper {
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }
    .qa-main {
        width: 100%;
        padding: 0px;
        overflow: hidden;
    }
    .qa-sidepanel {
        width: 100%;
        min-height: 80px;
    }
    .qa-q-item-main {
        width: 365px;
        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;
        clear: left;
        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: 0px;
        right: 0px;
    }
    .qa-footer {
        clear: both;
        width: 100%;
        margin: 0 auto;
        color: #777;
        font-size: 12px;
        padding: 20px 10px;
    }
    .qa-form-tall-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: 400px }
}
@media only screen and (width:480px) { 
    .qa-q-item-main { width: 400px }
}
@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: 280px;
    }
}
@media only screen and (width:320px) { 
    .qa-q-view-meta,
    .qa-a-item-meta { width: 220px }
    .qa-q-item-main { width: 240px }
    .qa-q-item-avatar { display: none }
}
@media only screen and (width:240px) { 
    .qa-q-item-main { width: 180px }
    .qa-q-view-meta,
    .qa-a-item-meta { width: 140px }
}