/*!
 * Responsive css for mobile and tablet devices
 *
*/
@media (min-width: 985px) and (max-width: 1280px) {
	.ourstoresdiv{
		font-size: 30px !important;
	}
	
	.headcontent{
		width: 60% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
}

@media (min-width: 985px) and (max-width: 1200px) {
	
	.first-lettero{
		font-size: 78px !important;
		height: 28px !important;
		margin-top: 12px !important;
	}
	
	.textdivinner{
		font-size: 14px !important;
		line-height: 20px !important; 
	}
	
	.remaletters{
		margin-top: -5px !important;
	}
	
	.ourstoresdiv{
		font-size: 30px !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 60% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.respodiff{
		font-size: 40px !important;
	}
	
	img.indication{
		min-height: 415px;
	}
	.about_font_history{
		font-size: 35px !important;
		line-height: 40px !important;
	}
	
	.customizedesc{
		width: 75% !important;
		font-size: 18px !important;
		padding: 15px !important;
	}
	
	.smallmarg15{
		margin-top:15px !important;
	}
	
	.form-list li.wide input.input-text{
		width:90%;
	}
	.mainOuter {
		margin: 0 auto;
		width: 995px;
	}

	.selCol {
		border-right: 1px solid rgba(176, 176, 176, 0.898);
		float: left;
		font-size: 12px;
		width: 85px;
		word-wrap: break-word;
	}

	.container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container {
		width: 995px;
	  }
	 .span12 {
		width: 995px;
	  }
	 .span11 {
		width: 662px;
	  }
	 .span10 {
		/*width: 600px;*/
	  }
	 .span9 {
		width: 700px;
	  }
	 .span8 {
		width:100%;
	  }
	 .span7 {
		width: 450px;
	  }
	 .span6 {
		width: 416px;
	  }
	 .span5 {
		width:100%;
	     margin:10px 0;
	  }
	 .span4 {
		margin-top: 45px;
		/*margin-top: 30px;*/
		/*margin: 10px 0 0;*/
    		width: 30%;
	  }
	   .span2 {
		width: 150px;
	  }
/*
 	.footerOuter{
		width:1000px;
		margin:0 auto;
	  }

	  .fullFooter{
		background:#F9F9F9;
		padding-top:30px;
		padding-bottom:20px;
	  }

	.footerCol1{
		
		width:30%;
		float:left;
		margin-top:12px;
		
	}
	.footerCol1 ul li{
		float:left;
		margin-right:17px;
	}

	.footerCol1 ul li a{color:#5E6065;text-decoration:none;font-size:13px;}

	.footerCol2{
		
		width:31%;
		float:left;
	}

	.newsLaterInp{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #b7b7b7;
		font-size: 13px;
		font-weight: 300;
		height: 23px;
		padding: 5px;
		position: relative;
		right: -7px;
		width: 87%;
	}
	.newsLtrTag{
		color: #5e6065;
		font-size: 13px;
		font-family:raleway;
		padding-bottom: 15px;
		padding-left: 14px;
		text-align: left;	
	}

	.footerCol3Text{padding-left:7px;font-size:13px;color:#5E6065;padding-bottom:5px;}


	.newsLaterBtn{
		background: none repeat scroll 0% 0% #B8C0BE;
		border:1px solid #B8C0BE;
		height: 35px;
		color:#FFF;
		padding-left:20px;padding-right:20px;
		font-size:13px;
		cursor:pointer;
		font-weight:bold;
	}

	.footerCol3{
		
		float: left;
		margin-left: 10px;
		margin-top: 27px;
		width: 23%;
	}

	.footerCol4{
		
		width:12%;
		float:right;
		margin-left:27px;
		margin-top:16px;
	} */
	.blogContGrid a{color: #5e6065;font-family: raleway;font-size: 14px;margin-right: 18px;text-decoration: none;}
	.blogContGrid a.last{margin-right:00px;}
	.socialImg{}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:84%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}

	/**detail page responsive css start here**/

	.product-view .product-img-box .product-image-zoom {
		height: 421px;
		position: relative;
		/*width: 660px;*/
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 60px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	.product-shop {
		margin-top:0px;
	}

	.product-view .product-img-box .more-views li a {
    border: 2px solid #ddd;
    float: left;
    height: 82px;
    overflow: hidden;
    width: 92px;
}


}

 @media (min-width: 884px) and (max-width: 980px) {
	
	.first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 12px !important;
	}
	
	.textdivinner{
		font-size: 12px !important;
		line-height: 19px !important;
	}
	
	.remaletters{
		margin-top: -5px !important;
	}
	
	.first-lettero{
		font-size: 90px !important;
		height: 30px !important;
		margin-top: 25px !important;
	}
	
	.textdivinner{
		font-size: 14px !important;
		line-height: 18px !important;
	}
	
	.ourstoresdiv{
		font-size: 30px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
 
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
 
	.respodiff{
		font-size: 35px !important;
	}
	
	img.indication{
		min-height: 430px;
	}
	
	.about_font_history{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	
	.customizedesc{
		width: 70% !important;
		font-size: 16px !important;
		padding: 15px !important;
	}
	.storeaddrewidth{
		width:35% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.smallmarg15{
		margin-top:15px !important;
	}
 
	.mainheadship{
		font-size: 45px !important;
	}
	
	.mainOuter {
		margin: 0 auto;
		width: 875px;
	}
	.collarImage {
		left: 123px;
		position: absolute;
		top: 100px;
		z-index: 20;
	}
	.fitImage {
		left: 123px;
		position: absolute;
		top: 100px;
	}
	.pocktImage {
		left: 123px;
		position: absolute;
		top: 100px;
	}
	.commImage {
		height: 345px;
		margin: 0 auto;
		width: 350px;
	}

	.selCol {
		border-right: 1px solid rgba(176, 176, 176, 0.898);
		float: left;
		font-size: 12px;
		width: 75px;
		word-wrap: break-word;
	}

	.imageTopLayer {
		left: 84px;	
	}


 	 .container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container {
		width: 875px;
	  }
	 .span12 {
		width: 875px;
	  }
	 .span11 {
		width: 100%;
	  }
	 .span10 {
		width: 720px;
	  }
	 .span9 {
		width: 700px;
	  }
	 .span8 {
		width:100%;
	  }
	 .span7 {
		width: 450px;
	  }
	 .span6 {
		width: 416px;
	  }
	 .span5 {
		width:100%;
	     margin:10px 0;
	  }
	 .span4 {
		margin-top: 45px;
		/*margin-top: 30px;*/
		/*margin: 10px 0 0;*/
    		width: 30%;
	  }
	   .span2 {
		width: 150px;
	  }
	
	.blogContGrid a{color: #5e6065;font-family: raleway;font-size: 14px;margin-right: 18px;text-decoration: none;}
	.blogContGrid a.last{margin-right:00px;}
	.socialImg{}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:89%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}

	/**detail page responsive css start here**/

	.product-view .product-img-box .product-image-zoom {
		height: 357px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 60px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	.product-shop {
		margin-top:0px;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 82px;
		overflow: hidden;
		width: 75px;
	}

	button.btn-checkout span {
		padding: 2px;
	}

	
	.form-list li.wide input.input-text{
		width:90%;
	}

}


@media (min-width: 700px) and (max-width: 883px) {
	
    .first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 12px !important;
	}
	
	.textdivinner{
		font-size: 12px !important;
		line-height: 19px !important;
	}
	
	.remaletters{
		margin-top: -5px !important;
	}
	
	.ourstoresdiv{
		font-size: 35px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	
	.ryediffdiv5{
		float: left !important;
	}
	
	.forhide{
		display: none;
	}
	.histimg{
		width: 100% !important;
	}
	.historydesc{
		width: 100% !important;
	}
	
	.about_font_history{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.customizedesc{
		width: 80% !important;
		font-size: 16px !important;
		padding: 10px !important;
	}
	.storeaddrewidth{
		width: 35% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.smallmarg15{
		margin-top:12px !important;
	}
	
	.mainheadship{
		font-size: 45px !important;
	}
	
	.carrertopdiv{
		width: 60% !important;
	}
	
	.mainOuter {
		margin: 0 auto;
		width: 663px;
	}

	
	.rotatLeftGrid {
	float: left;
	text-align: center;
	width: 100%;
	}
	
	.rotatRightGrid {
		float: left;
		margin-left: 35px;
		margin-top: 20px;
		text-align: left;
		width: 48%;
	}

	.selCol {
		border-right: 1px solid rgba(176, 176, 176, 0.898);
		float: left;
		font-size: 12px;
		 width: 13.9%;
		word-wrap: break-word;
	}

	.imageTopLayer {
		left: 251px;	
	}

	.container,  .navbar-static-top .container,  .navbar-fixed-top .container,  .navbar-fixed-bottom .container {
		width: 663px;
	  }
	 .span12 {
		width: 663px;
	  }
	 .span11 {
		width: 662px;
	  }
	 .span10 {
		width: 680px;
	  }
	 .span9 {
		width: 700px;
	  }
	
	 .span7 {
		width: 450px;
	  }
	 .span6 {
		width: 360px;
	  }
	 .span5 {
		width:100%;
	     margin:10px 0;
	  }
	.span4 {
		margin-top: 45px;
		/*margin-top: 30px;*/
		width: 24%;
	  }
	   .span2 {
		width: 127px;
		display:none;
	  }

	 .mainMenu ul li {
		float: left;
		margin-right: 20px;
	  }
	
	.searchbar{
		margin: 0 auto;width:100%;text-align: center;
	 }
	  
	  #search_mini_form {
		float: right;
		margin: 0 0 10px;
		width: 197px;
	  }

	  #search_mini_form .form-search {
		width: 187px;
	 }

	 #search_mini_form .form-search input {
		width: 161px;
	 }

	.blogContGrid a{color: #5e6065;font-family: raleway;font-size: 14px;margin-right: 18px;text-decoration: none;}
	.blogContGrid a.last{margin-right:00px;}
	.socialImg{}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:89%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}
	
	.totals{
		width:40%;
	}
	
	button.btn-checkout span {
		padding: 2px;
	}
	
	
	
}


@media (min-width: 770px) and (max-width: 883px) {
	/**detail page responsive css start here**/
	
		.first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 12px !important;
	}
	
	.textdivinner{
		font-size: 12px !important;
		line-height: 19px !important;
	}
	
	.remaletters{
		margin-top: -5px !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:22px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:16px !important;
	}
	
	.ryediffdiv5{
		float: left !important;
	}
	
	.forhide{
		display: none;
	}
	.histimg{
		width: 100% !important;
	}
	.historydesc{
		width: 100% !important;
	}
	
	.about_font_history{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	
	.customizedesc{
		width: 80% !important;
		font-size: 16px !important;
		padding: 10px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 35% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.smallmarg15{
		margin-top:12px !important;
	}
	
	.shoptext{
		width: 100% !important ;
	}
	.mainheadship{
		font-size: 45px !important;
	}
	
	.carrertopdiv{
		width: 60% !important;
	}
	
	.product-view .product-img-box .product-image-zoom {
		height: 390px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 56px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	
	.product-essential{
		width:96%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 82px;
		overflow: hidden;
		width: 90px;
	}

	.product-shop {
		width:55% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	 .product-shop {
		margin-left: 40px !important;
		margin-top: 15px;
		width: 55% !important;
	}

	.account-login {
		width: 300px ;
	}

	.form-list li.wide input.input-text{
		width:90%;
	}

}

@media (min-width: 700px ) and (max-width: 769px) {
	/**detail page responsive css start here**/
    .first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 12px !important;
	}
	
	.textdivinner{
		font-size: 12px !important;
		line-height: 19px !important;
	}
	
	.remaletters{
		margin-top: -5px !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.customizedesc{
		width: 80% !important;
		font-size: 16px !important;
		padding: 10px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 35% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.smallmarg15{
		margin-top:12px !important;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.mainheadship{
		font-size: 45px !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}


	.carrertopdiv{
		width: 60% !important;
	}
	
	.product-view .product-img-box .product-image-zoom {
		height: 307px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 45px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	
	.product-essential{
		width:96%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 66px;
		overflow: hidden;
		width: 63px;
	}

	.product-shop {
		width:55% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	 .product-shop {
		margin-left: 40px !important;
		margin-top: 15px;
		width: 55% !important;
	  }
	
	  .account-login {
		width: 300px ;
	   }
}

@media (max-width: 699px) {

.first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 5px !important;
	}
	
	.textdivinner{
		font-size: 11px !important;
		line-height: 16px !important;
	}
	
	.remaletters{
		margin-top: -10px !important;
	}
			
	.ourstoresdiv{
		font-size: 30px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	
	.ryediffdiv5{
		float: left !important;
	}
	
	.forhide{
		display: none;
	}
	.histimg{
		width: 100% !important;
	}
	.historydesc{
		width: 100% !important;
	}
	
	.about_font_history{
		font-size: 30px !important;
		line-height: 40px !important;
	}
	
	.customizedesc{
		width: 90% !important;
		font-size: 15px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.smallmarg15{
		margin-top:12px !important;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	
	.carrertopdiv{
		width: 60% !important;
	}
	
	.mainMenu{
		display:none;
	}
	.welcome-msg{
		display:none;
	}

	#beforetoggle{
		display:none;
	}

	#toggleMenu{
		display:block !important;
		width: 100% !important;
	}

	.span6 {
		width: 60%;
	  }

	.span12 {
		width: 99%;
	  }

	.span4 {
		width:40%;
	}

	.span9 {
		width:99%;
	}
	
	.span2 {
		width: 140px;
	}
	
	.toggle-logo-box {
		border: 0 solid red;
		float: right;
		text-align: center;
		/*width: 85%;*/
		width:90%;
	}

	.header .logo {
		/*float: right;*/
	}
	.logo{
		margin:0 auto;
		width:100%;
	}

	.toggle-menu-box {
		border: 0 solid red;
		float: left;
		margin-left: 6px;
    		margin-top: 23px;
	}
	.searchbar{
		margin: 0 auto;width:50%;text-align: center;
	 }
	
	#search_mini_form {
		float: right;
		margin: 0 0 10px;
		width: 92%;
	  }

	  #search_mini_form .form-search {
		width: 187px;
	 }

	 #search_mini_form .form-search input {
		width: 161px;
	 }

	 .loginMenu {
		margin-top: 0px;
		width: 100%;
	}


	.mainOuter {
		margin: 0 auto;
		width: 100%;
	}

	
	.collarImage {
		left: 130px;
		position: absolute;
		top: 100px;
		z-index: 20;
	}
	.fitImage {
		left: 130px;
		position: absolute;
		top: 100px;
	}
	.pocktImage {
		left: 130px;
		position: absolute;
		top: 100px;
	}
	.commImage {
		height: 345px;
		margin: 0 auto;
		width: 272px;
	}

	.rotateOuter {
		height: 350px;
	}

	.rotatLeftGrid {
		float: left;
		text-align: center;
		width: 100%;
	}
	
	.rotatRightGrid {
		float: left;
		margin-left: 35px;
		margin-top: 20px;
		text-align: left;
		width: 66%;
	}
	.lengthShr {
		font-size:28px;	
	}

	.monoStle {
		font-size:20px;
	}

	.selCol {
		border-right: 1px solid rgba(176, 176, 176, 0.898);
		float: left;
		font-size: 12px;
		 width: 13.9%;
		word-wrap: break-word;
	}

	.imageTopLayer {
		left: 133px;	
	}

	.loadingBar {
		background: none repeat scroll 0 0 #000;
		height: 3px;
		left: 84px;
		position: absolute;
		top: 500px;
		width: 16.6px;
	}
	
	.loadingDrag{
		left: 84px;
		position: absolute;
		top: 500px;
	}
	
	.track{
		width: 60%;
	}
	
	.loadingDiv {
		display: none;
		height: 100%;
		left: 0px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 99;
	}

	.loadingDivText {
		/*display: none;
		left: 75px;
		position: absolute;
		top: 94px;
		width: 400px;
		z-index: 99;*/
		font-family: raleway;
    		font-size: 16px;
		font-weight:bolder;
		left:63px;
		width:400px;
		height:240px;
		top:94px;
		left:75px;
		width:400px;
		height:300px;
		z-index:99;
		display:none;
		background-color: rgba(255, 255, 255, 0.5); 
		vertical-align: middle;
		padding-top:200px;
	}

	.selCol {
		font-size: 11px;
	}

	.imageTopLayer {
		height: 323px;
		left: 0;
		position: absolute;
		top: 100px;
		width: 100%;
    }

	
	.sideLeft {
		cursor: pointer;
		float: left;
		height: 500px;
		width: 50%;
	}

	.sideRight {
		cursor: pointer;
		float: left;
		height: 500px;
		width: 50%;
	}

	.topinnerStyle{
		top: 220px;
	}
	
	.loadBarStyle{
		top: 619px;
	}

	.filterOverlay{
		bottom: 0px;
		display: block !important;
		position: fixed;
		right: 10px;
		height: 35px;
		text-transform:uppercase;
		color:black;
		font-family:raleway;
		font-size:19px;
		width:100%;
		background-color: #f9f9f9;
		z-index: 5;
	}

	#back-top {
		bottom: 25px;
		display: none;
		position: fixed;
		right: 10px;
		z-index: 5;
	}

	#hidemain{
		display:none;
	}

	.col-left {	
    		/*margin-left: 41px !important;*/
			margin: 0 auto;
	}

	/**detail page responsive css start here**/

	.product-view .product-img-box .product-image-zoom {
		height: 300px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 45px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	
	.product-essential{
		width:100%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 66px;
		overflow: hidden;
		width: 63px;
	}

	 .product-shop {
		margin-left: 32px !important;
		margin-top: 12px;
		width: 70% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }
	
	#opc-login .col-1 {
		width: 100%;
	}
	 
	
}

@media (min-width:628px) and (max-width:699px) {
	
	.first-lettero{
		font-size: 58px !important;
		height: 28px !important;
		margin-top: 5px !important;
	}
	
	.textdivinner{
		font-size: 11px !important;
		line-height: 16px !important;
	}
	
	.remaletters{
		margin-top: -10px !important;
	}
	
	.ourstoresdiv{
		font-size: 30px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}

	.about_font_history{
		font-size: 35px !important;
		line-height: 40px !important;
	}
	about_font respodiff{
		font-size: 35px !important;
		line-height: 40px !important;
	}
	.section1{
		width: 100% !important;
	}
	
	.selected{
		margin-top: 5px !important;
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	
	.smallmarg15{
		margin-top:0px !important;
	}
	
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 40px !important;
	}
	
	.carrertopdiv{
		width: 60% !important;
	}
	
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
	}
	.fitdiv{
		float: left !important;
		width:100% !important;
		
	}
	.shirtvariantsize{
		text-align: center;
	}
	
	.circlescenter{
		margin: 0 auto;
		width: 45%;
	}
	
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	/*
	.footerOuter{
		width:100%;
		margin:0 auto;
	  }

	  .fullFooter{
		background:#F9F9F9;
		padding-top:30px;
		padding-bottom:20px;
	  }

	.footerCol1{
		
		width:52%;
		float:left;
		margin-top:12px;
		
	}
	.footerCol1 ul li{
		float:left;
		margin-right:17px;
	}

	.footerCol1 ul li a{color:#5E6065;text-decoration:none;font-size:13px;}

	.footerCol2{
		
		width: 46%;
		float:left;
	}

	.newsLaterInp{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #b7b7b7;
		font-size: 13px;
		font-weight: 300;
		height: 23px;
		padding: 5px;
		position: relative;
		right: 5px;
		width: 97%;
	}
	.newsLtrTag{
		color: #5e6065;
		font-size: 13px;
		font-family:raleway;
		padding-bottom: 15px;
		padding-left: 14px;
		text-align: left;	
	}

	.footerCol3Text{padding-left:7px;font-size:13px;color:#5E6065;padding-bottom:5px;}


	.newsLaterBtn{
		background: none repeat scroll 0% 0% #B8C0BE;
		border:1px solid #B8C0BE;
		height: 35px;
		color:#FFF;
		padding-left:20px;padding-right:20px;
		font-size:13px;
		cursor:pointer;
		font-weight:bold;
	}

	.footerCol3{	
		float: left;
		margin-left: 10px;
		margin-top: 27px;
		width: 28%;
	}

	.footerCol4{
		
		float: left;
		margin-left: 27px;
		margin-top: 27px;
		width: 58%;
	}

	.newsLtrTag {
		padding-left: 0px;
	}*/
	.blogContGrid a{color: #5e6065;font-family: raleway;font-size: 14px;margin-right: 18px;text-decoration: none;}
	.blogContGrid a.last{margin-right:00px;}
	.socialImg{}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:89%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}

	/**detail page responsive css start here**/

	.product-view .product-img-box .product-image-zoom {
		height: 300px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 43px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	.product-shop {
		margin-top:0px;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 60px;
		overflow: hidden;
		width: 64px;
	}

	
	.product-essential{
		width:96%;
	}

	.product-shop {
		width:50% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	  .product-shop {
		margin-left: 32px !important;
		margin-top: 12px;
		width: 70% !important;
	}

	.account-login {
		width: 300px ;
	}
	

}

@media (min-width:571px) and (max-width:627px) {
	
	.first-lettero{
		font-size: 55px !important;
		height: 28px !important;
		margin-top: 5px !important;
	}
	
	.textdivinner {
		line-height: 15px !important;
	}
	
	.remaletters{
		margin-top: -10px !important;
	}
	
	.ourstoresdiv{
		font-size: 30px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}
	
	
	.selected{
		margin-top: 5px !important;
		
	}
	.shirtdesc{
		width: 100% !important;
	}
	
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 40px !important;
	}
	
	.carrertopdiv{
		width: 70% !important;
	}
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.fitdiv{
		float: left !important;
		width:100% !important;
		/*border: 1px solid red;*/
	}
	
	.shoptext{
		width: 100% !important ;
	}
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 50%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	/*
	.footerOuter{
		width:100%;
		margin:0 auto;
	  }

	  .fullFooter{
		background:#F9F9F9;
		padding-top:30px;
		padding-bottom:20px;
	  }

	.footerCol1{
		width:56%;
		float:left;
		margin-top:12px;
	}
	.footerCol1 ul li{
		float:left;
		margin-right:17px;
	}

	.footerCol1 ul li a{color:#5E6065;text-decoration:none;font-size:13px;}

	.footerCol2{
		width: 41%;
		float:left;
	}

	.newsLaterInp{
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #b7b7b7;
		font-size: 13px;
		font-weight: 300;
		height: 23px;
		padding: 5px;
		position: relative;
		right: -7px;
		width: 50%;
	}
	.newsLtrTag{
		color: #5e6065;
		font-size: 13px;
		font-family:raleway;
		padding-bottom: 15px;
		padding-left: 32px;
		text-align: left;	
	}

	.footerCol3Text{padding-left:7px;font-size:13px;color:#5E6065;padding-bottom:5px;}


	.newsLaterBtn{
		background: none repeat scroll 0% 0% #B8C0BE;
		border:1px solid #B8C0BE;
		height: 35px;
		color:#FFF;
		padding-left:9px;padding-right:6px;
		font-size:13px;
		cursor:pointer;
		font-weight:bold;
	}

	.footerCol3{	
		float: left;
		margin-top: 27px;
		width: 43%;
	}

	.footerCol3Text {
		float:left;
	}

	.footerCol4{\
		float: left;
		margin-top: 27px;
		width: 39%;
	}

	.newsLtrTag {
		padding-left: 11px;
	} */
	.blogContGrid a{color: #5e6065;font-family: raleway;font-size: 14px;margin-right: 18px;text-decoration: none;}
	.blogContGrid a.last{margin-right:00px;}
	.socialImg{}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:89%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}
	
	.account-login {
		width: 300px;
	}

	.form-list li.wide input.input-text{
		width:254px;
	}

	

}

@media (min-width:350px) and (max-width:570px) {
	
	.first-lettero{
		font-size: 70px !important;
		height: 30px !important;
		margin-top: 18px !important;
	}
	
	.textdivinner{
		font-size: 11px !important;
		line-height: 20px !important;
	}
	
	.ourstoresdiv{
		font-size: 30px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 15px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	.smallwidth{
		float: left !important;
		width: 100% !important;
	}
	
	.smallwidth1{
		width: 100% !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}
	
	.selected{
		margin-top: 5px !important;
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 30px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	
	.fitdiv{
		float: left !important;
		width:100% !important;
		
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 60%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	
	
	.blogContGrid a{
		float:left;
	}

	.socialImg{ float:left;}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:279px;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}

	.filterOverlay{
		bottom: 0px;
		display: block !important;
		position: fixed;
		right: 10px;
		color:black;
		height: 35px;
		text-transform:uppercase;
		font-family:raleway;
		font-size:19px;
		width:100%;
		background-color: #f9f9f9;
		z-index: 5;
	}

	#back-top {
		bottom: 25px;
		display: none;
		position: fixed;
		right: 10px;
		z-index: 5;
	}

	#hidemain{
		display:none;
	}

	/*.col-left {	
    		margin-left: 41px !important;
	}*/

	
	.totals{
		width:81%;
	}

	.account-login {
		width: 300px !important;
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 80% ; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
	}
	
	.data-table{
		width:70%;
	}

	.orederReviewSku{
		width:auto;
	}
	
	
}


@media (min-width:340px) and (max-width:480px) {
	
	.ourstoresdiv{
		font-size: 15px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 12px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	.smallwidth{
		float: left !important;
		width: 100% !important;
	}
	
	.smallwidth1{
		width: 100% !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}
	
	.selected{
		margin-top: 5px !important;
		
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.fitdiv{
		float: left !important;
		width:100% !important;
		
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 75%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 30px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	
	.mainMenu{
		display:none;
	}
	.welcome-msg{
		display:none;
	}

	#beforetoggle{
		display:none;
	}

	#toggleMenu{
		display:block !important;
		width: 100% !important;
	}

	.span6 {
		width: 60%;
	  }

	.span12 {
		width: 99%;
	  }

	.span4 {
		width:40%;
	}
	
	.span2 {
		width: 140px;
	}
	
	.toggle-logo-box {
		border: 0 solid red;
		float: left;
		text-align: center;
		/*width: 80%;*/
		width:90%;
	}

	.header .logo {
		/*float: right;*/
	}
	
	.logo{
		margin:0 auto;
		width:100%;
	}

	.toggle-menu-box {
		border: 0 solid red;
		float: left;
		margin-left: 6px;
    		margin-top: 23px;
	}
.searchbar{
		margin: 0 auto;width:50%;text-align: center;
	 }
	#search_mini_form {
		float: right;
		margin: 0 0 10px;
		width: 100%;
		
	  }

	  #search_mini_form .form-search {
		width: 151px;
	 }

	 #search_mini_form .form-search input {
		width: 124px;
	 }

	 .loginMenu {
		margin-top: -2px;
		width: 100%;
	}

	.more-views {
		width:72% !important;
	}

	.jcarousel-list {
		width:100% !important;
	}
	
	.account-login {
		width: 300px !important;
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table{ 
		width: 71% !important ; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
	}
	
	.data-table{
		width:54%;
	}

	.orederReviewSku{
		width:auto;
	}

	
	#opc-review .step {
		border-top: 1px solid #bbafa0;
		padding: 23px 0;
	}
	

}


@media (max-width: 401px) and (min-width: 480px) {
	
	.ourstoresdiv{
		font-size: 15px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 12px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.smallwidth{
		float: left !important;
		width: 100% !important;
	}
	
	.smallwidth1{
		width: 100% !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}
	
	.selected{
		margin-top: 5px !important;
		
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.fitdiv{
		float: left !important;
		width:100% !important;
		/*border: 1px solid red;*/
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 40%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 35px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	
	/**detail page responsive css start here**/
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	
	.product-view .product-img-box .product-image-zoom {
		height: 230px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.product-view .product-img-box .product-image-zoom {
		min-height: 230px;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 34px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 14px 8px 0;
	}

	
	.product-essential{
		width:96%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 62px;
		overflow: hidden;
		width: 62px;
	}

	.product-shop {
		margin-left: 32px !important;
		margin-top: 12px;
		width: 80% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	.more-views.jcarousel-container {
		width: 287px;
	}


	.more-views .jcarousel-clip.jcarousel-clip-horizontal {
		width: 287px;
	}

	
}

@media (max-width: 400px) {
	
	.ourstoresdiv{
		font-size: 15px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 12px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	
	.smallwidth{
		float: left !important;
		width: 100% !important;
	}
	
	.smallwidth1{
		width: 100% !important;
	}
	
	.about_font{
		font-size: 35px !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}
	
	.selected{
		margin-top: 5px !important;
		
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.track{
		width: 60% !important;
	}
	
	.fitdiv{
		float: left !important;
		width:100% !important;
		/*border: 1px solid red;*/
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 90%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 35px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	.fitheader ul li{
		padding-right: 18px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	
	.mainMenu{
		display:none;
	}
	.welcome-msg{
		display:none;
	}

	#beforetoggle{
		display:none;
	}

	#toggleMenu{
		display:block !important;
		width: 100% !important;
	}

	.span6 {
		width: 60%;
	  }

	.span12 {
		width: 99%;
	  }

	.span4 {
		width:40%;
	}
	
	.span2 {
		width: 140px;
	}
	
	.toggle-logo-box {
		border: 0 solid red;
		float: left;
		/*margin-left: 16px;*/
		margin-left: 0px;
		text-align: center;
		/*width: 69%;*/
		/*width:70%;*/
		width:85%;
	}

	.header .logo {
		padding: 0 !important;
		text-decoration: none !important;
		margin: 0;
	}

	.header .logo {
		/*float: right;*/
	}
	
	.logo{
		margin:0 auto;
		width:100%;
	}

	.toggle-menu-box {
		border: 0 solid red;
		float: left;
		margin-left: 6px;
    		margin-top: 23px;
	}

	#search_mini_form {
		float: right;
		margin: 0 0 10px;
		/*width: 140px;*/
	  }

	  #search_mini_form .form-search {
		width: 133px;
	 }
	 
	 .searchbar{
		margin: 0 auto;width:50%;text-align: center;
	 }

	 #search_mini_form .form-search input {
		width: 111px;
	 }

	 .loginMenu {
		margin-top: 8px;
		width: 100%;
	}


	.mainOuter {
		margin: 0 auto;
		width: 100%;
	}

	
	.collarImage {
		left: 50px;
		position: absolute;
		top: 100px;
		z-index: 20;
	}
	.fitImage {
		left: 50px;
		position: absolute;
		top: 100px;
	}
	.pocktImage {
		left: 50px;
		position: absolute;
		top: 100px;
	}
	.commImage {
		height: 345px;
		margin: 0 auto;
		width: 272px;
	}

	.rotateOuter {
		height: 353px;
	}

	.rotatLeftGrid {
		float: left;
		text-align: center;
		width: 100%;
	}
	
	.rotatRightGrid {
		float: left;
		margin-left: 16px;
		margin-top: 20px;
		text-align: left;
		width: 80%;
	}
	.lengthShr {
		font-size:28px;	
	}

	.monoStle {
		font-size:20px;
	}

	.selectedOption {
		border: 1px solid rgba(176, 176, 176, 0.898);
		float: right;
		margin: 0 auto;
		width: 100%;
	}

	.selCol {
		border: 1px solid rgba(176, 176, 176, 0.898);
		float: left;
		font-size: 12px;
		 width: 32.7%;
		word-wrap: break-word;
	}

	.imageTopLayer {
		left: 133px;	
	}

	.loadingBar {
		background: none repeat scroll 0 0 #000;
		height: 3px;
		left: 46px;
		position: absolute;
		top: 500px;
		width: 16.6px;
	}
	
	.loadingDrag{
		left: 46px;
		position: absolute;
		top: 500px;
	}
	
	.track{
		width: 60% !important;
	}
	
	.loadingDivText {
		/*display: none;
		height: 500px;
		left: 75px;
		position: absolute;
		top: 94px;
		width: 200px;
		z-index: 99;*/
		font-family: raleway;
    		font-size: 16px;
		font-weight:bolder;
		top:94px;
		left:63px;
		width:250px;
		height:240px;
		z-index:99;
		display:none;
		background-color: rgba(255, 255, 255, 0.5); 
		vertical-align: middle;
		padding-top:111px;
	}

	.loadingDiv {
		display: none;
		height: 100%;
		left: 0px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 99;
	}


	.selCol {
		font-size: 11px;
	}

	.imageTopLayer {
		height: 323px;
		left: 0;
		position: absolute;
		top: 100px;
		width: 100%;
    }

	
	.sideLeft {
		cursor: pointer;
		float: left;
		height: 500px;
		width: 50%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.sideRight {
		cursor: pointer;
		float: left;
		height: 500px;
		width: 50%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.rotateGrid {
		margin: 0 auto;
		width: 301px;
	}

	.topinnerStyle{
		top: 220px;
	}
	
	.loadBarStyle{
		/*top: 619px;*/
		top: 635px;
	}

	
	.blogContGrid a{
		float:left;
	}

	.socialImg{ float:left;}
	.socialImg a img{width:23px;margin-right:4px;cursor:wait;}
	.brLine{/*border-top:1px solid #989AA3;*/border-top:1px solid #000000; width:99%;margin-top:10px;margin-bottom:5px;}
	.casualDress{color:#5E6065;font-style:italic;font-size:13px;}
	.selectOption{font-weight:normal;}

	.selCol.last {
		border-right: 1px solid rgba(176, 176, 176, 0.898);
	}

	.productlistStyle{
		float: none !important;
		text-align: center !important	;
	}

	.prodDesc {
		margin-left: 20px !important;
		margin-top: 13px !important;
	}

	.col-left {	
    		/*margin-left: 41px !important;*/
	}

	.filterOverlay{
		bottom: 0px;
		display: block !important;
		position: fixed;
		right: 10px;
		color:black;
		font-family:raleway;
		font-size:19px;
		width:100%;
		height: 35px;
		text-transform:uppercase;
		background-color: #f9f9f9;
		z-index: 5;
	}

	#back-top {
		bottom: 25px;
		display: none;
		position: fixed;
		right: 10px;
		z-index: 5;
	}

	#hidemain{
		display:none;
	}

	/**detail page responsive css start here**/

	.product-view .product-img-box .product-image-zoom {
		height: 210px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.product-view .product-img-box .product-image-zoom {
		min-height: 210px;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 28px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 10px 8px 0;
	}

	
	.product-essential{
		width:96%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 43px;
		overflow: hidden;
		width: 41px;
	}

	.product-shop {
		margin-left: 5px !important;
		margin-top: 12px;
		width: 80% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	.more-views.jcarousel-container {
		width: 287px;
	}

	.more-views .jcarousel-clip.jcarousel-clip-horizontal {
		width: 287px;
	}

	.totals{
	
		width:81%;
	}

	.account-login{
		width:100%;
	}

	.form-list li.wide input.input-text{
		width:235px;
	}

	
}

@media (max-width: 330px) {
	/**detail page responsive css start here**/
	
	.ourstoresdiv{
		font-size: 15px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 12px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.addresstext{
		font-size: 15px !important;
	}
	
	.smallwidth{
		float: left !important;
		width: 100% !important;
	}
	
	.smallwidth1{
		width: 100% !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.fitdiv{
		float: left !important;
		width:100% !important;
		/*border: 1px solid red;*/
	}
	.shirtvariantsize{
		text-align: center;
	}
	.circlescenter{
		margin: 0 auto;
		width: 100%;
	}
	.sketchimgdiv{
		width: 100% !important;
		float: left !important;
	}
	
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 30px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	.fitheader ul li{
		padding-right: 18px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	
	.product-view .product-img-box .product-image-zoom {
		height: 210px;
		position: relative;
		width: 100%;
		z-index: 9;
	}

	.product-view .product-img-box .product-image-zoom {
		min-height: 210px;
	}

	.descStyle {
		width: 100%;
	}

	.thumbleft{
		margin-left:0px;
	}
	
	.more-views {
		overflow: hidden;
		padding: 0 22px;
	}

	.product-view .product-img-box .more-views li {
		float: left;
		margin: 0 8px 8px 0;
	}

	
	.product-essential{
		width:96%;
	}

	.product-view .product-img-box .more-views li a {
		border: 2px solid #ddd;
		float: left;
		height: 43px;
		overflow: hidden;
		width: 41px;
	}

	.product-shop {
		margin-left: 5px !important;
		margin-top: 12px;
		width: 80% !important;
	}
	
	 .span8 {
		width:100%;
	  }
	 .product-img-box{
		width:100% !important;
	  }

	.more-views.jcarousel-container {
		width: 84%;
	}

	.more-views .jcarousel-clip.jcarousel-clip-horizontal {
		width: 100%;
	}

	.form-list li.wide input.input-text{
		width:235px;
	}

}

@media (max-width: 800px) {
	
	.opc .buttons-set {
		float: left;
		margin: 16px 0 11px;
		opacity: 1 !important;
	}
}

@media (min-width: 511px) and (max-width: 640px) {
	
	.ourstoresdiv{
		font-size: 25px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 14px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}
	
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	
	.headcontent{
		width: 90% !important;
		padding: 4px !important;
		color: #ccc;
		
	}
	.subheadbann{
		font-size:20px !important;
		padding: 20px !important;
	}
	.headname{
		font-family: 'Lato', sans-serif;
		font-size:20px !important;
		text-indent: 0em !important;
		text-align: center;
	}
	.subheadname{
		margin-top:4px;
		font-size:15px !important;
	}
	
	.setwidth{
		width: 100% !important;
	}
	.desigph{
		width: 100% !important;
	}
	
	.section1{
		width: 100% !important;
	}

	.selected{
		margin-top: 5px !important;
		
	}
	.shirtdesc{
		width: 100% !important;
	}
	.hwdescsection1{
		width: 100% !important;
	}
	.section3{
		float: left;
		width: 100% !important;
	}
	
	.customizedesc{
		width: 100% !important;
		font-size: 14px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:0px !important;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 40px !important;
	}
	
	.carrertopdiv{
		width: 70% !important;
	}
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	.opc .form-list li.wide select {
		width:100%;
	}

	

}

@media (min-width: 431px) and (max-width: 510px) {

	.ourstoresdiv{
		font-size: 25px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 14px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}

	.circle-black div{
		font-size: 10px;
	}
	
	.circle-white div{
		font-size: 10px;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 40px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	.fitheader ul li{
		padding-right: 25px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	.opc .form-list li.wide select {
		width:70%;
	}

}

@media (max-width: 430px) {
	
	.first-lettero{
		font-size: 30px !important;
		height: 25px !important;
		margin-top: -10px !important;
	}
	
	.textdivinner{
		line-height: 15px !important;
	}
	
	.remaletters{
		margin-top: -14px !important;
	}
	
	.ourstoresdiv{
		font-size: 25px !important;
		width: 100% !important;
		text-align: center;
	}
	.ourstorescontn{
		float: left !important;
		width: 100% !important;
		font-size: 14px !important;
	}
	.outermarginstorediv{
		width: 100% !important;
	}	
	
	.customizedesc{
		width: 95% !important;
		font-size: 12px !important;
		padding: 5px !important;
	}
	.ryediffdiv1{
		width: 100% !important;
	}
	.truechann{
		width: 100% !important;
		float: left !important;
	}
	.storeaddrewidth{
		width: 100% !important;
		text-align: center;
		margin-top:-15px;
		margin-bottom: 5px;
	}
	.hwdescsection2{
		float: left;
		width: 100% !important;
	}
	.smallmarg15{
		margin-top:4px !important;
	}
	
	.circle-black div{
		font-size: 10px;
	}
	
	.circle-white div{
		font-size: 10px;
	}
	
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	.shippingleftdiv{
		width: 100% !important;
	}
	.shippingrightdiv{
		width: 100% !important;
	}
	
	.careerjobdesc{
		width: 100% !important;
	}
	.careerjobqualification{
		width: 100% !important;
	}
	
	.mainheadship{
		font-size: 29px !important;
	}
	
	.carrertopdiv{
		width: 80% !important;
	}
	.fitheader ul li{
		padding-right: 12px !important;
	}
	.fitheader{
		width: 99.4% !important;
		padding: 10px 0px 10px 0px !important;
	}
	.opc .form-list li.wide select {
		width:100%;
		float:left;
	}

	.opc .form-list li.wide .input-box, .opc .form-list .input-box{
		width:300px;
		float:left;
		mardin:10px;
	}
	
	#billing:use_for_shipping_yes{
		float:left;
	}

	.opc .wide label {
		float: left;
		padding: 4px 0 0;
		text-align: left;
		width: 50%;
	}

	.requireFieldWidth{
		width:98px;
	}
	
	.continueCheckBtn{
		width:150px;
	}

	.tabStyle {
		background-color: #e6e6e6;
		font-family: raleway;
		font-size: 14px !important;
		font-weight: bold;
		padding: 9px 0;
		text-transform: uppercase;
		width: 100% !important;
	}
	
	.checkoutTabs{
		width:100% !important;
		height: 37px !important;
	}

	.getSpace {
		height: 4px;
	}

	.opc .buttons-set .please-wait{
		left: 31%;
	}

	.tool-tip{
		width:260px;
	}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table{ 
		width: 67% !important ;
		border-collapse: collapse; 
	}
	.fitguidetable{
		width: 100% !important ;
	}
	.shoptext{
		width: 100% !important ;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
	}
	
	.data-table{
		width:54%;
	}

	.orederReviewSku{
		width:auto;
	}

	
	#opc-review .step {
		border-top: 1px solid #bbafa0;
		padding: 23px 0;
	}

	#checkout-review-table-wrapper{
		width:350px;
		overflow-x:scroll;
	}

	#review-buttons-container p{
		width:100%;
	}
	
	#checkoutSteps{
		height:1267px !important;
	}

	.homeToggle{
		width: 85%;
	}
	
}