.list-div .jmh_bhw.active {
    transform: scale(0.9);
    transition: 1s;
    /*box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;*/
    border-width: 2px !important;
    border-color: #0067ffbd !important;
    border: block !important;
}
.click-animation {
    transform: scale(0.95);
    transition: transform 0.1s ease;
    box-shadow: 0 3px 8px rgb(0 0 0 / 0.2);
}   
/*#up1, #down1, #left1, #right1, #left_rot, #right_rot {*/
/*    cursor: pointer;*/
/*    user-select: none;*/
/*}*/

.card.active {
    border: block !important;
}
.bg_mocukpsb.active {
    border-width: 2px !important;
    border-color: #0067ffbd !important;
    border: block !important
}
.backtab {
    display: none!important;
}
.template_size .d-flex{
    margin-bottom: -100vh;
}
.btn_previous {
    margin-left: -5rem;
}
.btn_next {
    margin-right: -5rem;
}
@media(max-width: 769) {
    .backtab {
        display: block!important;
    }
}
.edit_screen .edit_cl1{
    background-color: #414141;
    color: #fff;  
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}.stn1 img{
    width: 15px;
}.edit_cl1 .chld{
    width: 90%;
    padding: 16px;
    cursor: pointer;
    margin: 0 auto;
    border-bottom: 1px solid #818181ab;
}.edit_screen .stn1{
    padding-top: 0px;
    padding-bottom: 21px;
}.edit_cl1 .chld.active{
    background: #2c6bb4e0;
    border-bottom: 1px solid transparent;
    border-radius: 8px;
}.edit_screen .icns1q{
    width: 25px;
    margin-bottom: 20px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(56deg) brightness(113%) contrast(101%);
}.edit_screen .sdchge.col-md-2{
    width: 8%;
    display: grid;
    position: fixed;
    height: 100%;
    overflow-y: auto;
}
@media (min-width: 992px) {
    .col-lg-5 {
        flex: 0 0 auto;
        width: 30%;
    }
}
.rstkarea{
    margin-left: 7.9%;
    width: 92.5% !important;
    position: fixed;
}.row.resizerow, .row.resizerow .row{
    --bs-gutter-x: 0rem !important;
}button.save{
    padding: 7px 25px;
    border: none;
    outline: none;
    font-size: 17px;
    color: #fff;
    border-radius: 8px;
    background: #246EC3;
}button.save img{
    width: 16px;
    margin-right: 5px;
    margin-top: -4px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(85%) saturate(298%) hue-rotate(206deg) brightness(116%) contrast(100%);
}button.export{
    background: transparent;
    border: none;
    color: #fff;
    font-size: 17px;
}.bghdr1{
    padding-top: 10px;
    background: #646464;
    padding-bottom: 12px;
}.edit-section{
    max-height: 95vh;
    overflow: auto;
    padding-top: 18px;
}.edit-section::-webkit-scrollbar, .main_edit::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    margin: 0 auto;
}.tablinks span{
    font-size: 15px;
    font-weight: 400;
}.list_screens .card{
    border-radius: 0px;
    overflow: hidden;
    cursor: pointer;
}.list_screens .template_size{
    height: 84vh;
    width: 310px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    display: grid;
}.template_size .main_div{
    position: relative;
    overflow: hidden;
}.list_screens{
    overflow: auto;
}.list_screens .card_div{
    display: flex;
}.list_screens .div_card{
    padding-right: 12px;
    padding-bottom: 40px;
}.list_screens .card{
    border: none;
}.list_screens .div_card:nth-of-type(10){
    padding-right: 0px;
}.roll_images .range_prev{
    margin-right: 30px;
}
.edit_screen .sdchge.col-md-2::-webkit-scrollbar {
     width:2px; 
     height:2px;
}
::-webkit-scrollbar-thumb {
    background: #858585;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px grey; 
    border-radius: 0px;
}.lists_r .tabcontent{
    height: 88vh;
    overflow-y: auto;
}.lists_r .tabcontent::-webkit-scrollbar {
     width:2px; 
     height:2px;
}.default_colors{
    display: flex;
    /*flex-wrap: wrap;*/
}.default_colors div{
    width: 45px;
    margin-right: 17px;
    height: 45px;
    cursor: pointer;
    border-radius: 25px;
    margin-bottom: 20px;
}.default_colors div:last-of-type{
    margin-right: 0px;
}.lists_r{
    border-right: 2px solid #eeeeee8a;
    margin-left: 20px;
    text-align: justify;
}.lists_r .row.fl_rvw{
    padding: 10px;
}.lists_r h5, .mob_jhbrd h5{
    color: #D15353;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 18px;
}.lists_r img.img-df{
    width: 30px;
}.main_edit{
    padding: 20px;
    border-left: 2px solid #eeeeee8a;
    text-align: justify;
    border-radius: 5px;
    height: 88vh;
    overflow-y: auto;
    padding-bottom: 0px;
    padding-top: 0px;
}.stn7.chld{
    border-bottom: none !important;
}.lists_r{
    height: 88vh;
    overflow-y: auto;
}input#screenshots{
    width: 1em;
    height: 1em;
    border: 1px solid #000;
    border-radius: 0px;
    margin-right: 10px;
}.main_edit .form-check{
    align-items: center;
    display: flex;
}#progress-bar{
    height: 0px;
}
.lists_r::-webkit-scrollbar {
    width: 0px;
}
.lists_r .content_rmain{
    padding-top: 0px;
}.main_edit .bgs_cvr{
    background: #F9FAFB;
    cursor: pointer;
    width: 70%;
    margin: 0 auto;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}.main_edit .bgs_cvr img{
    width: 16px;
}.keys1_bgs img{
    width: 23px;
    height: 23px;
    object-fit: contain;
}.keys1_bgs .frn_key1{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background: #F9FAFB;
    width: 45px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin: 0 auto;
    padding: 13px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 10px;
}.keys1_bgs .key1_text{
    font-size: 13px;
    text-align: center;
    color: #000000;
    font-weight: 500;
}.parent_actn2hi{
    margin-bottom: 1rem;
}.add_dynxt{
    color: #414141;
    width: fit-content;
    margin: 0 auto;
    font-weight: bold;
    cursor: pointer;
}.edit-section .collapse_ed1{
    font-weight: 600;
}.save_fr1btn, .save_projectbn{
    background:#2C6BB4 !important;
    color: #fff !important;
    border-radius: 0px !important;
}.main_edit label{
    color: #2C6BB4;
    font-size: 15px;
    font-weight: 500;
}.main_edit .dvce_edt1 button{
    background: #2C6BB4;
    color: #fff;
    box-shadow: 0px 2px 4px 0px #00000040 !important;
    border: none;
    padding: 7px 48px;
}.exportOption.modal-content{
    padding: 35px;
    width: 85%;
    margin: 0 auto;
    border-radius: 15px;
}.exportOption .save-imgfr1{
    text-align: center;
}.exportOption .save-imgfr1 img{
    width: 100px;
}.exportOption .save-imgfr1 h5{
    margin-bottom: 1.8rem;
    font-weight: 600;
}.export-imgfr1 label{
    margin-bottom: 20px;
}.editevent.layer{
    margin: 0 auto;
}.rstkarea .change_tl1{
    color: #fff;
    text-align: center; 
    background: transparent;
    border-radius: 0px;
    position: absolute;
    top: 50%;       
    display: flex;     
    left: 50%;          
    font-size: 20px;
    transform: translate(-50%, -50%);  
    padding-bottom: 0px;
    width: auto; 
    border-bottom: 1px solid #ccc !important;
}.prj_name.extend_input{
    width: max-content !important;
    color: #ffffff;
    padding-right: 20px;
    outline: none;
    text-align: center;
    background: transparent;
    border: none;
    padding-left: 20px;
}.change_tl1 .prj_name{
    width: max-content;
}.change_tl1 img{
    width: 20px;
    height: 30px;
    margin-bottom: 4px;
    margin-left: 8px;
}.rstkarea .change_tl1::placeholder{
    color: rgba(255, 255, 255, 0.745);
}#backgroun1{
    position: absolute;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    z-index: -1;
    left: 0px;
    padding: 8px;
}.edit-header {
    position: relative;
}.layt_temp{
    width: 100%;
}.edit-section .row.list_screens{
    display: flex;
    flex-wrap: nowrap;
    overflow-y: auto;
    padding-bottom: 30px;
    margin-top: 15px;
}.actnbrdf_lne .bgs_cvr span{
    width: 50px;
    font-weight: bold;
    justify-content: center;
    display: flex;
    font-size: 18px;
}.actnbrdf_lne .bgs_cvr .input-group-text{
    border: none;
    padding-left: 20px;
}.bgs_cvr span, .bgs_cvr .input-group-text{
    padding-top: 10px;
    padding-bottom: 10px;
}.random1_div .text_pt{
    position: absolute;
    left: 30%;
    transform: translate(0%, 0%);
}.list_screens::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}.list_screens::placeholder {
    color: #D8E8FF;
}.insert_mg{
    text-align: center;
}.insert_mg button{
    background: #2C6BB4;
    color: #fff;
    box-shadow: 0px 2px 4px 0px #00000040 !important;
    border: none;
    padding: 7px 45px;
    align-items: center;
    display: inline-flex;
}.insert_mg button img {
    width: 18px;
    height: 18px;
    margin-left: 15px;
    margin-bottom: -2px;
    border-radius: 20px;
}.custom_editsqw2 hr{
    background: #5E5E5E;
    height: 1.6px;
    margin-top: 25px;
    margin-bottom: 25px;
}.card.add_more{
    justify-content: center;
    cursor: auto;
}.extract-div{
    position: relative;
}.extract-div .toast_ok{
    font-size: 15px;
    position: absolute;
    top: -2px;
    left: 50px;
    color: #fff;
    font-weight: 400;
    padding: 10px;
    background: #414141;
    border-radius: 3px;
}.toast_ok img{
    width: 18px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(338deg) brightness(100%) contrast(105%);
    margin-top: -5px;
    margin-right: 7px;
}#page-container{
    padding-top: 0px !important;
}#text .form-select{
    padding: 0.56rem;
    cursor: pointer;
    --bs-form-select-bg-img: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACOSURBVEiJ7c/LCoFRFIDR5WEkKUlJiZRiwMCzmngjiQi5ZcSAM5HLfxtI/1d7cNq12oe8vJ+v8PQeY5jSnGLyblnEDNeEs0D52wUlzBPgS1SifrOKVQx8g3pUPFTDOgK+RSMuHmpi9wE/oJMUD7Wwf4Ef0U2Lh9ru1wb8hF5WeKiPMy4YZY2HBo/Jy/unbpb0TLQqPZ0IAAAAAElFTkSuQmCC') !important;
}select#layout_type{
    outline: none;
    border: none;
    padding: 0.25rem 1rem;
}#layouts .premium{
    bottom: 10px;
    background: #fff;
    position: absolute;
    right: 10px;
    border: 2px solid #ff00005e;
    padding: 4px 6px;
    align-items: center;
    justify-content: center;
    display: flex;
}#layouts .premium img{
    width: 20px;
    border: none;
    height: 20px;
    padding: 0px !important;
    margin: 0px !important;
}.lists_r .nav-tabs{
    border: none;
}.lists_r .remove_h img {
    width: 80px !important;
    margin-top: 50px;
}.lists_r .remove_h span {
    font-size: 20px;
}.info_premium{
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    background: #2c6bb4;
}.info_premium p{
    text-align: center;
    padding: 17px;
    font-size: 18px;
    padding-bottom: 0px;
}.info_premium p a{
    font-weight: 700;
    color: #fff;
}.info_premium .close img{
    position: absolute;
    right: 15px;
    top: 20px;
    width: 25px;
    filter: brightness(0) saturate(100%) invert(95%) sepia(0%) saturate(20%) hue-rotate(34deg) brightness(104%) contrast(108%);
}
/*.edit_border.mockupDvs .resize-handle {*/
/*    height: 0px !important;*/
/*    width: 0px !important;*/
/*}*/

/**devices**/
.tabcontent{
    padding: 8px;
    padding-left: 0px;
    padding-top: 0px;
}
#device .custom-tabs1 button.active, #background .custom-tabs1 button.active{
    background: #2c6bb4e0;
    border-radius: 0px;
    color: #fff;
    text-transform: capitalize;
}#device .custom-tabs1 button, #background .custom-tabs1 button{
    background: #F9FAFB;
    border-radius: 0px;
    color: #2C6BB4;
    border: none;
    font-size: 15px;
    text-transform: capitalize;
}#device .custom-tabs1{
    justify-content: center;
    border: none;
}#device .de_clrlay, #background .de_clrlay, #text .de_clrlay{
    background: #F9FAFB;
    border: none;
    padding: 0px !important;
    height: inherit;
    border-radius: 0px;
}#device .bg_mocukpsb{
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
}#device .custom-tabs1 button:hover{
    border:none;
}#device .mwcw1, #background .mwcw1{
    width: 100px;
    justify-content: center;
    border-radius: 0px;
    text-transform: uppercase;
    outline: none;
}#hue-saturation-range, #hue-saturation-mockup, #saturation{
    height: 3px;
}.subtext_hd.nhwrq{
    margin-top: 2px;
}.content_rmain .bg_mocukpsb small{
    font-weight: 500;
}.bg_mocukpsb img{
    width: 90px;
    height: 190px;
    align-self: anchor-center;
}#background .layt_temp{
    border-radius: 3px;
    height: 200px;
}.action_scrn{
    margin-bottom: 20px;
    background: #F9FAFB;
    padding: 8px;
}.action_scrn img{
    width: 19px;
    height: 19px;
    object-fit: scale-down;
}.action_scrn span{
    background: #F9FAFB;
    padding: 10px;
    cursor: pointer;
}.action_scrn span.undo{
    margin-right: 15px;
}.action_scrn span.remove{
    margin-right: 15px;
}.action_scrn span{
    display: inline-flex;
}#layouts .card img{
    width: 100%;
    border: none;
    margin: 5px;
    margin-left: 10px;
    cursor: pointer;
}
/*#layouts .card{*/
/*    border: none;*/
/*}*/
#layouts .card img:first-of-type{
    margin-left: 0px;
    padding-right: 5px;
}#layouts .card img:last-of-type{
    padding-left: 5px;
}#text .subtext_hd{
    color: #2C6BB4;
    font-size: 15px;    
    font-weight: 500;
}#text select, #text input{
    background-color: #F8F8F8;
    border: none;
    border-radius: 0px;
}.transparent-bb {
    border-bottom: 1px solid transparent !important;
}.move-copy{
    margin-bottom: 16px;
}.move-copy img{
    width: 15px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(14%) hue-rotate(44deg) brightness(98%) contrast(102%);
}.move-copy span{
    padding: 8px;
    border: 1px solid #eee;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 15px;
    background: #F9FAFB;
    padding-top: 4px;
}.continueNext.duplicate{
    border: 2px solid #000;
    border-style: dashed;
}.continueNext{
    border: 2px solid transparent;
    position: relative;
}.edit_thiss{
    position: absolute;
    top: 0;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
}.edit_thiss button{
    padding: 5px 22px;
    font-weight: 500;
    background: slategray;
    color: #fff;
    border: none;
}.template_size .pageid{
    justify-content: center;
    display: flex;
    padding: 3px 15px;
    cursor: pointer;
    border: none;
    padding-top: 3px;
    font-weight: 400 !important;
}.add_more span{
    border: 1px solid #414141;
    font-size: 20px;
    height: 36px;
    width: 90px;
    cursor: pointer;
    border-radius: 0px;
    align-items: center;
    justify-content: center;
    display: flex;
}.cutom_up{
    border: 2px solid;
    border-style: dotted;
    text-align: center;
    border-color: #00000038;
    padding: 30px;
    width: 100%;
    background: aliceblue;
    cursor: pointer;
}.cutom_up img{
    width: 55px;
    height: 55px;
}.action_scrn .form-select{
    text-align: start;
    width: 100%;
    text-transform: capitalize;
    padding: 10px;
    --bs-form-select-bg-img: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACOSURBVEiJ7c/LCoFRFIDR5WEkKUlJiZRiwMCzmngjiQi5ZcSAM5HLfxtI/1d7cNq12oe8vJ+v8PQeY5jSnGLyblnEDNeEs0D52wUlzBPgS1SifrOKVQx8g3pUPFTDOgK+RSMuHmpi9wE/oJMUD7Wwf4Ef0U2Lh9ru1wb8hF5WeKiPMy4YZY2HBo/Jy/unbpb0TLQqPZ0IAAAAAElFTkSuQmCC') !important;
    font-weight: 500 !important;
    border-radius: 0px;
    padding-left: 10px;
}.temp_scrn{
    border: 2px solid #eeec;
    margin-bottom: 10px;
    cursor: pointer;
}.add_more .plus_add{
    font-size: 30px;
    margin-right: 5px;
    margin-top: -5px;
}.tabcontent .backtab, .mob_jhbrd .backtab{
    background: #D15353;
    border: none;
    outline: none;
    align-items: center;
    padding: 5px 7px;
    justify-content: center;
    display: flex;
}.tabcontent .backtab img, .mob_jhbrd .backtab img{
    width: 11px;
}.tabcontent .ly_jwqn, .mob_jhbrd .ly_jwqn{
    text-align: -webkit-right;
}.network-error {
    text-align: center;
    margin: 0 auto;
    padding: 35px;
}.network-error img{
    width: 120px;
    margin: 0 auto;
    margin-bottom: 25px;
}#device .custom-tabs1{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
}#device .custom-tabs1::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/**preview carousel css**/
.owl-prev {
    transform: translate(-550%, -50%);
    position: absolute;
    top: 50%;
}.owl-next {
    transform: translate(400%, -50%);
    position: absolute;
    top: 50%;
}
.owl-prev, .owl-next{
    height: 50px;
    color: #fff !important;
    width: 50px;
    outline: black;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid #eee;
    font-size: 35px !important;
}

/**preview modal css**/
#preview_screens .save_flfr1 {
    margin: 0px;
}#preview_screens .random1_div .mock_mg1{
    width: 200px !important;
}

/**text tab**/
#text .form-control{
    background: #F8F8F8;
    border: none;
    padding: 0.56rem;
}#text .input.form-control{
    height: 40px;
}#text .range_rds{
    height: 3px;
    width: -webkit-fill-available;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #E9E9E9;
}#text .mwcw1{
    width: 160px;
    justify-content: center;
    text-transform: uppercase;  
    padding: 0.56rem; 
    border-radius: 0px;
}#text .item_aligs{
    background: #F9FAFB;
    padding: 10px;
    text-align: center;
    width: 80%;
    color: #808080;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
}#text .tabs_decr{
    background: #F9FAFB;
    color: #000;
    text-align: center;
    cursor: pointer;
    align-items: center;
    padding: 0.56rem;
    justify-content: center;
    display: flex;
}#text .tabs_decr.active{
    background-color: #D9D9D9;
} input[type=range].range_rds {
    -webkit-appearance: none;
    background: #EE8E8E;
    outline: none;
}input[type=range].range_rds::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: #4E4E4E; 
    cursor: pointer;
    border-radius: 50%;
} input[type=range].range_rds::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #4E4E4E;
    cursor: pointer;
    border-radius: 50%;
}.text-heads1.h6{
    font-weight: 700 !important;
    color: #2C6BB4 !important;
}.shadow_div label{
    padding-top: 15px;
    padding-bottom: 20px;
}


/**edit tool**/
.edit_border.comm1{
    border: 1px solid #007bff;
}.edit_border{
    border: 1px solid transparent;
}
.layer {
    background-color: transparent;
    cursor: move;
    user-select: none;
}.layer::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #007bff;
    transform-origin: center;
    transform: scaleX(0);
}.layer.dragging::before {
    transform: scaleX(1); 
}.resize-handle {
    width: 10px;
    height: 10px;
    background-color: #007bff;
    cursor: nwse-resize;
    position: absolute;
}.rotation-handle {
    width: 2px;
    height: 50px;
    background-color: #007bff;
    cursor: ew-resize;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-1px);
    transform-origin: center top;
}

.rotation-handle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-1px);
    width: 2px;
    height: 100%;
    background-color: #007bff;
}

.rotation-handle::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translate(-5px, -5px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #007bff;
}
.top-left { top: -5px; left: -5px; }
    .top-right { top: -5px; right: -5px; }
    .bottom-left { bottom: -5px; left: -5px; }
    .bottom-right { bottom: -5px; right: -5px; }
    .orderchanging {
      background-color: #f0f0f0;
      padding: 10px;
      margin: 5px;
      cursor: grab;
}.div_editohjm .kjghmio{
    display: none;
}.mob_jhbrd{
    display: none;
}.temp_scrn .row{
    padding-bottom: 5px;
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
}.temp_scrn .row::-webkit-scrollbar {
     width:2px; 
     height:2px;
}#background .layt_temp{
    object-fit: fill;
    width: 100% !important;
}#background .layt_temp:first-of-type{
    padding-right: 5px;
}#background .layt_temp:last-of-type{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 1px;
}#background .layt_temp.active{
    box-shadow: rgb(0 120 255 / 70%) 0px 0px 0px 1px;
}
}.roll_images div{
    cursor: unset !important;
}.tooltip {
    transition: none; 
}.item_aligs img{
    width: 25px;
}.item_aligs.active{
    background-color: #D9D9D9 !important;
}.temp_scrn img{
    padding-right: 3px;
}#template .temp_scrn:hover{
    border: 2px solid #cbdef7 !important;
}

/**mediaQuery**/

@media(max-width: 992px){
    button.save img{
        margin: 0px;
    }button.save{
        padding: 2px 10px 6px 10px;
    }.save.modalTrigger.mx-5 {
        margin-right: 1rem !important;
        margin-left: 0rem !important;    
    }.move-copy img {
        width: 13px;
        height: 13px;
    }.edit_screen .edit_cl1 {
        padding-top: 10px;
    }.move-copy span {
        padding-top: 0px;
    }.edit-section {
        padding-top: 10px;
        position: relative;
    }.move-copy {
        margin-bottom: 10px;
    }.edit_thiss button {
        padding: 3px 18px;
    }.actnbrdf_lne .bgs_cvr .input-group-text{
        padding-left: 0px;
        padding-right: 0px;
    }.main_edit .bgs_cvr{
        width: max-content;
        align-items: center;
        justify-content: center;
        padding-left: 15px;
        padding-right: 15px;
    }.action_scrn .form-select{
        padding: 5px;
    }.action_scrn img{
        width: 16px;
        height: 16px;
    }.action_scrn {
        padding: 5px;
        margin-top: 10px;
    }.div_editohjm div.kjghmio{
        font-size: 15px;
        text-decoration: underline;
        color: #0606ef;
        font-weight: 400;
    }.parent_screens.col-md-12 .kjghmio{
        display: none;
    }.edit_cl1 .chld.active{
        border-radius: 0px;
    }.edit_cl1 .chld{
        width: 100%;
    }.insert_mg button {
        padding: 5px 25px;
    }.lists_r {
        margin-left: 8px;
    }#layouts .card img{
        margin: 8px;
    }#layouts .card img:last-of-type, #layouts .card img:first-of-type {
        padding-right: 8px;
    }.tabcontent {
        padding: 6px;
    }.lists_r h5, .mob_jhbrd h5 {
        font-size: 15px;
    }.tabcontent .backtab img, .mob_jhbrd .backtab img {
        width: 9px;
    }#layouts .premium img{
        width: 18px !important;
        height: 18px;
    }.info_premium p {
        font-size: 14px;
    }.info_premium .close img {
        right: 8px;
        top: 5px;
        width: 18px;
    }.main_edit .bgs_cvr {
        margin-bottom: 15px !important;
    }.custom_editsqw2 hr {
        margin-top: 10px;
        margin-bottom: 0px;
    }.keys1_bgs img {
        width: 20px;
        height: 20px;
    }.main_edit .dvce_edt1 button{
        padding: 4px 24px;
        margin-bottom: 20px;
    }.insert_mg button img {
        width: 15px;
        height: 15px;
    }.main_edit{
        padding: 6px;
    }.main_edit, .lists_r .tabcontent {
        height: 90vh;
    }#text .subtext_hd{
        font-size: 14px;
    }#text .form-select {
        padding: 0.45rem;
    }#text .mwcw1 {
        width: 140px;
        padding: 0.4rem;
    }#text .item_aligs{
        padding: 8px;
    }#text .tabs_decr {
        padding: 0.4rem;
    }.shadow_div label {
        padding-top: 10px;
        padding-bottom: 10px;
    }#device .custom-tabs1 button, #background .custom-tabs1 button {
        font-size: 14px;
    }.cutom_up {
        padding: 25px 50px;
        width: fit-content;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        display: flex;
    }#background .layt_temp{
        object-fit: fill;
        width: 100% !important;
    }#background .layt_temp:first-of-type{
        padding-right: 5px;
    }#background .layt_temp:last-of-type{
        padding-left: 5px;
    }.tablinks span {
        display: none;
    }.kjh_jhtbq span{
        display: none;
    }#device .custom-tabs1{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }.list_screens .template_size{
        height: 90vh;
    }button.export{
        margin-right: 10px;
    }
}

@media(max-width: 768px){
    .edit_screen .sdchge.col-md-2 {
        width: 10%;
    }.rstkarea{
        margin-left: 10%;
        width: 90% !important;
    }.edit_cl1 .chld {
        padding: 7px;
        padding-top: 18px;
        padding-bottom: 18px;
    }.edit_screen .icns1q {
        width: 18px;
        margin-bottom: 0px;
    }.rstkarea .change_tl1{
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-60%, 22%);
        font-size: 17px;
    }.bghdr1{
        padding-top: 0px;
        padding-bottom: 6px;
    }.prj_name.extend_input{
        width: 120px !important;
        padding: 0px;
    }.change_tl1 img {
        width: 20px;
        height: 16px;
        margin-bottom: 0px;
        margin-left: 6px;
        margin-top: 5px;
    }button.save img{
        display: none;
    }.main_edit .mob_jhbrd{
        display: block;
    }.kjghmio img{
        width: 25px;
        height: 25px;
        background: #64646452;
        padding: 6px;
        margin-bottom: 10px;
    }.parent_screens.col-md-6 .kjghmio{
        display: block;
    }.fl_rvw div.lists_r, .fl_rvw div.main_edit{
        display: none;
    }.actnbrdf_lne .bgs_cvr span{
        width: 50px;
        padding-right: 25px;
    }.default_colors div{
        width: 40px;
        margin-right: 12px;
        height: 40px;
    }
}

@media(max-width: 576px){
    #device .custom-tabs1{
        justify-content: center;
    }.modal .modal-content.alertDelete{
        width: 100%;
    }.modal .modal-content.alertDelete{
        height: auto;
        border-radius: 0px;
    }img.close {
        width: 14px;
        top: 12px;
        right: 12px;
    }.modal .alertDelete h5 {
        font-size: 18px;
    }
}

@media(min-width: 481px) and (max-width: 576px){
    #background .tab-pane .divgfn_jn{
        width: 33.33333333%;
    }
}
@media(min-width: 576px) and (max-width: 768px){
    .bg_mocukpsb img {
        width: 65px;
        height: auto;
    }#device .custom-tabs1{
        justify-content: flex-start;
    }
}
@media(min-width: 768px) and (max-width: 992px){
    .edit_screen .sdchge.col-md-2 {
        width: 7%;
    }.rstkarea{
        margin-left: 7%;
        width: 93% !important;
    }.edit_screen .stn1 {
        padding-bottom: 10px;
    }.edit_cl1 .chld {
        padding: 2px;
        padding-top: 18px;
        padding-bottom: 18px;
    }.edit_screen .icns1q {
        width: 20px;
        margin-bottom: 0px;
    }.kjh_jhtbq span{
        font-size: 17px;
    }.rstkarea .change_tl1{
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -30%);
        font-size: 18px;
    }.bghdr1{
        padding-top: 8px;
        padding-bottom: 10px;
    }.prj_name.extend_input{
        width: 180px !important;
        padding: 0px;
    }.change_tl1 img{
        width: 28px;
        height: 20px;
        margin-bottom: 4px;
        margin-left: 6px;
        margin-top: 5px;
    }.actnbrdf_lne .bgs_cvr span {
        display: none;
    }.main_edit .form-check {
        padding-left: 3px;
    }.main_edit label{
        font-size: 13px;
    }#device .custom-tabs1{
        justify-content: flex-start;
    }.default_colors div{
        width: 30px;
        margin-right: 7px;
        height: 30px;
    }#device .text-heads1.m-0, #background .text-heads1.m-0{
        display: none;
    }#text .mb-3{
        margin-bottom: 0.4rem !important;
    }#hue-saturation-range, #hue-saturation-mockup, #saturation{
        width: 100%;
    }.lists_r {
        height: 90vh;
    }
}
    

@media(min-width: 360px) and (max-width: 576px){
    #layouts .list-div .col-6{
        width: 33.33333333%;
    }#device .tab-pane .col-6{
        width: 33.33333333%;
    }.bg_mocukpsb img {
        width: 60px;
        height: auto;
    }
}
    
@media(min-width: 992px) and (max-width: 1300px){
    .edit_screen .sdchge.col-md-2 {
        width: 9%;
    }.rstkarea{
        margin-left: 9%;
        width: 91% !important;
    }.edit_cl1 .chld {
        padding: 16px 0px;
    }.edit_screen .icns1q {
        width: 22px;
        margin-bottom: 15px;
    }.tablinks span{
        font-size: 14px;
    }.kjh_jhtbq span{
        font-size: 16px;
    }.bghdr1 {
        padding-bottom: 7px;
    }.lists_r h5, .mob_jhbrd h5{
        font-size: 16px;
    }.main_edit .form-check{
        padding: 0px;
    }.main_edit .bgs_cvr{
        flex-wrap: nowrap;
        padding: 0px 20px;
    }.insert_mg button, .main_edit .dvce_edt1 button {
        padding: 4px 25px;
    }.main_edit .dvce_edt1 button{
        margin-bottom: 25px;
    }#layouts .premium img {
        width: 15px !important;
        height: 15px;
    }.lists_r .tabcontent, .list_screens .template_size, .lists_r {
        height: 90vh;
    }.tabcontent {
        padding: 6px;
    }.main_edit {
        padding: 6px;
        height: 90vh;
    }#device .custom-tabs1{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
    }.temp_scrn .row{
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
    }.lists_r{
        margin-left: 5px;
    }.default_colors div {
        width: 35px;
        margin-right: 5px;
        height: 35px;
    }#background .layt_temp{
        width: 100% !important;
        object-fit: fill;
    }.edit_cl1 .chld{
        width: 100%;
        border-radius: 0px !important;
    }
}
    
@media(min-width: 992px) and (max-width: 1199px){
    #device .text-heads1.m-0, #background .text-heads1.m-0{
        display: none;
    }
}
@media(min-width: 320px) and (max-width: 576px){
    .rstkarea .change_tl1{
        font-size: 16px !important;
        left: 35% !important;
    }button.save{
        font-size: 16px !important;
        padding: 2px 6px 6px 6px !important;
    }button.export{
        font-size: 16px !important;
        margin-right: 10px;
    }
}