.gallerydetail {

    background: #ededed none repeat scroll 0 0;

    padding: 14px;

}

.gallerydetail:after {

    clear: both;

    display: table;

    content: "";

}

.gallerydetail .gallery {

    background: #fff none repeat scroll 0 0;

    display: inline-block;

    float: left;

    height: 158px;

    margin: 0 0.3% 5px;

    overflow: hidden;

    padding: 0;

    position: relative;

    text-align: center;

    width: 24.3%;

}

.creditnone {

    display: none;

}

.picturehead input#addalltocart {

    backface-visibility: hidden;

    background: #fff;

    border: 0 none;

    border-radius: 9px;

    box-shadow: 0 0 1px hsla(0, 0%, 0%, 0);

    color: #333;

    display: inline-block;

    font-weight: bold;

    height: 37px;

    margin: 15px 0 0;

    padding: 0 15px;

    position: relative;

    transform: translateZ(0px);

    transition: transform 0.3s ease-in 0s;

    vertical-align: middle;

}

.gallerydetail .gallery:before {

    background: none

}

.gallerydetail .gallery a .gggg {

    background: hsla(0, 0%, 0%, 0.45) none repeat scroll 0 0;

    bottom: 0;

    color: hsl(0, 0%, 100%);

    font-weight: bold;

    height: 33px;

    left: 0;

    line-height: 33px;

    position: absolute;

    text-transform: uppercase;

    width: 100%;

    z-index: 999;

}

.gallery:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    -webkit-transition: all 500ms ease-in 150ms;

    -o-transition: all 500ms ease-in 150ms;

    transition: all 500ms ease-in 150ms;

    background: rgba(162, 0, 255, 0.75);

}

/**/



.gallery:hover:before {

    opacity: 1;

}

.gallery .caption {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    margin: auto;

    width: 100%;

    height: 158px;

    z-index: 2;

    background: url(../images/triangle.png) no-repeat;

    background-position: 0 0;

    -webkit-animation: captriangleout 0.75s steps(30) forwards;

    -o-animation: captriangleout 0.75s steps(30) forwards;

    animation: captriangleout 0.75s steps(30) forwards;

    -webkit-transform: scaleY(-1);

    -ms-transform: scaleY(-1);

    -o-transform: scaleY(-1);

    transform: scaleY(-1);

}

.gallery:hover .caption {

    -webkit-animation: captrianglein 0.75s steps(30) forwards;

    -o-animation: captrianglein 0.75s steps(30) forwards;

    animation: captrianglein 0.75s steps(30) forwards;

    -webkit-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

}

@-webkit-keyframes captrianglein {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@-o-keyframes captrianglein {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@-moz-keyframes captrianglein {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@keyframes captrianglein {

    from {

        background-position: 0 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@-webkit-keyframes captriangleout {

    from {

        background-position: 0px 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@-o-keyframes captriangleout {

    from {

        background-position: 0px 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@-moz-keyframes captriangleout {

    from {

        background-position: 0px 0;

    }

    to {

        background-position: -7500px 0;

    }

}

@keyframes captriangleout {

    from {

        background-position: 0px 0;

    }

    to {

        background-position: -7500px 0;

    }

}

.gallery img {

    position: relative;

    top: 50%;

    left: 50%;

    min-width: 100%;

    height: 100%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    -webkit-transition: all 1000ms ease;

    -o-transition: all 1000ms ease;

    transition: all 1000ms ease;

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}

.gallery:hover img {

    top: 98%;

    -webkit-transform: scale(1.5, 1.5) translate(-50%, -50%);

    -ms-transform: scale(1.5, 1.5) translate(-50%, -50%);

    -o-transform: scale(1.5, 1.5) translate(-50%, -50%);

    transform: scale(1.5, 1.5) translate(-50%, -50%);

    transform: scale(1.5, 1.5) translate(-50%, -50%);

}

.gallery .titleiv {

    position: absolute;

    left: 50%;

    top: 50%;

    font-size: 30px;

    line-height: 30px;

    font-family: Roboto;

    z-index: 3;

    width: 75%;

    color: rgba(242, 242, 242, 0);

    text-align: center;

    font-weight: 300;

    -webkit-transform: translate(-50%, 100%);

    -ms-transform: translate(-50%, 100%);

    -o-transform: translate(-50%, 100%);

    transform: translate(-50%, 100%);

    -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms;

    -o-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms;

    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms;

}

.gallery:hover .titleiv {

    color: #f2f2f2;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.billingshipiingmain {

    float: left;

    width: 100%;

}



/*.billingshipiingmain .billing {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 1px solid #ccc;

  float: none;

  margin: 0 auto 15px;

  padding: 10px;

  width: 66%;

}*/	



.billing {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 1px solid #ccc;

    float: left;

    margin: 0 10px 0 0;

    padding: 10px;

    width: 47%;

}

.billing label {

    display: inline-block;

    font-weight: bold;

    text-align: right;

    width: 30%;

}

.billing > div {

    margin: 0 0 10px;

}

.shipping > div {

    margin: 0 0 10px;

}

.billing .billingecity {

    padding: 0 0 43px;

}

.billingheader > h4 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    font-size: 16px;

    margin: -10px 0 10px -10px;

    padding: 5px 10px;

    width: 100%;

}

.shipping {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 1px solid #ccc;

    float: left;

    padding: 10px;

    width: 47%;

}

.shipping label {

    display: inline-block;

    font-weight: bold;

    text-align: right;

    width: 28%;

}

ul.breadcrumb.jmoddiv {

    float: left;

    width: 100%;

}

.amount_main {

background: #f1f1f1 none repeat scroll 0 0;

float: left;

margin: 0;

width: 100%;

}

.paytype {

    display: block;

    float: left;

    padding: 10px 0;

    width: 98%;

}



.leftbox {

    float: left;

    padding: 10px;

    width: 50%;

}

.orderdetalis label {

    float: left;

    width: auto;

}

.paydesign {

    float: left;

    width: 48%;

}

.paydesign .radiobtn {

    display: block;

    float: left;

    margin: 0 0 5px;

    width: 100%;

    position: relative;

}

.shippingcalc_box.paydesign .radiobtn input {

    height: auto;

    left: 0;

    opacity: 1;

    position: relative;

    top: 0;

    width: auto;

}

/*************************************/



.paydesign .radiobtn input {

    cursor: pointer;

    height: 17px;

    left: 3px;

    line-height: normal;

    margin: 0 !important;

    opacity: 0;

    position: absolute;

    top: 5px;

    width: 16px;

    z-index: 11;

}

.paydesign .radiobtn input:checked + .check::before {

    background: #26c6da none repeat scroll 0 0;

    display: block;

}

.paydesign .radiobtn .check::before {

    background: #888 none repeat scroll 0 0;

    border-radius: 10px;

    content: "";

    display: none;

    height: 9px;

    margin: 3px 0 0 3px;

    width: 9px;

}

.paydesign .radiobtn input:checked + .check,

.admin-form .option-primary input:focus + .check {

    border-color: #26c6da;

}

.paydesign .radiobtn .check {

    border-radius: 20px;

}

.paydesign .radiobtn .check {



    background: #fff none repeat scroll 0 0;

    border: 3px solid #ddd;

    cursor: pointer;

    display: inline-block;

    float: left;

    height: 15px;

    margin-right: 5px;

    position: relative;

    top: 5px;

    transition: all 0.3s ease-in-out 0s;

    width: 15px;

}



.termcondi {

  display: inline-block;

  position: relative;

  width: 98%;

}



.termcondi .modal > span {

color: #333;

font-size: 12px;

font-weight: bold;

padding: 0 0 0 26px;

}

.termcondi input[type="checkbox"] {

height: 22px;

margin: -3px 0 0;

opacity: 0;

position: absolute;

width: 19px;

z-index: 111;

}



.termcondi input[type="checkbox"]:checked + .check::before {

  border-color: transparent #fff #fff transparent;

  border-style: solid;

  border-width: 2px;

  height: 13px;

  left: 1px;

  top: 0;

  transform: rotateZ(37deg);

  transform-origin: 100% 100% 0;

  width: 8px;

}

.termcondi input[type="checkbox"]:checked + .check::before {

  height: 19px;

  left: -2px;

  top: -4px;

  width: 11px;

}



.termcondi input[type="checkbox"]:checked + .check::before {

backface-visibility: hidden;

border-style: solid;

border-width: 2px;

height: 12px;

left: auto;

top: 2px;

transform: rotateZ(38deg);

transform-origin: 100% 100% 0;

width: 5px;

}

.termcondi input[type="checkbox"]:checked + .check::after {

  border: 2px solid #26c6da;

  height: 20px;

  top: 0;

  width: 20px;

  z-index: 0;

}



.termcondi input[type="checkbox"]:checked + .check::after {

background-color: #26c6da;

border: 3px solid #26c6da;

height: 15px;

top: 0;

width: 15px;

z-index: 0;

}

.termcondi input[type="checkbox"] + .check::before, .termcondi input[type="checkbox"] + .check::after {

content: "";

left: auto;

position: absolute;

transition: border 0.25s ease 0s, background-color 0.25s ease 0s, width 0.2s ease 0.1s, height 0.2s ease 0.1s, top 0.2s ease 0.1s, left 0.2s ease 0.1s;

z-index: 1;

}

.termcondi input[type="checkbox"] + .check::after {

  border-radius: 2px;

}



.termcondi input[type="checkbox"]:not(:checked) + .check::after {

background-color: #fff;

border: 3px solid #ddd;

height: 15px;

top: 0;

width: 15px;

z-index: 0;

}













/*******************************************/



.orderdetalis .paydesign {

display: inline-block;

float: none;

text-align: left;

width: 90%;

}

.radiobtn > input[type="radio"] {

    float: left;

    margin: 3px 3px 0 0 !important;

}

.leftbox .paytype .paydesign .radiobtn label {

    float: left;

    font-weight: normal;

    margin: 7px 0 0;

    width: auto;

}

.couponverify {

    margin: 0 0 0 147px !important;

    width: auto !important;

}

.amount_main .shippingcalc {

    float: left;

    padding: 10px;

    width: 98%;

}



.detailmain {

  border: 1px solid #ddd;

  display: inline-block;

}





.shippingcalc > .paydesign {

float: left;

margin: 0 auto;

padding: 0;

width: 97%;

}

.amount_main .orderdetalis {

background: #fff none repeat scroll 0 0;

float: left;

padding: 10px;

text-align: center;

width: 44%;

}

.leftbox label {

    float: left;

    font-weight: bold;

    margin: 5px 8px 0 0;

    text-align: right;

    width: 35%;

}

.leftbox .orderdescmain label {text-align: left;}

.leftbox .paytype label {text-align: left;}



.leftbox .orderdescmain .invoicedesc {max-height: 88px;

min-height: 88px;

max-width: 95%;

min-width: 95%;

width: 95%; }



.orderdetalis .orderboxamt .ord_amtdiv {

margin: 0 0 10px;

padding: 0;

width: 100%;

}

.orderdetalis .orderboxamt .ord_amtdiv label {

background: #f1f1f1 none repeat scroll 0 0;

border: 0 none;

font-weight: bold;

margin: 0 5px 0 0;

padding: 8px 5px;

width: 60%;

}



.ord_amtdiv > span {

  display: inline-block;

  padding: 8px 5px;

}



.paytype > label {

    line-height: 66px;

}

.amount_main .paynow {

float: right;

margin: 0 0 10px;

width: 33%;

}



.stripediv.stripenone {

  margin: 0 0 0 8px;

}



.paynow > input {

    display: inline-block;

}

.paynow > label {

    display: inline-block;

    width: 13%;

}

.couponcode {

    padding: 10px;

}

.ord_amtdiv {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ccc;

    display: inline-block;

    margin: 0 0 10px 10px;

    padding: 5px;

}

.ord_amtdiv > label {

    border-bottom: 1px solid #ccc;

    display: block;

}

.paynow > input {

    background: #ff9100 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 2px;

    box-shadow: 0 1px 2px #333;

    color: #fff;

    font-weight: bold;

    margin: 7px 0 8px 8px;

    padding: 8px 20px;

    text-transform: uppercase;

}

.shippingcity > input {

    background: #2da5da none repeat scroll 0 0;

    border: 0 none;

    border-radius: 2px;

    box-shadow: 0 1px 2px #333;

    color: #fff;

    font-size: 15px;

    margin: 7px 0 1px;

    padding: 5px 10px;

}

.uspscalc {

    float: left;

    padding: 10px;

    width: 100%;

}

.calculate {

    display: inline-block;

    vertical-align: top;

    background: #777 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    margin: 0;

    padding: 5px 10px;

}

.couponcode input[type="button"] {

    background: #777 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    display: inline-block;

    margin: 5px 0 0;

    padding: 5px 10px;

    vertical-align: top;

}

.couponcode input#couponApply {

    margin: 0;

}

.paytype > input[value="paypal"] {

    margin: 0 4px 0 0 !important;

}

.paytype > input {

    margin: 0 4px 0 10px !important;

}

.creditcard {

    float: left;

    margin-top: 12px;

    margin-bottom: 12px;

    width: 98%;

}

.leftbox .creditcard {

background: #fff none repeat scroll 0 0;

border-radius: 4px;

border-top: 5px solid #d1d1d1;

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

padding: 10px 0;

transition:0.5s;

}

.creditcard label {

    float: left;

    width: 35%;

}

.creditcard input#creditCode {width: 40px;}

.creditcard input {

  border: 1px solid #26c6da !important;

}



.creditdetails div {

float: left;

margin: 0 0 8px;

width: 100%;

}

.invoicemain .invoicehead {

    float:left; 

	width:100%;

	text-align:right;	 

}

.invoicemain .invoicehead .searchorder {

   float:none;

   width:auto;

   display: inline-block;

}

.invoicemain .invoicehead .btn-group.pull-right {

   float:none;

   width:auto;	

}





.creditdetails label {

    float: left;

    font-weight: bold;

    margin: 0 5px 10px 0;

    width: 35%;

}

.creditdetails {

    margin-top: 10px;

}

.userdetail > div > label {

    float: left;

    font-weight: bold;

    margin-left: 5px;

    margin-right: 9px;

    text-align: left;

    width: 7%;

}

.confi_cont .userdetail > div > label {

    float: left;

    font-weight: bold;

    margin-left: 5px;

    margin-right: 9px;

    text-align: right;

    width: 8%;

}

.userprofile .tab_content_main_dv .confi_cont .userdetail > div > label {

    float: left;

    font-weight: bold;

    margin-left: 5px;

    margin-right: 9px;

    text-align: left;

    width: 13%;

}

.userprofile .tab_content_main_dv .creditcard label {

    float: left;

    margin: 5px 5px 0 0;

    width: 17%;

}

.userprofile .tab_content_main_dv .shipping label {

    display: inline-block;

    font-weight: bold;

    text-align: left;

    width: 28%;

}

.userprofile .tab_content_main_dv .billing label {

    text-align: left;

}

.userdetail {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 1px solid #ccc;

    display: inline-block;

    float: left;

    margin: 0 auto;

    padding: 0;

    text-align: center;

    width: 50%;

}

.userdetail > div {

    float: left;

    padding: 5px;

    width: 100%;

}

.breadcrumb {

    float: left;

    margin-top: 10px;

    width: 97%;

}

.userprofilehead a {

   color: #08c;

padding: 5px 10px;

text-align: center;

}

.userprofilehead a:hover {

    text-decoration: none;

    color: #08c;

}

.uspscalc .w500 label {

    display: unset;

}



.blueimp-gallery .next { padding:0;}



.next_img {

    background: #db6565 none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 2px #333;

    display: inline-block;

    padding: 0;

    position: relative;

}

.next {

    background: rgba(0, 0, 0, 0) url("../icon/back.png") no-repeat scroll right center / 20px auto;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    margin: 0;

    padding:8px 20px 8px 8px;

    text-transform: uppercase;

    z-index: 1111;

}

.next_img > img {

    position: absolute;

    right: 0;

    top: 7px;

    width: 20px;

}

.back_img {

    background: #333 none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 2px #333;

    display: inline-block;

    padding: 0;

}

.back {

    background: rgba(0, 0, 0, 0) url("../icon/left_back.png") no-repeat scroll left center / 20px auto;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    margin: 0;

    padding: 8px 8px 8px 20px;

    text-transform: uppercase;

}

.back_img > img {

    transform: scale(-1);

    width: 20px;

}

.couponcode > label {

    display: inline-block;

    margin: 0;

    vertical-align: middle;

}

.couponcode > input {

    display: inline-block !important;

    margin: 0 !important;

}

.btnnexts {

    float: left;

    width: 100%;

}

.btnnexts > label {

    display: inline-block;

    width: 9%;

}

.headermenu {

    float: left;

    width: 100%;

}

.headermenu ul {

    background: #ececec none repeat scroll 0 0;

    float: left;

    margin: 0 0 10px;

    padding: 0;

    width: 100%;

}

.headermenu ul li {

    /*background: #ececec none repeat scroll 0 0;*/

    

    background: #ececec none repeat scroll 0 0;

    border-radius: 0;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    list-style: outside none none;

    margin: 0 -13px 0 0;

    overflow: visible;

    padding: 5px 10px;

    position: relative;

    text-align: center;

    width: 138px;

    transition: 0.3s;

}

.shippinginfohead.active {

    padding: 5px 10px 5px 13px;

}

.headermenu ul li:hover,

.headermenu ul li.active {

    background: rgba(0, 0, 0, 0) url("bg_arrow.png") no-repeat scroll 0 0 / 100% 100%;

    color: #fff;

    z-index: 1;

    ;

}

.headermenu ul li.pickuphead:hover,

.headermenu ul li.pickuphead.active {

    background: rgba(0, 0, 0, 0) url("bg_arrow.png") no-repeat scroll -13px 0 / 105% 100%;

}

.headermenu ul li.paymentinfohead:hover,

.headermenu ul li.paymentinfohead.active {

    background: rgba(0, 0, 0, 0) url("bgarrow1.png") no-repeat scroll 0 0 / 100% 100%;

    padding: 5px 5px 5px 10px;

}

.fraindpickup.pickup > span {

    font-weight: bold;

}

/*.headermenu ul li.active {



background: #1871af none repeat scroll 0 0;



color: #fff;



}*/

/*.headermenu ul li:before { 



border-color: #ececec  #ececec  #ececec transparent;



border-style: solid;



border-width: 14px;



content: "";



display: block;



left: -22px;



position: absolute;



top: 0;



}







.headermenu ul li:after {border-color: transparent transparent transparent #ececec ;



border-style: solid;



border-width: 14px;



content: "";



display: inline-block;



position: absolute;



right: -144px;



top: 0;



width: 100%;}*/

/*.headermenu ul li.pickuphead::before {



  border-color: transparent; 



}



.headermenu ul li.pickuphead.active:before{}







.headermenu ul li.pickuphead::after {



    border-color: transparent transparent transparent #ececec;



}



.headermenu ul li.pickuphead.active:after{ border-color: transparent transparent transparent #1871af;}







.headermenu ul li.billinginfohead::before { left: -20px;}



.headermenu ul li.billinginfohead::after {right: -158px;}



.headermenu ul li.billinginfohead.active::before {border-color: #1871af #1871af #1871af transparent; }



.headermenu ul li.billinginfohead.active::after {border-color: transparent transparent transparent #1871af;}











.headermenu ul li.shippinginfohead::before { left: -21px;}



.headermenu ul li.shippinginfohead::after {right: -176px;}



.headermenu ul li.shippinginfohead.active::before {border-color: #1871af #1871af #1871af transparent; }



.headermenu ul li.shippinginfohead.active::after {border-color: transparent transparent transparent #1871af;}











.headermenu ul li.couponinfohead::before {left: -21px;}



.headermenu ul li.couponinfohead::after { right: -135px;}



.headermenu ul li.couponinfohead.active::before {border-color: #1871af #1871af #1871af transparent;}



.headermenu ul li.couponinfohead.active::after {border-color: transparent transparent transparent #1871af; }











.headermenu ul li.paymentinfohead::before { left: -21px;}



.headermenu ul li.paymentinfohead::after { border: medium none transparent;}



.headermenu ul li.paymentinfohead.active::before { border-color: #1871af #1871af #1871af transparent;}



.headermenu ul li.paymentinfohead.active::after { border-color:transparent;}*/



.detailmain h4,

.headertitle #head1 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-size: 20px;

    margin: -11px 0 15px -10px;

    padding: 10px;

    width: 100%;

}

.shippingcalc_box .pickupinfo {

    background: #ffffff none repeat scroll 0 0;

    display: block;

    margin: 0 0 6px;

    padding: 7px;

    width: 100%;

    float: left;

}

.pickupinfo > div {

    margin: 0 0 8px;

}

.storeemailcontact.pickup > span {

    background: #f1f1f1 none repeat scroll 0 0;

    display: inline-block;

    margin: 0;

    padding: 3px 5px;

}

.fraindpickup.pickup {

    background: #f1f1f1 none repeat scroll 0 0;

    padding: 8px 7px;

}

.fraindpickup.pickup > input {

    margin: 0;

}

.shipping select {

    -moz-appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background: #fff url("../icon/select_down.png") no-repeat scroll right center;

    overflow: hidden;

    padding: 0 31px 0 0;

    width: 255px;

}

.billing select {

    -moz-appearance: none;

    -webkit-appearance: none;

    background: #fff url("../icon/select_down.png") no-repeat scroll right center;

    padding: 0;

    width: 266px;

	margin:0;

}



.billing .invoicemain .btn-group .inputbox.input-mini { width:90px; height:30px !important;}



.coupondiv input[type="button"] {

    background: #2da5da none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0 3px 3px 0;

    color: #fff;

    display: inline-block;

    margin:auto;

    padding: 5px 10px;

    vertical-align:middle;

}

.shipping input,

.shipping textarea,

.shipping .uneditable-input {

    width: 240px;

}

.billing input,

.billing textarea,

.billing .uneditable-input {

   margin: 0 !important;

width: 252px;

}

.shippingcalc_box .radiobtn {

    background: #5d5d5d none repeat scroll 0 0;

    border: medium none;

    color: #fff;

    font-weight: bold;

    padding: 10px 7px;

}

.pickupinfo .pickinfo {

    background: #f17378 none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-weight: bold;

    margin: -7px 0 8px -7px !important;

    padding: 10px;

    width: 99%;

}

.storename.pickup > span {

    font-weight: bold;

}

.bg {

background: #f1f1f1 none repeat scroll 0 0;

border: 1px solid #ccc;

float: left;

margin: 0 0 20px 17%;

padding: 10px;

width: 66%;

}

.shippingcalc .pickupnext {

    float: left;

    text-align: center;

    width: 100%;

}

.frainddetail label {

display: inline-block;

font-weight: bold;

width: 26%;

}

.detailmain .couponcode {

    border: 1px solid #ccc;

    float: left;

    padding: 10px;

    width: 98%;

}

.amount_main .headertitle {

    padding: 10px;

}

.amount_main .headertitle #head1 {

    font-size: 20px;

    margin: -11px 0 0px -10px;

}

.mymodelalertmain {

    float: left;

    text-align: center;

    width: 100%;

}

.mymodelalertmain .modal-content.modal.alertmodelset {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0;

    bottom: 4%;

    box-shadow: none;

    left: 0;

    margin: 0 auto;

    position: fixed;

    right: 0;

    top: auto;

    width: auto;

    z-index: 999999;

}

.mymodelalertmain .alertmodelset .modal-body {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ccc;

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    display: inline-block;

    float: none;

    padding: 20px 10px !important;

    width: auto !important;

    z-index: 111;

    border-radius: 6px;

}

.loader-overlay,

.loader-elem-overlay {

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 1;

}

.loader-overlay {

    background: #333 none repeat scroll 0 0;

    opacity: 0.5;

    z-index: 100000;

}

.modal-body > p {

    color: #395899;

    display: block;

    font-size: 20px;

    font-weight: normal;

}

.okbutton {

    background: #2da5da none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 2px #333;

    color: #fff;

    display: inline-block;

    margin: 20px 0 0;

    padding: 5px 15px;

    text-decoration: none;

}

.okbutton:hover {

    text-decoration: none;

    color: #fff;

}

.billingheader {

    position: relative;

}

.creditdetails.billing > h3 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    font-size: 16px;

    margin: -10px 0 10px -10px;

    padding: 5px 10px;

    width: 100%;

}

.creditcard.billing > h3 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    font-size: 16px;

    margin: -10px 0 10px -10px;

    padding: 5px 10px;

    width: 100%;

}

.userbasic > h3 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    font-size: 16px;

    margin: -5px 0 0 -5px;

    padding: 5px;

    width: 98%;

}

.creditdetails.billing {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 1px solid #ccc;

  float: left;

  margin: 0 0 10px !important;

  padding: 10px;

  width: 98%;

}

.creditdetails.billing label {

    float: left;

    font-weight: bold;

    margin: 0 5px 10px 0;

    width: 18%;

}

.orderlistmain {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 1px solid #ccc;

    float: left;

    margin: 15px 0 0;

    width: 100%;

}

.orderlistmain .headertitle #head1 {

    background: #fa5f65 none repeat scroll 0 0;

    color: #fff;

    display: block;

    font-size: 20px;

    margin: 0 0 15px;

    padding: 10px;

    width: 98%;

}

.orderlistmain .orderlist {

    float: left;

    padding: 0;

    width: 100%;

}

.orderlistmain .orderlist .ordertable {

    background: #fff none repeat scroll 0 0;

    margin: 0 9px;

    padding: 0;

    table-layout: fixed;

    width: 98%;

}

.ordertable .orderheader th {

    background: #08c none repeat scroll 0 0;

    color: #fff;

    padding: 5px;

    text-align: center;

    width: 185px;

}

.ordertable .orderheader th.pictureth {

    width: 130px;

}

.ordertable .orderdata td {

    padding: 5px;

    text-align: center;

}

.ordertable .orderdata td .pictureimage {

    height: 80px;

    width: 130px;

}

.ordertable .orderdata td .pictureimage + span {

    display: block;

    margin: 5px 0 0;



}

.ordertable .orderdata .sizetable {

    table-layout: fixed;

    width: 100%;

}

.ordertable .orderdata {

    border-bottom: 1px solid #ccc;

}

.orderlistmain .billingestate {

    float: right;

    margin: 10px 8px;

    width: auto;

}

.sizetableoutertd {

    padding: 5px 0 !important;

}

.sizetable td {

    padding: 5px 0 !important;

}

.picturetotal .picturetotaltitle {

    font-size: 16px;

    font-weight: bold;

    padding: 6px 73px 0 0;

    text-align: right;

}

.picturetotal .picturetotaltitle > span {

    display: inline-block;

    padding: 0 0 0 5px;

}

.estimatedtitle {

    color: #08c;

    font-size: 20px;

    font-weight: bold;

    padding: 10px 71px 10px 0;

    text-align: right;

}

.estimatedtitle > span {

    color: #333;

}

.userimg .uimg {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #faa43d;

    border-radius: 50%;

    box-shadow: 0 1px 5px #ccc;

    display: inline-block;

    height: 120px;

    line-height: 117px;

    margin: 15px 0 0 40px;

    text-align: center;

    width: 120px;

    z-index: 1111;

}

.userimg img {

    background: #faa43d none repeat scroll 0 0;

    border: 1px solid #fff;

    border-radius: 50%;

    height: 100px;

    padding: 3px;

    width: 100px;

}

.userdetail .usernamedetail {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ccc;

    border-radius: 3px;

    display: block;

    float: none !important;

    margin: -60px auto 12px;

    padding-top: 65px !important;

    width: 90% !important;

    z-index: 1;

}

.userimg {

    display: block !important;

    float: none !important;

    text-align: left;

    z-index: 111;

}

.userdetail .usernamedetail label {

    float: left;

    font-weight: bold;

    margin-left: 5px;

    margin-right: 9px;

    text-align: left;

    width: 19%;

}

.usernamedetail > div {

    display: inline-block;

    float: none;

    text-align: left;

    width: 100%;

}

.userprofile .userdetail {

    background: #f1f1f1 none repeat scroll 0 0;

    border: 1px solid #ccc;

    display: inline-block;

    float: left;

    margin: 0 auto;

    padding: 0;

    text-align: left;

    width: 100%;

}

.userprofile .userimg .uimg {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #faa43d;

    border-radius: 50%;

    box-shadow: 0 1px 5px #ccc;

    display: inline-block;

    height: 120px;

    line-height: 117px;

    margin: 15px 10px 0 0;

    text-align: center;

    width: 120px;

    z-index: 1111;

}

.userimg > input[type="file"] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ccc;

    width: 218px;

}

.pull-right {

    float: right;

}

.sommarycoupon {

    background: #fff none repeat scroll 0 0;

    float: left;

    margin: 9px;

    width: 98%;

}

.sommarycoupon .coupondiv {

    float: left;

    padding: 10px;

    width: 45%;

}

.sommarycoupon .orderdetalis {

    float: right;

    padding: 10px;

    width: 50%;

}

.sommarycoupon .orderdetalis .paydesign {

    float: right;

    width: 80%;

}

.sommarycoupon .orderdetalis .orderboxamt .ord_amtdiv {

border: 1px solid #ddd;

margin: 0 0 10px;

width: 95%;

}

.sommarycoupon .orderdetalis .orderboxamt .ord_amtdiv label {

    width: 64%;

}

.sommarycoupon .couponverify {

    font-weight: bold;

    margin: 0 !important;

}

.sommarycoupon .coupondiv #couponCode {

    width: 237px;

}

.sommarycoupon .coupondiv > label {

    font-weight: bold;

}

.registermain {

    background: #f1f1f1 none repeat scroll 0 0;

    border-radius: 4px;

    margin: 10px auto;

    padding: 0;

    width: 50%;

}

.registermain .headtitle {

    background: #fa5f65 none repeat scroll 0 0;

    border-radius: 4px 4px 0 0;

    color: #fff;

    padding: 10px 5px;

    text-align: center;

}

.registermain .headtitle h3 {

    margin: 0;

}

.registermain .registerdetail {

    display: inline-block;

    padding: 10px;

}

.registerdetail .fildtitle {

    float: left;

    width: 100%;

    margin: 0 0 5px;

}

.registernew {

  display: inline-block;

  padding: 8px 0;

  text-align: center;

  width: 100%;

}

.registernew > label {

  margin: 0 0 0 -43px;

}

.registernew a {

  color: #0966ae;

}

.registerdetail .fildtitle label {

    display: inline-block;

    font-weight: bold;

    margin-bottom: 5px;

    width: 30%;

}

.registerdetail .fildtitle input {

    width: 290px;

}

.registerdetail .fildtitle input[type="file"] {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ccc;

    border-radius: 3px;

    width: 300px;

}

.submitfild input[type="submit"] {

    backface-visibility: hidden;

    background: #0966ae none repeat scroll 0 0;

    border: 0 none;

    border-radius: 4px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

    color: #fff;

    display: inline-block;

    font-weight: bold;

    height: 37px;

    margin: 15px 0 0;

    padding: 0 15px;

    position: relative;

    transform: translateZ(0px);

    transition: transform 0.3s ease-in 0s;

    vertical-align: middle;

    width: auto;

}

.imagephoto img {

    background: #ccc none repeat scroll 0 0;

    height: 80px;

    padding: 5px;

    width: 80px;

}

/******************user galleris*****************************/



.filterrow { float:left; width:100%; text-align:right;}



.filterrow .filtercolumn {

float: left;

margin: 0 10px 0 0;

width: auto;

}

.filtercolumn.btnnewgallery {

  margin: 0 0 0 20px;

}



.filtercolumn.btnnewgallery .btn.hasTooltip.btnnew {

backface-visibility: hidden;

background: #08c none repeat scroll 0 0;

border: 0 none;

border-radius: 4px;

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

color: #fff;

display: inline-block;

font-weight: bold;

height: 32px;

line-height: 32px;

margin: 0;

padding: 0 15px;

position: relative;

text-shadow: unset;

transform: translateZ(0px);

transition: transform 0.3s ease-in 0s;

vertical-align: middle;

}



.filterrow .filtercolumn.gallerytitle {display: inline-block;

float: none;

margin: 0;

width: auto;}



.filterrow .filtercolumn.gallerylimit {

  display: inline-block;

  float: none;

  margin: 0 10px 0 0;

  width: auto;

}



.filtercolumn .btn.hasTooltip {

background: #aaa none repeat scroll 0 0;

border-radius: 0 5px 4px 0;

border-right: 1px solid #ccc;

color: #fff;

margin: 0 0 0 -7px;

padding: 6px 11px;

vertical-align: top;

}

.billing .filterrow select {

  -moz-appearance: none;

  -webkit-appearance: none;

  background: #fff url("../icon/select_down.png") no-repeat scroll right center;

  height: 32px !important;

  padding: 0;

  width: 266px;

}



.billing .filterrow select.inputbox.input-mini { width: 85px;}



.billing .filterrow .filtercolumn input[type="text"] {height: 22px;

width: 190px !important;}





.usergallerylist {background: #fff none repeat scroll 0 0;



width: 100%;}



.usergallerylist tr th {

  background: #2d83c8 none repeat scroll 0 0;

  color: #fff;

  padding: 5px;

  text-align: center;

}

.usergallerylist tr td {

padding: 5px;

text-align: center;

vertical-align: middle;

}

.clsgalleryname {

background: #fa5f65 none repeat scroll 0 0;

color: #fff;

display: inline-block;

font-weight: bold;

padding: 5px;

position: relative;

top: -2px;

width: 77%;

}

.clsgalleryname:hover { color:#fff !important;}



.usergallerylist tr td a.btn-small {background: #2d83c8 none repeat scroll 0 0;

border: 0 none;

color: #fff;

padding: 5px 12px;

text-shadow: unset; }



.usergallerylist tr td input.btn-small  {

border: 0 none;

color: #fff;

padding: 5px 12px;

text-shadow: unset; }



.usergallerylist tr td input.btn-small.gallery_delete  {background: #f00000 none repeat scroll 0 0; } 

.usergallerylist tr td input.btn-small.publish_gallery  {background: #128303 none repeat scroll 0 0;

padding: 5px 20px; }

.usergallerylist tr td input.btn-small.unpublish_gallery  {background: #f00000 none repeat scroll 0 0; }



.usergallerylist tr td img {background: #aaa none repeat scroll 0 0;

height: 120px;

transition: all 0.5s ease 0s;

width: 180px;}



.usergallerylist tr td a.modal {display: inline-block;

height: 120px;

overflow: hidden;

position: relative;

transition: all 500ms ease-in 150ms;}

.usergallerylist tr td a.modal:hover img { transform: scale(1.1, 1.1);}





.loader-body {

    background: rgba(51, 51, 51, 0.3) none repeat scroll 0 0;

    color: #333;

    left: 43%;

    padding: 7px;

    position: fixed;

    top: 43%;

    z-index: 1;

}

.large .msg {

    background: #fff url("../icon/loading.gif") no-repeat scroll 6% 50%;

    font-size: 20px;

    padding: 15px 20px 15px 50px;

    position: relative;

    z-index: 11111111;

}



.paginationdiv {border-radius: 4px;

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

display: inline-block;

margin-bottom: 0;

margin-left: 0;

text-align: center;

width: 100%;}



.paginationdiv li { display:inline;}

.paginationdiv ul {

  display: inline-block;

  margin: 0;

  padding: 0;

}



.paginationdiv a > a:hover, .paginationdiv a:focus {

  background-color: transparent;

  color: #999;

  cursor: default;

}



.paginationdiv a {background-color: #fff;

border-color: #ddd;

border-image: none;

border-style: solid;

border-width: 1px 0 1px 1px;

float: left;

line-height: 18px;

padding: 4px 12px;

text-decoration: none;}



.paginationdiv li:last-child a {border-right:1px solid #ddd;}



span.num {background-color: #fa5f65 !important;

border-radius: 0;

color: #fff !important; float:left; border-width: 1px 0 1px 1px; line-height: 18px;

padding: 5px 12px;}



.not_active {}





.stripcredcard.paydesign { width:100%;}



#cont_id_2 > div {

  overflow: visible !important;

}







/************************************************************************************/



@media only screen and (min-width: 1200px) and (max-width: 1249px) {}



@media only screen and (min-width: 960px) and (max-width: 1199px) {} 



@media only screen and (min-width: 768px) and (max-width: 959px) {

    .body .container {

        max-width: 100%;

        width: 94%;

    }

    .billingshipiingmain .billing {

        width: 65%;

    }

    .ordertable .orderheader th.pictureth {

        width: 100px;

    }

    .ordertable .orderheader th {

        width: 122px;

    }

    .orderlistmain .headertitle #head1 {

        width: 97%;

    }

    .orderdetalis .paydesign {

        width: 100%;

    }

    .orderdetalis .orderboxamt .ord_amtdiv {

        width: 96%;

    }

    .amount_main .leftbox {

        width: 53%;

    }

    .amount_main .orderdetalis {

        width: 40%;

    }

    .orderdetalis .orderboxamt .ord_amtdiv label {

        width: 65%;

    }

    .leftbox label {

        width: 33%;

    }

    .creditcard label {

        float: left;

        width: 35%;

        margin: 0 8px 0 0;

    }

    .leftbox .termcondi label {

        margin: 3px 8px 0 0;

    }

    .sommarycoupon .coupondiv {

        width: 39%;

    }

    .sommarycoupon .orderdetalis {

        width: 54%;

    }

    .sommarycoupon .orderdetalis .paydesign {

        width: 72%;

    }

    .registermain {

        width: 72%;

    }

    .tab_content_main_dv .userdetail {

        width: 65%;

    }

    .creditdetails.billing label {

        width: 25%;

    }

    .billingshipiingmain .billing {

        margin: 0 0 10px;

        width: 97%;

    }

    .billingshipiingmain .shipping {

        width: 97%;

    }

    .invoicemain .invoicetable {

        display: block;

        overflow: auto;

        height: 400px;

    }

	

	.filtercolumn.btnnewgallery {

        margin: 0;

    }

	.filterrow .filtercolumn.gallerytitle {

        margin: 0 10px 0 8px;

    }

	.billing .filterrow .filtercolumn input[type="text"] {

       width: 140px !important;

    }

	.billing .filterrow select { width: 170px;}

	

	

	

	

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .gallerydetail .gallery {

        width: 32%;

    }

    .headermenu ul li {

        font-size: 11px;

        padding: 5px 10px;

        width: 110px;

    }

    .shippingcalc > .paydesign {

        width: 97%;

    }

    .billingshipiingmain .billing {

        width: 97%;

    }

    .sommarycoupon .coupondiv {

        width: 96%;

    }

    .sommarycoupon .orderdetalis {

        float: left;

        width: 96%;

    }

    .sommarycoupon .orderdetalis .paydesign {

        float: right;

        width: 100%;

    }

    .sommarycoupon .orderdetalis .orderboxamt .ord_amtdiv {

        width: 53%;

    }

    /*************************************************************************/

    

    .orderlist table.ordertable {

        display: block;

        margin: 0 !important;

        width: 100% !important;

        background: none;

    }

    .orderlist table.ordertable tbody {

        margin: 0 !important;

        width: 100% !important;

        background: none;

    }

    .orderlist table.ordertable tr.orderdata {

        display: block;

        width: 100%;

        border: 1px solid #ccc;

        margin: 0 0 10px;

    }

    .orderlist table.ordertable tr.orderheader th {

        display: none;

    }

    .orderlist table.ordertable tr.orderdata td {

        display: inline-block;

        width: 100%;

        position: relative;

        padding: 0 !important;

    }

    .orderlist table.ordertable tr.orderdata td:nth-of-type(1):before {

        content: "Picture"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(1):before {

        content: "Size"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(2):before {

        content: "Qty"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(3):before {

        content: "Price"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(4):before {

        content: "Subtotal"

    }

    .orderlist table.ordertable tr.orderdata td:before {

        background: #aaa none repeat scroll 0 0;

        color: #fff;

        display: inline-block;

        font-weight: bold;

        margin: 0 0 5px;

        padding: 5px 0;

        text-align: center;

        width: 100%;

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable tr {

        display: block;

        width: 100%;

    }

    .ordertable .picturetotal .picturetotaltitle {

        padding: 6px 0 0;

        text-align: center;

    }

    .orderlist table.ordertable tr.picturetotal,

    .orderlist table.ordertable tr.estimated {

        display: block;

        width: 100%;

    }

    .orderlist table.ordertable tr.picturetotal td,

    .orderlist table.ordertable tr.estimated td {

        display: block;

        text-align: center;

        width: 100%;

    }

    .orderlist table.ordertable tr.estimated td.estimatedtitle {

        padding: 10px 0;

    }

    /*************************************************************************************/

    

    .amount_main .leftbox {

        width: 96%;

    }

    .amount_main .orderdetalis {

        width: 96%;

    }

    .orderdetalis .orderboxamt .ord_amtdiv {

        width: 95%;

    }

    .orderdetalis .paydesign {

        width: 67%;

    }

    .amount_main .paynow {

        width: 77%;

    }

    .registermain {

        width: 100%;

    }

    /*************************************************************************/

    

	.orderlistmain .orderlist {

		display: inline-block;

		float: none;

		width: 90%;

	} 

	

    table.invoicetable {

        margin: 0 !important;

        width: 100% !important;

        display: block;

        background: none;

    }

    table.invoicetable tbody {

        margin: 0 !important;

        width: 100% !important;

        background: none;

    }

    table.invoicetable tbody tr {

        display: block;

        width: 100%;

        border: 1px solid #333;

        margin: 0 0 10px;

    }

    table.invoicetable thead tr th {

        display: none;

    }

    table.invoicetable tbody tr td {

        display: inline-block;

        width: 100%;

        position: relative;

        padding: 0 !important;

    }

    table.invoicetable tbody tr td::before {

        content: attr(data-title);

    }

    

    table.invoicetable tbody tr td:before {

        background: #aaa none repeat scroll 0 0;

        color: #fff;

        display: inline-block;

        font-weight: bold;

        margin: 0 0 5px;

        padding: 5px 0;

        text-align: center;

        width: 100%;

    }

    /*****************************************************************************************/

    

    .invoicetable .hidden-phone {

        display: inline-block !important;

    }

    .invoicetable .pagination ul > li {

        display: inline-block;

    }

    .tab_content_main_dv .userdetail {

        width: 100%;

    }

    .creditdetails.billing {

        width: 96%;

    }

    .creditdetails.billing label {

        width: 38%;

    }

    .billingshipiingmain .shipping {

        margin: 10px 0 0;

        width: 97%;

    }

    .userprofile .tab_content_main_dv .confi_cont .userdetail > div > label {

        width: 26%;

    }

    .userprofile .tab_content_main_dv .creditcard label {

        width: 36%;

    }

	.filtercolumn.btnnewgallery {

       margin: 0;

    }

	

	

	.filterrow .filtercolumn.gallerytitle {

         margin: 0 10px 0 5px;

     }

	 .billing .filterrow .filtercolumn input[type="text"] {

        width: 135px !important;

     }

	 .billing .filterrow select {width: 174px;}

	 

	

}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    .gallerydetail {

        text-align: center;

    }

    .gallerydetail .gallery {

        width: 100%;

    }

    .detailmain {

        text-align: center;

    }

    .detailmain .headermenu {

        text-align: center;

    }

    .headermenu ul {

        float: none;

        display: inline-block;

    }

    .headermenu ul li:hover,

    .headermenu ul li.active {

        background: rgba(0, 0, 0, 0) url("bg_arrow.png") no-repeat scroll 0 0 / 100% 100% !important;

    }

    .detailmain .bg {

        display: inline-block;

        float: none;

        width: 90%;

        margin: 0;

    }

    .shippingcalc > .paydesign {

        width: 100%;

    }

    .shippingcalc_box .radiobtn {

        padding: 10px 0;

        display: inline-block;

        float: none;

    }

    .radiobtn > input[type="radio"] {

        margin: 3px 0 0 5px !important;

    }

    .shippingcalc_box .pickupinfo {

        float: none;

        text-align: left;

        width: 94%;

    }

    .pickupinfo .pickinfo {

        margin: -7px 0 8px -7px !important;

        width: 97%;

    }

    .storeemailcontact.pickup > span {

        margin: 0 0 6px;

        width: 94%;

        word-wrap: break-word;

    }

    .shipping label {

        text-align: left;

        width: 100%;

    }

    .shipping input,

    .shipping textarea,

    .shipping .uneditable-input {

        width: 93%;

    }

    .shipping select {

        width: 100%;

    }

    .billingshipiingmain .billing {

        margin: 0;

        width: 91%;

    }

    .billing label {

        text-align: left;

        width: 100%;

    }

    .billing input,

    .billing textarea,

    .billing .uneditable-input {

        width: 93%;

    }

    .billing select {

        width: 100%;

    }

    .detailmain h4,

    .headertitle #head1 {

        font-size: 16px;

    }

    .orderlistmain .headertitle #head1 {

        width: 92%;

    }

    /*************************************************************************/

	.orderlistmain .orderlist {

		display: inline-block;

		float: none;

		width: 90%;

	} 

    .orderlist table.ordertable,

    .orderlist table.ordertable tbody {

        display: block;

        margin: 0 !important;

        width: 100% !important;

        background: none;

    }

    .orderlist table.ordertable tr.orderdata {

        display: block;

        width: 100%;

        border: 1px solid #ccc;

        margin: 0 0 10px;

    }

    .orderlist table.ordertable tr.orderheader th {

        display: none;

    }

    .orderlist table.ordertable tr.orderdata td {

        display: inline-block;

        width: 100%;

        position: relative;

        padding: 0 !important;

    }

    .orderlist table.ordertable tr.orderdata td:nth-of-type(1):before {

        content: "Picture"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(1):before {

        content: "Size"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(2):before {

        content: "Qty"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(3):before {

        content: "Price"

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable td:nth-of-type(4):before {

        content: "Subtotal"

    }

    .orderlist table.ordertable tr.orderdata td:before {

        background: #aaa none repeat scroll 0 0;

        color: #fff;

        display: inline-block;

        font-weight: bold;

        margin: 0 0 5px;

        padding: 5px 0;

        text-align: center;

        width: 100%;

    }

    .orderlist table.ordertable tr.orderdata td.sizetableoutertd .sizetable tr {

        display: block;

        width: 100%;

    }

    .ordertable .picturetotal .picturetotaltitle {

        padding: 6px 0 0;

        text-align: center;

    }

    .orderlist table.ordertable tr.picturetotal,

    .orderlist table.ordertable tr.estimated {

        display: block;

        width: 100%;

    }

    .orderlist table.ordertable tr.picturetotal td,

    .orderlist table.ordertable tr.estimated td {

        display: block;

        text-align: center;

        width: 100%;

    }

    .orderlist table.ordertable tr.estimated td.estimatedtitle {

        padding: 10px 0;

    }

    /*****************************************************************************************/

    

    .detailmain .orderlistmain .billingestate {

        width: 100%;

    }

    .orderlistmain .sommarycoupon {

        width: 92%;

    }

    .sommarycoupon .coupondiv {

        text-align: left;

        width: 100%;

    }

    .sommarycoupon .coupondiv #couponCode {

        width: 84%;

    }


    .sommarycoupon .orderdetalis {

        width: 91%;

    }

    .sommarycoupon .orderdetalis .paydesign {

        width: 100%;

    }

    .sommarycoupon .orderdetalis .orderboxamt .ord_amtdiv label {

        text-align: left;

        width: 73%;

    }

    .amount_main .leftbox {

        padding: 0;

        width: 100%;

    }

    .amount_main .paytype {

        width: 100%;

    }

    .amount_main .orderdetalis {

        width: 92%;

    }

    .orderdetalis .paydesign {

        float: right;

        width: 100%;

    }

    .orderdetalis .orderboxamt .ord_amtdiv {

        width: 94%;

    }

    .orderdetalis .orderboxamt .ord_amtdiv label {

        text-align: left;

        width: 70%;

    }

    .amount_main .paynow {

        width: 100%;

    }

    .paytype > label {

        line-height: normal;

    }

	.paydesign {

        width: 60%;

    }

	.leftbox .termcondi label {

	    width:auto;

	}

	

    .registermain {

        width: 100%;

    }

    .registermain .registerdetail {

        width: 92%;

    }

    .registerdetail .fildtitle label {

        width: 100%;

    }

    .registerdetail .fildtitle input {

        width: 93%;

    }

    .registerdetail .fildtitle input[type="file"] {

        width: 98%;

    }

    .tab_content_main_dv .userdetail {

        width: 100%;

    }

    .userbasic > h3 {

        width: 100%;

    }

    .userdetail > div {

        width: 96%;

    }

    .userimg .uimg {

        margin: 15px 0 0 15px;

    }

    .userdetail .usernamedetail label {

        margin: 0;

        width: 95%;

    }

    .usernamedetail > div {

        margin: 0 0 10px;

        width: 100%;

    }

    .creditdetails.billing {

        width: 91%;

    }

    .creditdetails.billing label {

        margin: 0 0 10px;

        width: 100%;

    }

    .userprofilehead {

        float: left;

        width: 100%;

    }

    .nav.nav-tabs {

        float: left;

        margin: 8px 0;

        width: 100%;

    }

    .billingshipiingmain .shipping {

        margin: 10px 0 0;

        width: 91%;

    }

    /*************************************************************************/

    

    table.invoicetable {

        margin: 0 !important;

        width: 100% !important;

        background: none;

        display: block;

    }

    table.invoicetable tbody {

        margin: 0 !important;

        width: 100% !important;

        background: none;

    }

    table.invoicetable tbody tr {

        display: block;

        width: 100%;

        border: 1px solid #333;

        margin: 0 0 10px;

    }

    table.invoicetable thead tr th {

        display: none;

    }

    table.invoicetable tbody tr td {

        display: inline-block;

        width: 100%;

        position: relative;

        padding: 0 !important;

    }

    table.invoicetable tbody tr td::before {

        content: attr(data-title);

    }

    

    table.invoicetable tbody tr td:before {

        background: #aaa none repeat scroll 0 0;

        color: #fff;

        display: inline-block;

        font-weight: bold;

        margin: 0 0 5px;

        padding: 5px 0;

        text-align: center;

        width: 100%;

    }

    /*****************************************************************************************/

    

    .billing .invoicehead .searchorder input[type="text"] {

        margin: 7px 0;

        width: 67%;

    }

    .billing .invoicehead .searchorder .btn.btn-small {

        margin: 7px 0 0 -4px;

    }

    .invoicetable .hidden-phone {

        display: inline-block !important;

    }

    .userprofile .userdetail .userimg {

        text-align: center;

    }

    .userprofile .tab_content_main_dv .confi_cont .userdetail > div > label {

        width: 93%;

    }

    .billing > div {

        margin: 0;

    }

    .userprofile .tab_content_main_dv .creditcard label {

        width: 100%;

    }

    .userprofile .tab_content_main_dv .shipping label {

        width: 100%;

    }

	

	 /*************************************************************************/

    

	.creditdetails div {

       text-align: center;

     }

	 .filtercolumn.btnnewgallery {

        float: none;

        margin: 0;

     }

	 .filterrow .filtercolumn { float:none; display:inline-block;}

	.billing .filterrow .filtercolumn input[type="text"] {

	width: 115px !important;

	}	

	.billing .filterrow select { width: 211px;}

		

	.filterrow .filtercolumn.gallerytitle {

      margin: 5px 0;

     }

    table.usergallerylist {

        margin: 0 ;

        width: 100% ;

        background: none;

        display: block;

    }

    table.usergallerylist tbody {

        margin: 0 ;

        width: 100% ;

        background: none;

    }

    table.usergallerylist tbody tr {

        display: block;

        width: 100%;

        border: 1px solid #333;

        margin: 0 0 10px;

    }

    table.usergallerylist thead tr th {

        display: none;

    }

    table.usergallerylist tbody tr td {

        display: inline-block;

        width: 100%;

        position: relative;

        padding: 0 0 5px;;

    }

    table.usergallerylist tbody tr td::before {

      content: attr(data-title); 

    }

       

    table.usergallerylist tbody tr td:before {

        background: #aaa none repeat scroll 0 0;

        color: #fff;

        display: inline-block;

        font-weight: bold;

        margin: 0 0 5px;

        padding: 5px 0;

        text-align: center;

        width: 100%;

    }

	

}