@media only screen and (min-width: 1920px) {

  html {

    font-size: 0.52vw;

  }

}



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

  html {

    font-size: 55%;

  }

  .profile-box.square .user-profile-img {

    width: 100%;

    height: 154px;

  }

  .custom-input-video input[type="file"] {

    padding: 7px 20px;

  }

}



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

  html {

    font-size: 55%;

  }

  .row {

    margin-left: -1.5rem;

    margin-right: -1.5rem;

  }

  .row > div {

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }

  .sidebar .logo {

    margin-bottom: 2.5rem;

  }

  .logo img {

    width: 8rem;

  }

  .sidebar .sidebar-menu a {

    font-size: 1.6rem;

    padding: 1rem 1.5rem;

  }

  .sidebar .sidebar-menu a .a-img img {

    min-width: 2rem;

  }

  .sidebar .sidebar-menu a .a-img {

    min-width: 2rem;

    margin-right: 1.5rem;

  }

  .sidebar {

    padding: 2.5rem 1.5em;

  }

  h1 {

    font-size: 2.6rem;

  }

  .btn {

    padding: 1.1rem 2rem;

  }

  .btn.btn-large {

    padding: 1.5rem 2rem;

  }

  h2 {

    font-size: 2.2rem;

  }

  h3 {

    font-size: 2rem;

  }

  .article-box .img-box {

    height: 26rem;

  }

  .box,

  .comment-respond,

  .tml {

    margin-bottom: 2.5rem;

  }

  p + p,

  p + ul,

  ul + p,

  p + .btn,

  .btn + p,

  p + h2,

  p + h3,

  p + h4,

  p + h5,

  p + h6 {

    margin-top: 2.5rem;

  }

  .article-box.inner .img-box {

    height: 40rem;

    margin-bottom: 3rem;

  }

}



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

  html {

    font-size: 50%;

  }



  .subscriptionBadge {

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    text-align: center;

    background: #fff;

    height: 70px;

    width: 70px;

    border-radius: 50%;

    margin: auto;

  }

}



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

  .content {

    padding: 3rem;

  }

  .box,

  .comment-respond,

  .tml {

    padding: 2.5rem;

    /*margin-bottom: 2rem;*/

  }

  .form-inline label.mr-5 {

    margin-right: 1.5rem !important;

    font-size: 1.6rem;

  }

  .footer {

    padding: 2.5rem 3rem;

    padding-left: 27rem;

  }

  .footer.footer2 {

    padding: 2.5rem 3rem !important;

  }

  .header .navbar .right-bar .item:not(:first-child) {

    margin-left: 2.5rem;

  }

  .header {

    padding: 1.5rem 3rem;

    padding-left: 27rem;

  }

}



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

  .header .navbar .right-bar .item:not(:first-child) {

    margin-left: 1.5rem;

  }

  .navbar-light .navbar-nav .nav-item .nav-link,

  .navbar-light .navbar-nav .nav-item a {

    padding: 1.2rem 1.5rem;

  }

  .navbar-light .navbar-nav {

    margin: 0 -1.5rem;

  }

  .w-lg-100 {

    width: 100%;

    padding-bottom: 0.8rem;

  }

}



@media only screen and (min-width: 1101px) {

  .sidebar .sidebar-menu.owl-carousel .owl-stage {

    width: 100% !important;

  }

  .sidebar .sidebar-menu.owl-carousel.owl-drag .owl-item {

    width: 100% !important;

  }

  .mobile-view {

    display: none !important;

  }

  .sidebar {

    overflow: auto;

  }

}



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

  html {

    font-size: 53%;

  }

  .header {

    padding-left: 0;

    background: #c1cde7;

  }

  .header {

    padding: 1.5rem 2rem;

    position: relative;

  }

  .main-body {

    padding: 0;

  }

  .content {

    padding: 3rem 2rem;

  }

  .footer {

    padding: 1.5rem 2rem;

  }

  .footer.footer2 {

    padding: 1.5rem 2rem !important;

  }

  .header .btn-profile img {

    margin: 0;

  }

  .header .btn.btn-1 {

    font-size: 0;

    padding: 0;

    border-radius: 100%;

    -ms-flex-pack: center;

    justify-content: center;

    background: #ffffff !important;

    height: 45px;

    width: 45px;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

    position: relative;

  }

  .header .btn.btn-1 img {

    width: auto !important;

    margin: 0;

    height: 45%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

  }

  .sidebar {

    position: static;

    width: 100%;

    max-width: 100%;

    padding: 0 2rem;

    height: auto;

    background: #c1cde7;

    box-shadow: 0 3px 5px rgb(0, 0, 0, 0.1);

    z-index: 9;

    height: 141px;

  }

  .sidebar .logo {

    display: block !important;

    text-align: left !important;

    position: relative;

    margin: 0 !important;

  }

  .sidebar .logo img {

    display: none;

  }

  .sidebar .sidebar-menu a {

    margin: 0;

    font-size: 1.8rem;

    padding: 1rem 1rem;

    border-radius: 0;

    background: transparent !important;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

    border-bottom: 3px solid transparent;

  }

  .sidebar .sidebar-menu a[aria-current="page"] {

    border-bottom-color: #000000;

  }

  .sidebar .sidebar-menu .item.active a {

    border-bottom: 3px solid #000000;

  }

  .navbar-light .navbar-toggler {

    position: relative;

    color: #000000;

    background: #ffffff;

    font-size: 2rem;

    border-radius: 100%;

    opacity: 1;

    border: 0;

    height: 45px;

    width: 45px;

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    -ms-flex-pack: center !important;

    justify-content: center !important;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

    z-index: 9999;

    min-height: 45px;

    min-width: 45px;

  }

  .navbar-collapse {

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-align: center !important;

    align-items: center !important;

    top: 0 !important;

    height: auto !important;

    transform: none !important;

  }

  .navbar-light .navbar-nav,

  .navbar-light ul {

    margin: 0;

    background: #fe2e79;

    position: fixed;

    left: -34rem;

    min-height: 100vh;

    height: 100%;

    z-index: 999;

    top: 0;

    width: 100%;

    max-width: 34rem;

    padding-top: 8rem;

    transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    padding-bottom: 110px;

  }

  .navbar-light .navbar-nav .nav-item .nav-link,

  .navbar-light .navbar-nav .nav-item a,

  .navbar-light ul li a {

    color: #ffffff;

    padding: 2rem;

    font-size: 2rem;

    border-radius: 0;

    border-bottom: 1px solid #ffffff30;

  }

  .mobile-view .sidebar-menu:not(.owl-carousel) a {

    display: block;

    padding: 1.2rem 2rem;

    font-size: 1.8rem;

  }

  .mobile-view .sidebar-menu a img {

    width: 2.2rem;

    margin-right: 0.4rem;

    max-height: 3rem;

    filter: invert(1);

  }



  .mobile-view .sidebar-menu.phone-menubar-sp a img {

    filter: none;

  }



  .mobile-view .sidebar-menu:not(.owl-carousel) {

    overflow: auto;

  }

  .mobile-view .sidebar-menu li.active {

    background-color: rgba(255, 255, 255, 0.25);

  }



  .phone-menubar-sp {

    overflow: visible !important;

  }



  .navbar-light .navbar-toggler-icon {

    background-image: none !important;

    position: absolute;

    height: 2px;

    width: 22px;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    background: #000000;

    top: 21px;

    opacity: 1;

    transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

  }

  .navbar-light .navbar-toggler:before {

    transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    content: "";

    top: 15px;

    position: absolute;

    height: 2px;

    width: 22px;

    background: #000000;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

  }

  .navbar-light .navbar-toggler:after {

    transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    content: "";

    bottom: 16px;

    position: absolute;

    height: 2px;

    width: 22px;

    background: #000000;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

  }

  .navbar-light .navbar-toggler.clicked:before {

    transform: translate(-50%, 0.8rem) rotate(45deg);

    -ms-transform: translate(-50%, 0.8rem) rotate(45deg);

    -moz-transform: translate(-50%, 0.8rem) rotate(45deg);

    -webkit-transform: translate(-50%, 0.8rem) rotate(45deg);

  }

  .navbar-light .navbar-toggler.clicked:after {

    transform: translate(-50%, -0.6rem) rotate(-45deg);

    -ms-transform: translate(-50%, -0.6rem) rotate(-45deg);

    -moz-transform: translate(-50%, -0.6rem) rotate(-45deg);

    -webkit-transform: translate(-50%, -0.6rem) rotate(-45deg);

  }

  .navbar-light .navbar-toggler.clicked .navbar-toggler-icon {

    opacity: 0;

  }

  .menuopen {

    transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    overflow: hidden !important;

  }

  .menuopen:after {

    position: absolute;

    content: "";

    height: 100%;

    min-height: 100vh;

    background-color: #000000;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 99;

    opacity: 0.5;

  }

  .menuopen .navbar-light .navbar-nav,

  .menuopen .navbar-light ul {

    left: 0;

  }

  .sidebar .logo a {

    display: inline-block;

  }

  .sidebar .logo a:after {

    content: "SistaPedia";

    font-size: 6.5rem;

    font-weight: 700;

    padding: 1rem 0 1.5rem;

    display: block;

    color: #000000;

  }

  .search-open .sidebar .logo a:after {

    opacity: 0;

  }

  .header .form-inline {

    position: static;

  }



  .header .form-inline .form-control {

    background: #ffffff;

    color: #000000;

    display: block;

    top: calc(100% + 6.5rem);

    position: absolute;

    left: 0;

    max-width: calc(100% - 4.5rem);

    z-index: 9;

    font-size: 2rem;

    height: 5rem;

    padding: 1rem 2rem;

  }
  .header.fixed .form-inline .form-control {

    display: none;

  }

 .header .form-inline .form-control::placeholder {

    color: rgba(0, 0, 0, 0.4);

  }

  .header .navbar {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }

  .header .right-bar {

    margin-left: auto;

  }

  .header .form-inline .search-btn {

    top: calc(100% + 7rem);

    bottom: auto;

    color: #000000;

    font-size: 2.7rem;

    height: auto;

    right: 0;

    z-index: 999;

  }

  .sidebar-menu .owl-nav {

    position: static;

  }

  .sidebar-menu .owl-nav button[type="button"] {

    position: absolute;

    right: 0;

    left: auto;

    top: 45%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    font-size: 5rem;

    font-weight: 100;

    height: 100%;

    align-items: center;

    line-height: 1;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

  }

  .sidebar-menu .owl-nav button[type="button"].disabled {

    display: none !important;

  }

  .sidebar-menu .owl-nav button[type="button"].owl-prev {

    left: 0;

    right: auto;

  }

  .box .row {

    margin-top: -2rem;

    margin-bottom: -2rem;

  }

  .box .row > div {

    margin-top: 2rem;

    margin-bottom: 2rem;

  }

  .sidebar .logo img {

    position: absolute;

    top: -7rem;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    display: block;

  }

  .sidebar .logo a:after {

    opacity: 0;

  }

  .logo img {

    width: 7rem;

  }

  .dekstop-view {

    display: none !important;

  }

  .sidebar #menu-main-menu-1 {

    padding: 0 2.5rem;

  }

}



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

  .footer > .d-flex {

    display: block !important;

    text-align: center;

  }

  .footer .form-inline {

    display: inline-block !important;

    margin-top: 2rem;

    width: auto;

  }

  .footer .form-inline label.mr-5 {

    margin: 0 !important;

    margin-bottom: 1rem !important;

  }

  .f-list-1 {

    -ms-flex-pack: center !important;

    justify-content: center !important;

    font-size: 1.6rem;

  }

  .form-inline .search-btn img {

    width: 2rem !important;

  }

  .form-inline .search-btn {

    padding: 0;

    position: absolute;

    right: 1.5rem;

    color: #ffffff;

    font-size: 1.8rem;

    border: 0;

    height: 4rem;

    background: transparent;

    top: auto;

    bottom: 0;

  }

  .sidebar-menu.owl-carousel .owl-stage {

    display: -ms-flexbox !important;

    display: flex !important;

    -ms-flex-align: center !important;

    align-items: center !important;

  }

  .sidebar-menu.owl-carousel .owl-stage .owl-item:not(.first) {

    -ms-flex-order: 100;

    order: 100;

  }

  .box .row-2 {

    margin-top: -1.5rem;

    margin-bottom: -1.5rem;

  }

  .box .row-2 > div {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }

  .ptb-4 {

    padding-top: 0;

    padding-bottom: 0;

  }

  .sbs-box h2 {

    font-size: 4rem;

  }

  .checklist-1 li {

    font-size: 1.6rem;

    position: relative;

    padding: 0.5rem 0;

    padding-left: 4rem;

    margin: 0.5rem 0;

  }

  .checklist-1 li:before {

    top: 0.5rem;

    height: 2.8rem;

    width: 2.8rem;

    border-radius: 100%;

    background-image: url(../images/tick-icon.svg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 1.2rem 1em;

    background-position: center;

    position: absolute;

    left: 0;

  }

  .article-box.inner .img-box {

    height: 30rem;

  }

  .user-panel .logo img {

    width: 9rem;

    margin: auto;

    margin-bottom: 2rem;

  }

  .user-panel form {

    padding: 0;

  }

  .user-panel .heading-box .heading {

    font-size: 2rem;

    top: 4.5rem;

  }

  .user-panel .tml-alerts {

    padding: 0;

  }

  .user-panel .tml-alerts,

  .user-panel .tml .tml-links {

    padding: 1rem 0 0;

  }

  .footer.footer2 .navbar-nav {

    -ms-flex-pack: center;

    justify-content: center;

  }

  footer.footer.footer2 .es_subscription_form {

    width: 100%;

    display: block !important;

  }

  footer.footer.footer2 .form-inline {

    width: 100%;

  }

  footer.footer.footer2 .es_subscription_form .es_txt_email {

    max-width: 100%;

    width: 100%;

  }

  .footer.footer2 .form-inline label {

    text-align: center;

  }

  footer.footer.footer2 .es_subscription_form .es_txt_email {

    height: 5.8rem;

  }

  footer.footer.footer2 .es_subscription_form .es_submit_button {

    margin: auto;

    margin-top: 1rem;

    width: 17rem;

    height: 7.5rem;

    background-position: center;

  }

  .woocommerce .col2-set .col-1,

  .woocommerce-page .col2-set .col-1,

  .woocommerce .col2-set .col-2,

  .woocommerce-page .col2-set .col-2 {

    width: 100% !important;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100% !important;

    padding: 0 !important;

  }

  .woocommerce-checkout-review-order > *,

  .woocommerce-checkout-review-order > table {

    margin: 0 0 2rem 0 !important;

    max-width: 100%;

    width: 100% !important;

  }

  .woocommerce .col2-set,

  .woocommerce-page .col2-set,

  body .woocommerce-checkout-review-order {

    padding: 2rem;

    margin-bottom: 1.5rem;

  }

}



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

  .profile-box.square .user-profile-img {

    height: 96px;

  }



  .video-template-1 .tem-logo,

  .video-template-2 .tem-logo {

    width: 40px;

  }

  .video-template-1 h3,

  .video-template-2 .video-heading h3 {

    font-size: 18px;

  }

}



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

  .header {

    padding: 1.5rem;

  }

  .content {

    padding: 3rem 1.5rem;

  }

  .box,

  .comment-respond,

  .tml {

    padding: 2rem;

    /*margin-bottom: 1.5rem;*/

  }

  .footer {

    padding: 1.5rem;

  }

  .footer.footer2 {

    padding: 1.5rem !important;

  }

  .article-box .img-box {

    height: 50vw;

  }

  .sidebar {

    padding: 0;

  }

  .box .row-2 {

    margin-top: -1rem;

    margin-bottom: -1rem;

    margin-left: -1.5rem;

    margin-right: -1.5rem;

  }

  .box .row-2 > div {

    margin-top: 1rem;

    margin-bottom: 1rem;

    padding-left: 1.5rem;

    padding-right: 1.5rem;

  }

  .modal .modal-header {

    padding: 2rem 1.5rem;

  }

  .modal .modal-body {

    padding: 1rem 1.5rem;

  }

  .modal .modal-footer {

    padding: 1.5rem 1.5rem 1.5rem;

  }

  .modal .modal-header {

    padding: 2rem 1.5rem 1rem;

  }

  .m-btn {

    min-width: 12.5rem;

  }

  .profile-box.square {

    margin-top: 4rem;

  }

  .profile-box.square .user-profile-img {

    height: 176px;

    width: 313px;

  }

  body .woocommerce form .form-row-first,

  body .woocommerce form .form-row-last,

  body .woocommerce-page form .form-row-first,

  body .woocommerce-page form .form-row-last {

    width: 100%;

  }

  .woocommerce-shipping-fields {

    padding: 2rem;

  }

  .register-col {

    -ms-flex-order: 2;

    order: 2;

  }

  .login-col {

    -ms-flex-order: 1;

    order: 1;

  }

  .box .row.row-2.author-custom {

    margin-top: 0 !important;

  }

  .author-custom > div {

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

  }

  .author-custom .pf-list,

  .author-custom .listbox-a {

    display: none !important;

  }

  .author-custom .left-sec {

    display: block !important;

    text-align: center;

    margin-right: 0 !important;

    width: 100%;

  }

  .author-custom .listbox .p-img {

    margin-right: 0 !important;

  }

  .author-custom .listbox .details-sec h4 {

    margin: auto;

    white-space: pre-wrap;

    word-break: break-word;

    width: 100%;

    display: block !important;

    font-size: 1.4rem;

  }

  .author-custom .listbox .details-sec h4 img {

    /* display: none !important; */

  }

  .author-custom .listbox .details-sec {

    padding-bottom: 0 !important;

  }

  .box .author-custom.row-2 > div {

    margin-top: 0.5rem !important;

    margin-bottom: 0.5rem !important;

    padding-left: 0.5rem !important;

    padding-right: 0.5rem !important;

  }

  .box .author-custom.row-2 {

    margin-left: -0.5rem !important;

    margin-right: -0.5rem !important;

  }

  .box .author-custom .listbox {

    padding: 2rem 1rem !important;

    border: 0;

    -ms-flex-align: start !important;

    align-items: flex-start !important;

  }

  .listbox .details-sec h4 {

    padding-right: 0;

  }

  #addArticleFrm .custom-file {

    margin-bottom: 40px;

  }

}



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

  .sidebar .logo a:after {

    font-size: 6rem;

  }

  .sidebar {

    height: 138px;

  }

  .header .form-inline .search-btn {

    top: calc(100% + 7.5rem);

  }

  .box .row {

    margin-top: -1.5rem;

    margin-bottom: -1.5rem;

  }

  .box .row > div {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem;

  }

  footer .es_subscription_form .es_txt_email {

    margin-left: 0;

    margin-top: 1rem;

  }

  footer .es_subscription_form .es_submit_button {

    background-image: url(../images/send-icon.svg);

    background-repeat: no-repeat;

    background-position: center;

    font-size: 0;

    background-size: 2rem 2rem;

    width: 2rem;

    height: 5rem;

    bottom: 0;

    top: auto;

  }

 .header .form-inline .form-control {

    top: calc(100% + 7rem);

  }

  .listbox .left-sec,

  .comment-list li > .d-flex {

    display: block !important;

  }

  .comment-list .img-box img {

    margin-bottom: 2rem;

  }

  /*#comments .comment-list li{padding-left: 0}

	#comments .comment-list li .comment-author.vcard img{position: relative;top: 0;display: block;margin-bottom: 2rem;}*/

  .footer.footer2 .navbar-nav {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important;

  }

  .footer.footer2 .navbar-nav li {

    width: 100%;

  }

  .footer.footer2 .navbar-nav li a {

    padding: 1.5rem;

  }

  .footer.footer2 .navbar-nav {

    margin: 0;

  }

  .footer.footer2 .navbar-nav li a:after {

    top: auto;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    bottom: -0.4rem;

  }



  .template-footer-logo {

    width: 40px;

  }

  .video-template .video-heading h3 {

    font-size: 18px;

  }

}

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

  #sumsub-websdk-container iframe {

    height: 1280px !important;

  }

}

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

}



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

  .top-btn-box {

    display: block !important;

  }

  .top-btn-box .ml-auto {

    margin-top: 1rem;

  }

}



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

  .author-custom > div {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}