@media (max-width: 1200px){

  .header .btn-box .btn:nth-child( n+2 ) {
    margin-right: 8px;
  }

  .header .dropdown-menu.mega-menu {
    min-width: 900px;
    right: 60px;
  }

  .header ul.navbar-nav {
    padding-right: 12px;
    position: relative;
  }

  .header .btn-box .btn > img {
    margin: 0;
  }

  .tablet-hide {
    display: none;
  }

  .tablet-view {
    display: inline-block !important;
  }

  .serach-pic-gradiant {
    background-size: contain;
  }

  .article-content-group > .row::after {
    right: -30px;
    left: -30px;
  }

  .call-to-action-section .box .img-holder {
    right: 0;
  }

  .slide-detail {
    padding: 30px 30px 60px 30px;
  }

  .archive-header .archive-title {
    font-size: 24px;
  }

  .archive-header .article-counter .text {
    font-size: 12px;
  }

  .archive-header .article-counter .number {
    font-size: 24px;
    line-height: 24px;
  }

  .text-center-tablet {
    text-align: center;
  }

  .register-google::before {
    right: 10%;
  }

}

@media (max-width: 991px){

  .header .dropdown-menu.mega-menu {
    min-width: 100%;
  }

  .footer .widget-area .widget {
    padding-bottom: 60px;
  }

  .footer .copyright .social-media {
    text-align: center;
  }

  .footer .copyright .text {
    text-align: center;
  }

  .mobile-hide {
    display: none;
  }

  .mobile-view {
    display: inline-block !important;
  }

  .header .btn-box .btn {
    padding: 10px !important;
  }

  #mobile-menu-toggler {
    margin: 0;
    display: inline-block;
    float: right;
  }

  .btn {
    margin-bottom: 4px;
  }

  .article-content-group > .row::after {
    display: none;
  }

  .slide-image {
    padding: 0;
  }

  .category-section {
    padding: 0;
  }

  .home-slider .owl-nav,
  .home-slider .owl-dots {
    display: none;
  }

  .call-to-action-section .box .call-to-action-text .button-box {
    position: relative;
    margin-top: 9px;
  }

  .call-to-action-section .box .call-to-action-text .button-box > .btn {
    background-position-x: center;
    width: 175px;
    padding: 10px 15px;
    text-align: center;
    margin: 0 auto;
  }

  .call-to-action-section .box .call-to-action-text > p {
    text-align: center;
  }

  .home-slider .slide-item {
    overflow: hidden;
  }

  .slide-image .img-holder {
    z-index: 1;
    min-height: 325px;
    overflow: hidden;
    border-radius: 50px;
  }

  .slide-image .img-holder .mobile-caption {
    z-index: 3;
  }

  .hiro-section .owl-stage-outer {
    max-height: 325px;
  }

  .serach-pic-gradiant {
    display: none;
  }

  .hiro-section .slide-image .mobile-caption > h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    text-align: right;
    padding: 0 4px;
  }

  .researcher-box .form-group {
    padding-bottom: 60px;
    margin-bottom: 32px;
    border-bottom: 1px solid #F5F5F5;
  }

  .thumbnail-holder > .post-meta {
    right: 16px;
    bottom: 16px;
  }

  .thumbnail-holder > .post-meta .meta .name {
    line-height: 31px;
  }

  .thumbnail-holder > .post-meta .meta .data, .thumbnail-holder > .post-meta .meta .date {
    display: none;
  }

  .thumbnail-holder > .post-meta .author-image {
    max-width: 45px;
    height: 45px;
  }

  .post-info-box {
    width: 100%;
    max-width: 100%;
    background: #2B277E;
    padding: 16px 16px;
    justify-content: space-between;
  }

  .post-info-box .category {
    padding: 8px 12px;
    background: #fff;
    border-radius: 20px;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
  }

  .post-info-box .time {
    background: rgba( 86, 81, 194, 0.25 );
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
    margin: 0 8px;
    border-radius: 20px;
    display: block;
  }

  .post-info-box .time > span {
    padding: 0 32px 0 2px;
    color: #9F9CDC;
    background: url( "../icon/blog-icons/time-circle.svg" ) no-repeat right;
    background-size: contain;
  }

  .post-info-box .time > span:before {
    right: 0;
  }

  .post-info-box .time > span {
    border: none;
  }

  .post-info-box .comment {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    text-align: right;
    margin: 0 4px;
    border-radius: 20px;
  }

  .post-info-box .comment > span {
    padding: 0 32px 0 0;
    color: #fff;
  }

  .post-info-box .category > a {
    padding: 0 24px 0 0;
  }

  .post-info-box .comment > span {
    border: none;
  }

  .post-info-box .comment > span:before {
    right: 0;
  }

  .content-wrapper {
    padding: 120px 16px 0;
  }

  .related-post-section .owl-nav,
  .related-post-section .action-box {
    display: none;
  }

  .articles-section .header-section {
    min-height: inherit;
  }

  .hiro-section {
    min-height: 395px;
  }

  .slide-blender,
  .slide-box {
    background: rgba( 0, 0, 0, 0 );
  }

  .desc-image .archive-thumbnail-holder {
    min-height: 325px;
  }

  .author-description-box-scondary .slide-box {
    background: #383490;
  }

  .taxonomy.slide-box,
  .podcast.slide-box {
    background: #383490;
  }

  .m-b-tablet-3 {
    margin-bottom: 16px;
  }

  .m-b-tablet-4 {
    margin-bottom: 24px;
  }

  .text-center-mobile {
    text-align: center;
  }

  .article-content-group.home-section .article-item::after {
    display: none;
  }

  .slide-box .img-holder::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(56, 52, 144, 0) 0%, #383490 74.48%);
    z-index: 2;
  }

  .m-t-tablet-75 {
    margin-top: 75px;
  }

  .content-wrapper .content-box .main-title > h1 {
    font-size: 24px;
    font-weight: 900;
    line-height: 35px;
    letter-spacing: 0;
    text-align: right;
  }

  .author-description-box-scondary .archive-header .main-box {
    padding: 32px;
  }

  .author-description-box-scondary .archive-header .archive-title {
    margin-bottom: 16px;
  }

  .author-header-container .social-media-link .social-media {
    border: none;
  }

  .px-tablet-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .archive .desc-box .slide-item .img-holder img {
    width: 100%;
  }

  .author-suggest-section .header-section .title::before {
    right: 4px;
  }

  .archive-header .filter-btn-gp > .item {
    margin-left: 8px;
  }

  .archive-header .filter-btn-gp > .item > a {
    background: #1B2343;
    padding: 12px 16px;
  }

  .archive-header .filter-btn-gp > .item > a.active {
    background: #fff;
  }

  .taxonomy .article-search-form {
    padding-bottom: 32px;
  }

  .filter-btn-gp {
    text-align: center;
  }

  .podcast-title .title {
    font-size: 24px;
    line-height: 1.3;
  }

  .go-down-container.static {
    top: 30px !important;
  }

}

@media (max-width: 767px){

  body > div > div > aside > .logo-box > div {
    text-align: center;
  }

  .header .dropdown-menu.mega-menu > .row > .col-lg-4 {
    margin-bottom: 24px;
  }

  .footer .widget-area ul > li,
  .footer .widget-area h3 {
    text-align: center;
  }

  .footer .call-action-box .contact .float-left {
    margin-top: 16px;
  }

  .author-suggest-section {
    padding-bottom: 60px;
  }

  .author-suggest-section .image-holder {
    padding: 0 20px;
  }

  .author-suggest-section .image-holder .item .title {
    right: 40px;
  }

  .author-suggest-section .header-section .title::before {
    width: 60px;
    right: 40px;
    top: 16px;
  }

  .author-suggest-section .image-holder .item .title::before {
    width: 18px;
    top: 16px;
    right: -30px;
  }

  .call-to-action-section .box {
    padding: 175px 30px 55px;
  }

  .call-to-action-section .box .image-holder {
    right: 50%;
    margin-right: -127px;
    top: -127px;
  }

  .call-to-action-section .box .img-holder {
    top: -130px;
    right: 50%;
    margin-right: -127px;
  }

  .slide-image .img-holder {
    z-index: 1;
    min-height: 250px;
  }

  .hiro-section .owl-stage-outer {
    max-height: 250px;
  }

  .articles-section .px-0 {
    padding: 16px !important;
  }

  .articles-section .header-section .title,
  .articles-section .header-section .description {
    padding: 0 32px;
  }

  .articles-section .header-section .title::after {
    display: none;
  }

  .articles-section .circle-groups {
    left: -250px;
    top: -210px;
  }

  .articles-section .header-section .highlighter-bg {
    right: 30px;
  }

  .circle-groups .circle {
    padding: 24px;
  }

  .filter-btn-gp {
    text-align: center;
  }

  .article-content-group {
    padding: 15px 0;
  }

  .call-to-action-section .box .call-to-action-text > p {
    font-size: 24px;
    color: #2B277E;
  }

  .call-to-action-section {
    padding: 10px 40px 100px;
  }

  .call-to-action-section .content-box {
    position: relative;
  }

  .call-to-action-section .box .call-to-action-text .button-box > .btn {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -88px;
  }

  .breadcrumb-box .breadcrumb {
    padding: 12px 48px 30px 16px;
  }

  .content-box .intro {
    padding: 0;
  }

  .content-box .intro::before {
    display: none;
  }

  .post-share-box {
    text-align: right;
    padding-top: 24px;
  }

  .post-share-box .tweeter {
    margin-right: 0;
  }

  .content-wrapper .content-box .main-title > h1::after {
    /*bottom: -30px;*/
    bottom: 0;
  }

  .content-box .suggest-post {
   padding-right: 6px;
  }

  .content-wrapper .content-box p {
    padding: 0 24px;
  }

  .content-wrapper .content-box .main-title {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 8px;
  }

  .comment-counter {
    margin-bottom: 12px;
  }

  .comment-box .comment-info {
    padding-top: 8px;
  }

  .border-mobile-none {
    border: none !important;
  }

  .comment-box .avatar-box {
    margin-left: 24px;
  }

  .comment-group {
    padding: 0 16px;
  }

  .comment-text-box {
    padding: 24px 48px;
  }

  .article-item {
    margin-bottom: 8px;
  }

  .post-info-box {
    justify-content: space-around;
    padding: 16px 12px;
  }

  .single-related-post-header {
    bottom: 56px;
  }

  .hiro-section {
    min-height: 320px;
  }

  .archive-content-container {
    min-height: 230px;
    background: transparent !important;
    padding: 0 !important;
  }

  .slide-box {
    top: -32px;
  }

  .archive-content-container.slide-box {
    top: -24px;
  }

  .desc-image .archive-thumbnail-holder {
    min-height: 230px;
  }

  .desc-image {
    padding: 0;
  }

  .archive-thumbnail-holder .mobile-caption {
    bottom: 16px;
    z-index: 9;
  }

  .archive-thumbnail-holder .mobile-caption .title {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
  }

  #search-row-wrapper {
    padding: 245px 16px 0 16px;
  }

  #search-row-wrapper .row {
    padding: 32px 16px 24px;
    border-radius: 55px;
  }

  .m-b-mobile-3 {
    margin-bottom: 16px !important;
  }

  .filter-btn-gp > .item > a {
    padding: 8px 12px;
  }

  .author-1.archive .article-content-group {
    padding-top: 0;
  }

  #archive-page-content .pagination-box > ul > li:nth-child(4),
  #archive-page-content .pagination-box > ul > li:nth-child(5) {
    display: none;
  }

  .content-box .suggest-post > .inner-box {
    padding: 16px 24px;
  }

  .pagination-box {
    padding: 16px;
  }

  .detail-box-container {
    display: block;
  }

  .archive-header .article-counter {
    margin: 16px 68px 24px 0;
  }

  .archive-header .author-header-container .article-counter::after {
    top: -2px;
  }

  .author-header-container .social-media-link .social-media {
    display: block;
    padding: 0;
  }

  .author-header-container .social-media-link .social-media > li {
    display: inline-block;
  }
  
  .author-header-container {
    position: relative;
  }

  .avatar-box-container {
    padding: 56px 0;
  }

  .avatar-box-container .avatar-box {
    left: 50%;
    margin-left: -48px;
    bottom: 0;
    top: inherit;
  }

  .detail-box-container .social-media {
    bottom: -176px;
    position: absolute;
    left: 0;
    right: 0;
  }

  .author-header-container .social-media-link {
    padding: 0;
    text-align: center;
  }

  .archive .main-box .text-box {
    border: none;
  }

  .archive .main-box .text-box p {
    text-align: center;
  }

  .archive .desc-box {
    padding: 150px 16px 0 16px;
  }

  .desc-box .desc-image::before {
    display: none;
  }

  .pagination-box .pagination-gp > .item > a {
    margin-left: 6px;
  }

  .pagination-box .pagination-gp > .item.previous > a {
    margin-left: 0;
  }
  .author-1.archive .articles-section {
    top: -235px;
  }

  .archive-header .col-category {
    padding: 0;
  }

  .archive-header .col-category .category {
    float: none;
    display: inline-block;
    margin-bottom: 16px;
  }

  .taxonomy .flex-row-reverse {
    flex-direction: row !important;
    margin-top: 32px;
    border-top: 2px solid rgba(245, 243, 252, 0.2);
    padding: 32px 0 0;
  }

  .archive-header .inner-box-search {
    border-radius: 0;
    padding: 32px 20px;
  }

  .description-text::before {
    display: none;
  }

  .description-text {
    padding: 0;
  }

  .archive-header .filter-btn-gp > .item {
    margin-left: 6px;
  }

  .go-down-container.static {
    display: none;
  }

}

@media (max-width: 680px){

  .mobile-relative {
    position: relative;
  }

  .p-mobile-0 {
    padding: 0;
  }

  .header .btn-box {
    padding: 16px 20px;
  }

  .header .btn-box .btn {
    margin-bottom: 0;
  }

  .taxonomy,
  .taxonomy .slide-container,
  .taxonomy .slide-container .archive-header{
    border-radius: 0;
  }

}

/* Extra customize */

@media (max-width: 420px){
  .post-info-box {
    padding: 8px 4px;
  }
}

@media (max-width: 400px) {
  .pagination-box .pagination-gp > .item.previous > a {
    padding: 15px 24px 15px 47px;
  }
  .pagination-box .pagination-gp > .item.next > a {
    padding: 15px 47px 15px 24px;
  }
  .author-suggest-section .header-section .title {
    line-height: 40px;
  }
  .call-to-action-section {
    padding: 10px 24px 100px;
  }
  .author-suggest-section .header-section .title::before {
    display: none;
  }
  .author-suggest-section .image-holder .item .title::before {
    display: none;
  }
  .author-suggest-section .image-holder .item .title {
    right: 16px;
    left: 16px;
    padding-left: 0;
    margin-left: 0;
  }
  .content-box .suggest-post > .inner-box {
    padding: 20px 12px;
  }
  .content-box .suggest-post > .inner-box > h3 {
    margin-right: 12px;
  }

  .post-info-box .time,
  .post-info-box .comment {
    padding: 4px 8px;
    line-height: 32px;
  }

}

@media (max-width: 375px) {

  .pagination-box .pagination-gp > .item.previous > a {
    padding: 15px 16px 15px 32px;
  }

  .pagination-box .pagination-gp > .item.next > a {
    padding: 15px 32px 15px 16px;
  }

  .pagination-box .pagination-gp > .item.next > a::after {
    right: 16px;
  }

  .pagination-box .pagination-gp > .item.previous > a::after {
    left: 16px;
  }

  .author-suggest-section .header-section {
    padding-right: 32px;
  }

  .pagination-box {
    padding: 16px 8px;
  }

  .slide-box .img-holder .mobile-caption .category,
  .slide-box .img-holder .mobile-caption .time {
    display: inline-block;
    width: auto;
    margin-top: 8px;
  }

  .call-to-action-section .box .call-to-action-text .highlight::before {
    display: none;
  }

  .post-info-box .time {
    display: none;
  }

  .comment-box .like-box {
    display: none;
  }

  .thumbnail-holder > .post-meta {
    display: none;
  }

  .breadcrumb-container {
    padding: 0 32px;
  }

  .comment-text-box {
    padding: 24px;
  }

  .comment-wraper .comment-box .filter-btn-gp > button {
    margin-top: 8px;
  }

  .pagination-box .pagination-gp > .item > a {
    margin-left: 4px;
  }

  .search-row-wrapper {
    padding: 8px;
  }

  #search-row-wrapper .row {
    padding: 24px 8px 16px;
    border-radius: 55px;
  }

  .author-description-box-scondary .archive-header .main-box {
    padding: 32px 16px;
  }

  .taxonomy .filter-btn-gp > .item {
    margin-top: 8px;
  }

  .register-google::before {
    display: none;
  }

}

@media ( max-width: 320px ){
  .detail-box-container .social-media {
    display: none !important;
  }
}