:root {
  --color-btn-mobile: #bfabf0
}

@media(max-width:1335px) {
.main, main {
  width: 97%;
}
}

@media screen and (max-width:1200px) {
.totop {
  background: linear-gradient( 45deg, #bfabf0, #bfabf0);
        padding: 9px 11px;
        font-size: .7rem;
        left: 33px;
        border-radius: 4px;
}
}

@media(max-width:1290px) {
#responsive-menu-icon {
  position: fixed;
        font-size: 23px;
        cursor: pointer;
}

.core-rail {
  width: 100%;
}

.full-size-screen-max.core-rail {
  width: 100%
}
}

@media(max-width:1200px) {
#responsive-menu-icon {
  right: 13%;
}

.right-rail .frame {
  margin-bottom: 0
}
}

@media(min-width:769px) {
#responsive-menu-icon {
  right: 37px;
        top: 37px;
}
}

@media(max-width:1200px) {
#application > header {
  padding: 0 90px 0 50px;
        height: 45px
}

#login-box-res-body {
  width: 50%;
}

#responsive-menu-icon {
  z-index: 999;
  left: 30px;
  right: 30px;
  top: 17px;
  font-size: 27px;
}

.sort-icon, .clear-input {
  right: 0
}
}

@media(max-width:1290px) {
#community-panel-right {
  box-shadow: 0px 0px 5px #cdcdcd;
        border-radius: }
}

.paint-tool > .container {
  max-width: 100%;
    padding: 0
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(900px);
        transform: translateY(900px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(900px);
        transform: translateY(900px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(900px);
        transform: translateY(900px);
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(900px);
        transform: translateY(900px);
    }
}

@media(min-width:768px) and (max-width:992px) {
.app {
  width: calc(25% - 4px);
        
        margin: 2px;
        font-size: 13px;
}

header {
  height: 60px;
}

.email-area .frame {
  padding: 0 3px;
}

.open-email {
  display: none;
        margin: 0 0 0 5px;
}
}

@media(min-width:768px) {
.chat-box-btn {
  display: none
}
}

@media(max-width:576px) {
.global-nav-primary-items {
  justify-content: space-around;
        padding-left: 10vh;
}

.global-nav-primary-items > li {
  min-width: 33px;
}
}

@media(max-width: 992px) {
.select-values.select-controls label {
  padding-left: 28px;
}

#responsive-left-menu-icon {
  display: block;
        top: 0;
        font-size: 19px;
        cursor: pointer;
        right: 1px;
        padding: 15px 8px 15px 10px;
        position: relative;
}
}

@media(max-width:1300px) {
.chat + .career-cloud-box {
  width: 100%;
        
        height: 100%;
        margin: 5px 0;
}
}

@media(max-width:460px) {
#responsive-menu-icon {
  
}
}

@media screen and (min-width:992px) {
#community-panel-right > .timeline-card.frame:first-child {
  position: relative !important;
        top: 0 !important
}

.open-email {
  display: none
}

.search-content.fixed {
  width: 100%;
        position: fixed;
        top: 95px;
        right: 0;
        left: 0;
        padding: 5px;
        z-index: 9;
}

.btn-filter {
  display: none
}

.mobile-filter-header {
  display: none!important
}

.open-filter {
  display: none
}
}

@media screen and (max-width:768px) {
.search-content.box-area.fixed .btn-filter {
  position: fixed;
        left: 15px;
        top: 25px;
}

.scroll-up .search-content.box-area.fixed .btn-filter {
  top: 88px;
}

.search-content.box-area.fixed .result-item > div {
  padding-bottom: 0 !important
}
}

@media screen and (max-width:1200px) {
.right-rail.open-right-menu {
  background: #ffffff;
        z-index: 22
}
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }
}

@media(min-width:500px) and (max-width:768px) {
.global-nav-primary-items {
  justify-content: flex-start;
}

.chat-box-btn:not(.open) {
  position: fixed;
        bottom: 11px;
        left: 17px;
        right: auto;
        margin: 0;
        box-shadow: none;
        width: 25px;
        height: 25px;
        font-size: .85rem;
        z-index: 9999999;
}
}

@media screen and (max-width: 768px) {
#productdownload .app:before {
  margin-right: 0
}

#productDownload .app span {
  display: none
}

.search-result.open {
  right: -90px;
        border-radius: 0;
        width: 100vw;
        min-width: 100%;
        padding: 0;
}

.result-item > div:first-child {
  position: relative;
        flex-direction: column;
        padding-bottom: 0
}

.result-item {
  background: #ffffff;
        padding: 17px;
        border-radius: 15px;
        margin-bottom: 10px;
}
}

@media screen and (max-width:400px) {
.paint-tool .col-lg-10 {
  padding: 0
}
}

@media screen and (max-width:600px) {
.global-nav-search-box {
  width: 40%;
        min-width: 50px;
}
}