@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam.eot');
  src: url('../fonts/shabnam/Shabnam.eot?#iefix') format('embedded-opentype'),
       url('../fonts/shabnam/Shabnam.woff2') format('woff2'),
       url('../fonts/shabnam/Shabnam.woff') format('woff'),
       url('../fonts/shabnam/Shabnam.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Bold.eot');
  src: url('../fonts/shabnam/Shabnam-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/shabnam/Shabnam-Bold.woff2') format('woff2'),
       url('../fonts/shabnam/Shabnam-Bold.woff') format('woff'),
       url('../fonts/shabnam/Shabnam-Bold.ttf') format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Thin.eot');
  src: url('../fonts/shabnam/Shabnam-Thin.eot?#iefix') format('embedded-opentype'),
       url('../fonts/shabnam/Shabnam-Thin.woff2') format('woff2'),
       url('../fonts/shabnam/Shabnam-Thin.woff') format('woff'),
       url('../fonts/shabnam/Shabnam-Thin.ttf') format('truetype');
  font-weight: 100;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Light.eot');
  src: url('../fonts/shabnam/Shabnam-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/shabnam/Shabnam-Light.woff2') format('woff2'),
       url('../fonts/shabnam/Shabnam-Light.woff') format('woff'),
       url('../fonts/shabnam/Shabnam-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: Shabnam;
  src: url('../fonts/shabnam/Shabnam-Medium.eot');
  src: url('../fonts/shabnam/Shabnam-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/shabnam/Shabnam-Medium.woff2') format('woff2'),
       url('../fonts/shabnam/Shabnam-Medium.woff') format('woff'),
       url('../fonts/shabnam/Shabnam-Medium.ttf') format('truetype');
  font-weight: 500;
}



@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Regular.eot');
    src: url('../fonts/vazir/Vazir-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Regular.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Regular.woff') format('woff'),
         url('../fonts/vazir/Vazir-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Bold.eot');
    src: url('../fonts/vazir/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Bold.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Bold.woff') format('woff'),
         url('../fonts/vazir/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Black.eot');
    src: url('../fonts/vazir/Vazir-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Black.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Black.woff') format('woff'),
         url('../fonts/vazir/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Medium.eot');
    src: url('../fonts/vazir/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Medium.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Medium.woff') format('woff'),
         url('../fonts/vazir/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Light.eot');
    src: url('../fonts/vazir/Vazir-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Light.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Light.woff') format('woff'),
         url('../fonts/vazir/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Thin.eot');
    src: url('../fonts/vazir/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vazir/Vazir-Thin.woff2') format('woff2'),
         url('../fonts/vazir/Vazir-Thin.woff') format('woff'),
         url('../fonts/vazir/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



/*@font-face {
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url(../fonts/fa/fa-regular-400.eot);
  src:url(../fonts/fa/fa-regular-400.eot?#iefix) format("embedded-opentype"),
  url(../fonts/fa/fa-regular-400.woff2) format("woff2"),
  url(../fonts/fa/fa-regular-400.woff) format("woff"),
  url(../fonts/fa/fa-regular-400.ttf) format("truetype"),
  url(../fonts/fa/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face{
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900;
  font-display:block;
  src:url(../fonts/fa/fa-solid-900.eot);
  src:url(../fonts/fa/fa-solid-900.eot?#iefix) format("embedded-opentype"),
  url(../fonts/fa/fa-solid-900.woff2) format("woff2"),
  url(../fonts/fa/fa-solid-900.woff) format("woff"),
  url(../fonts/fa/fa-solid-900.ttf) format("truetype"),
  url(../fonts/fa/fa-solid-900.svg#fontawesome) format("svg")
}


*/
* :not(div):not(.enlighter) {
  font-family: Vazir;
  letter-spacing: -.02rem;
}


.px-goldrem-1 {
    padding-right: 1.618033989rem !important;
    padding-left: 1.618033989rem !important;
}
.px-goldrem-2 {
    padding-right: 3.236067978rem !important;
    padding-left: 3.236067978rem !important;
}
.px-goldrem-3 {
    padding-right: 4.854101967rem !important;
    padding-left: 4.854101967rem !important;
}
.px-goldrem-4 {
    padding-right: 6.472135956rem !important;
    padding-left: 6.472135956rem !important;
}
.px-goldrem-5 {
    padding-right: 8.090169945rem !important;
    padding-left: 8.090169945rem !important;
}


.ml-goldpx-1 {
    margin-left: 6.472135956px !important;
}
.mr-goldpx-1 {
    margin-right: 6.472135956px !important;
}
.ml-goldpx-2 {
    margin-left: 12.944271912px !important;
}
.mr-goldpx-2 {
    margin-right: 12.944271912px !important;
}

#top-header nav a{
  margin: .45rem !important;
}

#top-header nav a {
  font-size: 1rem;
  /*font-weight: 500;*/
  text-decoration: none;
  color: #646666/*#787979*/;
}
#top-header nav a.active {
  color: #212529;
  border-bottom: 2px solid #646666;
  padding-bottom: 0px;
}
#top-header nav a:hover {
  color: #212529;
}

.coloro-btn {
  background: linear-gradient(0deg, #ff6347 0%, #ff7f50 100%);
  border: none;
  color: snow;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: 0 .1rem .1rem tomato !important;
  -webkit-box-shadow: 0 .1rem .1rem tomato !important;
  transition: box-shadow 100ms;
}
.coloro-btn:hover {
  border: none;
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
  box-shadow: 0 .1rem .2rem #ff7f50 !important;
  -webkit-box-shadow: 0 .1rem .2rem #ff7f50 !important;
}

.object-fit-cover {
  object-fit: cover;
  transition: object-fit 100ms;
}
.object-fit-cover:hover {
  object-fit: contain;
}

.object-fit-contain {
  object-fit: contain;
  transition: object-fit 100ms;
}
.object-fit-contain:hover {
  object-fit: cover;
}



#index-last-post .cover {
  height: 380px;
  width: 100%;
  object-fit: cover;

  border-radius: .25rem !important;
  -webkit-border-radius: .25rem !important;
  -moz-border-radius: .25rem !important;
  box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
  -webkit-box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
}
#index-last-post h2{
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0 0 9px 0;
  color: #212529;
}
#index-last-post p{
  color: #868686; /* 646666 */
  font-size: 1rem;
  line-height: 1.8rem;
}


#index-last-post .post-properties {
  position: relative;
}
#index-last-post .post-properties ul{
  padding: 0;
  margin: 0 0 2px 0;
}
#index-last-post .post-properties ul * {
  font-size: 0.9rem;
}
#index-last-post .post-properties h3 {
  display: inline-block;
}
#index-last-post .post-properties li {
  display: inline;
  color: #868686;
}
#index-last-post .post-properties li:first-of-type a {
  color: #646666;
}
#index-last-post .post-properties li:last-of-type::after {
  content: "";
}
#index-last-post .post-properties li::after {
  content: " • ";
  font-size: 13px;
}
#index-last-post .post-properties a {
  text-decoration: none;
}
#index-last-post .post-properties .profile {
  position: absolute;
  bottom: 0; 
  width: 90%;
}
#index-last-post figure {
  overflow: hidden;
}
#index-last-post figure img {
  object-fit: cover;
  transition: all 400ms ease-in-out 0s;
}
#index-last-post .post-properties .profile img {
  width: 47px;
  height: 48px;
  margin-top: 6px; 
}
#index-last-post:hover img {
  transform: scale(1.05);
}
#index-last-post .post-properties .profile h4 {
  font-size: .9rem;
  color: #212529;
  padding-top: 12px;
  margin: 0;
}
#index-last-post .post-properties .profile h5 {
  font-size: .9rem;
  padding-top: 4px;
  color: #868686;
  margin: 0;
}
.custom-shadow-sm {
  box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
  -webkit-box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
}


#mySidebar {
  /*display: none;*/
  position: fixed !important;
  height: 100%;
  width: 200px;
  right: -200px;
  top: 0;
  background-color:#fff;
  z-index: 1;
  overflow:auto;
  transition: right 500ms;
}
#mySidebar button, #mySidebar a {
  display: block;
  text-align: right;
  color: #212529;
  text-decoration: none;
  background-color: transparent;
  padding:1rem 3rem;
  width:auto;
  border:none;
  display:block;
  outline:0
}
#mySidebar a.active {
  background-color: #eee;
}

#top-header, .container-goldrem {
  padding-right: 8.090169945rem !important;
  padding-left: 8.090169945rem !important;
}


.index-other-posts {
  margin-top: 4rem; 
}
.index-other-posts .post-properties figure {
  width: 100%;
  height: 275px;
  overflow: hidden;
  border-radius: .25rem !important;
  -webkit-border-radius: .25rem !important;
  -moz-border-radius: .25rem !important;
  box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
  -webkit-box-shadow: 0 0rem .125rem rgba(0,0,0,.175) !important;
}
.index-other-posts .post-properties figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 400ms ease-in-out 0s;
}
.index-other-posts .post-properties:hover img {
  transform: scale(1.05);
}
.index-other-posts .post-properties ul{
  padding: 0;
  margin: 0 0 2px 0;
}
.index-other-posts .post-properties ul * {
  font-size: 0.9rem;
}
.index-other-posts .post-properties h3 {
  display: inline-block;
}
.index-other-posts .post-properties h5 {
  display: inline-block;
}
.index-other-posts .post-properties h2{
  font-size: 1.3rem;
  line-height: 2.2rem;
  margin: 0 0 2px 0;
  color: #212529;
}
.index-other-posts .post-properties h4{
  font-size: 1.3rem;
  line-height: 2.2rem;
  margin: 0 0 2px 0;
  color: #212529;
}
.index-other-posts .post-properties p{
  color: #868686; /* 646666 */
  font-size: 1rem;
  line-height: 1.8rem;
  margin-bottom: 2rem;
}
.index-other-posts .post-properties li {
  display: inline;
  color: #868686;
}
.index-other-posts .post-properties li:first-of-type a {
  color: #646666;
}
.index-other-posts .post-properties li:last-of-type::after {
  content: "";
}
.index-other-posts .post-properties li::after {
  content: " • ";
  font-size: 13px;
}
.index-other-posts .post-properties a {
  text-decoration: none;
}


.blog-pagination {
  background-color: #f0f0f39c/*#FBFBFD*/;
  /*background-color: #F8F8F8;*/
}
.blog-pagination div {
  direction: ltr;  
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.load-more-btn-tomato {
  padding: .35rem .8rem;
  background-color: transparent;
  border: 1px solid #ff6347ad;
  color: tomato;
  margin: 0 1.5rem;
  box-shadow: 0 .9rem 1rem rgba(255, 99, 71, 0.105) !important;
  -webkit-box-shadow: 0 .9rem 1rem rgba(255, 99, 71, 0.105) !important;
}
.load-more-btn-tomato:hover {
  background-color: tomato;
  color: snow; 
}
.load-more-btn {
  padding: .35rem .8rem;
  background-color: transparent;
  border: 1px solid #8c888759;
  color: #383534;
  margin: 0 1.5rem;
  font-weight: 350;
  transition: box-shadow 200ms;
}
.load-more-btn:hover {
  border: 1px solid #8c8887d4;
  color: #383534d6;
  box-shadow: .1rem .4rem 1rem rgba(241, 241, 241, 0.61) !important;
  -webkit-box-shadow: .1rem .4rem 1rem rgba(241, 241, 241, 0.61) !important;
}
.pagination-btn {
  background-color: #ff7f50;
  color: snow;
  padding: 0.09rem 1rem;
  margin: 0 1.5rem;
  box-shadow: 0 .9rem 1rem rgba(255, 99, 71, 0.105) !important;
  -webkit-box-shadow: 0 .9rem 1rem rgba(255, 99, 71, 0.105) !important;
}
.pagination-btn:hover {
  color: snow;
}
.pagination-link {
  font-size: 1.1rem;
  color: #212529;
  margin: 0 .6rem;
  transition: padding 100ms;
}
.pagination-link:hover {
  color: #ff7f50;
  font-weight: 800;
  padding-bottom: 2rem;
  text-shadow: 0 1.9rem .8rem rgba(255, 99, 71,0.3) !important;
}
.pagination-link.active {
  color: #ff7f50;
  font-weight: 800;
  padding-bottom: 2rem;
  text-shadow: 0 1.9rem .8rem rgba(255, 99, 71,0.3) !important;
}

.ltr {
  direction: ltr;
}

.copyright {
  color: #868686;
}


.advertise-img {
  height: 400px;
}
.rounded-lg {
 border-radius: 3.25rem !important;
 -webkit-border-radius: 3.25rem !important;
 -moz-border-radius: 3.25rem !important;
}

h2::selection, h3::selection {
  color: tomato;
}
p::selection {
  background-color: #f7ff00;
  color: #212529;
}

.footer {
  color: #212529;
}
.footer h1, .footer a{
  color: #212529;
  text-decoration: none;
}
.footer .footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5rem;
}
.footer-menu .item:first-of-type {
  font-weight: bold;
  margin-bottom: .6rem;
}
.footer-menu .item:not(:first-of-type), .footer-menu .item:not(:first-of-type) a {
  font-weight: 300;
  margin-bottom: .3rem;
  color: #868686;
}

.footer-menu .item:not(:first-of-type) a:hover {
  color: #212529;
}



.searchbar {
  display: inline-block;
  margin: 0 1.5rem;
  position: absolute;
}
.searchbar form {
  width: 200px;
  /*margin-right: 1rem;*/
  transition: width 500ms;
}
.searchbar input {
  border: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: .1rem solid #3941489e;
  color: #212529;
  font-weight: 300;
  transition: border-bottom 100ms;
}
.searchbar input:focus {
  border-bottom: 2px solid #868686;
}
.magnifier {
  position: absolute;
  bottom: 10px;
  left: 0;
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  background-color: white;
}


#mobile-searchbar {

}
#mobile-searchbar input{
  color: #212529;
  font-weight: 300;
  letter-spacing: -.1rem;
  background-color: #f4f4f482; /*#f0f0f042*/
  border: 0;
  height: 35px;
  padding: 0.5rem;
  border-radius: .25rem;
 -webkit-border-radius: .25rem;
 -moz-border-radius: .25rem;
}
#mobile-searchbar button{
  background-color: tomato;
  border: 0;
  color: snow;
}
#mobile-searchbar .suggest-search a{
  color: #868686;
  font-size: .9rem;
  text-decoration: none;
  border-bottom: 1px solid #868686; 
  letter-spacing: -.02rem;
}
#mobile-searchbar .suggest-search a:hover{
  color: #212529;
}


#article .article-img img{
  float: right;
  width: 80%;
  height: 500px;
  object-fit: cover;
}
#article .article-detail {
  float: right;
  width: 20%;
}
#article .article-time {
  color: rgba(0, 0, 0, 0.8); /*#212529;*/
  font-weight: 400;
  font-size: 1.1rem;
  padding-top: 7rem;
  width: max-content;
}
#article .article-title {
  position: absolute;
  width: 50%;
}
#article .article-title h1 {
  line-height: 4.5rem;
  font-size: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: rgba(0, 0, 0, 0.8); 
}
#article .article-title span{
  background-color: white;
  padding-left: 1rem;
}
.article-writer h4, .article-writer a {
  font-size: 1rem;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8); /*#212529;*/
}
.article-writer h5{
  font-size: .9rem;
  color: #868686;
  padding-right: 1rem;
}
#article .article-title img {
  width: 50px;
  height: 53px;
  margin-bottom: 2rem; 
}
#article .article-title .article-tags {
  display: none;
}
.tag-section {
  display: block;
}
#article .article-title .article-tags ul{
  list-style: none;
  margin: 1rem 0 1rem 0;
  padding: 0;
  text-align: center;
}
.tag-section .article-tags ul{
  list-style: none;
  padding: 0;
  text-align: right;
  margin-top: 1.5rem;
}
#article .article-title .article-tags ul li, .tag-section .article-tags ul li{
  display: inline-block;
}
#article .article-title .article-tags ul a, .tag-section .article-tags ul a{
  color: rgb(29, 25, 41);
  text-decoration: none;
  display: inline-block;
  margin: 0;
  font-size: .8rem;
  padding: 0rem .8rem;
  margin: .2rem .1rem;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-align: center;
  line-height: 28px;
  background-color: rgb(242, 242, 242);
}
#article .article-title .article-tags ul a:hover, .tag-section .article-tags ul a:hover{
  background-color: rgb(245, 245, 245);
}
#article p::selection, #article h1::selection, #article h2::selection, #article h3::selection, #article h4::selection, #article h5::selection, #article h6::selection, #article span::selection {
  background-color: #f7ff00;
  color: #212529;
}
#article .article-post {
  padding: 0 1rem;
  padding-top: 3rem;
  padding-bottom: 4rem;
  line-height: 2rem;
  text-align: justify;
  color: rgba(0, 0, 0, 0.8);
}
#article .article-post h2{
  font-weight: bolder;
  font-size: 1rem;
}
#article .article-share {
  margin-bottom: 2rem;
}
#article .article-share h4 {
  color: #868686;
  font-weight: 400;
  text-align: center;
}
#article .article-share ul {
  text-align: center;
  list-style: none;
  margin-top: 0rem;
}
#article .article-share li {
  display: inline-block;
  margin: 0.5rem 1rem 0 1rem;
}
#article .article-share li a {
  color: #212529;
  font-weight: 500;
  text-decoration: none;
}
#article .article-share li a:hover {
  color: #646666;
  border-bottom: 2px solid #646666;
}

.related-posts {
  background-color: #f0f0f39c/*#FBFBFD*/;
  /*background-color: #F8F8F8;*/
}
.related-posts a {
  text-decoration: none;
  text-align: right;
}
.related-posts figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.related-posts img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 400ms ease-in-out 0s;
}
.related-posts .category {
  color: #5e5e5e;
  margin-bottom: .3rem;
  font-size: .9rem;
  font-weight: 400;
}
.related-posts .title {
  color: #212529;
  font-size: 1.4rem;
  padding: .2rem 0;
  text-align: justify;
}
.related-posts .article {
  color: #212529;
  font-size: .9rem;
  line-height: 1.5rem;
  text-align: justify;
}
.img-zoom:hover img{
  transform: scale(1.15);
}


.social-links img{
  transition: all 800ms;
}
.social-links img:hover{
  -ms-transform: rotate(360deg); /* IE 9 */
  transform: rotate(360deg); /* Standard syntax */
}

.breadcrumb {
  font-size: 1rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding: 0 .3rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item {
  background-color: white;
  z-index: 99923243;  
  /*font-weight: 300;*/
}
.breadcrumb-item a{
  color: #212529;
  font-weight: 400;
  text-decoration: none;
}
.breadcrumb-item a:hover{
  text-decoration: underline;
}

.normal-links a{
  text-decoration: none;
  color: #212529;
}

.post-index{
  background: #f0f0f39c;
  padding: 1.3rem 1.4rem 0.5em 1.4rem;
  border-radius: .5rem;
  -webkit-border-radius: .5rem;
  -moz-border-radius: .5rem;
}
.post-index ul{
  padding-top: 0.5rem;
  list-style: decimal;
  color: #3e3836;
  font-weight: 300;
}
.post-index strong{
  font-weight: 400;
}
.post-index a{
  color: #3e3836;
  text-decoration: none;
}
.post-index a:hover{
  font-weight: normal;
}

/* screens settings */

@media screen and (max-width: 1200px) and (min-width: 855px) {

  #top-header, .container-goldrem {
    padding-right: 6.472135956rem !important;
    padding-left: 6.472135956rem !important;
  }
  .px-goldrem-2 {
    padding-right: 2.236067978rem !important;
    padding-left: 2.236067978rem !important;
  }

  #top-header nav a {
    font-size: 1rem;
  }

  #index-last-post .post-properties ul * {
    font-size: 0.8rem;
  }
  #index-last-post h2{
    font-size: 1.5rem;
  }
  #index-last-post p{
    font-size: 0.9rem;
  }
  #index-last-post .post-properties .profile h4 {
    font-size: .7rem;
  }
  #index-last-post .post-properties .profile h5 {
    font-size: .7rem;
  }
  #index-last-post .post-properties .profile img {
    width: 40px;
    height: 41px;
    margin-top: 6px; 
  }

  #article .article-time {
    padding-top: 6rem;
  }
}


@media screen and (max-width: 855px) and (min-width: 768px) {


  #top-header, .container-goldrem {
    padding-right: 3.236067978rem !important;
    padding-left: 3.236067978rem !important;
  }
  #top-header nav a {
    font-size: 1rem;
  }

  #index-last-post .post-properties ul * {
    font-size: 0.7rem;
  }
  #index-last-post h2{
    font-size: 1.3rem;
  }
  #index-last-post p{
    font-size: 0.8rem;
  }
  #index-last-post .post-properties .profile h4 {
    font-size: .7rem;
  }
  #index-last-post .post-properties .profile h5 {
    font-size: .7rem;
  }
  #index-last-post .post-properties .profile img {
    width: 37px;
    height: 38px;
    margin-top: 6px; 
  }

  #article .article-time {
    padding-top: 4rem;
  }

}



@media screen and (min-width: 768px) {
  #index-last-post .post-properties {
    max-height: 380px;
    overflow-y: hidden;
  }
  #index-last-post .post-properties .profile {
    background-color: white;
    width: 95%;
  }
  .copyright {
    margin-left: 1rem !important;
  }

}

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


  #top-header, .container-goldrem {
    padding-right: 3.236067978rem !important;
    padding-left: 3.236067978rem !important;
  }
  #top-header nav a {
    font-size: 1rem;
  }
  #index-last-post .cover {
    height: auto;
    width: 100%;
  }
  #index-last-post .post-properties ul {
    /*padding-top: 9px;*/
  }
  #index-last-post .post-properties ul * {
    font-size: 0.8rem;
  }
  #index-last-post h2{
    font-size: 1rem;
    margin-bottom: 5px;
  }
  #index-last-post p{
    font-size: 0.9rem;
  }
  #index-last-post .post-properties .profile {
    display: none;
  }

  .pagination-btn {
    margin: 0 .01rem;
  }
  .pagination-link {
    margin: 0 .5rem;
  }

  #article .article-time {
    font-size: .9rem;
    padding-top: 4rem;
  }
  #article .article-title h1 {
    line-height: 3.5rem;
    font-size: 1.7rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
  }
  .article-writer h4, .article-writer a {
    font-size: .8rem;
  }
  .article-writer h5{
    font-size: .8rem;
    padding-top: .2rem;
    padding-right: 1rem;
  }
  #article .article-title img {
    width: 40px;
    height: 43px;
    margin-bottom: 1.2rem; 
  }
  #article .article-img img{
    height: 400px;
  }


  .index-other-posts .post-properties ul * {
    font-size: 0.8rem;
  }
  .index-other-posts .post-properties h2{
    font-size: 1rem;
  }
  .index-other-posts .post-properties h4{
    font-size: 1rem;
  }
  .index-other-posts .post-properties p{
    font-size: .9rem;
  }
  .index-other-posts {
    margin-top: 2rem; 
  }
  .index-other-posts .post-properties p{
    padding-bottom: 1.5rem;
  }
  .index-other-posts .post-properties figure {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    border-bottom-left-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  } 
  #index-last-post .cover {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    border-bottom-left-radius: 0rem !important;
    border-bottom-right-radius: 0rem !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }
  .mobile-card {
    box-shadow: .2rem .3rem 1em 0rem #0000000d !important;
    -webkit-box-shadow: .2rem .3rem 1em 0rem #0000000d !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
  }
  .mobile-card-header {

  }
  .mobile-card-body {
    padding: 0 1rem 0px 1rem;
  }

  .related-posts .related-post {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.616);
    box-shadow: .2rem .3rem 1em 0rem #0000000d !important;
    -webkit-box-shadow: .2rem .3rem 1em 0rem #0000000d !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
    margin-bottom: 1.5rem;
  }
  .related-posts .related-post figure{
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
  }
  .related-posts .related-post .title{
    font-size: 1.3rem;
  }
  .related-posts .related-post .related-body{
    padding: 0 1.1rem;
  }
  
}

@media screen and (max-width: 575px) {
  
}

@media screen and (max-width: 576px) {
  .copyright {
    position: static !important;
  }
  .px-goldrem-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }

  #top-header, .container-goldrem {
    padding-right: 1.618033989rem !important;
    padding-left: 1.618033989rem !important
  }

  .pagination-btn {
    padding: 0.09rem .4rem;
  }
  .pagination-link {
    font-size: .9rem;
    margin: 0 .3rem;
  }



  #article .article-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    float: right;
    margin-top: .4rem;
  }
  #article .article-detail {
    width: 100%;
    display: block;
    float: left;
  }
  #article .article-time {
    color: #868686;
    text-align: center;
    font-size: .8rem;
    padding-top: 0;
    width: 100%;
  }
  #article .article-title {
    position: static;
    width: 100%;
  }
  #article .article-title h1 {
    line-height: 1.7rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    padding-bottom: .2rem;
    padding-top: .6rem;
  }
  #article .article-title img {
    width: 30px;
    height: 33px;
  }
  #article .article-writer-profile {
    display: none;
  }
  #article .article-title .article-tags {
    display: block;
  }
  .tag-section {
    display: none;
  }
  .article-writer h4, .article-writer a {
    font-size: .7rem;
  }
  .article-writer h5{
    font-size: .7rem;
    color: #868686;
    padding-right: 0rem;
  }

  #article .article-post {
    padding: 0 1rem;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  

}


@media screen and (max-width: 400px) {
  .pagination-btn {
    padding: 0.09rem .4rem;
  }
  .pagination-link {
    font-size: .9rem;
    margin: 0 .3rem;
    padding: 0;
  }

  #mobile-searchbar .searchbar-title {
    font-size: 1.4rem;
  }
  
}


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

  .index-other-posts .post-properties figure {
    height: 200px;
  }

}

@media screen and (max-width: 1800px) and (min-width: 1200px) {

  #top-header, .container-goldrem{
    max-width: 1300px;
    margin: 0 auto;
  }

  .px-goldrem-2 {
    padding-right: 3.236067978rem !important;
    padding-left: 3.236067978rem !important;
  }
  

}


@media screen and (min-width: 1300px) {
  .px-goldrem-2 {
    max-width: 1300px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1800px) {
  #top-header, .container-goldrem{
    max-width: 1400px;
    margin: 0 auto;
  }
}