.a_container { padding: 0 20px 0 20px }
.middull-content .aq-form { margin-bottom: 10px }
.default-btn { border-radius: 0 !important }
.ptb-100 { padding-top: 30px !important }
.right-siderbar { top: 10px !important }
.question .user a, .reply .user a { color: #61028D }
.question .thread_id, .reply .reply_id { display: none !important }
.question h1, .question .flex-grow-1 h2 { margin-top: 0 !important; line-height: normal !important; position: relative; }
/*.question .graphic-design { position: relative; top: -20px; padding: 0 !important; margin: 0 !important }*/
.question-details-area .question-details-content { padding: 10px 10px 0 10px }
.articles h2 { line-height: 23px !important; }
.articles h2 a { font-size: 22px !important }
.question-details-area .question-details-content h1 a { color: #555; font-size: 25px; }
.question-details-area .question-details-content h1 a:hover { text-decoration: underline }
.question-details-area .question-details-content h2 a { color: #555; font-size: 18px; }
.answer-question-details { padding: 10px; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); }
.question-details-area .answerss { margin: 10px 0 10px 0 !important }

.question-details-area .answer-question-details .latest-answer-list { margin: 0 !important }

.footer-area { position: static !important; z-index: 0 }
.col-lg-2 { width: 12.66666667% !important }
.col-lg-3 { width: 21% !important }
pre { padding: 5px; font-size: 11pt; background-color: #F5F2F0 !important; border: 1px solid #E1E1E8; padding: 5px; overflow: auto; max-height: 300px }
.thread_body a, .reply_body a, .thread_body a:hover, .reply_body a:hover, .ad_link, .ad_link:hover, .reply_body .question-title a, .reply_body .question-title { color: #61028D !important; font-size: 16px !important; }
.thread_body a:hover, .reply_body a:hover, .ad_link:hover { text-decoration: underline }
.thread_body { min-height: 200px; border-top: 1px solid #ccc; padding-top: 10px }
.thread_body, .reply_body { word-break: break-all; word-wrap: break-word }

.desktop-nav .navbar .others-options { top: -12px; position: relative }
.desktop-nav .navbar .others-options ul li .search-box .form-control { width: 250px !important; border-radius: 0 !important; background-color: #fff !important; border-color: #444 !important; color: #555 !important }
.desktop-nav .navbar .others-options ul li .search-box .search-btn { color: #555 }
.desktop-nav .navbar .others-options ul li { margin-right: 0 !important }
.desktop-nav .navbar .navbar-nav .nav-item a { font-size: 17px !important; color: #555 }

.bottom_ad_link, .bottom_ad_link a, .ad_link, .ad_link:hover { font-size: 18px !important }
.required { color: red; visibility: hidden }
.tag { color: #6c727c; background-color: rgba(121,127,135,.1); margin-right: 2px; margin-bottom: 2px; text-align: center; font-size: 16px !important; font-weight: 500 !important; padding: 3px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; border: 1px solid rgba(121,127,135,.05); }
.tag i { font-size: 15pt !important; position: relative !important; top: 4px !important; }
.tag .solved, .tag .solved:hover { color: #009BEE }
.tag .closed, .tag .closed:hover { color: #777 }
.tag .answer, .tag .answer:hover { color: #47AD09 }

.question .user img, .reply .user img { height: 40px; width: 40px }
.question .user { width: 70px }
.question-title a { font-size: 25px !important; }
.question-details-area h1 { font-size: 35px !important; font-weight: normal !important; line-height: 25px !important }

/*.article-area h1 { border-bottom: 1px solid #eee; margin-bottom: 20px }*/
.article-body a { color: #61028D; text-decoration: underline; font-size: 16px !important }
.article-body span, .article-body font, .article-desc span { font-size: 17px !important }
.article-body .codes span, .article-body .codes font { font-size: 15px !important }
.article-body .codes { background-color: #F5F2F0 !important; border: 1px solid #E1E1E8; padding: 5px; word-break: break-all; word-wrap: break-word; }
pre {
  
white-space: pre-wrap; 
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap; 
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.article-body .info { background-color: #FFFFC1; border-color: #ffd800; color: #555; padding: 5px; word-break: break-all; word-wrap: break-word; display: flex; align-items: center }
.article-body .info font { font-size: 15px }
.article-body .info b { font-weight: bold; font-size: 17px; color: darkorange }
.article-body .info a { color: #555; text-decoration: underline }
.article-body .info i { color: darkorange; font-size: 36px }

.button-list li { display: inline-block; margin-right: 15px }
.button-list { list-style: none; padding: 0 }
.button-list a { color: #61028D; font-size: 16px; }
.button-list a:hover { text-decoration: underline }
.btn { border-radius: 0; display: inline-block; color: #fff !important; text-decoration: none !important }
.btn:hover { background-color: #000 !important; color: #fff; text-decoration: none !important }
.btn-purple { background-color: #61028D }
.btn-orange { background-color: #F7A531 }

.question-details-area .answer-question-details .latest-answer-list li a.report { font-size: 16px !important }
.question-details-area .title, .question-details-area .title:hover { color: #555 !important }
.question-details-area .question-details-content .tag-list { padding-bottom: 15px; margin-bottom: 15px }
.question-details-area .question-details-content .graphic-design li, .answer-question-details .latest-answer-list li { font-size: 16px !important; }
.question-details-area .question-details-content .graphic-design li a.graphic { font-size: 16px !important; }
.question-details-area .answer-question-details .latest-answer-list li a { color: #61028D !important }
.question-details-area .question-details-content .graphic-design { margin-bottom: 18px !important }
.articles .question-details-content .tag-list { padding-bottom: 0 !important; border-bottom: none !important }
.articles .question-details-content { margin-bottom: 10px }
.article .flex-grow-1, .articles .flex-grow-1 { padding: 0 !important; margin-left: 0 !important }
.wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.wrapper iframe { position: absolute; top: 0; left: 0; width: 80%; height: 80%; }

.question-details-area h1 i, .answer-question-details h3 i { font-size: 39px; position: relative; top: 10px; color: #61028D }
.nav-link-active { color: #61028D !important }
.alert-info { color: #61028D; background-color: #F9F2FD; border-color: #EDCAFD; border-radius: 0; font-size: 16px }


::-webkit-input-placeholder { /* Edge */ color: #555 !important; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #555 !important; }
input::placeholder, textarea::placeholder { font: 16px sans-serif !important; color: #555 !important }
.form-check-input { width: 30px; height: 30px; position: relative; top: -5px; margin-right: 10px }
html { overflow-y: scroll; }
p { font-size: 17px !important }

.author .techs img { width: 180px; height: auto }
.author .description u { color: #61028D }
.author .description u { color: #61028D }
.author .description h3 { font-size: 18px; text-decoration: underline }
.author .techs .single-communities-box { min-height: 200px }
.author .awards img { width: auto; height: 90px }
.author .description p { margin-bottom: 30px !important }

.modal { position: fixed; top: 0; left: 0; background-color: gray; z-index: 1800; min-height: 100%; width: 100% }
.overlay { border: 0px solid #6F6F6F; background-color: #fff; display: none; position: fixed; z-index: 2000; padding: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.yt_btn span { height: 1.5em; text-align: center; font: 28px/1.5 sans-serif; color: white; margin-left: 34% }
.yt_btn, .yt_btn:hover { width: 10%; height: 45px; width: 75px; cursor: pointer; border-radius: 8px; padding-top: 0px; position: relative; margin: 0 auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.yt_btn { background: #6F6F6F; opacity: 0.7 }
.yt_btn:hover { background: red; opacity: 1 }
.yt_img { background-size: cover; height: 450px; background-position: 0; width: auto;margin-bottom:10px }
.anchor16 { color: #61028D; text-decoration: underline; font-size: 16px !important; }

/*MEDIA*/
@media (max-width: 991px) {
    .navbar-area { padding-bottom: 0 !important }
    .col-lg-7 { width: 99% !important }
    .aq-form .default-btn { display: none }
    .question h1, .question h2 { top: -10px }
    .desktop-nav .navbar .others-options { display: none }
    .question-details-area { font-size: 16px !important }
    .answer-question-details .latest-answer-list li { display: none }
    .thread_body table, .thread_body td, .thread_body h1, .thread_body h2, .thread_body p, .reply_body p { background: none !important; font-size: 18px !important }
    .question-details-area .question-details-content .btn { margin-bottom: 10px }
    .contact-form .form-group label { font-size: 22px }
}

@media (min-width: 1028px) {
    .navbar-area { padding-top: 0 !important }
    .col-lg-7 { width: 66.33333333% !important }
    .aq-form .default-btn { position: absolute; top: 4px; right: 3px; }
    .question h1, .question h2 { top: -10px }
    .aq-form { display: none }
    .desktop-nav .navbar .others-options ul li .search-box .form-control { max-width: 400px !important; }
    .desktop-nav .navbar .others-options .default-btn { padding: 11px 10px !important }
    .thread_body table, .thread_body td, .thread_body h1, .thread_body h2, .thread_body p, .reply_body p { background: none !important; font-size: 16px !important }
    .contact-form .form-group label { font-size: 18px }
}