main.cat                { padding: 90px 0 0 0; }

.category-abovetitle    { font-size: 13px; line-height: 19px; font-weight: 700; color:#6aa509; letter-spacing: 0; text-transform: uppercase; }
.category-abovetitle a  { font-size: inherit; }

.tax-center_topic_parent                    { padding: 0 0 60px 0; border-bottom:1px solid rgb(198,198,198); z-index: 99; }
.tax-center_topic_parent .inner             { position: relative; overflow: visible; min-height: 170px; }
.tax-center_topic_parent .inner:after       { content: ""; display: table; clear: both; }

.tax-center_topic_parent .desktoptop        { float:none; width:760px; }
.tax-center_topic_parent h1                 { font-size: 30px; text-transform: none; letter-spacing: normal; text-align: left; color:rgb(84,84,84); font-weight: 900; }
.tax-center_topic_parent .desktoptop p      { font-size: 15px; color:#767676; padding:15px 0;  }
.tax-center_topic_parent p.desc             { font-size: 15px; color:#767676; padding:15px 0;  }


.tax-center_topic_parent aside              { position: absolute; width:140px; height:auto; right:60px; top:-20px; z-index: 999; border-radius:0; background-color: rgb(255,255,255); border:1px solid rgb(255,255,255); }


a.tic-button            { display:block; font-size: 13px; color:rgb(84,84,84); width:132px; border:2px solid rgb(214,214,214); line-height: 31px; height:35px; border-radius:19px; text-align:center; float:right; margin:0 0 0 18px; }
a.tic-button:hover      { background-color: rgb(214,214,214); color:rgb(84,84,84); }
a.tic-button.on         { background-color: rgba(84,84,84, 1); color:rgb(255,255,255); border:2px solid rgba(84,84,84, 1); }
a.tic-button.on:hover   { background-color: rgba(84,84,84, 0.9); color:rgb(255,255,255); border:2px solid rgba(84,84,84, 1); }

.tax-center_topic_listview { padding: 90px 0 60px 0; border-bottom:1px solid rgb(198,198,198); }
.tax-center_topic_listview .inner             { position: relative; overflow: visible; }
.tax-center_topic_listview .inner:after       { content: ""; display: table; clear: both; }

.tax-center_topic_listview h2       { font-size:24px; color:#545454; font-weight:800; font-family: 'Roboto', sans-serif; float:left; margin: 0; }
.tax-center_topic_listview h2.home  { text-align: center; float:none; margin: 0; padding: 0; }
.tax-center_topic_listview nav      { float:right; box-sizing:border-box; margin: 0 -5px; }
.tax-center_topic_listview nav a    { display:inline-block; height:34px; line-height: 30px; margin: 0 5px; padding: 0 30px; border:2px solid #ccc; border-radius:20px; color:#767676; text-decoration:none; box-sizing:border-box; font-size:13px; }
.tax-center_topic_listview nav a:hover { border:2px solid #3a6e10; border-radius:20px; background-color:#3a6e10; color:#fff; }

.tax-center_topic_listview .support-articles { width:1080px; height:auto; margin:30px auto; box-sizing:border-box; overflow:hidden; clear:both; font-size: 0; }
.tax-center_topic_listview .support-articles_container { width: 1140px; height: auto; margin:0 -30px; box-sizing:border-box; }

.tax-center_topic_listview i.support-article   { display:inline-block; width:510px; vertical-align: top; box-sizing:border-box; border-top:1px #c6c6c6 solid; font-style: normal; margin: 10px 30px; padding-top:35px; padding-left:55px; position:relative; }
.tax-center_topic_listview i.support-article a.article-title   { display:block; font-size:16px; color:#545454; font-weight:700; margin: 0 0 5px 0; font-family: 'Roboto', sans-serif; }
.tax-center_topic_listview i.support-article a.subtopic-title  { display:block; font-size:13px; line-height: 14px; color:#15a4aa; font-weight:700; margin: 0; }
.tax-center_topic_listview i.support-article.software a.subtopic-title { color:#8b5cb7; }


.tax-center_topic_listview i.support-article a.article-title:hover  { color:#3a6e10; }
.tax-center_topic_listview i.support-article a.subtopic-title:hover { text-decoration: underline; }

.tax-center_topic_listview i:nth-of-type(1)  { border-top:none; }
.tax-center_topic_listview i:nth-of-type(2)  { border-top:none; }
.tax-center_topic_listview i.support-article.online:before { display:block; width:30px; height:30px; content: ' '; background-image: url(../svg/diy-icon-pc.svg); background-size: 30px 30px; position: absolute; top:38px; left:8px; }
.tax-center_topic_listview i.support-article.software:before { display:block; width:30px; height:30px; content: ' '; background-image: url(../svg/diy-icon-software.svg); background-size: 30px 30px; position: absolute; top:38px; left:8px; }

.support-show-more                       { display:block; text-align: center; margin: 50px 0 0 0; }
a.button-show-more-questions             { display:inline-block; padding: 0 25px; font-size: 14px; font-weight:700; height:35px; line-height: 35px; border-radius: 18px; text-align: center; background-color: #15a4aa; color:#fff; text-decoration: none; transition: all .2s ease; }
a.button-show-more-questions:after       { content: "Show More Questions" } 
a.button-show-more-questions:hover       { opacity: 0.9; color:#fff; }
a.button-show-more-questions:active      { opacity: 0.9; color:#fff; }
a.button-show-more-questions:focus       { opacity: 0.9; color:#fff; }
a.button-show-more-questions.loading     { width: 35px; height:35px; opacity: 0.9; color:#fff; padding:0; animation: support-loader .5s linear infinite; background-color:#fff; border: 3px solid #15a4aa; border-top:3px solid #fff;  }
a.button-show-more-questions.loading:after        { content: "" } 

@keyframes support-loader {0% {transform: rotateZ(0);}100% {transform: rotateZ(360deg);}}

a.button-show-more-questions.all-done         { opacity: 0; transition: all 1s ease; }
a.button-show-more-questions.all-done:after   { content: "" } 



@media only screen and (max-width: 767px) {

  main.cat                { padding: 30px 0 0 0; }
  
  .tax-center_topic_parent                    { padding: 0 0 30px 0; }
  .tax-center_topic_parent .desktoptop        { float:none; width:100%; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }
  .tax-center_topic_parent .inner             { min-height: auto; }
  .tax-center_topic_parent h1                 { font-size: 24px; line-height: 30px; }

  .tax-center_topic_parent aside              { position: relative; left:0; width:100%; height:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .tax-center_topic_parent aside              { display:none; }
  .tax-center_topic_listview { padding: 60px 0 30px 0; border-bottom:1px solid rgb(198,198,198); }
  
  .tax-center_topic_listview h2       { float:none;  }
  .tax-center_topic_listview nav      { float:left; margin: 10px -5px; }
  .tax-center_topic_listview nav a     { margin:5px; }
  
  .tax-center_topic_listview .support-articles { width:100%; margin:10px auto; }
  .tax-center_topic_listview .support-articles_container {width:100%; margin:0; }

  .tax-center_topic_listview i.support-article   { display:block; width:100%; border-top:1px #c6c6c6 solid;  margin: 10px 0; padding-top:20px; padding-bottom: 10px; padding-left:55px; }
  .tax-center_topic_listview i.support-article a.article-title   { margin: 0 0 5px 0; }
  .tax-center_topic_listview i.support-article a.subtopic-title  { margin: 0; }
  .tax-center_topic_listview i:nth-of-type(1)  { border-top:none; }
  .tax-center_topic_listview i:nth-of-type(2)  { border-top:1px #c6c6c6 solid; }
  .tax-center_topic_listview i.support-article.online:before { top:24px; left:8px; }
  .tax-center_topic_listview i.support-article.software:before { top:24px; left:8px; }

  
  .atn-filters .subsnav.open          { height:auto; overflow: visible; }
	
}
/* tablet vertical */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	
  main.cat                { padding: 50px 0 0 0; }
  
  .tabletbox  { max-width: 600px; }
  
  .tax-center_topic_parent                    { padding: 0 0 40px 0; }
  .tax-center_topic_parent .desktoptop        { float:none; width:82%; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }
  
  .tax-center_topic_parent .inner             { min-height: 120px; }
  
  .tax-center_topic_parent aside              { position: absolute; left:auto; right:0; top:-20px; width:80px; }
  
  .tax-center_topic_listview          { padding: 60px 0 40px 0; border-bottom:1px solid rgb(198,198,198); }
  
  .tax-center_topic_listview h2  { font-size:21px; float:none;  }
  .tax-center_topic_listview nav      { float:left; margin: 15px -5px; }
  
  .tax-center_topic_listview .support-articles { width:708px; margin:10px auto; }

  .tax-center_topic_listview .support-articles_container { width: 738px; margin:0 -15px;  }

  .tax-center_topic_listview i.support-article   { width:339px; margin: 10px 15px; }
  
}
/* desktop 1024 */
@media only screen and (min-width: 990px) and (max-width: 1279px) {
	
  main.cat                { padding: 60px 0 0 0; }
  
  .tabletbox  { max-width: 680px; }
  
  .tax-center_topic_parent .desktoptop        { float:none; width:720px; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }
  
  .tax-center_topic_parent aside              { position: absolute; left:auto; right:0; top:-20px; width:130px; }
  
  .tax-center_topic_listview { padding: 70px 0 50px 0; }
  
  .tax-center_topic_listview h2  { float:none; }
  .tax-center_topic_listview nav      { float:left; margin: 15px -5px; }
  
  .tax-center_topic_listview .support-articles { width:960px; }
  .tax-center_topic_listview .support-articles_container { width: 1020px; margin:0 -30px;  }

  .tax-center_topic_listview i.support-article   { width:450px; }
  
}