@media all and (max-width: 1024px) {
    .admin-header-links {
        z-index: 1030;
        width: 100%;
    }
    /* RESPONSIVE MENU */
    .master-header-wrapper {
        position: relative;
    }
    .ps-container>.ps-scrollbar-y-rail {
        visibility: hidden !important;
    }
    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(221, 221, 221, 0.6);
        z-index: 1010;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }
    .overlayOffCanvas.show {
        background: rgba(0, 0, 0, 0.4);
    }
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #eee;
        text-align: left;
        overflow: hidden;
        z-index: 1070;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }
    .header-menu.opened {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .block.category-in-tabs {
        border-bottom: none;
        position: absolute;
        bottom: -73px;
        margin: auto;
        left: 0;
        right: 0;
    }
    .inner-wrapper {
        margin: 0px 0 10px;
        text-align: center;
    }
    .inner-wrapper .listbox {
        padding: 5px 0;
        display: inline-block;
    }
    .block .list a {
        font-size: 14px;
        padding: 5px 10px;
    }
    .navigation-wrapper {
        padding: 15px;
        border: 0;
        background: #717ffd;
        cursor: pointer;
        overflow: hidden;
        font-size: 0;
    }
    .header-menu .close-menu,
    .header-menu ul .back-button {
        float: right;
    }
    .header-menu .close-menu span,
    .header-menu ul .back-button span {
        position: relative;
        display: inline-block;
        padding: 0;
        width: 28px;
        height: 28px;
        background: rgba(0, 0, 0, 0.1);
        font-size: 0;
        color: #fff;
        line-height: 15px;
        border-radius: 5px;
    }
    .header-menu .close-menu span:after,
    .header-menu ul .back-button span:after {
        content: '\e901';
        position: absolute;
        top: 50%;
        left: 50%;
        font-family: prisma;
        font-size: 8px;
        color: #fff;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .header-menu ul .back-button {
        margin-right: 5px;
    }
    .header-menu ul .back-button span:after {
        content: '\e924';
    }
    .header-menu>ul li {
        border-bottom: 1px solid #eee;
        background: #f6f6f6;
    }
    .header-menu>ul li:after {
        content: "";
        display: block;
        clear: both;
    }
    .header-menu>ul li>a,
    .header-menu>ul li>span {
        position: relative;
        display: block;
        padding: 16px 18px;
        line-height: 17px;
        text-align: left;
        font-size: 15px;
        color: #666;
        z-index: 0;
    }
    .header-menu>ul li>a:hover,
    .header-menu>ul li>span:hover {
        color: #717ffd;
    }
    .header-menu>ul li:last-child>a,
    .header-menu>ul li:last-child>span {
        border-bottom: 0;
    }
    .header-menu>ul li>.with-subcategories {
        float: left;
    }
    .plus-button {
        position: relative;
        float: right;
        margin: 10px;
        width: 28px;
        height: 28px;
        background: #717ffd;
        cursor: pointer;
        z-index: 1;
        border-radius: 5px;
    }
    .plus-button:after {
        content: '\e925';
        position: absolute;
        top: 50%;
        left: 50%;
        font-family: prisma;
        font-size: 8px;
        color: #dcdde0;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #eee;
        box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
        z-index: 2;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .header-menu .sublist-wrap {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }
    .header-menu .sublist-wrap.active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
    .flyout-cart {
        display: none;
    }
    /*********** FOOTER ***********/
    .footer-block .title {
        position: relative;
        padding: 19px 37px;
    }
    .footer-block .title:before,
    .footer-block .title:after {
        content: '\e923';
        position: absolute;
        top: 50%;
        width: 24px;
        height: 24px;
        background: #fff;
        line-height: 24px;
        font-family: prisma;
        font-size: 10px;
        color: #0a2439;
        border-radius: 5px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .footer-block .title.active:before,
    .footer-block .title.active:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
    .footer-block .title:before {
        left: 13px;
    }
    .footer-block .title:after {
        right: 13px;
    }
    .footer-middle>div:last-child {
        margin-top: 0;
    }
    /* SEARCH BOX */
    .store-search-box {
        position: absolute;
        top: 100%;
        left: 74px;
        right: auto;
        width: 40%;
        background: #0a2439;
        text-align: center;
        box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.3);
        z-index: 1010;
        font-size: 0;
        border-radius: 5px;
        margin: 0 auto;
        padding: 4px 0;
    }
    .store-search-box.open {
        display: block;
    }
    .search-box.store-search-box input {
        border: 0;
        height: 40px;
        background: none;
        color: #fff;
    }
    .store-search-box input.search-box-button {
        background: #717ffd url(/Themes/Prisma/Content/img/search-b.svg) center no-repeat;
        background-size: 25px;
    }
    .store-search-box input.search-box-text {
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    .header .store-search-box ::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .4);
    }
    .header .store-search-box ::-moz-placeholder {
        color: rgba(255, 255, 255, .4);
    }
    .header .store-search-box :-ms-input-placeholder {
        color: rgba(255, 255, 255, .4);
    }
    .header .store-search-box :-moz-placeholder {
        color: rgba(255, 255, 255, .4);
    }
    .block.blog-search-box .listbox {
        display: block;
    }
    .product-details-page .product-collateral {
        background: none;
        height: auto;
    }
    /* MISCELLANEOUS */
    .html-account-page .block {
        float: none;
        width: auto;
        text-align: center;
    }
    .product-selectors,
    .filter-options {
        display: none;
    }
    .category-page-body .footer {
        padding-bottom: 30px;
    }
    .category-page-body .filter-options {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        font-size: 0;
        z-index: 1000;
    }
    .filter-options>.filters-button {
        display: none;
    }
    .filter-options>div {
        position: relative;
        display: inline-block;
        padding: 20px 10px;
        width: 50%;
        background: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 13px;
        color: #888;
        cursor: pointer;
    }
    .filter-options>div:before {
        display: inline-block;
        margin-right: 5px;
        font-family: prisma;
        font-size: 20px;
        color: #57b568;
        vertical-align: middle;
        cursor: pointer;
    }
    .filters-button:before {
        content: '\e907';
    }
    .product-sorting-mobile:before {
        content: '\e90c';
    }
    .product-display-mobile:before {
        content: '\e906';
    }
    .filter-options li:after {
        content: '.';
        position: absolute;
        top: 10px;
        right: 0;
        height: 40px;
        width: 1px;
        background: #eee;
        text-indent: -9999px;
        font-size: 0;
    }
    .filter-options li:last-of-type:after {
        content: none;
    }
    .filter-options>div>div span {
        display: none;
    }
    .product-sorting-mobile,
    .product-display-mobile {
        position: relative;
    }
    .product-sorting-mobile select,
    .product-display-mobile select {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    /* WISHLIST & CART */
    .cart thead {
        display: none;
    }
    .cart col {
        float: left;
    }
    .cart tr {
        float: left;
        padding-bottom: 15px;
        margin-right: 6px;
        width: 32.7%;
        width: -webkit-calc(100%/3 - 2px);
        width: calc(100%/3 - 5px);
        overflow: hidden;
        border-bottom: 10px solid #f6f6f6;
        background: #fff;
    }
    .cart tr:nth-of-type(3n) {
        margin-right: 0;
    }
    .cart tr:nth-of-type(3n+1) {
        clear: left;
    }
    .cart td {
        display: block;
        border: 0;
        border-bottom: 4px solid #f6f6f6;
    }
    .order-summary-content tr,
    .shopping-cart-page tr {
        margin-bottom: 4px;
        padding: 4px 10px 0;
        background: #f6f6f6;
    }
    .shopping-cart-page .cart-item-row td:first-child,
    .shopping-cart-page .cart-item-row td.sku {
        display: none;
    }
    .order-summary-content td,
    .shopping-cart-page td {
        padding: 5px 10px;
        border-bottom: none;
        background: none;
        text-align: left;
    }
    .order-summary-content .cart .remove-from-cart,
    .shopping-cart-page .cart .remove-from-cart {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
        width: 100%;
        text-align: right;
    }
    .order-summary-content td.product,
    .shopping-cart-page td.product {
        text-align: left;
    }
    .order-summary-content .cart .product-name,
    .shopping-cart-page .cart .product-name {
        font-size: 13px;
    }
    .order-summary-content .cart label,
    .shopping-cart-page .cart label {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 11px;
        color: #aaa;
    }
    .order-summary-content td.quantity,
    .shopping-cart-page td.quantity {
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    .order-summary-content td.subtotal,
    .shopping-cart-page td.subtotal {
        padding-bottom: 0;
        font-size: 14px;
    }
    .order-summary-content .cart td,
    .shopping-cart-page .cart td {
        float: right;
        padding-left: 0;
        width: 58%;
    }
    .order-summary-content .cart .product-picture,
    .shopping-cart-page .cart .product-picture {
        float: left;
        width: 40%;
    }
    .wishlist-content .table-wrapper {
        padding: 10px;
        background: #f6f6f6;
    }
    .wishlist-content .cart tbody {
        font-size: 0;
        background: #f6f6f6;
    }
    .wishlist-content .cart label,
    .wishlist-content .cart td {
        font-size: 14px;
        color: #666;
    }
    .wishlist-content .cart .product-picture,
    .wishlist-content .cart .product,
    .wishlist-content .cart .unit-price {
        border: 0;
    }
    .wishlist-content .cart .remove-from-cart,
    .wishlist-content .cart .add-to-cart {
        width: 50%;
        height: 48px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .wishlist-content .cart .product-picture {
        float: left;
        width: 30%;
        padding-right: 0;
    }
    .wishlist-content .cart .product-picture~td {
        margin: 0 0 0 40%;
        text-align: left;
        padding: 10px;
    }
    .wishlist-content .cart .quantity {
        float: left;
        clear: left;
        width: 40%;
    }
    .wishlist-content .cart .subtotal {
        float: right;
        padding-left: 0;
        width: 60%;
        text-align: left;
    }
    .wishlist-content .cart tr td.quantity,
    .wishlist-content .cart tr td.subtotal {
        margin: 0;
        border: 0;
        border-top: 4px solid #f6f6f6;
        max-width: none;
    }
    .wishlist-content .cart .qty-dropdown {
        padding-right: 15px;
        min-width: auto;
        width: 48px;
    }
    /*COMPARE MOBILE*/
    .compare-products-mobile {
        padding: 10px;
        background: #f6f6f6;
    }
    .compare-section {
        margin-bottom: 30px;
    }
    .compare-section:last-child {
        margin-bottom: 0;
    }
    .compare-section .title {
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
        color: #444;
    }
    .compare-section ul {
        margin: 0 auto;
        padding: 0 20px;
        max-width: 500px;
        background: #fff;
    }
    .compare-section ul li {
        padding: 15px 0;
        font-size: 13px;
        color: #666;
    }
    .compare-section ul li+li {
        border-top: 1px solid #eee;
    }
    .compare-section.product .title {
        font-size: 0;
    }
    .compare-section.product ul {
        padding: 0;
        background: none;
    }
    .compare-section.product li {
        padding: 0;
        border: 0;
        margin-bottom: 10px;
    }
    .compare-section.product li:after {
        content: '';
        display: block;
        clear: both;
    }
    .compare-section.product .picture {
        float: left;
        margin-right: 4px;
        width: 25%;
        background: #fff;
        text-align: center;
    }
    .compare-section.product .product-name {
        text-align: left;
        font-size: 13px;
        color: #666;
    }
    .compare-section.product .details {
        position: relative;
        padding: 20px 10px 10px;
        background: #fff;
        overflow: hidden;
    }
    .compare-section .remove-button {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 100%;
        max-width: 136px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .compare-section.price li {
        font-weight: bold;
        color: #57b568;
    }
    #customerCurrency,
    #customerlanguage {
        background-color: #717ffd;
    }
    #customerCurrency option,
    #customerlanguage option {
        background-color: #0a2439;
    }
    .responsive-nav-wrapper-parent .career-btns {
        display: none;
    }
    .header-wrapper {
        padding: 8px 5px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .master-header-wrapper .header-wrapper .header {
        width: 27%;
        float: none;
    }
    .master-header-wrapper .header-wrapper .responsive-nav-wrapper-parent {
        float: none;
        width: 100%;
    }
    .master-header-wrapper .header-wrapper {
        padding: 3px 5px;
    }
    .master-header-wrapper .header-wrapper .responsive-nav-wrapper {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 38px;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
    .master-header-wrapper .header-wrapper .menu-title {
        position: absolute;
        right: auto;
        left: 13px;
    }
    .master-header-wrapper .header-wrapper #header-links-opener {
        position: absolute;
        width: 28px;
        right: 0;
        left: auto;
    }
    .master-header-wrapper .header-wrapper .search-wrap.search-btn-act {
        width: 28px;
        position: absolute;
        left: auto;
        right: 40px;
    }
    .master-header-wrapper .header-wrapper .logo-mobile {
        width: 150px;
        margin: 0 auto;
        position: absolute;
        bottom: 10px;
        top: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
    .currency-selector {
        text-align: right;
        padding: 5px 10px 0;
    }
    .header-links ul li:nth-child(3) {
        display: none;
    }
    .header-links-wrapper {
        top: 33px;
        bottom: auto;
        right: 0;
        left: auto;
        width: 220px;
    }
    .master-header-wrapper {
        margin-bottom: 0;
    }
    .diamond-wrapper-top h1 {
        font-size: 20px;
    }
    #header-links-opener {
        position: relative;
    }
    .header-selectors-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #717ffd;
    }
    .bim-item {
        margin-bottom: 35px;
    }
    .dashbord-arad h4 {
        font-weight: 500;
    }
    .career-bg {
        height: 300px;
    }
    .career-bg .filter-img {
        height: 300px;
    }
    .career-bg .career-content h2 {
        margin-bottom: 26px;
        font-size: 2rem;
        line-height: 1;
    }
    .career-bg .career-content p {
        width: 100%;
        margin-bottom: 30px;
        font-size: 14px;
        padding: 0 15px;
    }
    .button.arad-btn {
        font-size: 10px;
    }
    .career-btns .button.arad-btn {
        font-size: 10px;
        padding: 6px 14px;
    }
    .career-bg .career-content {
        top: 48%;
        left: 0;
        right: 0;
        text-align: center;
    }
    .career-bg button.arad-btn.secondary {
        font-size: 14px;
    }
    .rich-blog-homepage .blog-posts {
        margin: 0px 25px 0 0px;
    }
    .theme-mobile-slider .nivo-caption p {
        margin: 15px;
        padding: 0;
        text-align: right;
        font-family: IRANyekan;
        line-height: 3.7;
        color: #fff;
    }
    .topic-page .background-section h1 {
        top: 38%;
        line-height: 1rem;
        font-size: 3rem;
    }
    .item-title-description p.text-justify-p.text-dark.text-md-center {
        margin: 10px auto 40px;
        font-size: 20px;
        font-weight: 500;
        text-align: justify !important;
        line-height: 28px;
    }
    .tamas-btn button.arad-btn.bg-white {
        font-size: 15px;
    }
    .tamas-btn {
        margin: 0 auto;
    }
    .header-wrapper .header {
        display: none;
    }
    .store-search-box {
        right: -44px;
        left: auto;
        width: 400px;
        margin: 0 auto;
    }
    .features-item h3 {
        margin-top: 10px;
    }
    .career-btns.btn-project .btn-project button {
        padding: 8px 20px;
        margin-top: 12px;
    }
    .home-page .topic-block {
        margin: 0 auto;
        padding: 30px 0 0;
    }
    .career-btns.btn-project button.arad-btn.primary {
        margin-top: 14px;
        padding: 12px;
    }
    .about-us-second .career-btns.btn-project button.arad-btn.primary {
        margin-top: 0;
    }
    .career-btns.btn-project button.arad-btn.primary a {
        font-size: 12px;
    }
    .diamond-titles {
        text-align: left;
    }
    .diamond-wrapper {
        width: 96%;
    }
    .diamond-wrapper {
        width: 100%;
        margin: 3% auto 0;
    }
    .diamond-wrapper-top .diamod-box {
        width: 40%;
        margin: 9px auto;
        transform: none;
        border-radius: 10px;
    }
    .diamond-wrapper-top {
        margin: 3% auto 4%;
    }
    .content-diamond {
        margin: 0 5px;
    }
    .newsletter .title p {
        display: none;
    }
    .missiom-wrapper {
        display: none;
    }
    .page.contact-page .page-body {
        flex-direction: row;
    }
    .contact-page .topic-block {
        width: 35%;
    }
    .page.contact-page .form-fields .inputs label {
        width: 150px;
    }
    .page.contact-page .page-body form {
        width: 58%;
        margin: 18px auto;
    }
    .background-section .buttons {
        position: absolute;
        left: 153px;
        top: 94%;
        bottom: auto;
    }
    .contact-page .background-section h1 {
        top: 8%;
    }
    .bim-wrapper {
        background-color: #fff;
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }
    .bim-text {
        position: unset;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
    .bim-img {
        position: unset;
        width: 75%;
        margin: 0 auto;
    }
    .bim-text h1 {
        font-size: 2rem;
    }
    .html-topic-page .second-discript {
        width: 100%;
    }
    .topic-page .background-bim-section h1 {
        top: 27%;
        font-size: 5rem;
    }
    .diamond-titles h4.content-text {
        font-size: 15px;
    }
    #team_section .team-box {
        width: 25%;
    }
    section.item-title-description.about-us-second p {
        margin-bottom: 0;
    }
    .html-account-page .master-wrapper-content,
    .html-my-product-reviews-list-page .master-wrapper-content {
        width: 100%;
        margin: 30px auto 0;
    }
    .visible-wrapper .myBtn {
        display: block;
        float: left;
        cursor: pointer;
    }
    .more-text {
        display: none;
    }
    section.dashboard-section-page .visible-wrapper .myBtn {
        display: block;
        color: var(--blue);
        margin: 10px;
    }
    .dashboard-section-page p.text-justify-p.text-dark.text-md-center.visible-p {
        margin-bottom: 2px;
    }
    section.dashboard-section-page .section-dasbord,
    section.dashboard-section-page .section-third-dasbord,
    section.dashboard-section-page .section-five-dasbord {
        padding: 0 30px;
        background-size: cover;
        background-attachment: fixed;
    }
    .dashbord-text h1.text-dark.mb-lg-4 {
        font-size: 17px;
        margin: 13px auto 0;
    }
    .dashbord-text p {
        font-size: 12px;
    }
    .section-dasbord h1::after,
    .section-second-dasbord h1::after {
        display: none;
    }
    .dashbord-list {
        display: block;
        padding-bottom: 10px;
    }
    .dashbord-list ul li {
        text-align: left;
    }
    .dashbord-list ul {
        padding: 0 0 0 14px;
    }
    section.dashboard-section-page .section-second-dasbord,
    section.dashboard-section-page .section-four-dasbord {
        padding: 0 30px;
    }
    .dashboard-section-page .background-bim-section.container-fluid h6 {
        display: none;
    }
    .section-second-dasbord .career-btns.btn-project button.arad-btn.primary {
        overflow: hidden;
        padding: 6px 10px;
    }
    .section-third-dasbord h1::after,
    .section-four-dasbord h1::after,
    .section-five-dasbord h1::after {
        display: none;
    }
    .category-and-brand-section {
        display: none;
    }
    .category-mobile-section {
        display: block;
    }
    .category-share-mobile-content {
        display: block;
        margin-bottom: 40px;
        width: 100%;
    }
    .category-share-mobile-content .first-wrapper {
        display: none;
        height: 100%;
        padding-top: 12px;
        box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 35px;
    }
    .share-mobile-first .discount-text,
    .share-mobile-third .discount-text {
        color: #0a2439;
        font-weight: 900;
        padding: 10px;
        display: flex;
        flex-direction: column;
    }
    .category-share-mobile-content .career-btns.btn-project {
        float: none;
    }
    .category-share-mobile-content .second-wrapper {
        display: none;
        height: 100%;
        padding-top: 12px;
        box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 35px;
    }
    .category-share-mobile-content .second-wrapper .icon-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-end;
    }
    .category-share-mobile-content .second-wrapper .icon-wrapper>div {
        margin: 6px;
    }
    .category-share-mobile-content .third-wrapper {
        display: none;
        height: 100%;
        padding-top: 29px;
        box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 35px;
    }
    .category-share-mobile-content .third-wrapper .icon-wrapper {
        display: flex;
        justify-content: space-evenly;
        width: 85%;
        margin: 0 auto;
    }
    section.dashboard-section-page .dashbord-lists {
        padding: 0 0px 0px 13px;
        display: block;
        text-align: left;
    }
    .dashbord-lists ul {
        padding: 0 0 3px;
        text-align: left;
    }
    section.dashboard-section-page .section-second-dasbord,
    section.dashboard-section-page .section-four-dasbord {
        background-attachment: fixed;
        background-size: cover;
    }
    .dashbord-text h1.text-dark.my-lg-4,
    .dashbord-text h1.text-dark.my-lg-3 {
        font-size: 17px;
        margin-top: 17px;
    }
    .dashbord-text h1.text-dark.mt-lg-5.mr-lg-4.mb-lg-3 {
        font-size: 17px;
        margin: 17px 0 -8px 0;
    }
    .section-five-dasbord .dashbord-list {
        display: block;
        padding: 0px 0 14px 0;
    }
    .section-six-dasbord {
        padding: 0 30px;
    }
    .section-six-dasbord {
        padding: 0 30px;
        background-size: cover;
        background-attachment: fixed;
    }
    section.dashboard-section-page .category-mobile-section .career-btns.btn-project {
        top: 4px;
        bottom: 0;
        left: 0;
        right: 0
    }
    .third-wrapper.inner>p {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        color: #0a2439;
    }
    .category-mobile-section .third-wrapper.inner .discount-text,.category-mobile-section  .first-wrapper.inner .discount-text {
        display: none;
    }
    .share-cataloge-description {
        text-align: center;
        color: #0a2439;
    }
    h1.text-dark.Bolder.text.text-center.mobile-title {
        padding: 0 30px;
    }
    .share-mobile-first .discount-text strong,
    .share-mobile-third .discount-text strong {
        font-size: 4rem;
        font-weight: 800;
        padding-top: 40px;
        padding-bottom: 14px;
        color: #0a2439;
    }
    .first-wrapper .discount-text {
        display: flex;
        flex-direction: column;
    }
    .some-project-ofArad p.text-justify-p.text-dark.text-md-center {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .sample-projects.item-title-description.about-us-second.project-section h1 {
        margin-top: 10px;
        font-size: 20px;
    }
    section.project-planing-definition.container-fluid.item-title-description.mt-lg-5.mt-4.visible-wrapper p.myBtn {
        display: block;
        margin-left: 10px;
    }
    .image-container .page-title h1 {
        font-size: 2rem;
    }
    .image-container .page-title .page-subtitle {
        font-size: 0.8rem;
    }
    .block.blog-search-box {
        bottom: 0;
    }
    /* start job opportunity styles & job-positions details */
    .job-opportunity .upper-banner,
    .job-positions .upper-banner {
        padding: 35px 0;
        margin: 0;
        background-size: cover;
    }
    .job-opportunity section.advantages {
        padding-bottom: 20px;
    }
    .job-opportunity .banner-holder .title h1,
    .job-positions .upper-banner .title h1 {
        font-size: 1.5rem;
    }
    .job-opportunity .banner-holder .title h5,
    .job-positions .banner-holder .title h5 {
        font-size: 1rem;
    }
    section.job-opportunity>section,
    .job-positions>section {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .job-opportunity .info .txt-info-wrapper {
        text-align: justify;
        padding: 0 20px;
    }
    #exTab1 .tab-content {
        color: #111;
        padding: 5px 0px;
    }
    section.btn-section .send-resume {
        margin: 15px auto;
    }
    .job-opportunity .opportunity .tab-content.clearfix .tab-pane {
        padding: 0;
    }
    .job-opportunity .opportunity .job-program {
        padding: 0 5px;
    }
    .job-positions .j-title {
        padding: 0.3rem 0 0rem;
    }
    .job-positions .positions .title {
        font-size: 1.5rem;
        padding: 0 0 .5rem;
    }
    .job-positions .positions .j-bread-crumb {
        font-size: 1rem;
    }
    .job-positions .language-markup .j-title {
        padding: 0.5rem 0;
    }
    .job-positions .language-markup .j-title h2 {
        font-size: 1.2rem;
        font-weight: 500;
        margin: 0;
    }
    .job-positions .language-markup .tasks ul {
        padding: 0 10px;
        text-align: justify;
    }
    .job-positions .language-markup .tasks {
        padding: 0 15px;
    }
    .job-positions .language-markup .tasks ul>li {
        margin: 5px 0;
    }
    /* end job opportunity styles */
    .product-details-page .product-content-wrappper {
        background: none;
        padding-left: 0px;
        padding-bottom: 0;
    }
    .html-product-details-page .product-collateral>div {
        margin: 0;
    }
    .html-product-details-page .product-collateral .table-wrapper {
        position: static;
        width: 98%;
        margin: 0 auto;
        padding: 15px 0 0;
    }
    .product-details-page .data-table tr {
        padding: 9px 8px;
    }
}

@media all and (max-width: 768px) {
    .image-container img {
        display: none;
    }
    .image-container {
        position: relative;
        background: url(/Themes/Prisma/Content/img/901-1600x400.jpg) no-repeat;
        background-size: cover;
        width: 100%;
        height: 160px;
        margin-bottom: 60px;
    }
    .page.product-details-page .image-container {
        background: url(/Themes/Prisma/Content/img/product-detail.jpg) no-repeat;
        margin-bottom: 0;
    }
    .subtitle-product {
        top: 11%;
        font-size: 2rem;
    }
    .product-specs-box .data-table td {
        font-size: 10px;
    }
    .product-main-title h1 {
        color: #fff;
        font-size: 1rem;
    }
    .image-container .page-title {
        position: absolute;
        left: 50%;
        top: 10%;
        transform: translateX(-50%);
    }
    .block.blog-search-box {
        width: 70%;
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translateX(-50%);
        border-bottom: none;
    }
    .cart tr {
        width: 49.7%;
    }
    .cart tr:nth-of-type(2n) {
        margin-right: 0;
    }
    .cart tr:nth-of-type(2n+1) {
        clear: left;
        margin-right: .6%;
    }
    .cart tr:nth-of-type(3n+1) {
        clear: none;
    }
    .cart tr:nth-of-type(3n) {
        clear: none;
    }
    .compare-section.product .picture {
        width: 45%;
    }
    .shipments thead,
    .products thead,
    .return-request-page thead,
    .recurring-payments thead,
    .reward-points-history thead,
    .downloadable-products-page thead {
        display: none;
    }
    .shipments tr,
    .products tr,
    .return-request-page tr,
    .recurring-payments tr,
    .reward-points-history tr,
    .downloadable-products-page tr {
        display: block;
        margin-bottom: 10px;
        border: 1px solid #eee;
        background: #fff;
    }
    .shipments td,
    .products td,
    .return-request-page td,
    .recurring-payments td,
    .reward-points-history td,
    .downloadable-products-page td {
        display: block;
        padding: 10px;
        border: 0;
        text-align: center;
    }
    .shipments td:first-of-type,
    .products td:first-of-type,
    .return-request-page td:first-of-type,
    .recurring-payments td:first-of-type,
    .reward-points-history td:first-of-type,
    .downloadable-products-page td:first-of-type {
        display: none;
    }
    .return-request-page td.product {
        text-align: center;
    }
    .shipments td label,
    .products td label,
    .return-request-page td label,
    .recurring-payments td label,
    .reward-points-history td label,
    .downloadable-products-page td label {
        margin-bottom: 10px;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 11px;
        color: #bbb;
    }
    .header-selectors-wrapper {
        font-size: 10px;
    }
    .currency-selector,
    .language-selector {
        text-align: right;
        padding: 0px 10px;
    }
    .diamond-wrapper-top .diamod-box {
        width: 35%;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .content-diamond {
        width: 80px;
        height: 80px;
        padding: 18px;
        margin: 0 5px;
    }
    .content-diamond svg {
        fill: #ffffff;
        width: 46px;
        height: 46px;
    }
    .store-search-box {
        width: 400px;
    }
    h1.text-center.text-home-page {
        font-size: 18px;
    }
    .home-page .topic-block-title h2,
    .dashbord-arad h2,
    .diamond-title.text-center,
    .rich-blog-homepage .title strong {
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
        color: #444;
    }
    h1.diamond-title.text-center {
        margin: 24px auto 0;
        font-size: 20px;
    }
    .features-item {
        margin-bottom: 20px;
    }
    .newsletter {
        margin-top: 20px;
    }
    .features-box .text {
        padding: 0 4px;
    }
    .career-btns .arad-btn.primary a,
    .career-btns .arad-btn.secondary a {
        font-size: 12px;
    }
    h4.content-text {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .contact-page .background-section h1 {
        top: 5%;
        font-size: 3.5rem;
    }
    .page.contact-page .page-body {
        flex-direction: column-reverse;
        padding: 0 25px;
    }
    .contact-page .buttons,
    .email-a-friend-page .buttons,
    .apply-vendor-page .buttons {
        margin: 0;
    }
    .contact-page .inputs label {
        text-align: left;
    }
    .contact-page .topic-block {
        width: 100%;
        border-right: none;
    }
    .page.contact-page .page-body form {
        width: 100%;
        margin: 18px auto;
    }
    .background-section .buttons {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        bottom: auto;
    }
    .contact-page .inputs {
        display: flex;
    }
    .diamond-titles h4.content-text {
        font-size: 12px;
    }
    .about-us-second img {
        width: 75%;
        margin: 0 auto 12px;
    }
    section.sample-projects.item-title-description.about-us-second.project-section>div {
        margin-top: 25px;
    }
    section.sample-projects.item-title-description.about-us-second.project-section {
        padding-bottom: 25px;
    }
    .col-planning.shadow-conteiner {
        width: 95%;
        padding: 15px;
        margin: 22px auto 0px;
    }
    section.project-planing-definition.container-fluid.item-title-description.mt-lg-5.mt-4.visible-wrapper p.description-planing {
        margin: 0;
    }
    .row-planning {
        flex-direction: column;
    }
    .row.justify-content-center.align-items-center.mb-lg-3.shadow-conteiner.planning-row {
        flex-direction: column-reverse;
    }
    .main-section-faq .tab label {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 9px;
        font-weight: 600;
    }
    .main-section-faq input[type=radio]+label {
        padding: 10px 0px 10px 0px;
    }
    .accordion-list li {
        padding: 17px 8px;
    }
    .tab-buttons button {
        border: none;
        padding: 6px 0;
        margin: 4px 4px;
        background-color: unset;
        width: 155px;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        background-color: #43425D;
    }
    .tab-buttons {
        margin: 22px 15px 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .tab__content {
        width: 100%;
    }
    .accordion-list h3.question {
        font-size: 13px;
        font-weight: 600;
        text-align: left;
    }
    .accordion-list p {
        font-size: 13px;
    }
    /* start job opportunity styles */
    .job-opportunity .pros-icons .icon-wrapper .item {
        background-size: 60px;
        height: 105px;
    }
    .job-opportunity .pros-icons .icon-wrapper .item h6 {
        font-size: 12px;
    }
    .job-opportunity .more-infoes {
        padding: 10px 0;
    }
    /* end job opportunity styles */
}

@media all and (max-width: 480px) {
    .cart tr {
        width: 100%;
    }
    .cart tr:nth-of-type(2n) {
        margin-right: 0;
    }
    .cart tr:nth-of-type(2n+1) {
        clear: none;
    }
    .cart tr:nth-of-type(3n+1) {
        clear: none;
        margin: 0;
    }
    .search-box input.search-box-text {
        width: 320px !important;
    }
    .diamond-wrapper-top .diamod-box {
        width: 100%;
    }
    /* .content-diamond {
        position: absolute;
        left: 0;
        transform: rotate( -45deg) translateX(-26%);
        text-align: center;
        bottom: 40px;
    } */
    .content-text {
        text-align: left;
    }
    .store-search-box {
        right: -44px;
        left: auto;
        width: 400px;
        margin: 0 auto;
    }
    .rich-blog-homepage .blog-posts {
        margin: 0px 4px 0 4px;
    }
    .topic-page .background-section h1 {
        top: 30%;
    }
    .item-title-description p.text-justify-p.text-dark.text-md-center {
        margin: 10px 10px 40px;
        font-size: 16px;
        font-weight: 500;
        text-align: justify !important;
        line-height: 22px;
    }
    .about-us-second h1 {
        margin-top: 14px;
    }
    .career-btns.btn-project {
        margin: 0 auto 22px;
        text-align: center;
        float: none;
    }
    .contact-page .inputs {
        display: block;
    }
    .contact-page .background-section h1 {
        top: 2%;
        font-size: 2.5rem;
    }
    .bim-text h1 {
        font-size: 1.6rem;
    }
    .topic-page .background-bim-section h1 {
        top: 30%;
        font-size: 22px;
    }
    .slider-wrapper.anywhere-sliders-nivo-slider.theme-second-middle-slider {
        display: none;
    }
    #team_section .team-box {
        width: 50%;
    }
    .about-us-second img {
        width: 100%;
        margin: 0 auto 0px;
    }
    section.dashboard-section-page .career-btns.btn-project {
        top: -38px;
        bottom: 0;
        left: auto;
        right: 0;
        text-align: center;
        margin: 0 auto;
    }
    .section-dasbord .career-btns.btn-project button.arad-btn.primary {
        padding: 6px 10px;
    }
    .category-share-mobile-content .first-wrapper {
        height: 400px;
    }
    .category-share-mobile-content .second-wrapper {
        height: 628px;
    }
    .category-share-mobile-content .third-wrapper {
        height: 100%;
    }
    section.dashboard-section-page .category-mobile-section .career-btns.btn-project {
        top: 4px;
        bottom: 0;
        left: auto;
        right: 10px;
        width: auto;
    }
    .share-cataloge-description {
        padding: 0 15px;
    }
    .category-share-mobile-content .second-wrapper {
        height: 100%;
    }
    section.dashboard-section-page .section-dasbord,
    section.dashboard-section-page .section-third-dasbord,
    section.dashboard-section-page .section-five-dasbord {
        margin: 30px 0;
    }
    .section-six-dasbord {
        margin: 55px 0;
    }
    .some-project-ofArad p.text-justify-p.text-dark.text-md-center {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .some-project-ofArad h1.text-dark.text-center,
    .sample-projects h1.text-dark.text-center {
        font-size: 16px;
        font-weight: 800;
    }
    .share-mobile-first h1,
    .share-mobile-second h1,
    .share-mobile-third h1 {
        width: 90%;
        background-color: #0a2439;
        color: #fff;
        padding: 7px 49px;
        margin: 2px auto;
        font-size: small;
        text-align: center;
    }
    .category-share-mobile-content .icon-wrapper img {
        width: 60px;
    }
    .category-share-mobile-content .first-wrapper .icon-wrapper {
        width: 50%;
        margin: 0 auto;
    }
    .share-cataloge-description p {
        padding: 0 12px;
    }
    .career-btns.btn-project.slogan-one button {
        width: 330px;
        margin-left: -14px;
        margin-right: -14px;
    }
    .career-btns.btn-project.slogan-two button {
        width: 366px;
        margin-left: -33px;
        margin-right: -33px;
    }
    .career-btns.btn-project.slogan-four button {
        width: 358px;
        margin-left: -46px;
        margin-right: -46px;
    }
    .career-btns.btn-project.slogan-five button {
        width: 360px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .career-btns.btn-project.slogan-six button {
        width: 385px;
        margin-left: -27px;
        margin-right: -27px;
    }
    .schedule-section h1.text-dark.mt-md-4,
    .project-planing-definition h1.text-dark.text-center {
        font-size: 18px;
        font-weight: 600;
    }
    section.project-planing-definition.container-fluid.item-title-description.mt-lg-5.mt-4.visible-wrapper p.description-planing,
    .schedule-section .text-justify-p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 24px;
    }
    .row-planning .col-planning h1 {
        font-size: 18px;
        font-weight: 600;
    }
    .row-planning .col-planning p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 24px;
        margin-top: 18px;
    }
}

@media all and (max-width: 360px) {
    .store-search-box {
        width: 360px;
        left: auto;
        right: -50px;
    }
    .search-box input.search-box-text {
        width: 308px !important;
    }
    .store-search-box {
        right: -48px;
        left: auto;
        width: 355px;
        margin: 0 auto;
    }
    .career-btns.btn-project button.arad-btn.primary {
        padding: 6px 3px;
    }
    .section-six-dasbord {
        margin: 40px 0 20px;
    }
    .sample-projects .project-icon-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-direction: column;
    }
    section.item-title-description.about-us-second .career-btns.btn-project {
        margin-top: 2px;
    }
    .sample-projects .project-icon-wrapper {
        display: flex;
        justify-content: center;
        align-items: baseline;
        width: 100%;
    }
    section.sample-projects.item-title-description.about-us-second.project-section>div {
        margin-top: 8px;
        border-bottom: 1px solid #717ffd;
    }
    .icon-img:first-child img {
        width: 22px;
    }
    .career-btns.btn-project.slogan-four button {
        width: 345px;
        margin-left: -46px;
        margin-right: -46px;
    }
    .career-btns.btn-project.slogan-five button {
        width: 340px;
        margin-left: -25px;
        margin-right: -25px;
    }
    .career-btns.btn-project.slogan-six button {
        width: 355px;
        margin-left: -27px;
        margin-right: -27px;
    }
}

@media all and (max-width: 321px) {
    .career-btns .arad-btn {
        margin: 3px 0;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .slider-wrapper.anywhere-sliders-nivo-slider.theme-second-middle-slider h2.second-caption {
        font-weight: 500;
        font-size: 15px;
        top: 0;
    }
    .slider-wrapper.anywhere-sliders-nivo-slider.theme-second-middle-slider p.second-caption.pt-5 {
        top: -8px;
        font-size: 18px;
    }
    .project-icon-btn {
        padding-bottom: 20px;
        padding-top: 0;
    }
    .icon-img {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        width: 265px;
    }
    .share-mobile-first h1,
    .share-mobile-second h1,
    .share-mobile-third h1 {
        width: 90%;
        background-color: #0a2439;
        color: #fff;
        padding: 13px 49px;
        margin: 2px auto;
    }
    .category-share-mobile-content .icon-wrapper img {
        width: 100px;
    }
    .category-share-mobile-content .first-wrapper .icon-wrapper p {
        font-weight: 800;
        font-size: 21px;
    }
    .category-share-mobile-content .icon-wrapper {
        width: 90%;
        margin: 30px auto;
        align-items: center;
    }
    .category-share-mobile-content .second-wrapper .icon-wrapper p {
        font-size: 17px;
        font-weight: 900;
    }
    .category-share-mobile-content .second-wrapper h2 {
        font-size: 2rem;
        color: #0a2439;
        font-weight: 900;
        padding: 18px 30px;
        line-height: 2;
    }
    .section-six-dasbord {
        background: #e5e5e5 url(../img/dashoard-page/back-2-dashbord.png) -340px no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .html-topic-page .planning-title h1 {
        position: absolute;
        top: 60px;
        font-size: 3rem;
    }
    .html-topic-page .planning-title h1 {
        position: absolute;
        top: 80px;
        font-size: 3rem;
    }
}