/* C U S T O M I Z E R */

body { overscroll-behavior: contain; }
.dev-price span{margin-left: 10px}
.merge-active .reverse{transform: translateX(-50%);}
#save_button,
#duplicate_button,
.ids-btn.custom-add-to-cart { padding:10px 20px; margin: 0 6px; text-transform: uppercase; }
#save_button .button-text,
#duplicate_button .button-text,
.ids-btn.custom-add-to-cart .button-text { margin-left: 10px; }
#save_button .button-text { display: inline; }

div.undo-redo-container {padding-top: 10px;}
button.btn.special-function-buttons{ padding: 5px 10px;margin: 0;border-radius: 50%;}
button.btn.special-function-buttons:focus{ outline: none}
#primary .custom-logo-container{padding:16px 16px;}
.logo-container{padding: 16px;}
#primary .custom-logo-custom{margin-top:0px;}
/*button.tablinks div{ padding: 0px 5px;}*/
button.tablinks:focus{outline-color: transparent;border-color:transparent;}
#colophon {display: none !important}
body #nprogress .spinner{top: 28px;position: absolute;}
.uploadcare--dragging .uploadcare--widget__dragndrop-area{display: none !important}
._item.loading:before{ content: ""; display: block; padding-top: 100%;  /* initial ratio of 1:1*/ }

.loading {background-color: #E2E2E2;box-shadow: 0 10px 77px -15px rgba(0, 0, 0, .34);}
.loading::after{display: block;content: '';position: absolute;width: 100%;height: 100%;transform: translateX(-100%);background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);animation: loading 1.5s infinite;}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}

.page-template-customiser-template.sp-designer .site-main{margin-top: 0px !important}

#grid.loading ul.custom-canvas-cont{display: none}
body .customcontroller #grid.loading{background-color: rgb(234, 234, 234)}

.merge-buttons .dropdown-grid .merge-list,
.merge-buttons .dropdown-grid .merge-all,
.merge-buttons .dropdown-grid .unmerge-list { width: 100%; }

.upper-left-button{float:right;}

.tabcontent ._list{margin:0px; display: flex; flex-wrap: wrap;}
.loader{position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('../images/spinner.gif') 50% 50% no-repeat rgb(249,249,249);}

.custom-canvas-cont .grid_box img.grayscale{ filter: grayscale(100%); }

.zoomed {cursor: zoom-out;background: #333;}
.zoomed .canvas-box{margin: 30px 0px;}
#canvas-box.canvas-box {margin-top:30px;}
.uploadcare--widget__file-name{ color: #fff; background: #157cfc; font: inherit; padding: 10px; border: 1px solid #fff; color: white; text-decoration : none; }

.uploadcare--widget__file-size { display: none; }
div.uploadcare--widget__text{ margin-top:20px; }
div.uploadcare--widget__file-name:hover{ background: #3891ff; color:white; }
ul.merge-active li.selected-for-merge { background: gray !important; }
ul.merge-active li.selected-for-merge img{ display: none; }
ul.merge-active li:not(.merged) { cursor: pointer; }
.clickable { cursor: pointer; }
.clickable:hover { color: #d68682; }
.clickable:hover>.dropdown-grid { color: #6d6d6d !important; }

#udpate-order:hover { background-color: #ec0515; }
#masthead { display: none }

p.no-saved-work { color: #157cfc; font-weight: 600; text-align: center; }
h1.entry-title { padding: 20px 20px; margin: 0px; font-weight: bold; }

.r-img.filled { width: 100%; height: 100%; }
.image-preview-multiple { text-align: center; }
/* .image-preview-multiple ._list { min-height: 150px; } */
.s-img._item { position: relative; }
.s-img .overlay:before,
.free > .edit_icon_wrap .overlay:before { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.overlay { display: none; }

.overlay .fa { color: #fff; margin: 2px; font-size: 18px; margin: 8px 5px 5px 0; }
.overlay .fa:hover { transform: scale(1.1) }
.s-img .overlay { top: 0%; height: 100%; display: block; position: absolute; width: 100%; background-color: rgba(0, 0, 0, 0.6); }

#grid:not(.card) ul:not(.merge-active) .edit_icon_wrap:hover img.filled + .overlay,
#grid.card ul:not(.merge-active) li:hover .overlay { display: block; position: absolute; left: 0%; top: -35px; height: 35px; width: 100%; background-color: rgba(0, 0, 0, 0.6); }

._item .uploadcare--widget { display: none; }
._item img { transition: all .2s ease-in-out; }
._item:hover img { transform: scale(1.1); }

.image-preview-multiple ._item { display: inline-block; text-align: center; vertical-align: top; /*width: 100px;*/ word-break: break-word; font-size: 12px; line-height: normal; margin: 10px; overflow: hidden; }
.image-preview-multiple ._item img { display: block; }

/* Hiding the Sidebar product, creating problem in debugging */

.storefront-product-pagination { display: none; }

.customcontroller { background-color: white; float: left; width: 100%; position: relative; background: #F5F7FB; padding: 20px; margin: 20px 0.5%; } 
.customcontroller #grid { position: relative; padding-bottom: 100%; }   
.customcontroller #grid ul li { position: absolute; top: 0; left: 0; }  
.customcontroller #grid ul li img { background-color: #9cb4a2; }    
.customcontroller #grid ul li img.filled,   
.customcontroller #grid.card ul li img { width: 100%; height: 100%; border-radius: 0px; }   
.gu-unselectable { overflow-y: hidden; }
.gu-unselectable .customcontroller #grid ul li { overflow: hidden; border: 3px dashed; }  
body.merge-dragging { overflow-y: hidden; }
/*.customcontroller #grid ul li img.unfilled*/  

/* Create two equal columns that floats next to each other */
.column { float: left; width: 49%; padding: 0.5%; }
.column-one-third { width: 33.3%; }
.column-two-third { width: 66.6%; }

/* Clear floats after the columns 
    .row:after {
    display: table;
    clear: both;
    }
    */


/* Create an active/current tablink class */
.tab button.active { background-color: #83947B; color: white; }

#grid { position: relative; background: rgb(240, 241, 242); }
#grid ul { margin: 0; text-align: center; font-size: 0; width: 100%; }
#grid ul li { list-style: none; display: inline-block; width: 100px; width: 32%; display: inline-block; vertical-align: top; background-size: contain !important; background-position: center !important; position: relative; }

form.cart .button { margin: 0 !important; float: right; height: 45px; margin-bottom: 10px !important; margin-top: 8px !important; }
.column span { float: left; width: 100%; font-weight: 400; font-size: 22px; }

.grid_box { background-color: #E5E5E5; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }


/*****************my acoount css****************/
.dev-customize { width: 100%; float: left; text-align: right; position: relative; }
.dev-myaccount-popover { display: none; width: 350px; background-color: #fff; border: 1px solid #E5E5E5; position: absolute; z-index: 1; right: 15px; margin-top: 54px; box-shadow: -12px 7px 20px 0px rgba(0, 0, 0, 0.05); }
.dev-myaccount-popover a:hover { text-decoration: underline; color: black; }
.dev-myaccount-popover a { color: #333; }
.dev-left { width: 30%; float: left; text-align: center; }
.dev-right { width: 60%; float: left; text-align: left; margin-left: 20px; }
.dev-right h4 { margin: 0px; }
.dev-right button { background: #157cfc; color: #fff; border-radius: 6px; }

/*****************my acoount css end****************/

/*****************uplaod image side bar css ****************/
.ids-dev-mama {
    padding: 0px 0px 0px;
    margin: 0;
}

.ids-dev-mama .image-preview-multiple {
    border: none;
    background-color: #fff;
    margin-top: 0px;
}

.ids-dev-mama .uploadcare--widget {
    margin-bottom: 18px;
    width: 100%;
}

.ids-dev-mama .uploadcare--widget__button {
    background: #157cfc;
}



.dev-price {
    margin-top: 20px;
    width: 100%;
    float: left;
    padding-right: 16px;

}

/*****************uplaod image side bar css end****************/

.dev-tab {
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;

    background-color: #fff;
}

.dev-tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 0px;
    transition: 0.3s;
    font-size: 17px;
    border-right: 1px solid #E5E5E5;
}

.dev-tab button:last-child {
    border: none;
}

.dev-tab button:hover {
    background-color: #ddd;
}

.dev-tab button.active {
    background-color: #E5E5E5;
}

.tabcontent { display: none; padding: 6px 0px; border: none; border-top: none; /*overflow-y: scroll;*/ /*margin-left:15px;*/ height: calc(100vh - 150px); }
.tabcontent.active { display: block; }

/*****************tab css end****************/
.icon-list li {
    float: left;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    list-style: none;
}

.icon-list li .dropdown-grid li { text-align: left; white-space: pre; }

.row.dev-section {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.ids-site-branding {
    margin-top: 15px;
}

ul.icon-list {
    width: 100%;
    margin-left: 23%;
}

.page-id-395 .col-full {
    max-width: 100%;
    padding: 0;
}

.column.column-one-third.ids-left-sidebar {
    width: 28%;
}

.column.column-two-third.ids-left-sidebar {
    float: right;
}

.page-id-395 .content-area,
.page-id-395 .site-main,
.page-id-395 .hentry {
    margin-bottom: 0px;
}

.ids-dev-mama .quantity {
    margin-top: 12px;
}

.dev-price span#saved-projects-container {
    width: auto;
    float: right;
    margin: 0 0 0 16px;
    font-size: 18px;
    font-weight: 400;
    background: transparent;
    color: #333;
    margin: 0;
    padding: .4em 0;
    border-radius: 6px;
    border: none;
    box-shadow: none;
    text-shadow: inherit;
    transition: background .3s;
}

.dev-price span#saved-projects-container:hover {
    background: #e9e9e9;
}

.woocommerce-error {
    margin-bottom: 0px;
}

.woocommerce-error a {
    font-weight: bold;
}

div.col-full div.woocommerce {
    display: none;
}

.custom-swal {
    margin: 0 0.1125em;
    padding: .625em 2em;
    font-weight: 500;
    box-shadow: none;
}

.custom-swal.confirm-swal {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #3085d6;
    color: #fff;
    font-size: 1.0625em;
    border-left-color: rgb(48, 133, 214);
    border-right-color: rgb(48, 133, 214);
    margin-bottom: 5px;
}

.custom-swal.cancel-swal {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #aaa;
    color: #fff;
    font-size: 1.0625em;
}

ul.save-projects-list {
    margin: 0;
    list-style-type: none;
}
ul.save-projects-list li.customProjList{padding-right: 16px;}
ul.save-projects-list li {

    border-bottom: 1px solid #e6e6e6;
    padding-left: 16px;
    padding-right: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.save-projects-list li .project-list { display: flex; align-items: center; }
ul.save-projects-list li .project-list i { margin-right: 16px; }

ul.save-projects-list li:hover a {
    text-decoration: none;
    color: #d68682;

}

.ui-widget.ui-widget-content { background-color:#82c7d6;color:#ffffff;box-shadow:none; }


ul.save-projects-list li:hover {
    background-color: #e6e6e6;
}

.swal2-popup .swal2-content { text-align: center; }
.customProjList{
    display:flex;
    justify-content: space-between;
}
button.cusedit-button{
    padding: 4px 10px;
    border-radius: 5px;
    float: right;
    color: #fff;
    /* background-color: #1e73be; */
    background-color: #82c7d6;
    margin-right: 5px;
}

li.customProjList button.cusedit-button, li.customProjList button.delete-button{
    float:none;
}
button.delete-button {
    padding: 4px 10px;
    border-radius: 5px;
    float: right;
    color: #fff;
    background-color: #e2401c;

}

.merge-buttons, .color-buttons{
    position: relative;
}

.dropdown-toggle:hover .dropdown-grid{
    display: block;
}

.dropdown-grid {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    position: absolute;
    z-index: 1;
    margin-top: 12px;
    box-shadow: -12px 7px 20px 0px rgba(0, 0, 0, 0.05);
    margin-left: 0;
    display: none;
}

.dropdown-grid li {
    border-bottom: 1px solid #e6e6e6;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.dropdown-grid li .fa-th-large, .dropdown-grid li span.fa-user-o, .dropdown-grid li span.fa-user,
.dropdown-grid li .fa-square { padding-right: 15px; }

.entry-content {
    height: 100vh;
}

button.delete-button:hover {
    color: #ddd;
    background-color: #cc2500;
}

.row.no-margin {
    margin: 0px;
}

.row.right-no-margin {
    margin-right: 0px
}

.bottom-bar {
    -webkit-overflow-scrolling: touch;
}

.image-preview-multiple {
    width: 100%;
}

li.cancel-buttons {
    display: none;
}

div.merge-info-container {
    padding: 7px;
}

#colophon{
    display: none;
}

#header-log-in-button{
    margin-top:0px;
}

.product-title-container{
    padding: 24px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    color: #000
}

span.merge-info {
    display: none;
    -webkit-animation-name: animation;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -webkit-animation-direction: alternate;
    animation-name: animation;
    animation-iteration-count: infinite;
    animation-delay: 0;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-direction: alternate;
    color: #157cfc;
}

@keyframes animation {
    0% {
        opacity: 0.4;
    }

    25% {
        opacity: 0.55;
    }

    50% {
        opacity: 0.60;
    }

    75% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

div.iro__colorPicker{
    margin:150px auto 0px;
}

div.preview-color-picker{
    top: auto;
    left: calc(50% - 50px);
    width: 100px;
    margin: 40px 0px 15px;
    position: relative;
    background: #d68682;
    height: 100px;
    border: 2px solid white;
    box-shadow: 0 10px 77px -15px rgba(0, 0, 0, .34);
    z-index: 1000;
    background-image : url('../images/drag.png');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
}

/*.ie body .preview-color-picker { position: absolute !important; left: calc(50% - 60px) !important; }*/

span.preview-text {
    position: relative;
    bottom: 30px;
    font-weight: bold;
}

div#latest-color-used-container{
    padding: 15px 10px;
    position: absolute;
    left:30%;
}

div.cloned{
    width: 30px;
    height: 30px;
    border: 2px solid white;
    box-shadow: 0 10px 77px -15px rgba(0, 0, 0, .34);
    z-index: 1000;
}

.ghost {
     opacity: .5;
}

button.btn.btn-eye-drop{
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    padding: 0;
    left: calc(75% - 30px);
    top: 20%;
}

#canvas{
    position: absolute;
    display: none;
}

#color-picker-eye-dropper-preview{
    position: absolute;
    height: 10px;
    width: 10px;
    display: none;
    background: transparent;
    z-index: 10000;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
}

body.active #color-picker-eye-dropper-preview{
    display: block;
}

body.active button.btn.btn-eye-drop{
    background-color: #e63c3c;
    border-color: #e63c3c;
    color: #ffffff;
}
.mobile-only{display: none;}
.icon-list li.full-color-buttons, .icon-list li.grayscale-buttons{width: 100%}
.merge-buttons.active ul.dropdown-grid{display: block}
.merge-buttons ul.dropdown-grid{ display: none; }

.color-buttons.active ul.dropdown-grid{display: block}
.color-buttons ul.dropdown-grid{display: none}

.logout-link { border-top: 1px solid #82c7d6; list-style: none; padding: 0; margin: 0; }
.logout-link li { padding: 0 !important; background-color: #82c7d6; border-color: #82c7d6; }
.logout-link li:hover { background-color: #69aebd !important; border-color: #69aebd !important; }
.logout-link li a { height: 100%; width: 100%; display: block; padding: 15px 25px; color: #ffff; }
.logout-link li a:hover { color: #ffff !important; }

#woo-login-popup-sc-login h2, #woo-login-popup-sc-register h2 { text-align: initial; }
.login-info { background-color: #b5f2ff; box-shadow: -1px 1px 3px -2px; margin-bottom: 13px; padding: 9px 14px !important; display: flex; }
.login-info p { display: inline-flex; }
.login-info i { margin: 4px 11px 0px 0px; }
.login-info i:before { font-size: 24px; }

.dev-myaccount-popover.active { display: block; }
.product-title-container { margin: 0px 26px 20px; padding: 0 !important; text-align: left; }
.icon-list { margin: 0 !important; width: 100%; display: flex; justify-content: center; }
.project-title { margin-top: 10px; padding-right: 20px !important; }
.project-title span { font-weight: 500; font-size: 20px; line-height: 1 !important;  }
.project-title span.projName{max-width:155px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proDropdown{position:absolute; right:8px;}
.hide-in-mobile .dev-price { padding-right: 20px; }
.icon-list-container { height: 100px; display: flex; align-items: center; }
/*.unmerge { background-color: #ffff !important; }*/
.unmerge .unmerge-overlay { background-color: #00000075; width: 100%; height: 100%; display: block; position: absolute; top: 0 }
.box-loader-wrapper { width: 100%; height: 100%; background: #d6d6d6c7; position: absolute; top: 0; left: 0; display: none; }
/*.box-loader { position: relative; display: block; width: 3rem; height: 3rem; margin: 2rem auto; }*/
.box-loader { position: relative; display: block; width: 40%; height: 40%; margin: auto; top: 50%; transform: translateY(-50%); }
.box { width: 45%; height: 45%; background: rgba(0,0,0, 0.7); opacity: 0; animation: show 0.5s linear infinite; }
.box:nth-child(1) { position: absolute; top: 2.5%; left: 2.5%; }
.box:nth-child(2) { position: absolute; top: 2.5%; right: 2.5%; animation-delay: 0.2s; }
.box:nth-child(3) { position: absolute; bottom: 2.5%; right: 2.5%; animation-delay: 0.4s; }
.box:nth-child(4) { position: absolute; bottom: 2.5%; left: 2.5%; animation-delay: 0.6s; }
@keyframes show {
    0% { opacity: 0; }
    30% { opacity: 0; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

body { -ms-overflow-style: scrollbar; }
.ie body .woo-login-popup-sc-modal .woo-login-popup-sc-modal-inner { display: block !important; }
.ie body .woo-login-popup-sc-modal h2 { text-align: left !important; }
.IroColorPicker { margin: auto; }

.uploadcare--button_muted,
.uploadcare--button.uploadcare--footer__button.uploadcare--preview__back,
.uploadcare--button.uploadcare--footer__button.uploadcare--panel__show-files { color: #157cfc !important; }

.templates-body,
.template-categories-body { max-height: 70vh; overflow: auto; }
.templates-body .row,
.template-categories-body .row { display: flex; flex-wrap: wrap; margin: 12px 0; }
.templates-body .template-item,
.template-categories-body .template-cat-item { margin-bottom: 20px; cursor: pointer; }
.templates-body .template-item.active img,
.template-categories-body .template-cat-item.active img,
.templates-body .template-item:hover img,
.template-categories-body .template-cat-item:hover img { /*border: 2px solid #4496d8;*/ box-shadow: 0px 7px 20px 3px #82c7d6 !important; transform: translateY(-10px); }
.templates-body .template-item img,
.template-categories-body .template-cat-item img { box-shadow: 0 1px 15px rgba(34,25,25,0.1) !important; margin: 12px auto; transition: all 0.3s ease-in-out; }
.templates-body .template-item span,
.template-categories-body .template-cat-item span { font-size: 22px; }
.templates-body .templates-buttons,
.template-categories-body .template-cat-buttons { position: relative; }
.templates-body .templates-buttons .badge,
.template-categories-body .template-cat-buttons .badge { position: absolute; font-size: 11px; background-color: #82c7d6; color: #ffffff; border-radius: 33%; width: 32px; top: 12px; right: 15px; }

.save-projects-list { height: 360px; overflow-y: scroll; }
.save-projects-list li { position: relative; }
.save-projects-list li a { max-width: calc(100% - 40px); display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.save-projects-list li.customProjList a{max-width: calc(100% - 30px);}
.save-projects-list li button { position: absolute; right: 15px; top: 12px; }
.save-projects-list li.customProjList button{position: relative; right: inherit; top: inherit;}
.tooltip-wrapper { display: none; }
.tooltip-wrapper .tooltip { display: flex; align-items: center; position: absolute; background-color: #82c7d6; color: #ffff; padding: 8px 14px; font-size: 14px; right: -34px; top: 71px; z-index: 10; box-shadow: -3px 3px 12px 0px #0000003b; }
.tooltip-wrapper .tooltip:before { display: block; content: ""; width: 15px; height: 15px; background-color: #82c7d6; position: absolute; top: -8px; left: 50%; transform: rotate(45deg); }
.tooltip-wrapper .tooltip button { margin: 0; padding: 0; margin-left: 20px; }
.hidden-xs .image-preview-multiple > .right-no-margin { margin: 0; }
.customizer-edit-name { margin-left: 12px; }
.download-image { background-color: #1e73be; color: #ffffff; padding: 15px; display: block; max-width: 200px; margin: 30px auto 0; }
/* .uploadcare--file-source { background: #157cfc; } */

.zoom-in-out{ position: fixed; top: 75%; display: flex; flex-direction: column; }
.zoom-in-out button { background-color: #83947b; box-shadow: -3px 5px 12px 1px #77777773; border-radius: 50%; width: 40px; height: 40px; justify-content: center; align-items: center; padding: 0; }
.zoom-in-out button:focus { outline: none; }
.zoom-in-out button.zoom-out { margin-top: 8px; }

.uploadcare--button_primary.uploadcare--tab__action-button { background-color: #389dc4; border-radius: 50px; }
.uploadcare--button_primary.uploadcare--tab__action-button:hover { background-color: #3889c4 !important; }
.uploadcare--file-sources__items button { color: #3889c4 !important; }
.uploadcare--file-sources__items .uploadcare--file-source_all { border-color: #389dc4; }

.project-title label{font-weight:700; font-size:20px; margin-right:8px;}
.project-title #saved-projects-container {
    font-weight: 500;
    letter-spacing: 2px;
    text-align:left;
    border: 1px solid #6d6d6d;
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    width:195px;
    max-width:100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

/*** MEDIA QUERIES ***/

@media screen and (max-width: 767px) {
    .mobile-only{display: block;position: absolute;left:-4px;top: 16px;}
    .mobile-only .btn{padding: 0px 15px;cursor:pointer;color:black;}
    .mobile-only .btn i{font-size: 18px}

    .clickable:hover {color: #6d6d6d;}
    .clickable.active {color: #d68682;}

    .dev-myaccount-popover.active { width: 100vw; top:90px !important; }
    .product-title-container{padding-top:55px !important;}
    
}

@media screen and (max-width: 600px){
    .back-button{ display: none }
    #header-log-in-button { display: none; }
}

@media screen and (min-width:200px) and (max-width:767px) {
    .column.column-one-third.ids-left-sidebar,
    .ids-dev-mama .column-two-third,
    .ids-dev-mama .dev-tab button,
    .dev-section .column-one-third .ids-left-sidebar,
    .dev-section .column-two-third,
    .dev-section .column.column-one-third { width:100%; }

    .dev-section > div:nth-of-type(4) { position: absolute; top: 0; right: 0; padding: 16px 15px; }
    .dev-section .dev-myaccount { width: 20px; float: right; }
    .dev-section .dev-myaccount .welcome-message { display: none; }
    .dev-section .dev-myaccount span { font-size: 24px !important; }
    .dev-section .dev-myaccount .dev-myaccount-popover { position: absolute; top: 79px; }

    .ids-site-branding,
    .ids-site-branding img { text-align: center; display: inherit; }

    .dev-price { text-align: center; padding-right: 10px; margin: 15px 0px; }
    .modal .modal-content { width: 80%; }
    .ids-mobile { display: none; }
    .dev-tab { margin-right: 0; margin-left: 0; border-bottom: none; }
    .dev-price span#saved-projects-container { width:  100%; padding: 0; }
    .dev-myaccount-popover { width: 300px; position: relative; margin: 0 auto; right: 0; top: 30px; }

    .product-title-container { /*padding-top: 24px !important;*/ padding-top:55px !important; margin: 0; text-align: center; }
    .hide-in-mobile { position: absolute !important; top: 10px; display: flex; width: auto !important; align-items: center; padding: 10px; right: 0; flex-direction: row-reverse; }
    .hide-in-mobile .dev-price { width: auto !important; margin: 0; }
    .hide-in-mobile .project-title { position: absolute; width: 100vw !important; top: 45px; right: 0; margin: 0 !important; padding: 0 !important; }

    .project-title { text-align: center; }
    .project-title span { /*font-weight: 100 !important;*/ }
    .icon-list-container { margin-top: 30px; }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .dev-tab .icon-upload { padding: 14px 0px !important; margin: 0; width: 100%; } 
    .dev-tab .icon-upload { max-width: calc(100% / 4); padding: 0; }    
    .templates-buttons .badge { right: 0px; }
}

@media screen and (max-width: 1199px) {
    .logo-container { padding: 16px 0px 16px 16px !important; }
    .product-title-container { line-height: 1; }
    .product-title-container .product-title { font-size: 18px; }
    .hide-in-mobile .dev-price { padding: 0px 16px 0px 0px; position: initial; }
    .project-title span { font-weight: 400; font-size: 18px; }
    .dev-price { width: 100% !important; }
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .dev-price span#saved-projects-container { font-size: 15px !important; }
    .icon-list-container { padding: 0px !important; }
    .icon-list-container .icon-list { margin: 0; }
    .icon-list > li { padding: 5px !important; }
}

@media screen and (min-width: 768px) {
    .hide-in-mobile { display: flex; flex-direction: column; justify-content: center; }
    .dev-section { display: flex; }
    .dev-price { margin: 0 !important; }
    .dev-price span { line-height: 1 !important; text-align: right; }
    .tablinks { width: calc(100% / 4); }
}

@media screen and (min-width:768px) and (max-width:1135px) {
    .icon-list li { float: left; width: 25%; }
    .dev-section .icon-list span { font-size: 12px; }
    .dropdown-grid li { width: 100%; }
    .modal .modal-content { width: 55%; }
}

@media screen and (max-width:767px)  {  
    .dev-section .icon-list li { float:right;}  
    .dev-section .icon-list li.merge-buttons .dropdown-grid { left: auto; right: -19px; width: 165px }  
    .bottom-bar #ids-upload-xs { height: 45vh !important; } 
    .icon-list li { padding: 6px; } 
    /* .icon-list li:nth-of-type(1) { order: 2; }
    .icon-list li:nth-of-type(2) { order: 3; }
    .icon-list li:nth-of-type(3) { order: 4; }
    .icon-list li:nth-of-type(4),
    .icon-list li:nth-of-type(5) { order: 5; }
    .icon-list li:nth-of-type(6) { order: 1; } */
    .color-buttons.active ul.dropdown-grid{ left: 0; }  
    .save-projects-list { text-align: left; }   
    .project-title label{font-size:18px;}
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    button.tablinks div { display: none; }
    .tooltip-wrapper .tooltip { top: 56px; right: -56px; }
}

@media (max-width: 991px) {
    #duplicate_button .button-text,
    .custom-add-to-cart .button-text { display: none; }
}

@media (max-width: 575px) {
    .ids-btn.custom-add-to-cart .button-text { display: none; }
}