﻿@media (max-width: 767px)
{
    .logo { max-width:250px; }
    .logo .asp { width:50px; overflow:visible; }
    .logo .aspsnippets { width:160px; }
    .avatar { height:60px; width:60px; }
    .page-heading { font-size:18pt; }
    .user-mobile .col-md-5,.user-mobile .col-md-7 { padding-left:10px !important; }
    .user .username { font-size:7pt; margin-top:5px; border-bottom:none !important; }
    .user-question-body, .user-answer-body { min-height:0; border-left:0; padding:0 10px 10px 0; }
    .user-question-body .footer, .user-answer-body .footer { position:relative; }
    .user-question-body .body, .user-answer-body .answer-body { word-break: break-all; word-wrap: break-word; }
    .pager { position:relative; z-index:1; text-align:center; margin-bottom:10px; float:left !important; }
    .vertical-buttons { top:190px; display:block; }
    .Question .abstract { padding:0; }
    .vertical-buttons { width:30px; }
    .vertical-buttons div,.vertical-buttons a, #QuickReplyButton, .vertical-buttons .Notification, .vertical-buttons .RecentActivity { height:30px; width:30px; background-size:contain; left:0; }
    .vertical-buttons .quick-question { display:block !important; }
    /*.quick-question:hover { left:-92px; }
    .quick-messages:hover, .quick-requests:hover, .vertical-buttons .RecentActivity:hover { left:-75px; }
    #QuickReplyButton:hover { left:-80px !important; }*/
    .icons { text-align:center; padding-top:0; }
    .icons a { float:none; padding:0; }
    .icons a.visible-xs { display:inline-block !important; }
    .user-mobile .col-xs-3 { width:80px !important; height:80px; padding-right:0; }
    .user-mobile .col-xs-9 { padding-left:10px; }
    .hoverbox { margin-right:15px; }
    .RightBox, .CodeBox { margin-left:35px; }
    .threads .profile-pic { z-index:9; }
    #SearchPopup .threads .profile-pic { width:75px; }
    #SearchPopup .threads a { border:none; }
    #SearchPopup .threads a:hover { background:none; border:none; text-decoration:none; }
    #SearchPopup .pager { width:auto; float:left !important; margin-left:5px; }
    #SearchPopup #addToReply, #SearchPopup #approveAndReply { margin:5px 0 10px; background-color:none; }
    #SearchPopup #addToReply .fa, #SearchPopup #approveAndReply .fa { font-size:18pt; color:#E82829; cursor:pointer; }
    #SearchPopup .pager a:hover { color:#fff; }
    .username-mobile, .username-mobile .username { display:block; overflow:hidden; font-size:8pt; text-align:center; }
    #QuickMessageBox { left:45px; margin-left:0; }
    .RightBox .addcode { top:88px; }
    .threadTitle,#SearchPopup .username { font-weight:700 !important; }
    #SearchPopup { padding-bottom:10px; }
    .threads .gridBox .thread-content .rss { right:0px; top:7px; } 
    .threads .gridBox .thread-content .solved, .threads .gridBox .thread-content .unapproved, .threads .gridBox .thread-content .email-sent { right:0px; top:45px; }
    .threads .gridBox .username-mobile { width:60px; }
    .Threads .info .icons { text-align:left; }
    .pager b { display:none; }
    .ForumsGrid .forum-question { float:right !important; }
    .ForumsGrid .rss { top:0; }
    .v_radio a { margin-bottom:5px !important; display:inline-block; }
    .ActionBar a, .ActionBar input, .ActionBar img { width:40px; height:40px; background-size:contain; background-repeat:no-repeat; }
    .ActionBar { left:-6px !important; top:130px; width:36px; }
    .ActionBar .buttons { width:40px; }
    /*.ActionBar .delete:hover{ width:112px !important; left:5px !important; background-position: 0px 0; }*/
    .ActionBar .delete:hover, .ActionBar .update:hover, .ActionBar .dnas:hover, .ActionBar .mas:hover { width:40px !important; background-size:cover; }
    .ActionBar .editthread:hover { width:70px !important; background-position: 5px 0; }
    .ActionBar .cnp:hover { width:205px !important; }
    .ActionBar .mar:hover { width:223px !important; left:5px !important; }
    /*.ActionBar .update:hover { width:115px !important; }*/    
    .ActionBar .close:hover { width:107px !important; }
    .ActionBar .mans:hover { width:191px !important; }
    .ActionBar .reopen:hover { width:125px !important; }
    .ActionBar .dnar:hover { width:160px !important; }
    /*.ActionBar .mas:hover { width:165px !important; }*/
    .ActionBar .approve:hover { width:129px !important; }
    .ActionBar .dna:hover { width:258px !important; }
    /*.ActionBar .dnas:hover { width:281px !important; }*/
    .ActionBar .dnar:hover { width:249px !important; }
    .ActionBar .dnsr:hover { width:303px !important; }
    .ActionBar .undodelete:hover { width:168px !important; }
    .hoverbox .footer .col-xs-6 { padding-right:0; }
    .hoverbox .footer a,.hoverbox .footer .fa { font-size:8pt; }
    .user-profile-mobile { float:right; } 
    .ForumsGrid .forum-question-rss-wrap { top:0; position:relative; padding-top:5px; text-align:right; overflow:hidden; padding-left:15px; width:100%; }
    .ForumsGrid .forum-question-rss-wrap .forum-question { float:right; }
    .tabs { border-bottom:none; margin-bottom:0; }
    .note-box { clear:both; }
    .socialicons { text-align:center; }
    .captcha { padding-right:15px;}
    #SignUp .SecurityCode { padding-right:10px !important; padding-top:7px; }
    .popup { right:35px !important; left:35px !important; position:absolute !important; }
    .ThreadTagGrid .add_plus, .ThreadTagGrid .sub_minus { margin-right:5px; }
    .popup-footer .btn { margin:5px 0; }
    #ReplyAnswerPopup .v_radio { margin-bottom:2px; }
    #ReportAbusePopup .v_radio { margin-bottom:7px; }
    .footer-search-box { margin-left:25px; }
    .footer-search-box #txtSubscriberEmail { max-width:170px; }
    .DuplicateThreadButtons { width:100%; overflow:hidden; padding-right:0; position:relative; left:20px; }
    .DuplicateThreadButtons a, .DuplicateThreadButtons button {  margin-top:10px; display:inline-block; }    
    #QuickQuestionPopup .addcode { top:113px !important; }
    #QuickReplyPopup { left:0; }
    #QuickReplyPopup .addcode { top:20px !important; right:40px; }    
    #ReportAbuseBody { height:100px !important; }
    .login-form .captcha { float:right; }
    .login-wrap .col-md-7 { padding-right:15px; }
    .ac_results.messageBoxAutoComplete { left:98px !important; width:200px !important; }
    #SearchPopup .infobox { margin:0 15px; position:relative; top:-10px; }
    #SearchPopup .tabs { margin-bottom:0; }     
    .Threads .tabs { margin-bottom:10px; }
    .PointStatistics .left, .profile .dynaform .panel .right { width:50%; vertical-align:top; }
    .PointStatistics .right, .profile .dynaform .panel .left { vertical-align:top; }    
    .info-bar .icon-badge { margin:2px 1px 1px; } 
    .icon-badge a, .icon-badge a:hover,.icon-badge a:focus,.icon-badge a:active,.icon-badge a:visited, voted-wrap a, voted-wrap a:hover,voted-wrap a:focus,voted-wrap a:active,voted-wrap a:visited { text-decoration:none !important; }
    .search-thread { margin-top:5px; }
    .search-thread .content { width:100%; margin-left:-60px; padding-left:75px; }
    .search-thread .content .thread-info { width:100%; margin-left:-90px; padding-left:80px; float:right; margin-right:5px; }
    .threads .icon { z-index:999; }
    .info .icons .Subscribe,.info .icons .notsubscribed { top:-2px; }
    .info .icons .all { top:6px; left:2px; }
    #UserStrengthsChartDescription, #UserStrengthsChart { margin:15px auto; float:none !important; width:170px; }
    #UserStrengthsChart { position:relative; left:-70px; } 
    .profile .tabs { margin-bottom:5px; }
    .tabs a { font-size:13pt; }
    #Thread .tabs { margin-bottom:0px; }
    #Thread .tabs a { margin-right:5px; font-size:11pt; }
    .profile .tabs a { font-size:11pt; margin-right:5px; }
    /*.profile .tabs a { width:100%; border-radius:5px !important; }
    .profile .tabs a.activetab:hover { background-color:#0090CB; color:#fff; }
    .profile .tabs a:hover { background-color:#eee; color:#666; }*/
    .profile .search-thread .content .thread-info { padding-left:90px; padding-right:0; margin-left:-90px; margin-right:0; font-size:10pt; }
    .ThreadTagGrid .important-icon { margin-right:5px; }
    #ShowMessageBody .MessageBody { max-height:200px; }
    #communication .request-details { padding-left:75px; margin-left:-75px; width:100% !important; }
    #communication .pager { margin-bottom:15px; }
    #communication .buttons a { display:inline-block; }
    #UserSettings .panel div { overflow:hidden; width:100%; float:left; }
    #UserSettings .page-heading { font-size:10pt; }
    #UserSettings .left { width:100% !important; margin-bottom:5px; margin-right:-35px; padding-right:45px; }
    #UserSettings .right { float:none; }
    #UserSettings .buttons { position:relative; top:5px }
    
    #TopScorers .filters select { max-width:100%; clear:both; }
    /* Member Css */
    #Members .pager { width:100%; }
    #Members .roll { margin-top:10px; padding-bottom:5px; text-align:center; }
    #Members .roll a { margin-bottom:5px; }
    
    .info .icons a,.info .icons span, .icon-badge .fa { float:none; }
    /* config settings Css */
    .config-setting hr.small { margin-bottom:5px; }
    .config-setting .btn-group .dropdown-menu { right:0px; left:auto; }
    
    .User_Item { width:130px; margin:0px 2px 10px; height:165px; }
    .User_Item img.avatar { height:110px; width:110px; }
    .User_Item .points { font-size:8pt; }
    
    .navbar-nav-mobile #SearchPopup { margin-top:0; padding:15px; }
    .threads .thread-content { padding-right:0px; }
    .threads .thread-content .popover { max-width:240px; min-width:240px; font-size:10pt; }
    .navbar-nav-mobile .threads .thread-content { padding-right:0; }
    .site-main { overflow:hidden; }
    .threads .thread-content a { word-wrap: break-word; }
    .fixedpager { background-color: #FFFFFF; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; position: fixed; top: 70px; z-index: 999; right:15px; left:15px; }
    .progress { margin-top:15px; }
    .password-verdict { top:2px; }
    
    #UploadModal .UploadWrap .profile-pic { width:60px; }
    #UploadModal .UploadWrap .profile-pic img { width:60px; height:60px; }
    #UploadModal .UploadWrap .uploadbox { margin-left:-60px; padding-left:75px; }
    
    .infobox .right-content .btn, .errorbox .right-content .btn, .note-box .right-content .btn, .success-box .right-content .btn { margin:5px 0; top:0; }
    .post .info-bar .badges { padding-top:2px; }
    
    #SignUp .signup #activationlabel, #SignUp .signup #activationtextbox { width:100%; }
    #SignUp .signup #activationbutton { float:left !important; margin-top:10px; }
    
    .forum-categories .page-heading { font-size:15pt; }
    .user-profile-form { font-size:8.5pt; }
    .navbar-nav-mobile .searchbox { float:left; width:100%; padding-top:15px; }
    .navbar-nav-mobile a { text-decoration: none;    }
    .searchbox .visible-xs .SearchText { width:100%; margin-right:-115px; padding:0 10px 10px 10px; float:left; }
    .searchbox .visible-xs .searchButton { width:100%; padding:0 3px 15px; text-align:left; }
    .InfoBoxWithNoMargin .right-content { margin-top:0 !important; }
    
    .dashboard .Notification-Details { font-size:9pt; }
    .page-footer .links { font-size:10pt; }
    .about-us .page-heading { font-size:11pt; }
    .captcha .form-control, .SecurityCode-captcha .form-control { width:55px !important; }
    #lnkMobileContact .dropdown-menu li a, #lnkMobileAdministrator .dropdown-menu li a, #lnkThreadsMobile .dropdown-menu li a, #lnkMobileTutorials .dropdown-menu li a { padding-left:30px; }    
    .RequestsContent { background-color:#009BEE; font-size:9pt; display:block; float:right; height:21px; line-height:21px; min-width:21px; text-align:center; color:#fff; }
    #ControlUsers #Content .user .user-right-section .smallicons { clear:both !important; }
    #ControlUsers #Content .user .user-right-section .smallicons .dropleft { float:left !important; }
    .btn-group .dropdown-toggle { margin-top:0; }
    /*.CustomTagTextBox { width:160px; }*/
    
    .post .info-bar .badges { padding:0px 86px 2px 4px; width:100%; margin-right:-86px; }
    .post .info-bar .action { width:86px; }
    #ThreadTagsPopup #ThreadTagWrap .checkbox { margin-top:3px !important }
    #DeleteThreadPopup textarea { max-width: 410px; }
    
    /*.dismissNotification { position:static !important; float:right; }
    .global-notifications { text-align:left; padding:5px 30px !important; }
    .global-notifications .pull-left { margin-right:5px; padding-top:3px; }*/
    #ControlUserDataPopup .right-sep { border-right:none; }
    .pager a { margin-left:0; margin-right:4px; float:left; }
    .search-close-button { height:auto; }
    .global-notifications .dismissNotification { margin-top:5px; }
    
    /*.global-notifications { height:auto !important; }
    .global-notifications .dismissNotification { padding:0; }*/
    .social-buttons .SocialButtonWrap { margin:0; margin-right:5px; }
    .social-buttons .media-body { position:relative; top:8px; }
    /*#dvArticleTextAd iframe { width: 100%; height:40px; }*/
    #dvArticleTextAd .dvAdContainer { width: 100%; height:40px; }    
    #dvArticleTextAd .textAdContent { margin:0 15px }
    .text-ad-sep.top-sep { margin:0; padding:15px 0 0; }
    #SelectDuplicateThreadPopup { z-index:10000; }
    #UserSettings .panel .row { margin-bottom:10px; }
    #UserSettings .panel { margin-bottom:0; }
    #UserSettings .panel .row:last { margin-bottom:0; }
    #UserSettings .buttons { margin-bottom:10px; display:block; }
    
    .activethreadcounts.red, .activethreadcounts.blue { height:35px; line-height:35px !important; position:relative; top:-3px; }
    #PasteContentPopup { z-index:9999; }
    
    .page-header { position:fixed; width: 100%; z-index: 99999999999; top: 0; padding: 10px }
    .site-main { margin-top: 80px; }        
    
    .navbar-wrapper .navbar-nav-mobile {
        box-shadow: -2px 2px 6px #666 !important;
        background-color: #FFF;
        border: none;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .navbar-wrapper {
        position: fixed;
        top: 70px;
        z-index: 10000000001;
        padding: 0px;
        text-align: left;
        left: 100%;
        right: auto;
        width: 70% !important;
        margin: 0;            
    }
    
    .reset-password .reset-password-form { padding:0 }
    .page-header-wrap { float: left; width: 100%; }
    .site-main .content-area { margin-top: 70px; }
    #user-profile-form-mobile { top: 70px; }
    .reset-password-form { width: 100%; padding: 5px 0 !important; }
    .dropdown-menu > li > a { white-space: normal; }
    .mob_overflow{ max-height:350px; overflow-x:hidden; overflow-y:auto; }
    #UploadModal .UploadWrap .profile-pic .uname { width: 60px; }
}
