.product-attr-value {width:100%;}

#showimg img{border: 6px double #d6d6d6; border-radius: 15px; margin-top:10px;}
.product-attr-title {text-align: left!important;width:100%;}

.thumb-imgs .disabled{visibility:hidden !important;}
.add-to-cart2{}
.add-to-cart2 span{border:1px solid white;display:block;padding:8px 22px 8px 22px;font-size:16px;}
#btn-add-to-cart-mobile span{border:1px solid #FFA441;display:block;padding:8px 22px 8px 42px;}
#product-gurantee-image img, #product-gurantee-image-mobile img{width:100%;height:auto;}
.addtocart-bt {padding:0 auto;margin:15px auto;}

.avatar-area{position: relative; max-width:500px;width:100%; min-height: 400px;background-color:#F7F8F9;margin:0 auto;}
.avatar-dragable-area-left{ position: absolute;left:0px;top:0px;z-index: 3;width:20px;height:100%;}
.avatar-dragable-area-right{ position: absolute;right:0px;top:0px;z-index: 3;width:50px;height:100%;}
.avatar-arrow{position:absolute;right:102px;top:25px;width:75px;z-index:2;}
.avatar-button-area{}
.btn-add-image{background: none;border:1px dashed #8ec354;color:#8ec354}
.avatar-design-image{ position: absolute;width:100%;height:100%;}
#avatar-img-mobile{ display: none;}
.avatar-input{opacity:0;box-sizing: border-box;width:100%;height:100%;padding:15px;}
.content .sinlepro-slider{width:550px;max-width:550px;}
.avatar-template,.avatar-template-base{position: absolute;width:100%;height:auto;z-index:2;}
.avatar-template > img, .avatar-template-base > img{ max-width:100%;}
/*.avatar-template img{-webkit-filter:grayscale(1);}*/
.avatar-button-group{margin:0px auto 10px auto;width:100%;padding:10px 0 10px 3px; text-aligin:center;border:1px solid #eeeeee;border-left:0;border-right:0;}
.avatar-button-group button{width:12.5%;margin:0 auto;background-color:grey;color:white;border-color:white;}
.avatar-button-group button.btn.btn-primary{background-color:#aaaaaa;color:white;}
.avatar-button-group-mobile{}
.avatar-button-group-mobile button{width:12.5%;margin:0 auto;background-color:grey;color:white;}
.avatar-button-group-mobile button.btn.btn-primary{background-color:#aaaaaa;color:white;height:32px;}
.cropper-face{z-index:3;}
.avatar-wrapper-mobile{position: relative; width: 100%;  max-width:500px;margin:auto auto 5px auto;box-sizing: border-box;}
.avatar-template-mobile, .avatar-template-base-mobile{ position: absolute;width:100%;height:100%;z-index:2;box-sizing: border-box;}
.avatar-template-mobile > img, .avatar-template-base-mobile > img{ height:100%;}
.sinlepro-slider-mobile{padding:0 5px 0 5px !important;box-sizing: border-box;}
.modal-title{font-size:20px !important;}
#add-to-cart-modal-dialog{margin-top:220px;}
#add-to-cart-modal-content{text-align:center;max-width:720px;}
.design-table{display:table;width:100%;}
.design-table>div{ display:table-cell;width:50%;padding:0 20px; box-sizing: border-box;vertical-align: top;}
#design-img-show{width:100%;max-width:300px;height:auto;}
.help-block{ display:block;}
.product-value { width:100%;}
.product-value input{width:100%;box-sizing: border-box; padding:13px 5px;}
.product-value select{width:100%;}
.avoid-container{text-align:center;}
.btn-confirm-design-container{width:70px;margin-top:5px;}
.btn-confirm-design-container img{width:70px;height:auto;}
.modal-attr-content{padding:15px 5px;}
/*order steps*/
.step-container{position: absolute;width:24px;top:32px;left:-13px;text-align:center;}
.order-step-circle {width:24px; height:24px; background-color:#e53333; border-radius:12px;}
.order-step-circle span{height:24px; line-height:24px; display:block; font-size:18px;color:white; text-align:center;font-weight: 700;padding:0;font-size:13px;}
.step-line {border:1px dashed #AFAFAF;width:1px;margin:3px auto;}
.step-2-text {color:#626262;font-size:18px;margin-top:10px;}
.step-line-1 {height:34px;}
.step-line-2 {height:14px;}
.grayscale{
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
.social-container {text-align:center;padding:0 10px;margin-bottom: 20px;border:none;}
.social-container li{list-style:none;float:left;}

.modal-body img{max-width:100%;}

.addcart-box-form{margin-bottom:0px;}

.upload-button-container {position: fixed;height:50px;width:100%;bottom:0;left:0;z-index:15}
.upload-button-container > div{height:100%;}
.upload-button-container button{/*text-transform:uppercase;*/border:none;border-radius: 0;height:100%;color:white;}
.upload-button-container #btn-upload{background-color:#ED1450; width:100%;font-size:18px;}
.upload-button-container #btn-change{background-color:#0E9FE9;width:50%;margin:0;font-size:16px;}
.upload-button-container #btn-confirm{background-color:#ED1450;width:50%;margin:0;font-size:16px;}

@media only screen and (max-width: 990px) and (min-width: 80px) {
    #add-to-cart-modal-dialog{margin-top:5px;}
    .cropper-view-box{ outline-width: 0px;}
    .avatar-button-group-mobile{text-align:center;}
    .avatar-template-mobile{max-width: 500px;}
    .avatar-button-area{width:70px;height:70px;}
    .avatar-button-btn {margin-top:-50px;text-align: center;font-size:12px;}

    .design-table{display:block;width:100%;}
    .design-table>div{ display: block; width:100%;padding:5px 0;}
    .avatar-design-image{}
    #design-img-show{padding:0 20px;}
    .modal-attr-content{padding:10px 5px;}
    #add-to-cart-modal-content{margin-top:10px;}
    .price-container{ display: table-cell;text-align:left;float:none;width:140px;}
    .step-2-text {font-size:14px;letter-spacing: -1px;margin:8px auto 10px auto;}
    .step-line-1 {height:16px;}
    .step-line-2 {height:13px;}
}
@media only screen and (max-width: 990px) {
    .avatar-wrapper-mobile{height:400px;}
    .avatar-design-image{max-height: 400px;}
    .pricing-details-mobile{border-top:1px solid #CCC;padding:10px 6px 0 6px;text-align:left;margin-top:20px;background:#F5F5F5}
    .pricing-details-mobile .price-title{width:32%;text-align:right;float:right}
    .pricing-details-mobile .price-container{width:68%;text-align:left;float:left;font-weight:700}
    .price-mobile{font-size:26px;color:#EF4F89;font-weight:700;padding-bottom:10px;text-align:left}
    .social-container{padding:0;margin:0}
    .social-container li{margin-right:2px;text-align:right;display:block;float:none;padding:4px 0}
}
@media only screen and (max-width: 640px) {
    .avatar-wrapper-mobile{height:400px;}
    .avatar-design-image{max-height: 400px;}
    .avoid-container{text-align:center;padding-top:5px; }
}

@media only screen and (max-width: 480px) {
    .avatar-wrapper-mobile{height:330px;}
    .avatar-design-image{max-height: 330px;}
    .avatar-button-wrap{right:-3.1%;}
    .upload-button-container #btn-confirm{margin:0;font-size:14px;}
    .avatar-wrapper-mobile { height: 300px;  }
    .avatar-design-image { max-height: 300px; }
}
@media only screen and (min-width:376px) and (max-width:414px) {
    .avatar-area {min-height:308px;}
}

@media only screen and (max-width:375px) {
    .avatar-button-group button{padding-left:12px;padding-right:12px;}
    .avatar-area {min-height:276px;}
}

@media only screen and (max-width:360px) {
    .avatar-area {min-height:264px;}
}
@media only screen and (max-width: 320px) {
    .avatar-wrapper-mobile{height:260px;}
    .avatar-design-image{max-height: 260px;}
    .avatar-button-group-mobile button{margin-right:0px;}
    .avatar-arrow {width:60px;right:94px;top:15px;}
    .avatar-button-area{width:60px;height:60px;font-size:12px;}
    .avatar-button-area label{font-size:12px;}
    .btn-confirm-design-container{width:60px;}
    .step-container {top:8px;right:76px;}
    .step-line-1 {height:22px;}
    .step-line-2 {height:13px;}
    .step-2-text {font-size:13px;margin:8px auto 8px auto;}
    .upload-button-container #btn-confirm {font-size:13px;}
}