#tshirt-design-designstudio #colorPicker_palette-0{left:223px !important;top:321px !important;}
#content  #shapes_gallery #thumbs{width: 935px !important;}
.card-studio-canvas{width:540px;height:324px;}
.logo-studio-canvas{width:990px;height:505px;}
.monogram-studio-canvas{width:990px;height:349.55px;}
.mobile-nav{display:none !important;}
.tShirtDesignStudio {width: 100%;border: 1px solid #e6e6e6;float: left;padding: 15px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
-ms-box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
-o-border-radius: 5px;-ms-border-radius: 5px;background-color: #e5e5e5;}
.tshirtRow{float:left;}
.opacity-slider{border: 1px solid #888;background: #f3f3f3;padding: 6px 0 6px 0;}
.textcolor-box{position:absolute;}
    #wrapper #content  #mainContainer .canvas-container
       {
	max-width:77% !important;
	}

.showmydesign{-webkit-appearance: none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.popFldSet input.subbtn, #apply_coupon{ -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;
-o-appearance: none;appearance: none;}


.loginBorder{width: 1px; float: left; margin-top: 62px; height: 260px; border-right: 1px solid rgb(235, 235, 235);}

.fb_iframe_widget{width: 100.5%;}
			.fb_iframe_widget span{width:100% !important;}
			.fb_iframe_widget iframe{width: 100%!important;}
			#twitter-widget-1{width: 100% !important;}

.scale-with-grid{max-width:100%;height:auto;display:block;margin:0 auto;}

.contact-address{float: left; margin-top: 140px; margin-left: 50px;}
.redstripe {
font: normal 26px Arial, Helvetica, sans-serif;
color: #FFF;
background: #be272e;
text-shadow: 1px 1px #6a0d12;
border-radius: 4px;
padding: 10px 20px 10px 20px;
height: auto;
text-indent: 0;
position: relative;
}
#designGallery-dm{width:100%;margin:0;}
#designGallery-dm #newstudio{height: 526px;float: left;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
position: relative;box-shadow: 0px 0px 16px #ccc;border: 3px solid #e0e0e0 !important;}
#designGallery-dm #leftDesignPanel{height: 520px !important;}
#designGallery-dm #leftDesignPanel {background: #e0e0e0;width: 43px;position: absolute;left: 0px;
height: 100%;position: absolute;z-index: 9;border-right:0;}

.redstripe:before, .redstripe:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 55%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #B1B1B1;
  -moz-box-shadow: 0 15px 10px #B1B1B1;
  box-shadow: 0 15px 10px #B1B1B1;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.redstripe:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.flip, .footer-mobile-btn{display:none;}
.show-description{display:block;}
.loginbutton, .registerbutton, .showmydesign, #apply_coupon, #inquiryform .inquirybutton{-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
.loginbutton:hover, .registerbutton:hover, .showmydesign:hover, #apply_coupon:hover, #inquiryform .inquirybutton:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}

/*.elementPanel{top: 16%;left: 40% !important;}

.textElementPanel{top: 32%;left: 44% !important;}*/

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.monogramSec ul li {width: 94% !important;height: 250px!important;}
		.monogramSec .canvas-container{left:0 !important;}
		.monogramSec .lower-canvas{width: 100%!important;}
		#accountdetails .row:nth-child(6) label{display:none !important;}
		.artcle-list{width: 42%;}
			.bCardPanel ul{margin: 35px 25px;width: 94%;}
			.AppWrapper{width: 100%;height: auto;margin: 0px auto;float: left;}
			.AppText {margin-top: 35px;width: 62%;float: left;margin-left: 20px;}
			.AppMobile {float: left;margin-right: 0%;margin-top: 35px;width: 30%;margin-left: 20px;}
			.havToDo{text-align:center;}
			ul.haveToDoImages li{margin-right: 30px;margin-left: 30px;}
			.AppNoteText{width:100%;}
			#previewpanelmd{float: left;width: 90%;margin-left: 20px;height:auto;}
			#previewpanelmdheader{float: left;width: 97.5%;}
			#headWrap{width: 95%;padding: 6px 9px 6px 9px;}
			#headWrapContent {width: 100%;margin: 0px auto;}
			#langauages{margin-bottom: 13px;}
			#wrapper{float: left;width: 100%;}
			#logo {width: 100%;margin: 13px auto !important;display: block;background-position-x: center;}
			#logo a {text-align: center;}
			#nav {float: none;margin: 0px auto;width:100%;display: block;}
			.ddsmoothmenu ul {margin: 0 auto !important;padding: 0;background:none;border-radius: 0px;
			padding:0px !important;width: 569px;float: none;display: block;}
			.ddsmoothmenu ul li ul{top: 22px!important;}
			#content{margin-bottom: 20px !important;}
			#content, #HeaderContent h1, .slides_container img, .slides_control {width: 100% !important;}
			#HeaderContent {float: none;text-align: center;display: block;margin: 0 auto;}
			#homeleftcolumn{float: left;width: 100%;margin-left:0;}
			.SloganDescription{margin-bottom:0;}
			#freebutton .freebtninput{width: 90%;display:block;margin:0 auto;}
			#freebutton {width: 100%;margin: 20px 0;float: left;text-align:center;}
			#slides{float: left !important;width: 100% !important;margin:0 !important;height: auto !important;padding-bottom: 0px !important;}
			.slides_container{float: left !important;width: 100% !important;padding: 0 !important;}
			.HeadingHigh{width: 90%;float: none;display: block;margin: 0 auto;}
			.feature{width:90% !important;margin: 20px auto 20px auto !important;display: block !important;float:none !important;}
			.feature img {margin: 0 auto;display: block;}
			.marboxright {margin-right: auto;}
			.feature-content{width: 90%;margin: 0 auto !important;text-align: center;float:none;}
			hr {float: none;background: url(/images/hr.jpg) center center no-repeat;width: 90%;height: 1px;
			margin: 0 auto;}
			.ppImages img {display: block;text-align: center;margin: 0 auto;max-width:100%;}
			#HomeTestimonials ul li {float: none;width: 90%;margin: 0 auto 20px !important;display: block;min-height: 100%;}
			#socialboxes {float: none;margin: 40px auto;width: 90%;}
			.socialbox {float: left;width: 100%;margin: 0px auto 20px auto;display: block;}
			#footer{width:100%;}
			.footerlinks {float: left;width: 70%;margin-left: 15px;}
			#footerLanguages{margin: 0 auto;width: 90%;float:none;}
			#footerLanguages li{margin-bottom:10px;}
			#companyform{margin-bottom: 15px;}
			.showmydesign {width: 90%;display: block;margin: 0 auto;}
			.showmydesign-shadow{background: url(/images/showmydesign-shadow.jpg) center center no-repeat;
			width: 100%;position:relative;}
			.featured-shadow{background: url(/images/feature-shadow.jpg) center center no-repeat;width: 100%;
			background-size: cover;}
			#logodesignpanel{float: none;width: 90%;margin: 0 auto!important;overflow-x: hidden;}
			.logodesignpanelheader{width: 100%;float: left;padding:0px;height:auto;}
			.BoxyField{float: left;width: 90%;margin-top: 20px;}
			input[type=button].updatebtn, .updatebtn{float:left;}
			#symbols_radio{margin-left: 0px !important;}
			.logogallery, .canvasCon{width: 100% !important;margin: 0;}
			.logogallery ul{width: 95.6%;margin: 0 auto;display: block;float: left;text-align: center;
			padding: 0px;}
			.logogallery ul li{width: 46% !important;margin: 12px 10px;height: auto;}
			.logogallery ul li img{max-width:100%;height:auto;display:block;margin:0 auto;}
			.logodesignpanelfooter {height: auto;padding: 7px 0 7px 10px;float: left;width:100%;}
			#searchkeywordbox{float: none;width: 90%;padding: 10px 15px;margin: 0 auto;display: block;}
			#searchkeywordbox #keyword{float: none;width: 98.4%;padding: 6px 10px 6px 0px;
			border-width: 2px 0px 1px 0px;background: #fff;}
			#SearchKeyWordBtn{float: none;width:100%;}
			.headerset1 input{width: 100%;margin-bottom: 8px;}
			#steps{background:none;width: 90%;float: none;margin: 0px auto 10px auto;}
			#steps ul li {display: block;position: relative;float: left;width: 100%;background:#b81548;
			border-radius: 5px;margin-bottom: 10px;}
			#steps ul li .stli1, #steps ul li .stli2, #steps ul li .stli3, #steps ul li .stli4 
			{position:relative;width: 100%;text-align: left;text-indent: 20px;}
			.column60 {width: 55% !important;padding-left: 15px;}
			.column40 {width: 35% !important;padding-right: 15px;}
			#designform label {width: 100% !important;float: left;text-align:left;}
			.popupURL input[type=text]{width: 100%;}
			.popFldSet input.subbtn {padding: 0 20px !important;margin: 0 auto !important;display: block;}
			.searchAreaInner:after{width:85%!important;}
			#loginpage {width: 80%;min-height: 100%;padding: 15px 20px;display: block;float: none;margin: 0 auto;height: 1150px;}
			.signup_pannel {width: 100%;height: auto;float: left;margin-right: 0px;}
			#loginpage h1 {margin-bottom: 10px;}
			.signup_pannel p {width: 98%;margin: 0px auto 20px auto;}
			.row {margin-bottom: 10px;float: left;width: 100%;}
			.row label {display: block;margin-right: 3px;text-align: left;width: 100%;}
			.row input, .row select {width: 100%;}
			.row select {width: 100%!important;}
			.login_pannel {width: 100%;height: auto;float: left;margin-top:15px;}
			.login_pannel p {width: 98%;margin: 0px auto 20px auto;text-align: center;}
			.indicates {float: left;color: #8b8b8b;margin: -1px 0px 0 0;font-size: 11px;}
			.loginbutton {float: left;min-width: 100%;padding: 0px 10px;height:auto;margin: 10px 0 0 0px;}
			.seperator {width: 100%;float: left;}
			.seperator img {float:left;display: block;margin: 0 auto 20px auto;text-align: center;width:100%}
			.registerbutton {width: 100%;margin: 5px 0px 0 0!important;height:auto;}
			.loginBorder{display:none;}
			.redstripe{font: normal 18px Arial, Helvetica, sans-serif;padding: 10px;width: 92.5%;
			float: none;display: block;margin: 0 auto;}
			.menu{display:none!important;}
			#continner {float: none;margin-top: 20px;width: 90%;margin: 0 auto;}
			#HowItWorks-Content{margin-top: 0px;}
			#HowItWorks-Content h3{margin-top: 25px;}
			.StepImage{max-width: 95%;}
			.ABC-Step-Content ul li{background:none;padding-left: 0px;}
			#inquiryform {float: left;width: 100%;}
			#inquiryform .row label{text-align:left;display: block;width:100%;}
			#inquiryform .row .w250, #inquiryform .row .w300{width:100%;}
			.inqactionbtn {margin-left: 0;width: 100%;}
			#inquiryform .inquirybutton{width: 100%;margin-left: 0px;}
			#inquiryform .commentsinquiry{top:0;}
			.contact-address{float: none;width: 90%;margin: 0 auto;}
			.top-heading{margin-top:20px;}
			.description {margin: 24px auto;display: block;text-align: center;float: left;}
			.mydescolumn1{float: none;width: 95%;margin: 0 auto;display: block;}
			.designitem {float: left;width: 95%;min-height: 0!important;}
			.designitem h2 {font: bold 20px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox {float: left;width: 43%;margin-right: 17px;}
			.desitemsinnerbox strong {font: bold 14px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox span {font: normal 12px Arial, Helvetica, sans-serif;}
			.popupURL {width: 95%;margin: 0 auto 10px auto;padding: 10px;}
			#tabscontinner{width:100%;}
			#v-nav >ul {width: 30%;margin: 0 0 0 24px !important;}
			#v-nav >ul >li{width: 89%;margin: 0;}
			#v-nav >div.tab-content{width: 59%;margin-left: 0;margin-right: 0;float:left;}
			#accountdetails{float: none;width: 100%;}
			#accountdetails .row label{text-align: left;width: 100%;margin-bottom: 10px;}
			.frame-shadow{max-width:100%;}
			.mydescolumn1 img{width: 97%;}
			#cartsection, #checkoutsection {width: 95%;margin: 30px 0 0 20px;}
			.cartrow{width: 91%;}
			.cartrowbtn{margin-bottom: 10px;}
			.serviceschkout{width: 99%;}
			.servicechkheader{width:100%;}
			.sercolumn{width:32%;}
			.quantitycolumn{width:32%;}
			.totalcolumn{width: 24%;}
			.checkout-para{width: 90%;margin: 0 auto;text-align: center;display: block;}
			.SubDetailPrint{padding-left:0;}
			.custom-col-star{width:32.5% !important;}
			.custom-col{width: 68%;}
			.custom-col-t-shirt{width:45%;}
			.custom-col-bizcard{width: 58%;}
			.tshirtSize{width: 100% !important;height: 86px !important;}
			span.packageDetail p{left: 0%;margin-left: 0px;width: 100px;}
			.CheckoutPreviewCardImage{margin-top: -115px;left: 15px;}
			.CheckoutPreviewCardImage img{width:100%;}
			.SubDetailPrintROW .sercolumn{width: 31%;}
			.SubDetailPrintROW.promo_none Select[class*="tshirt"]{width:100%;}
			#coupon_details{margin-left:0;}
			#coupon_details > input{margin-top:11px;width: 99%;margin-left:0;margin-right:0;}
			.paySection{width:96.5%;}
			#popupURLCheck {padding: 0;width: 98%;margin-top: 20px;}
			.billingpaypalbox #checkout_payment{float: left;display: block;}
			.row input[type="radio"] {position: relative;top: 0px;margin-right: 3px;float: left;width: 20px;
			display: block;}
			#billinginfo label{width: 190px;margin-bottom: 16px;}
			.paySection label{width: 90%;}
			#billinginfo #term_error {width: 90%;}
			#billinginfoform form#checkoutForm{margin-left:-10px;}
			.proceedtodonwload{width:100%;}
			#fancybox-wrap{width: 92%!important;margin: 0 !important;padding: 0px !important;left: 2% !important;}
			#fancybox-outer{border-radius:0;}
			#fancybox-content{width: 100%!important;padding: 0;margin: 0;}
			.error1{position: relative;top: 0;left: 0;}
			.bcarddescription{display: block;margin: 9px;text-align: center;}
			.paragraph-align{text-align: center;width: 85%;margin: 15px auto;}
			.slogan2 {margin-left: 0;width: 100%;margin-top: 15px;}
			.searchPanelHeader {width: 85%;margin: 30px auto;}
			.hr2{width: 100%;}
			.freebtninput{width: 100%;}
			.searchPanelHeader .showmydesign{margin-top:10px;width:100%;}
			.searchAreaInner:after{width:100%;}
			.logo-box{width: 46.5%;float:left;}
			.logo-box img{display:block;margin:0 auto;}
			.left-panel{width: 60%;margin-left: 15px;height: auto;}
			.right-panel{height: 430px;}
			#forgotpassword{width: 91%;margin: 0 0 0 15px;}
			#forgotpassword h1{font-size: 23px;}
			#forgotpassword .row label{width:100%;text-align:left;}
			#forgotpassword .row .forpass, #forgotpassword .indicates{width: 100%;float: left;}
			#forgotpassword .loginbutton{min-width: 100%;margin: 10px auto;float: left;}
			#footerBottom p{float: left !important;margin: 0px auto !important;display: block;text-align: center;width: 100%;}
			.welcomeuserinfo {margin: 15px 0!important;width: 100% !important;float: left;text-align: center;}
			#socialButtonsFooter{margin-right: 20px;}
			label.error{margin-left: 10px;display: block;width: 100%;text-align: center;
padding-left: 0!important;position: relative!important;}
			#continner p{margin-bottom: 5px;}
			.thank-top{margin-top:20px;}
			.footerlinks ul{width: 100%;}
			#checkout_exp_month{margin-bottom:10px;}
			#coupon_message{position: relative;top: 10px;}
			#previewpanelmd ul{float: left;margin: 15px;width: 96%;}
			#previewpanelmd ul li{width: 23%;margin: 0 11px 10px 0;padding: 0;display: block;text-align: center;}
			/*.elementPanel{top: 16%;left: 21% !important;}
			.textElementPanel {top: 77%;left: 35% !important;}*/
			.monogram-error-div{width: 90%;margin: 0 auto;}
			#shapes_gallery{width: 90%;}
			#closeShape{right: 6px;top: 5px;}
			#shapes_gallery #thumbs{width: 100% !important;}
			#shapes_gallery li{width: 11%;}
			ul.thumbs img{width: 100%;}
			.canvas-container{width:100% !important;}
			.ds-error-msg{clear:both;}
			.ds-error-msg:after{top: 89px;border-top: 14px solid #C72357;border-left: 15px solid transparent;
			border-right: 15px solid transparent;}
			.designSettingPanel{width:96.7%;margin-left:0;padding: 0px 10px;}
			.SBrow, .businessCardCanvas, #canvas{width:100% !important;}
			.marTop {margin-top: 5px;}
			.SBrow label{width:50%;}
			.SBrow input{margin-top: 0px;width: 41%;}
			.SBrow select{width: 40%;}
			.canvasGrid{top: 7%;width: 92%;}
			canvas.upper-canvas {width: 100% !important;}
			.SBrow label{text-align:left;}
			.Graybutton, div.colorPicker-picker{margin-right: 2px;}
			.SBrow textarea{width: 41%;}
			#business-card-designstudio #colorPicker_palette-0, #business-card-designstudio #colorPicker_palette-2, #business-card-designstudio #colorPicker_palette-1{top: 161% !important;left: 0px !important;}
			div.colorPicker-palette {width: 94% !important;left:0 !important;}
			.headerGRow{width: 96.5%;}
			.NewColorPicker{margin-right: 0px;width: 100%;}
			.headerset2 label{float: left;width: 50%;margin-bottom: 12px;}
			.newcolor-logo div.colorPicker-picker{margin-left: 0px;}
			.grid{margin: 0 0 0 1px;}
			/*.btn{width: 100%;margin-top: 10px;float: left;}*/
			.btn{margin-bottom: 10px;}
			.headerset2{width:100%;}
			#business-card-designstudio #add_text2 {margin-left: 0px;}
			.ghInputFix input{width: 181px;margin-left: -2px;}
			.ghInputFix2 input {width: 181px;margin-left: 4px;}
			.ValueElementPanel{width: 43%;height: 150px;}
			#rotationPanel{width: 23%;}
			.ValueElementPanel ul {float: left;width: 70%;padding:0;}
			.ValueElementPanel ul li{float: left;height: 50px;border: none !important;margin: 0!important;width: 49.8% !important;}
			#New-mainFooterLinks{float: left;width: 100%;margin-right:0px;}
			#New-mainFooterLinks > li{width: 23%;margin-right: 10px;}
			.thank-you-msg-mob{text-align:center;}
			.lower-canvas{width:93% !important;}
			label#selectFontStyle, label#labelavaliablecolor_t{margin-left: 0px;}
			#font_dropdown{width: 15%;margin-bottom: 10px;}
			#mainContainer{width: 99% !important;background: url("/symbols/tshirts/1_1_1_ds.png") no-repeat center center !important;background-size: cover !important;}
			#wrapper #content #mainContainer .canvas-container {max-width: 50% !important;left: 25% !important;top: 12% !important;}
			.tshirtFooter{width: 99.4% !important;}
			#forgotpassword .row label.error, #accountdetails .row label.error, #inquiryform .row label.error{margin-left: 0!important;}
			.ui-tabs .ui-tabs-panel{padding: 0!important;width: 100%;}
			.card-studio-canvas, .logo-studio-canvas{width:100%;height:auto;}
			#weddingCardHead .colorPack{width: 100%;}
			.card-studio-canvas, .monogram-studio-canvas{width:100%;height:auto;}
			.tShirtDesignStudio{padding: 5px 10px;}
			.tShirtDesignStudio #font_dropdown{width: 12%;}
			.tShirtDesignStudio label#selectFontSize{margin-left: 5px;}
			.tShirtDesignStudio select#size_dropdown{width:7%;}
			.tShirtDesignStudio label#labeltextArea_t{margin-left:5px;}
			.tShirtDesignStudio input#text_area{width: 15%;}
			.tShirtDesignStudio label#selectFontStyle, label#labelavaliablecolor_t{margin-left: 5px!important;}
			.tShirtDesignStudio #tshirtcolor_dropdown{width: 11%;}
			.tShirtDesignStudio label#labelTshirt{margin-right: 0px;}
			.tShirtDesignStudio #textx, #texty, #scalex, #scaley, #symbolwidth, #symbolheight, #textrotation{width:5%!important;}
			.tShirtDesignStudio .btn{margin-top:10px;}
			#content #shapes_gallery #thumbs{width: 100% !important;}
			.tShirtDesignStudio .textcolor-box{float: left;width: 8%;padding: 6px 0px 6px 7px;
			margin-top: 1px;margin-left: 5px;}
			.col-lg-3 {width: 49%;margin-right: 2px;margin-left: 4px;}
			.logoTextBox{width: 97.4%;}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 481px) and (max-width: 767px) {

		#accountdetails .row:nth-child(6) label{display:none !important;}
		.artcle-list{width:42%;margin: 0 5px;}
			.havToDo{text-align: center;margin-bottom: 13px;}
			.AppWrapper {width: 100%;height: 100%;margin: 0px auto;}
			ul.haveToDoImages li{float: none;margin: 20px;display: inline-block;width: 19%;}
			.AppNoteText{width:100%;}
			.AppText {margin-top: 35px;width: 65%;float: left;margin-left: 20px;}
			.AppMobile {float: left;width: 30%;margin: 35px auto 0px auto;text-align: center;}
			#headWrap{width: 95%;padding: 6px 9px 6px 9px;}
			#headWrapContent {width: 100%;margin: 0px auto;}
			#suportTime{text-align:center;margin-bottom: 10px;float: left;display: block;width:100%;}
			#langauages{display:none;}
			#wrapper{float: left;width: 100%;}
			#logo {width: 100%;margin: 13px auto !important;display: block;background-position-x: center;}
			#logo a {text-align: center;}
			#nav {float: none;margin: 0px auto;width: 68%;display: block;}
			.ddsmoothmenu ul {margin: 0 auto;padding: 0;background: #E7E7E7;border-radius: 4px;
			padding: 14px 10px !important;width: 93%;float: left;}
			#nav ul li {display: block;float: left;margin-bottom: 0px;width: 100%;padding: 0px 0;height: 40px;}
			.BoxyField input[type=radio]{margin-top: 12px !important;}
			#content{margin-bottom: 20px !important;}
			#content, #HeaderContent h1, .slides_container img, .slides_control {width: 100% !important;}
			#HeaderContent {float: none;text-align: center;display: block;margin: 0 auto;}
			#homeleftcolumn{float: left;width: 100%;margin-left:0;}
			.SloganDescription{margin-bottom:0;}
			#freebutton .freebtninput{width: 90%;display:block;margin:0 auto;}
			#freebutton {width: 100%;margin: 20px 0;float: left;text-align:center;}
			#slides{float: left !important;width: 100% !important;margin:0 !important;height: auto !important;padding-bottom: 10px !important;}
			.slides_container{float: left !important;width: 100% !important;padding: 0 !important;}
			.HeadingHigh{width: 90%;float: none;display: block;margin: 0 auto;}
			.feature{width:90% !important;margin: 20px auto 20px auto !important;display: block !important;float:none !important;}
			.feature img {margin: 0 auto;display: block;}
			.marboxright {margin-right: auto;}
			.feature-content{width: 90%;margin: 0 auto !important;text-align: center;float:none;}
			hr {float: none;background: url(/images/hr.jpg) center center no-repeat;width: 90%;height: 1px;
			margin: 0 auto;}
			.ppImages img {display: block;text-align: center;margin: 0 auto;max-width:100%;}
			#HomeTestimonials {display:none;}
			#socialboxes {display:none;}
			.hrMarSet{display:none;}
			.socialbox {float: left;width: 100%;margin: 0px auto 20px auto;display: block;}
			#footer{width:100%;}

			#footerLanguages{margin: 0 0 0 25px;width: 90%;float:left;}
			#footerLanguages li{margin-bottom:10px;width: 28%;}
			#companyform{margin-bottom: 15px;}
			.showmydesign {width: 90%;display: block;margin: 0 auto;}
			.showmydesign-shadow{background: url(/images/showmydesign-shadow.jpg) center center no-repeat;
			width: 100%;position:relative;}
			.featured-shadow{background: url(/images/feature-shadow.jpg) center center no-repeat;width: 100%;
			background-size: cover;}
			#searchkeywordbox{float: none;width: 90%;padding: 10px 15px;margin: 0 auto;display: block;}
			#searchkeywordbox #keyword{float: none;width: 88.5%;}
			#SearchKeyWordBtn{float: none;width:100%;}
			.headerset1 input{width: 100%;margin-bottom: 8px;}
			.description {margin: 24px auto;display: block;text-align: center;float: left;}
			#logodesignpanel{float: left;width: 90%;margin: 0 0 0 25px!important;}
			.logodesignpanelheader{width: 100%;float: left;padding:0px;height:auto;}
			.BoxyField{float: left;width: 90%;margin-top: 20px;}
			input[type=button].updatebtn, .updatebtn{float:left;}
			#symbols_radio{margin-left: 0px !important;}
			.logogallery, .canvasCon{width: 100% !important;margin: 0;}
			.logogallery ul li{width: 45%;margin: 12px 8px;height:auto;}
			.logogallery ul li img{max-width:100%;height:auto;display:block;margin:0 auto;}
			.logodesignpanelfooter {height: auto;padding: 7px 0 7px 10px;float: left;width:98%;}
			#steps{/*background:none;width: 90%;float: none;margin: 0px auto 10px auto;*/ display:none;}
			#steps ul li {display: block;position: relative;float: left;width: 100%;background:#b81548;
			border-radius: 5px;margin-bottom: 10px;}
			#steps ul li .stli1, #steps ul li .stli2, #steps ul li .stli3, #steps ul li .stli4 
			{position:relative;width: 100%;text-align: left;text-indent: 20px;}
			.column60 {width: 55% !important;padding-left: 15px;}
			.column40 {width: 35% !important;padding-right: 15px;}
			#designform label {width: 100% !important;float: left;}
			#loginpage {width: 80%;min-height: 100%;padding: 15px 20px;display: block;float: none;margin: 0 auto;
			height: 1050px;}
			.signup_pannel {width: 100%;height: auto;float: left;margin-right: 0px;}
			#loginpage h1 {margin-bottom: 10px;}
			.signup_pannel p {width: 98%;margin: 0px auto 20px auto;}
			.row {margin-bottom: 10px;float: left;width: 100%;}
			.row label {display: block;margin-right: 3px;text-align: left;width: 100%;}
			.row input, .row select {width: 100%;}
			.row select {width: 100%!important;}
			.login_pannel {width: 100%;height: auto;float: left;margin-top:15px;}
			.login_pannel p {width: 98%;margin: 0px auto 20px auto;text-align: center;}
			.indicates {float: left;color: #8b8b8b;margin: -1px 0px 0 0;font-size: 11px;}
			.loginbutton {float: left;min-width: 100%;padding: 0px 10px;height:auto;margin: 10px 0 0 0px;}
			.seperator {width: 100%;float: left;}
			.seperator img {float:left;display: block;margin: 0 auto 20px auto;text-align: center;width:100%}
			.registerbutton {width: 100%;margin: 5px 0px 0 0!important;height:auto;}
			.loginBorder{display:none;}
			.redstripe{font: normal 18px Arial, Helvetica, sans-serif;padding: 10px;width: 92.5%;
			float: none;display: block;margin: 0 auto;}
			#continner {float: none;margin-top: 20px;width: 90%;margin: 0 auto;}
			#HowItWorks-Content{margin-top: 0px;}
			#HowItWorks-Content h3{margin-top: 25px;}
			.StepImage{max-width: 95%;}
			.ABC-Step-Content ul li{background:none;padding-left: 0px;}
			#inquiryform {float: left;width: 100%;}
			#inquiryform .row label{text-align:left;display: block;width:100%;}
			#inquiryform .row .w250, #inquiryform .row .w300{width:100%;}
			.inqactionbtn {margin-left: 0;width: 100%;}
			#inquiryform .inquirybutton{width: 100%;margin-left: 0px;}
			#inquiryform .commentsinquiry{top:0;}
			.contact-address{float: none;width: 90%;margin: 0 auto;}
			.top-heading{margin-top:20px;}
			.mydescolumn1{float: none;width: 95%;margin: 0 auto;display: block;}
			.mydescolumn1 img{width: 97%;}
			.designitem {float: left;width: 94%;min-height: 0!important;}
			.designitem h2 {font: bold 20px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox {float: left;width: 43%;margin-right: 17px;}
			.desitemsinnerbox strong {font: bold 14px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox span {font: normal 12px Arial, Helvetica, sans-serif;}
			.mydescolumn2 {float: left;width: 94%;margin-left: 20px;}
			.sbperformactions {float: left;width: 95%;}
			.mydescolumn2 h2 {font: normal 18px Arial, Helvetica, sans-serif;}
			.sbperformactions ul li a{font-size:12px;}
			.mydesdownloadsection h3{font-size:14px;}
			.fileDownloadNewBtn{min-width: 70px;}
			.logoframeview#sharethiscolumn2{width: 93%;}
			.logoframeview#sharethiscolumn2 .socialsprites {margin-left: 0;left: 5%;width: 94%;}
			.socialsprites{top: 85px;}
			#previewpanelmd{float: left;width: 87%;display: block;margin: 16px 0px 0 20px;height:auto;}
			#previewpanelmdheader{float: left;width: 96%;margin: 0 auto;display: block;}
			#previewpanelmd #previewpanelmdheader h2{font: bold 14px Arial, Helvetica, sans-serif;}
			.logoframeview#sharethiscolumn2 .socialspritesouter{width: 100%;}
			.popupURL {width: 90%;margin: 0 auto 10px auto;padding: 10px;}
			#tabscontinner{width:100%;}
			#v-nav >ul {width: 30%;margin: 0 0 0 15px !important;}
			#v-nav >ul >li{width: 85%;}
			#v-nav >div.tab-content{width: 59%;margin-left: 0;margin-right: 0;float:left;}
			#accountdetails{float: none;width: 100%;}
			#accountdetails .row label{text-align: left;width: 100%;margin-bottom: 10px;}
			.frame-shadow{max-width:100%;width:94%;}
			#cartsection, #checkoutsection {width: 95%;margin: 30px 0 0 20px;}
			.cartrow{width: 91%;}
			.cartrowbtn{margin-bottom: 10px;}
			.serviceschkout{width: 99%;}
			.servicechkheader{width:100%;}
			.sercolumn{width:29%;}
			.quantitycolumn{width:28%;}
			.totalcolumn{width: 24%;}
			.checkout-para{width: 90%;margin: 0 auto;text-align: center;display: block;}
			.SubDetailPrint{padding-left:0;}
			.custom-col-star{width:28% !important;}
			.custom-col{width: 68%;}
			.custom-col-t-shirt{width:45%;}
			.custom-col-bizcard{width: 58%;}
			.tshirtSize{width: 100% !important;height: 86px !important;}
			span.packageDetail p{left: 0%;margin-left: 0px;width: 100px;}
			.CheckoutPreviewCardImage{margin-top: -115px;left: 15px;}
			.CheckoutPreviewCardImage img{width:100%;}
			.SubDetailPrintROW .sercolumn{width: 30%;}
			.SubDetailPrintROW.promo_none Select[class*="tshirt"]{width:100%;}
			#coupon_details{margin-left:0;}
			#coupon_details > input{margin-top:11px;width: 99%;margin-left:0;margin-right:0;}
			.paySection{width:96.5%;}
			#popupURLCheck {padding: 0;width: 98%;margin-top: 20px;}
			.billingpaypalbox #checkout_payment{float: left;display: block;}
			.row input[type="radio"] {position: relative;top: 0px;margin-right: 3px;float: left;width: 20px;
			display: block;}
			#billinginfo label{width: 190px;margin-bottom: 16px;}
			.paySection label{width: 90%;}
			#billinginfo #term_error {width: 90%;}
			.proceedtodonwload{width:100%;}
			#billinginfoform form#checkoutForm{width:101%;margin-left: -10px;}
			.proceedtodonwload {width: 100%;margin-left: -10px;}
			#fancybox-wrap{width: 92%!important;margin: 0 !important;padding: 0px !important;left: 2% !important;}
			#fancybox-outer{border-radius:0;}
			#fancybox-content{width: 100%!important;padding: 0;margin: 0;}
			.error1{position: relative;top: 0;left: 0;}
			.bCardPanel ul{margin: 35px 16px;width: 93%;}
			.bcarddescription{display: block;margin: 9px;text-align: center;}
			.paragraph-align{text-align: center;width: 85%;margin: 15px auto;}
			.slogan2 {margin-left: 0;width: 100%;margin-top: 15px;}
			.searchPanelHeader {width: 85%;margin: 30px auto;}
			.hr2{width: 100%;}
			.freebtninput{width: 100%;}
			.searchPanelHeader .showmydesign{margin-top:10px;width:100%;}
			.searchAreaInner:after{width:100%;}
			#footer p{float: left;width: 100%;text-align: center;}
			.article-logo span.article-logo-box{margin: 20px 10px 0px;}
			.left-panel {width: 90%;float: none;text-align: center;margin: 0 auto;}
			.left-wedgit {width: 100%;float: left;}
			.left-panel h1{float:none;}
			.right-panel{width: 87%;height: auto;float: left;margin-left: 32px;}
			.logo-box{width: 46.5%;float:left;}
			.logo-box img{display:block;margin:0 auto;}
			.right-panel .client{background: url("/images/client_logo.jpg") no-repeat scroll 8px 24px rgba(255, 255, 255, 1);float: left;}
			#forgotpassword{width: 86%;margin: 0 0 0 15px;}
			#forgotpassword h1{font-size: 23px;}
			#forgotpassword .row label{width:100%;text-align:left;}
			#forgotpassword .row .forpass, #forgotpassword .indicates{width: 100%;float: left;}
			#forgotpassword .loginbutton{min-width: 100%;margin: 10px auto;float: left;}
			#footerBottom p{float: left !important;margin: 0px auto !important;display: block;text-align: center;width: 100%;}
			.welcomeuserinfo {margin: 15px 0!important;width: 100% !important;float: left;text-align: center;}

			label.error{margin-left: 10px;display: block;width: 100%;text-align: center;
padding-left: 0!important;position: relative!important;}
			#continner p{margin-bottom: 5px;}
			.thank-top{margin-top:20px;}

			#checkout_exp_month{margin-bottom:10px;}
			#coupon_message{position: relative;top: 10px;}
			.elementPanel{top: 16%;left: 21% !important;}
			.textElementPanel {top: 77%;left: 35% !important;}
			.monogram-error-div{width: 90%;margin: 0 auto;}
			#shapes_gallery{width: 85%;}
			#closeShape{right: 6px;top: 5px;}
			#shapes_gallery #thumbs{width: 100% !important;}
			#shapes_gallery li{width: 14%;}
			ul.thumbs img{width: 100%;}
			.canvas-container{width:100% !important;}
			.ds-error-msg{clear:both;}
			.ds-error-msg:after{top: 89px;border-top: 14px solid #C72357;border-left: 15px solid transparent;
			border-right: 15px solid transparent;}
			.designSettingPanel{width:96.7%;margin-left:0;padding: 0px 10px;}
			.SBrow, .businessCardCanvas, #canvas{width:100% !important;}
			.marTop {margin-top: 5px;}
			.SBrow label{width:50%;}
			.SBrow input{margin-top: 0px;width: 41%;}
			.SBrow select{width: 40%;}
			.canvasGrid{top: 7%;width: 92%;}
			canvas.upper-canvas {width: 100% !important;}
			.SBrow label{text-align:left;}
			.Graybutton, div.colorPicker-picker{margin-right: 2px;}
			.SBrow textarea{width: 41%;}
			#business-card-designstudio #colorPicker_palette-0, #business-card-designstudio #colorPicker_palette-2, #business-card-designstudio #colorPicker_palette-1{top: 203% !important;left: 0px !important;}
			div.colorPicker-palette {width: 94% !important;left: 0!important;}
			.headerGRow{width: 96.5%;}
			.NewColorPicker{margin-right: 0px;width: 100%;}
			.headerset2 label{float: left;width: 50%;margin-bottom: 12px;}
			.newcolor-logo div.colorPicker-picker{margin-left: 0px;}
			.grid{margin: 0 0 0 1px;}
			.btn{width: 100%;margin-top: 10px;float: left;}
			.headerset2{width:100%;}
			#business-card-designstudio #add_text2 {margin-left: 0px;}
			.ghInputFix input{width: 181px;margin-left: -2px;}
			.ghInputFix2 input {width: 181px;margin-left: 4px;}
			.monogramSec ul{margin: 0;padding: 0;width: 100%;float: left;}
			.monogramSec ul li {width: 96% !important;height: 250px;}
			.monogramSec .canvas-container{left:0 !important;}
			.monogramSec .lower-canvas{width: 100%!important;}
			.ValueElementPanel{width: 70%;height: 150px;}
			#rotationPanel{width: 18%;}
			.ValueElementPanel ul {float: left;width: 69%;}
			.ValueElementPanel ul li{float: left;height: 50px;border: none !important;margin: 0!important;width: 49.8% !important;}
			.thank-you-msg-mob{text-align:center;}
			.lower-canvas{width:93% !important;}
			label#selectFontStyle, label#labelavaliablecolor_t{margin-left: 0px;}
			#font_dropdown{width: 15%;margin-bottom: 10px;}
			#mainContainer{width: 99% !important;background: url("/symbols/tshirts/1_1_1_ds.png") no-repeat center center !important;background-size: cover !important;}
			#wrapper #content #mainContainer .canvas-container {max-width: 50% !important;left: 25% !important;top: 12% !important;}
			.tshirtFooter{width: 99.4% !important;}
			#forgotpassword .row label.error, #accountdetails .row label.error, #inquiryform .row label.error{margin-left: 0!important;}
			#gallery {padding: 0px;width: 95%;margin: 10px;}
			#varGallery ul li{float: left;width: 46%;height: auto;margin: 10px 10px 10px 0px;position: relative;}
			#gallery img{max-width: 100%;height: auto;width:100%;}
			.logoType{line-height: 31px;}
			.ui-tabs .ui-tabs-panel{padding: 0!important;width: 100%;}
			#socialButtonsFooter {width: 90%;float: left;margin-left: 20px;}
			#socialButtonsFooter div {width: 97%;}
			.footer-mobile-btn {display: block;text-align: center;background: #c72357;color: #fff;padding: 10px;width: 86%;border-radius: 4px;cursor: pointer;font-weight: 700;margin-left: 20px;float: left;}
			.footerlinks{display:none;}
			.show-description{display:none;}
			#New-mainFooterLinks{float: left;width: 100%;margin-right: 0px;}
			#New-mainFooterLinks > li {text-align: center;margin-right: 0;width: 100%;}
			.footerlinks #New-mainFooterLinks > li ul li a {text-align: center;width: 100%;}
			.footerlinks {float: left;width: 95%;}
			.card-studio-canvas, .logo-studio-canvas{width:100%;height:auto;}
			.weddingHeaderPanelRow2, #weddingCardHead_leftside, #weddingCardHead .colorPack{width: 100%!important;}
			#weddingCardHead .DesignEditing_row{margin-left: 0px;}
			#weddingCardHead .DesignEditing_row textarea, .weddingHeaderPanelRow2 #font_dropdown{width:40%;}
			#weddingCardHead_button {float: left;margin: 10px 0;width:100%;}
			#weddingCardHead_button .btn{display: block;width: 100%;}
			.card-studio-canvas, .monogram-studio-canvas{width:100%;height:auto;}
			.col-lg-3 {width: 95%;margin-right: 0px;margin-left: 7px;}
			.logoTextBox{width: 97%;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
		.ghInputFix2{margin-bottom:10px;}
		.ghInputFix2 input{width: 40%;}
		.monogramSec ul{margin: 0;padding: 0;width: 100%;float: left;}
		.monogramSec ul li {width: 94% !important;height: 250px!important;}
		.monogramSec .canvas-container{left:0 !important;}
		.monogramSec .lower-canvas{width: 100%!important;}
		#accountdetails .row:nth-child(6) label{display:none !important;}
			#headWrap{width: 100%;padding: 10px 0px;}
			#headWrapContent {width: 100%;margin: 0px auto;}
			#suportTime{text-align:center;margin-bottom: 10px;float: left;display: block;width:100%;}
			#langauages{display:none;}
			.welcomeuserinfo{margin: 0px auto !important;text-align: center;float: left;display: block;
			width: 100% !important;font-size: 10px;}
			#wrapper{float: left;width: 100%;}
			#logo {width: 100%;margin: 13px auto !important;display: block;background-position-x: center;}
			#logo a {text-align:center;}
			#nav {float: none;margin: 0px auto;width: 90%;display: block;}
			.ddsmoothmenu ul {margin: 0 auto;padding: 0;background: #E7E7E7;border-radius: 4px;
			padding: 14px 10px !important;width: 93%;float: left;display:none;}
			#nav ul li {display: block;float: left;margin-bottom: 0px;width: 100%;padding: 0px 0;height: 40px;}
			#content{margin-bottom: 20px !important;}
			#content, #HeaderContent h1, .slides_container img, .slides_control {width: 100% !important;}
			#homeleftcolumn{float: left;width: 100%;margin-left:0;}
			#HeaderContent{float:none;}
			.featured-shadow{background: url(/images/feature-shadow.jpg) center center no-repeat;width: 100%;
			left: 0px;}
			.SloganDescription{margin-bottom:0;}
			#freebutton .freebtninput{width: 90%;display:block;margin:0 auto 10px auto;}
			#freebutton {width: 100%;margin: 0 auto 10px auto;float: left;}
			.showmydesign{width: 90%;margin: 0 auto;font-size: 18px;}
			.showmydesign-shadow {position: relative;width: 90%;margin: 0 auto;}
			#slides{float: left !important;width: 100% !important;margin:0 !important;height: auto !important;padding-bottom: 0px !important;}
			.slides_container{float: left !important;width: 100% !important;padding: 0 !important;}
			.HeadingHigh{width:100% !important;float:none !important; display:none;}
			.feature{width:90% !important;margin: 20px auto 20px auto !important;display: none !important;float:none !important;}
			.feature img {margin: 0 auto;display: block;}
			.marboxright {margin-right: auto;}
			.feature-content{width: 90%;margin: 0 auto !important;text-align: center;float:none;}
			hr {float: none;background: url(/images/hr.jpg) center center no-repeat;width: 90%;height: 1px;
			margin: 0 auto;}
			.hrMarSet{display:none;}
			.ppImages img {display: block;text-align: center;margin: 0 auto;max-width:100%;}
			#HomeTestimonials{display:none;}
			#socialboxes {display:none;}
			.socialbox {float: left;width: 100%;margin: 0px auto 20px auto;display: block;}
			#footer{width:100%;}
			.footerlinks {float: left;width: 98%;margin-left: 0px}
			#New-mainFooterLinks{float: left;width: 100%;margin-right:0px;}
			#New-mainFooterLinks > li{text-align:center;margin-right: 0;width:100%;}
			.footerlinks #New-mainFooterLinks > li ul li a{text-align: center;width: 100%;}
			#socialButtonsFooter{width: 90%;float: left;margin-left: 20px;}
			#socialButtonsFooter div{width: 97%;}
			.BoxyField{padding-left: 13px;}
			#footerLanguages{margin: 0 0px 0 25px;width: 90%;float: left;}
			#footerLanguages li{margin-bottom:10px;width: 40%;}
			#searchkeywordbox{float: none;width: 90%;padding: 10px 15px;margin: 0 auto;display: block;}
			#searchkeywordbox #keyword{float: none;width: 100%;padding: 6px 0px;background: #fff;border-width: 2px 0px 1px 0px;}
			#SearchKeyWordBtn{float: none;width:100%;}
			.headerset1 input{width: 100%;margin-bottom: 8px;}
			.description {margin: 24px auto;display: block;text-align: center;float: left;}
			#logodesignpanel{float:left;width: 90%;margin: 0 0 0 14px!important;overflow-x: hidden;}
			.logodesignpanelheader{width: 100%;float: left;padding:0px;height:auto;}
			.bcarddescription{display: block;margin: 9px;text-align: center;}
			.BoxyField{float: left;width: 90%;margin-top: 20px;}
			input[type=button].updatebtn, .updatebtn{float:left;}
			#symbols_radio{margin-left: 0px !important;}
			.logogallery, .canvasCon{width: 100% !important;margin: 0;}
			.logogallery ul li{width: 92.8%;margin: 8px;height: auto;}
			.logogallery ul li img{max-width:100%;height:auto;display:block;margin:0 auto;}
			.logodesignpanelfooter {height: auto;padding: 7px 0 7px 10px;float: left;width: 96.5%;
			border-radius: 0px 0px 5px 0px;}
			#steps{display:none;}
			#steps ul li {display: block;position: relative;float: left;width: 100%;background:#b81548;
			border-radius: 5px;margin-bottom: 10px;}
			#steps ul li .stli1, #steps ul li .stli2, #steps ul li .stli3, #steps ul li .stli4 
			{position:relative;width: 100%;text-align: left;text-indent: 20px;}
			.column60 {width: 55% !important;padding-left: 0px;}
			.column40 {width: 35% !important;padding-right: 0px;}
			.popupURL {width: 90%;padding: 10px;display: block;margin: 0 auto;}
			#designform label {width: 100% !important;float: left;}
			#loginpage {width: 80%;min-height: 100%;padding: 15px 20px;display: block;float: none;margin: 0 auto;
			height: 950px;}
			.signup_pannel {width: 100%;height: auto;float: left;margin-right: 0px;}
			#loginpage h1 {margin-bottom: 10px;}
			.signup_pannel p {width: 98%;margin: 0px auto 20px auto;}
			.row {margin-bottom: 10px;float: left;width: 100%;}
			.row label {display: block;margin-right: 3px;text-align: left;width: 100%;}
			.row input, .row select {width: 100%;}
			.row select {width: 100%!important;}
			.login_pannel {width: 100%;height: auto;float: left;margin-top:15px;}
			.login_pannel p {width: 98%;margin: 0px auto 20px auto;text-align: center;}
			.indicates {float: left;color: #8b8b8b;margin: -1px 0px 0 0;font-size: 11px;}
			.loginbutton {float: left;min-width: 100%;padding: 0px 10px;height:auto;margin: 10px 0 0 0px;}
			.seperator {width: 100%;float: left;}
			.seperator img {float:left;display: block;margin: 0 auto 20px auto;text-align: center;width:100%}
			.registerbutton {width: 100%;margin: 5px 0px 0 0!important;height:auto;}
			.loginBorder{display:none;}
			.redstripe{font: normal 18px Arial, Helvetica, sans-serif;padding: 10px;width: 85%;
			float: none;display: block;margin: 0 auto;}
			.mydescolumn1{float: none;width: 90%;margin: 0 auto;display: block;}
			.mydescolumn1 img{width: 97%;}
			.designitem {float: left;width: 90%;min-height: 0!important;}
			.designitem h2 {font: bold 20px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox {float: left;width: 43%;margin-right: 17px;}
			.desitemsinnerbox strong {font: bold 14px Arial, Helvetica, sans-serif;}
			.desitemsinnerbox span {font: normal 12px Arial, Helvetica, sans-serif;}
			.logo-box {width: 90%;float: none;margin: 0 auto 20px auto;display: block;text-align: center;}
			.left-panel {width: 90%;float: none;text-align: center;margin: 0 auto;}
			.left-wedgit {width: 100%;float: left;}
			.left-panel h1{float:none;}
			.AppWrapper {width: 100%;height: 100%;margin: 20px auto 0 auto;}
			.AppText {width: 90%;float: none;margin: 0 auto;display: block;}
			.AppText h2 {text-indent: 0px;}
			.AppText .havToDo {margin-top: 20px;}
			.AppMobile {float: none;margin:10px 0;display: block;text-align: center;max-width: 100%;}
			.AppNoteText{width:100%;}
			#continner {float: none;margin-top: 20px;width: 90%;margin: 0 auto;}
			#HowItWorks-Content{margin-top: 0px;}
			#HowItWorks-Content h3{margin-top: 25px;}
			.StepImage{max-width: 95%;}
			.ABC-Step-Content ul li{background:none;padding-left: 0px;}
			#inquiryform {float: left;width: 100%;}
			#inquiryform .row label{text-align:left;display: block;width:100%;}
			#inquiryform .row .w250, #inquiryform .row .w300{width:100%;}
			.inqactionbtn {margin-left: 0;width: 100%;}
			#inquiryform .inquirybutton{width: 100%;margin-left: 0px;}
			#inquiryform .commentsinquiry{top:0;}
			.contact-address{float: none;width: 90%;margin: 0 auto;}
			.top-heading{margin-top:20px;}
			.collapse-menu {float: left;width: 25px;background: url(../images/menu-collapse.png) no-repeat;
			height: 24px;cursor: pointer;display: block;margin: 18px;}
			.mydescolumn2 {float: left;width: 93%;margin-left: 20px;}
			.sbperformactions {float: left;width: 90%;}
			.mydescolumn2 h2 {font: normal 18px Arial, Helvetica, sans-serif;}
			.sbperformactions ul li a{font-size:12px;}
			.mydesdownloadsection h3{font-size:14px;}
			.fileDownloadNewBtn{min-width: 70px;}
			.logoframeview#sharethiscolumn2{width: 93%;}
			.logoframeview#sharethiscolumn2 .socialsprites {margin-left: 0;left: 5%;width: 94%;}
			.socialsprites{top: 85px;}
			#previewpanelmd{float: left;width: 87%;display: block;margin: 16px 0px 0 20px;height:auto;}
			#previewpanelmdheader{float: left;width: 92%;margin: 0 auto;display: block;}
			#previewpanelmd #previewpanelmdheader h2{font: bold 14px Arial, Helvetica, sans-serif;}
			.logoframeview#sharethiscolumn2 .socialspritesouter{width: 100%;}
			#tabscontinner{width: 100%;}
			#accountdetails{width: 100%;}
			#v-nav >ul{float: left;width: 90%;margin: 0 0px 0 14px!important;}
			#v-nav >ul >li{width: 89%;}
			#v-nav >div.tab-content{margin-left: 14px;width: 81.5%;padding: 20px 12px 25px 12px !important;float: left;}
			#accountdetails .row label{margin-bottom: 10px;text-align: left;width:100%;}
			.havToDo{text-align:center;margin-top:20px;}
			ul.haveToDoImages li{width: 22%;margin-left: 40px;margin-right: 40px;}
			.haveToDoImages img{height:auto;}
			.right-panel{width: 94%;height: auto;float: left;margin-left: 5px;}
			.frame-shadow{max-width:94%;}
			#cartsection, #checkoutsection {width: 90%;margin: 30px 0 0 20px;}
			.cartrow{width: 84%;}
			.cartrowbtn{margin-bottom: 10px;}
			.serviceschkout{width: 99%;}
			.servicechkheader{width:100%;}
			.sercolumn{width:27%;}
			.quantitycolumn{width:26%;}
			.totalcolumn{width: 17%;}
			.checkout-para{width: 90%;margin: 0 auto;text-align: center;display: block;}
			.SubDetailPrint{padding-left:0;}
			.custom-col-star{width:70px !important;}
			.custom-col{width: 68%;}
			.custom-col-t-shirt{width:45%;}
			.custom-col-bizcard{width: 58%;}
			.tshirtSize{width: 100% !important;height: 86px !important;}
			span.packageDetail p{left: 0%;margin-left: 0px;width: 100px;}
			.CheckoutPreviewCardImage{margin-top: -115px;left: 15px;}
			.CheckoutPreviewCardImage img{width:100%;}
			.SubDetailPrintROW .sercolumn{width: 30%;}
			.SubDetailPrintROW.promo_none Select[class*="tshirt"]{width:100%;}
			#coupon_details{margin-left:0;}
			#coupon_details > input{margin-top:11px;width: 99%;margin-left:0;margin-right:0;}
			.paySection{width:95%;}
			#popupURLCheck {padding: 0;width: 98%;margin-top: 20px;}
			.billingpaypalbox #checkout_payment{float: left;display: block;}
			.row input[type="radio"] {position: relative;top: 0px;margin-right: 3px;float: left;width: 20px;
			display: block;}
			#billinginfo label{width: 190px;margin-bottom: 16px;}
			.paySection label{width: 90%;}
			#billinginfo #term_error {width: 90%;}
			.proceedtodonwload{width:100%;}
			#billinginfoform form#checkoutForm{width: 103%;margin-left: -10px;}
			#fancybox-wrap{width: 92%!important;margin: 0 !important;padding: 0px !important;
			left: 9px!important;}
			#fancybox-outer{border-radius:0;}
			#fancybox-content{width: 100%!important;padding: 0;margin: 0;}
			#gallery {padding: 10px;width: 86%;margin: 10px;}
			#varGallery{float: left;margin: 0px;width: 100%;}
			#varGallery ul{margin-left: 0px;float: left;padding: 0;}
			#varGallery ul li{float: left;width: 100%;height: auto;margin: 10px 0;position: relative;}
			#gallery img{max-width: 100%;height: auto;}
			.error1{position: relative;top: 0;left: 0;}
			#ContestTable{display: block;overflow-x: scroll;}
			#ContestTableHead .column_1, #ContestTableHead .column_2, #ContestTableHead .column_3, #ContestTableHead .column_4, #ContestTableHead .column_5{font-size: 12px;}
			#ContestTable #ContestTableBody tr .column_1 h5.ContestTitle{font-size: 12px;}
			#ContestTable #ContestTableBody tr .column_1 .ContestSubTitle{font-size:10px;}
			#ContestTable #ContestTableBody tr .column_1, #ContestTable #ContestTableBody tr .column_2, #ContestTable #ContestTableBody tr .column_3, #ContestTable #ContestTableBody tr .column_4, #ContestTable #ContestTableBody tr .column_5{font-size: 12px;}
			.downarrowclass{top: 7px;width: 12px;}
			.artcle-list{margin: 0 0px 20px 0;padding: 0;width: 100%;}
			.slogan2 {margin-left: 0;width: 100%;margin-top: 15px;}
			.searchPanelHeader {width: 85%;margin: 30px auto;}
			.hr2{width: 100%;}
			.freebtninput{width: 100%;}
			.searchPanelHeader .showmydesign{margin-top:10px;width:100%;}
			.searchAreaInner:after{width:100%;}
			#previewpanelmd ul {margin: 15px;width: 90%;}
			#previewpanelmd ul li{width: 28%;height: 80px;background-size: cover!important;padding: 0;
display: block;background-position-x: center !important;background-position-y: top !important;}
			.canvas-container{width:100% !important;}
			.canvas-container 
			.ValueElementPanel{width: 70%;height: 150px;}
			#rotationPanel{width: 18%;}
			.ValueElementPanel ul {float: left;width: 69%;}
			.ValueElementPanel ul li{float: left;height: 50px;border: none !important;margin: 0!important;width: 49.8% !important;}
			.mydescolumn2 .logoframeview{width: 90%;height: auto;}
			.mydescolumn2 .logoframeview img {margin: 0;max-width: 100%;width: 100%;}
			#footer p{float: left;width: 100%;text-align: center;}
			.article-logo span.article-logo-box{margin: 20px 10px 0px;}
			.paragraph-align{text-align: center;width: 85%;margin: 15px auto;}
			.elementPanel{top: 16%;left: 21% !important;}
			.textElementPanel {top: 76%;left: 25% !important;}
			#forgotpassword{width: 77%;margin: 0 0 0 15px;}
			#forgotpassword h1{font-size: 23px;}
			#forgotpassword .row label{width:100%;text-align:left;}
			#forgotpassword .row .forpass, #forgotpassword .indicates{width: 100%;float: left;}
			#forgotpassword .loginbutton{min-width: 100%;margin: 10px auto;float: left;}
			#loginpage label.error{position: relative;text-align: left;margin-top: 5px;margin-left: 10px;}
			label.error{margin-left: 0;display: block;width: 100%;text-align: center;padding-left: 0!important;}
			#continner p{margin-bottom: 5px;}
			.thank-top{margin-top:20px;}
			.footerlinks ul{width: 100%;}
			.footerlinks ul li a{text-align: center;width: 100%;}
			#checkout_exp_month{margin-bottom:10px;}
			#coupon_message{position: relative;top: 10px;}
			.monogram-error-div{width: 90%;margin: 0 auto;}
			#shapes_gallery{width: 79%;padding: 5px;}
			#closeShape{right: 6px;top: 5px;}
			#shapes_gallery #thumbs{width: 100% !important;}
			#shapes_gallery li{width: 19%;}
			ul.thumbs img{width: 100%;}
			.ds-error-msg{clear:both;}
			.ds-error-msg:after{top: 89px;border-top: 14px solid #C72357;border-left: 15px solid transparent;
			border-right: 15px solid transparent;}
			.designSettingPanel{width:92%;margin-left:0;padding: 0px 10px;}
			.SBrow, .businessCardCanvas, #canvas{width:100% !important;}
			.marTop {margin-top: 5px;}
			.SBrow label{width:50%;}
			.SBrow input{margin-top: 0px;width: 41%;}
			.SBrow select{width: 40%;}
			.canvasGrid{top: 7%;width: 92%;}
			canvas.upper-canvas {width: 100% !important;}
			.SBrow label{text-align:left;}
			.Graybutton, div.colorPicker-picker{margin-right: 2px;}
			.SBrow textarea{width: 41%;}
			#business-card-designstudio #colorPicker_palette-0, #business-card-designstudio #colorPicker_palette-2, #business-card-designstudio #colorPicker_palette-1{top: 203% !important;left: 0px !important;}
			div.colorPicker-palette {width: 94% !important;left:0 !important;}
			.headerGRow{width: 96.5%;}
			.NewColorPicker{margin-right: 0px;width: 100%;}
			.headerset2 label{float: left;width: 50%;margin-bottom: 12px;}
			.newcolor-logo div.colorPicker-picker{margin-left: 0px;}
			.grid{margin: 0 0 0 1px;}
			.headerset2{width:100%;}
			#business-card-designstudio #add_text2 {margin-left: 0px;}
			.thank-you-msg-mob{text-align:center;}
			.lower-canvas{width:100% !important;}
			label#selectFontStyle, label#labelavaliablecolor_t{margin-left: 0px !important;}
			#font_dropdown{width: 15%;margin-bottom: 10px;}
			#mainContainer{width: 99% !important;background: url("/symbols/tshirts/1_1_1_ds.png") no-repeat center center !important;background-size: cover !important;}
			#wrapper #content #mainContainer .canvas-container {max-width: 50% !important;left: 25% !important;top: 12% !important;}
			.tshirtFooter{width: 99.4% !important;height: auto!important;padding: 10px!important;}
			#forgotpassword .row label.error, #accountdetails .row label.error, #inquiryform .row label.error{margin-left: 0!important;}
			.flip {display: block;text-align: center;background: #c72357;color: #fff;padding: 10px;width: 86%;margin: 0 auto;border-radius: 4px;cursor: pointer;font-weight: 700;}
			.footer-mobile-btn {display: block;text-align: center;background: #c72357;color: #fff;padding: 10px;width: 86%;border-radius: 4px;cursor: pointer;font-weight: 700;margin-left: 20px;float:left;}
			.show-description{display:none;}
			.ui-tabs .ui-tabs-panel{padding: 0!important;width: 100%;}
			.footerlinks{display:none;}
			.card-studio-canvas, .monogram-studio-canvas{width:100%;height:auto;}
			#weddingCardHead #symbolheader {width: 96% !important;}
			.weddingHeaderPanelRow2, #weddingCardHead_leftside, #weddingCardHead .colorPack {width: 100%!important;}
			.weddingHeaderPanelRow2 #font_dropdown, #weddingCardHead .DesignEditing_row textarea {width: 40% !important;}
			#weddingCardHead .DesignEditing_row{margin-left: 0px;}
			#weddingCardHead_button {float: left;margin: 10px 0;width:100%;}
			.btn{display: block;width: 100%;margin-bottom: 10px;}
			.tShirtDesignStudio{padding: 5px 10px;}
			.tShirtDesignStudio label#selectFontStyle, label#labelavaliablecolor_t{margin-left: 0px!important;
			float: left;width: 50%;margin-top: 8px;}
			.tShirtDesignStudio #font_dropdown{width: 47%;margin-bottom: 10px;float: left;}
			.tShirtDesignStudio label#selectFontSize{float: left;width: 50%;margin-top: 8px;margin-left: 0px;}
			.tShirtDesignStudio select#size_dropdown{margin-left: 2px;float: left;width: 47%;
			margin-bottom: 10px;}
			.tShirtDesignStudio label#labeltextArea_t{float: left;width: 50%;margin-top: 10px;margin-left:0;}
			.tShirtDesignStudio input#text_area{width: 43%;float: left;margin-bottom: 10px;font-size: 10px;
			margin-left: 2px;}
			.tShirtDesignStudio .btn{display: block;width: 100%;margin-top: 10px;float: left;clear:both;margin-bottom:0;}
			.tShirtDesignStudio label#labelopacity_t{margin-left: 0px;margin-top: 15px;float: left;width: 30%;}
			.tShirtDesignStudio .opacity-slider{margin-top: 10px;float: left;margin-left: 5px;width: 67%;}
			.tShirtDesignStudio input#opacity-control[type="range"]{width: 90%;}
			.tShirtDesignStudio label#labelTshirt{float: left;width: 29.2%;margin-top: 7px;}
			.tShirtDesignStudio #textx, #texty, #scalex, #scaley, #symbolwidth, #symbolheight, #textrotation{
		    float: left;margin-bottom: 9px;margin-right: 9px !important;}
			.tShirtDesignStudio #tshirtcolor_dropdown{margin-left: 2px;width: 47%;}
			.tShirtDesignStudio .textcolor-box{float: left;width: 94%;padding: 10px 0px 10px 10px;
			margin-top: 14px;position: relative !important;visibility:visible !important;}
			.tShirtDesignStudio #shapes_gallery{left: 0px !important;width: 97%;}
			#content #shapes_gallery #thumbs{width: 100% !important;}
			#tshirt-design-designstudio #colorPicker_palette-0{left:0!important;}
			.col-lg-3 {width: 95%;margin-right: 0px;margin-left: 7px;}
			.logoTextBox{width: 97%;}
			}
		
		