.album-page > .sort-text{
    margin: 0 0 10px;
}
.album-card-style {
    width: 19.8%;
    display: inline-block;
    margin: 10px 0 20px;
    vertical-align: top;
}
.album-card-style > .album-title{
    padding: 10px 0;
    width: 95%;
    clear: both;
    text-align: left;
    font-size: 14px;
}
.album-card-style > .album-title > div{
    padding: 0 5px 5px;
}
.album-card-style > a > .album-card-box{
    background: #e7e7e7;
    border-radius: 4px;
    height: 250px;
    padding: 5px 6px;
    width: 95%;
}
.album-card-style .album-card-box > div:first-child{
    width: 230px;
    margin: 0 auto;
}
.album-items{
    padding: 0;
    margin: 2% 2%;
    display: inline-block;
    height: 70px;
    width: 65px;
}
.album-items img {
    max-height: 70px;
}
.album-head-left{
    float: left;
}
.album-head-left > .sidemenu_header{
    padding-top: 12px;
}
.album-head-right{
    float: left;
    padding: 10px;
    margin-left: 15px;
}
#addNewBox > div{
    width: 95%;
    vertical-align: top;
    padding: 5px 10px;
    border: 2px #e7e7e7 solid;
}
#addNewBox > div > p:first-child{
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
    padding: 10px;
    margin: 0;
}
.addAlbum-btn-box{
    padding: 10px;
}
.addAlbum-btn-box > span{
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    cursor: pointer;
}
.addAlbum-btn-box > span:first-of-type{
    color: #09f;
}
.addAlbum-btn-box > span:last-of-type{
    border-left: 1px solid #dfdede;
}
.album-title{
    position: relative;
}
.album-edit-box{
    position: absolute;
    top: -180px;
    right: 0px;
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    width: 150px;
    padding: 0 !important;
    display: none;
}
.album-edit-box > div{
    border-bottom: 1px #e7e7e7 solid;
}
.album-edit-box > div:last-child{
    border-bottom: 0;
}
.album-edit-box > div{
    padding: 7px 10px;
    cursor: pointer;
}
.album-title > input:checked+.album-edit-box {
    display: block;
}
.album-title > .album-edit-txt-box{
    position: absolute;
    top: 0;
    width: 100%;
    border: 0;
    display: none;
    padding: 5px !important;
}
.album-card-style input[type="text"]{
    width: 100%;
    padding: 0.5em 0;
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #ccc;
}
.get_icon{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dispay-album-name{
    width: 85%;
    word-break: break-all;
    display: inline-block;

}
.position-box{
    border: 2px #000 solid;
    border-radius: 25px;
    padding: 0px 5px;
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    margin-top: 5px;
    display: block;
    width: fit-content;
}
.album-way > ul > li{
    display: inline-block;
}
.album-way > ul > li:last-of-type > span{
    color: #aaa;
}
.itmes-album-head{
    width: 100%;
}
.itmes-album-head > h1.collection_info{
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Neue Helvetica';
    letter-spacing: 0.3px;
    color: #c6838a;
    margin-bottom: 0.15em;
    font-weight: 400;
    text-align: left;
    display: inline-block;
}
.album-content{
    text-align: left;
    padding: 25px;
}
.album-content label{
    font-weight: bold;
    margin-bottom: 5px;
}
.album-content input[type="text"]{
    padding: 1em;
    width: 100%;
}
.album-frame-icon{
    border: 1px #e7e7e7 solid;
    padding: 7px;
    font-size: 15px;
    background-color: #fff;
    text-align: center;
    width: 40px;
}
.itmes-album-head .album-frame-icon{
    margin-left: 1rem;
}
.album-iconBox{
    background-color: #fff;
}
.album-iconBox > ul > li{
    font-size: 20px;
    padding: 12px;
    width: 49px;
    text-align: center;
    outline: 1px solid #e7e7e7; /* use instead of border */
    margin-top: 1px;
    margin-left: 1px;
}
.album-iconBox > ul > li:hover{
    background: #e7e7e7;
}
.markIcon{
    background: #e7e7e7;
}
.onpage-album_icon{
    vertical-align: middle;
}
.album-color-iconBox{
    margin-bottom: 10px;
}
.album-color-iconBox > ul > li{
    width: 49px;
    height: 44px;
    outline: 1px solid #e7e7e7; /* use instead of border */
    margin-top: 1px;
    margin-left: 1px;
    display: inline-block;
}
.album_allalbum .album-iconBox{
    background-color: initial;
}
.album_allalbum.album-color_onlist .album-iconBox > ul > li{
    width: 33px;
    padding: 10px 4px;
}
.album_allalbum.album-color_onlist .album-color-iconBox > ul > li {
    width: 30px;
    height: 30px;
}
.album_allalbum{
    border: none;
    border-radius: 0;
    border-bottom: 2.5px solid #ccc;
}
.album_icon-color.bgno{background-color: #5c5850;}
.album_icon-color.black{background-color: #070813;}
.album_icon-color.blue{background-color: #1a0ce9;}
.album_icon-color.green{background-color: #74d326;}
.album_icon-color.yellow{background-color: #fdd72a;}
.album_icon-color.orange{background-color: #fe6219;}
.album_icon-color.pink{background-color: #FF00FF;}

.album_icon.bgno{color: #5c5850;}
.album_icon.black{color: #070813;}
.album_icon.blue{color: #1a0ce9;}
.album_icon.green{color: #74d326;}
.album_icon.yellow{color: #fdd72a;}
.album_icon.orange{color: #fe6219;}
.album_icon.pink{color: #FF00FF;}
.albumLayer{
    white-space: normal;
    margin-bottom: 15px !important;
}
.albumLayer .albemMainBox{
    text-align: left;
    width: 85%;
    color: #5c5850 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.albumLayer .more-text:first-child{
    margin-top: 10px;
}
.albumLayer .more-text{
    text-align: left;
    padding: 10px 0;
}
.albumLayer .more-text div{
    text-align: center;
    font-size: 20px;
}
.albumLayer .album-items {
    height: 65px;
    width: 29%;
}
.min-name-album .get_icon{
    margin-top: 10px;
}
.albumLayer .min-name-album > div:first-of-type{
    flex-grow: 9999;
}
.albumLayer .album-card-style > a > .album-card-box {
    height: 223px;
}
.albumLayer .album-card-style {
    width: 20%;
    margin: 0;
    margin-top: 10px;
}
.albumLayer .album-card-style.min-box:hover {
    color: #c76871;
    background-color: #fdf1f3;
}
.albumLayer .album-card-style.min-box {
    cursor: pointer;
    margin: 0;
    width: 19%;
    background-color: #e7e7e7;
    margin: 5px;
    border-radius: 4px;
}
.albumLayer .album-card-style.min-box > .album-title{
    padding: 15px 5px;;
}

.layer-album-style{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin:10px 0 20px;
}
.albumLayer .album-card-style .album-card-box > div:first-child {
    width: 100%;
    margin: 0 auto;
}
.albumLayer .sort-text{
    text-align: left;
}
.albumLayer .sort-text a, .albumLayer .sort-text b{
    font-size: 13px;
    text-decoration: underline;
    color: #5c5850;
}


#IFrameBG.mobilefixed{
    overflow: auto !important;
}
.nextpage{ margin-bottom: 0.5em; }

@media(max-width: 1150px) {
    .album-card-style {
        width: 24.8%;
    }
    #backToTop {
        right: 10px !important;
        left: initial !important;
    }
    .overlay, .secondTable ul li ul, .firstTable, .tableGen, .inTable{
        width: 100%;
    }
    .contentwidth {
        padding-left: 10px;
        padding-right: 10px;
    }
    #IFrameHeight{ padding: 10px 15px 0 !important; }
    .product_info{ width: 90% !important; }
}

@media(max-width: 1024px) {
    .album-card-style {
        width: 32.8%;
    }
    .product_img img{
        width: auto !important;
        height: auto !important;
    }
    .collection_desc{
        margin: 10px;
    }
    .collection_desc span{
        font-size: 1rem !important;
    }
}

@media(max-width: 950px) {
    #ContenerPic > figure{
        width: 80%;
    }
    #myCanvas{
        width: 100% !important;
        height: auto !important;
    }
    .vimeo_iframe{
        max-width: 100%;
        height: 230px;
        padding: 0;
    }
    .vimeo_iframe.video_square{
        height: 390px;
    }
}

@media(max-width: 768px) {
    .vimeo_iframe{
        max-width: 100%;
    }
    .video_mobile > div{
        width: 100% !important;
        margin: -70px 0 -50px;
    }
    .album-card-style {
        width: 97%;
        margin: 10px 0 0px;
    }
    .album-card-style > a > .album-card-box{
        width: 97%;
        margin: 0 auto;
        height: 280px;
        padding: 20px 0;
    }
    .album-card-style > .album-title {
        width: 97%;
        font-size: 1.2em;
        margin-bottom: 20px;
    }
    .album-list > ul{
        width: 98%;
    }
    .album-box > a{
        font-size: 15px;
        vertical-align: middle;
    }
    .album-items{
        width: 33%;
        background: transparent;
        border: none;
    }
    .album-edit-box{ width: 165px; }
    .album-edit-box > div{ padding:10px; }
    .album-card-style input[type="text"]{ font-size: 1.1em; }
    .album-title > .album-edit-txt-box{ padding: 10px; }
    .album-edit-box{
        position: absolute;
        top: -280px;
    }

    .swiper-shopbycat .swiper-slide{
        width:100% !important;
    }
    .swiper-shopbycat .swiper-slide > p{
        padding-bottom: 25px;
    }
    .nextpage{ margin-bottom: 1em; }
    .TopOfPage img.mobile-visible{
        margin: 0 auto;
    }
    .collection_desc{
        max-width: 350px;
        margin: 10px auto;
        left: 0;
        right: 0;
    }
    .manageitemArea{
        width: 100%; margin:0; min-width: auto;
    }
    .BoxProductType{ width: 100%; }
    .BoxProductType .product_img-border{ padding: 20px; }
    #AccountMSG{ position:inherit; border-top:1px solid #cfcfcf; float:none; margin-top:5px; }
    .product_area .text-center img{ margin:0 auto; }
    .TopOfPage{ padding: 0 5px; clear: both; }
    .media_desktop{
        display: none;
    }
    .media_mobile{
        display: block !important;
        position: inherit;
        z-index: 2;
    }
    .media_mobile.bg_opacity{
        opacity: 0.3;
        z-index: 1;
    }
    .media_mobile_bg{
        padding: 10px;
    }

    .media_mobile_content{
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }
      
    .media_bgcontent{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        opacity: 0.3;
        z-index: 0;
    }
    
    .media_mobile_text{
        position: relative;
        z-index: 1;
    }

    .product_info{ width: 97% !important; }
    .product_page .row{ padding:10px 0 0; }

    .product_content .swiper-wrapper > .swiper-slide, .search_page .swiper-wrapper > .swiper-slide{
        width: 100% !important;
        height: 100% !important;
    }
    .product_content .swiper-wrapper > .swiper-slide img, .search_page .swiper-wrapper > .swiper-slide img{
        width: 100% !important;
        height: 100% !important;
    }

    .column.two-fifth.paddingleft{ /* padding left on product caontent area */
        padding-left: 0 !important;
    }
    .minitext{
        padding-top: 10px
    }
    .product_mobile{
        display: block;
        width: 50%;
        float: left;
        padding: 0;
        margin: 0;
        box-sizing:border-box;
    }
    .product_mobile .product_info{
        min-width: auto !important;
    }
    /*.tag_display .floatleft{ padding-left: 25%; }*/
    #loginWrap #loginFrameWrap{
        width: 100%;
    }
    #AltProdVideo{
        width: 100%;
        text-align:center;
        display: none;
    }
    .alt_video{
        max-width: 250px;
        margin: 0;
        border:1px solid #cccccc
    }
    .full_video{
        margin-top: 40%;
    }
    .full_video iframe, .full_video video{
        width: 100%;
        height: auto;
    }
    .box_video .fad{
        font-size: 5em;
    }
    .paypal_info button{
        width: 100%;
    }
    select.currency_box{
        max-width: 45px;
    }
    .swiper-font:before, .swiper-font:before{
        font-size: 1.5em !important;
    }
    .BoxMoreImg{
        max-width: 80px;
    }
    .NoticeContent{
        margin: 60px 0px -60px !important;
        padding-top:5px;
    }
    .notice_area{
        bottom: 40px;
        right: 0;
        left: 1%;
    }
    .notice_block{
        width: 98%;
    }
    .notice_font{
        font-size: 1.3em;
    }
    .onmobile #BodyWrap{ margin-bottom:50px; }
    .mobilefixed #MainContentArea, .mobilefixed .footer-container, .mobilefixed #Top-Menu{
        overflow:hidden !important;
        right: 1000px;
        top: -150vh;
    }
    .mobilefixed .on_iphone #MainContentArea, .mobilefixed .on_iphone .footer-container, .mobilefixed .on_iphone #Top-Menu{
        height:0vh !important;
    }
    .mobilefixed #MainHeaderArea{ margin-top:0; }
    .mobilefreeze{ overflow: hidden !important; }
    .toolTip iframe, .related iframe, .signin iframe, .invoiceFrame iframe {
        border: 0px;
        z-index: 15;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .DiscountLayer{
        width: 60%;
        left: 20%;
    }
    /*a, p{ line-height:1.6em; font-size:1.1em; }*/
    .account_menu a, .menu_link{ font-size:1.3em; }
    .iframe_action{ /*font-size:1.5em;*/ margin-top:10px; }
    .button, button, input[type="button"], input[type="submit"], input[type="reset"]{
        font-size:1.1em !important;
        line-height:2em !important;
        white-space:nowrap;
        margin-bottom:1em;
        display:inline-block;
        -webkit-appearance: none;
    }
    .button.display6{
        font-size:0.8em !important;
    }
    input{ padding: 1em; }
    select{
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }
    #resizeLinkText, #resizeLinkBottom{ display:none; }
    .close_overlay{ font-size:2.8em; }
    .product_page .collection_info{
        font-size:1.5em !important;
    }
    .product_page #MainProductArea .collection_info{
        font-size:1.5em !important;
        width: 100%;
        display: table;
        position: relative;
        z-index: 8;
    }
    .product_page #MainProductArea .collection_info > span:first-child{
        width: 75%;
        text-align: left;
        vertical-align: middle;
        display: table-cell;
    }
    .collection_info > .shareIconProductPage{
        display: none;
    }
    .more_details{ max-height:none; }
    /*.signin #OrderingIFrame{ height:93vh !important; }*/
    .bodyfixed{
        position: fixed;
        overflow: hidden;
    }
    .mobilefixed{
        overflow: hidden !important;
        max-width: 100vw;
        -webkit-overflow-scrolling:auto !important;
    }
    input[type="checkbox"], input[type="radio"]{ margin:0 7px; }
    .boxColumn > div{
        display: block;
        padding: 5px 0 10px 5px;
    }
    .absolute_wrap{ position:static; }
    .warranty_page .column.fifth{
        width: 50%;
        float: left;
    }
    .warranty_page .invDesWidth{
        width: 90%;
        margin-bottom: 10px;
    }
    .warranty_list .invDesWidth{ width:80%; }
    #WarrantyArea  input[type="checkbox"]{
        float: left;
        margin: 2px 10px 3em 10px;
    }
    .warranty_page .myaccount-border label {
        width: 98%;
        width: calc(100% - 50px);
    }
    .reportDetail .detail-info .tableGen.firstTable, .statusreport_page .imageWidth, .pdf-text {
        text-align: center;
    }
    footer .customblock{ margin-left:0px !important; }
    .point_login, .shadow_login{ display:none; }
    .customblock table, .customblock tr, .customblock td, .customblock tbody {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    .body_container, .warranty_page .span6{ width:100% !important; }
    .body_container, .nav-menu.custom_max_w{ padding:0 !important; }
    .product-viewer.third{ text-align:center; }
    .invDetail{ margin-top:10px !important; }
    #backToTop{ right:30px !important; }
    .orderdetails_row div.column.fourth{ margin-bottom:1.5em !important; }
    .cart_dashed_line.span10{ width:100%; }
    #IframeContent .orderBorder, .overlay .orderBorder{ padding:0; }
    .item_row > div.column, .item_row > div > div {
        display: block;
    }
    .pdf_invoice-w20 {
        display: block !important;
        width: 100 !important;
    }
    .fixedTop{ top:40px !important; }
    #SurveyIframe { max-height:inherit !important; }
    #iframe_details, .column-left , .column-right , .secondTable ul li ul, .firstTable, .imageWidth, .inTable, .borderHR, .invDesWidth{
        max-width: 100% !important;
    }
    .padding-left{ padding-left:0; }
    .product_wrap.column {
        width: 100% !important;
        margin-bottom: 30px !important;
    }
    .main_account section, .myaccount-border >label {
        width: 100%;
    }
    .mobile-visible, .mobile-block, .x-gap.mobile-visible {
        display: block !important;
    }
    .mobile-hidden, .x-gap {
        display: none !important;
    }
    .page_navigator, .page_navigator-bottom {
        text-align: right;
        margin-top: 10px;
    }
    .page_navigator ul, .page_navigator-bottom ul {
        width: 100%;
        margin: 15px 0;
    }
    .page_nav.mobile-visible {
        margin: 15px 0;
    }
    .page_nav .menu_selected{
        padding: 5px;
    }
    .page_nav .menu_selected a{
        font-size: 1.5em;
        text-decoration: none;
    }
    .overlay {
        width: 95% !important;
        max-height: 94%;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        z-index: 21;
    }
    .overlay.surveyframe {
        border-style: solid;
    }
    .overlay_content .ordering-nav{
        position: static;
        padding: 10px 0;
    }
    .overlay_content{
        max-height: none;
        padding: 0;
        /* height: 100vh; */
    }
    .overlay_content > div {
        height: 99% !important;
        width: 100% !important;
    }
    /* .overlay_content > div.more_details{
        height: 85vh !important;
    } */
    .overlay .orderring-hidden{
        padding-bottom: 0;
    }
    .onmobile .overlay {
        width: 93% !important;
        top: 31%;
        overflow: auto;
    }
    .overlay.alert_box, .overlay.confirm_dialog{
        height: auto !important;
        width: 95% !important;
    }
    .onmobile .close_overlay{
        font-size:3.5em;
        color:black;
        /* background: white; */
        top:0;
        right: 0;
        padding: 0 10px !important;
    }
    .confirm_dialog .close_overlay{
        background: transparent;
    }
    .onmobile .overlay_content, .alert_box .overlay_content{
        padding: 35px 5px 5px 5px;
        height: 100%;
    }
    .confirm_dialog .overlay_content{
        padding: 0;
    }
    #ActionArea .fa{
        margin-right: 20px;
    }
    .clear-float{
        float: unset !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .tableGen{
        display: block;
        background-color: transparent;
    }
    .tableGen ul, .displaytable > ul{
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-left: 0;
    }
    .tableGen ul li, .displaytable > ul > li{
        display: block;
        width: 100% !important;
        margin: 0;
    }
    .inTable ul, .tableProduct ul li ul{
        display: table-row !important;
    }
    .statusreport_page .inTable ul {
        display: block !important;
    }
    .inTable ul li, .mobile-cell{
        display: table-cell !important;
    }
    .inTable ul li ul{
        display: block;
        margin: 0 5px 0 5px;
        text-align: center;
    }
    .textSpecification{
        width: 120px;
    }
    .returnList{
        margin-top: 0 !important;
        margin-bottom: 0;
    }
    .returnList ul{
        margin-bottom: 20px !important;
    }
    .returnList ul .moblie-return{
        background-color: #FFFFB4;
        color: black;
        text-align: left !important;
    }
    .returnList ul:last-child .return-none, .topli{
        display: none !important;
    }
    .returnList ul, .clearbackgroundPDF li {
        background-color: white;
    }
    .first-invoice-table ul li.invDetail {
        text-align: left !important;
    }
    .tableProduct{ border: none; }
    .tableProduct ul {
        width: 100% !important;
        margin-bottom: 30px ;
        border-top: 1px solid #bebdbb;
        border-left: 1px solid #bebdbb;
        border-right: 1px solid #bebdbb;
        padding: 0;
    }
    .tableProduct ul li{
        width: 100% !important;
        display: table ;
        padding: 0;
        margin: 0;
        border-right: none;
    }
    #returnreport .tableProduct ul.clearbackgroundPDF li{
        padding: 5px;
        text-align: left !important;
    }
    .tableProduct ul .mobile-visible{
        display: table !important;
    }
    .tableProduct ul li ul li{
        width: 30% !important;
        display: table-cell ;
        text-align: left;
        white-space: normal;
        word-break: break-all;
        padding: 5px;
    }
    .tableProduct ul li ul li:last-child{
        width: 60% !important;
    }
    input[type="number"]{ width:35%; }
    .tableProduct ul .textHeader{
        height: 20px !important;
        vertical-align: middle !important;
    }
    .invoiceTable{
        margin: 0 0 1em;
        border-top: none;
        border-right: none;
    }
    .invoiceTable ul{
        margin-top: 2em;
    }
    .invoiceTable ul li{
        display: table;
        padding: 0 !important;
        border: none;
    }
    .invoiceTable ul li ul{
        display: table-row !important;
    }
    .invoiceTable ul li ul li{
        border-top: 1px solid #bebdbb;
        border-left: 1px solid #bebdbb;
        display: table-cell !important;
        width: 50% !important;
        padding: 8px !important;
    }
    .tableGen.invoiceTable ul {
        border-bottom: 1px solid #bebdbb;
        border-right: 1px solid #bebdbb;
    }
    .invoiceTotal{
        border: 1px #bebdbb solid !important;
        margin: 2em 0 0;
    }
    .invoiceTotal ul li:first-child{
        background: #F2F2F1;
        text-align: center !important;
        margin: 0 0 10px 0;
        padding: 0 0 10px 5px;
        border-bottom: 1px solid #bebdbb;
    }
    .invoiceTotal ul li.invWidth45per {
        padding: 10px 0 10px 0;
        margin: 0;
    }
    .invoiceTotal ul li ul li:first-child, .invoiceTotal ul li ul li:last-child{
        display: table-cell;
        text-align: left !important;
        background: white;
        border: none !important;
    }
    .headerTable, .inTable ul li.mobileSet{
        display: none !important;
    }
    .inTable, .inTable ul li ul{
        float: unset;
        margin: 0;
    }
    .inTable{
        width: 100% !important;
    }
    .inTable ul{
        display: inline-block;
        width: 100%;
    }
    .inTable ul li{
        display: block !important;
        width: 100% !important;
        padding: 0.2em;

    }
    .inTable ul li ul li, .pdf-Weight ul li.fullblock {
        display: inline-block !important;
        width: 50% !important;
    }
    .inTable ul li ul:first-child{
        border-top: 1px #bebdbb solid;
        border-left: 1px #bebdbb solid;
        border-right: 1px #bebdbb solid;
    }
    .inTable ul li ul:last-child{
        border-bottom: 1px #bebdbb solid;
        border-left: 1px #bebdbb solid;
        border-right: 1px #bebdbb solid;
    }
    .inTable ul.headerTable {
        display: none !important;
    }
    .mobileDisplay{
        display: inline-block !important;
    }

    #contentstyle .moblieShowHeader{
        display: block !important;
        width: 100% !important;
        text-align: center;
    }
    .secondTable .borderHR{
        margin: 20px 0;
    }
    .column.third.carttotal{  width:100%; }
    .imageWidth .product_img {
        text-align: center;
        display: inline-block !important;
        margin: 0 5px 5px 0;
    }
    .customblock.span1, .customblock.span2, .customblock.span3, .customblock.span4, .customblock.span5, .customblock.span6, .customblock.span7, .customblock.span8, .customblock.span9, .customblock.span10, .customblock.span11, .customblock.span12 {
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
    .warranty_page #WarrantyContent input{
        width: 100%;
    }
    #WarrantyPage.warranty_page .warranty_button {
        width: 30%;
        float: right;
        margin-bottom: 25px;
        padding: 8px !important;
    }
    #WarrantyPage.warranty_page .add_warranty{
        float: left !important;
    }
    .imageSet, li.imageSet.pdf-width{
        float: none;
        width: 100% !important;
        margin: 0 auto;
        padding-bottom: 10px;
        text-align: center;
    }
    .left-label-form label{ display:block; }
    .left-label-form input[type="text"], .left-label-form .width93{ width:93%; }
    #IframeOverlay{
        max-height: none;
        height: 100vh !important;
        top:0;
        z-index:21;
    }
    iframe#OrderingIFrame, iframe#loginFrame{
        max-width: 100vw !important;;
        width: 100vw !important;
        height: 100vh !important;
        min-height:inherit !important;
        margin-top:0;
        top:0;
    }
    .toolTip, .invoice_iframe{ left:0 !important; right:0 !important; top:0 !important; position:fixed; height:100vh; z-index:20; }
    .frame_wrap.show_point{ max-height:none !important; height:100vh !important; position:inherit; z-index:20; }
    .point_shadow, .point, .point_shadow2, .point2{ display:none; }
    #IFrameHeight{ padding:10px 10px 0 !important;}
    .container{ height:auto; }
    .phone_type, .phone_type label{
        margin: 0;
    }

    /* search page */
    #RetailSearch .fa-search{ font-size: 15px; }
    #RetailSearch > #MainSeachBox{ width: 80%; min-width: unset !important; }
    #RetailSearch > button{
        line-height: normal !important;
        padding: 5px 10px;
    }
    #SearchSubmit{ margin-top: 10px; }
    #mulitiSearch > div.inline_block{ display:block; }
    #MainSeachBox{ width:100%; }
    #basicSearch > div:first-child, #mulitiSearch > div:first-child{
        padding: 0 0 10px 0;
    }
    #mulitiSearch, #boxClick:checked ~ #basicSearch{
        display: none !important;
    }
    #basicSearch, #boxClick:checked ~ #mulitiSearch{
        display: block !important;
    }
    #basicSearch > div:last-of-type > input[type="submit"]{
        width: 100%;
        padding: 5px;
        white-space: normal;
    }
    .layer-album-style {
        flex-direction: column;
    }
    .album-card-style .album-card-box > div:first-child {
        text-align: center;
    }
    .album-items {
        width: 29%;
    }
    .album-edit-box {
        top: -245px;
    }
}


@media(max-width: 640px){
    /*.tag_display .floatleft{ padding-left: 0; }*/
    .product_img > img{ min-width: 75px; }
    .ordering_page .product_img:first-child > div, .ordering_page .product_img:first-child > div > img{
        width: auto !important;
        height: auto !important;
    }
    .DetailThree{ margin-top:5px; margin-bottom:5px; }
    #MarketingContent{
        margin: 60px 20px -60px !important;
    }
    .cart_page .button, .cart_page button{
        width: 98%;
        max-width: none;
    }
    .textSpecification{
        text-align: center !important;
        width: 100%;
    }
    .leftText{ margin-left:0; }
    .moblieShow{ display:inline-block !important; }
    .secondTable ul{
        width: 100% ;
        margin: 0 auto;
    }
    .small-size{
        text-decoration: underline;
        font-weight: bold;
        display: block !important;
    }
    input[type="checkbox"], input[type="radio"]{
        /* transform: scale(1.5);
        margin: 1em 13px 0 7px; */
        padding: 0;
    }
}