@media ( max-width : 320px) {

.form-control
{
	font-size:11px;
}
.copyright
{
	font-size:11px;
}
.payment
{
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
}
.fixed-table-pagination
{
	font-size:11px;
}
.fixed-table-pagination
{
	font-size:11px;
}
.btn-top
{
	width:100%;
	height:32px;
	margin:0 100px 0 0;
}
.btn-bottom
{
	width:100%;
	height:32px;
	margin:0 10px 0 0;
}
.checked
{
	color:#ff0000;
	display:none;
	font-size:9px;
	margin:20px 0 0 0;
}
.un-checked
{
	display:inline;
	font-size:9px;
	margin:20px 0 0 0;
}
.edit
{
	font-size:9px;
	margin:20px 0 0 0;
}
.message{ width:100%;}
/* form style starts here!*/
h3
{
	font-weight:lighter;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#1f1f1f;
}
.space
{
	margin:0 3px 0 3px;
}
.radio-move
{
	margin:0 8px 0 8px;
}
.top-style
{
	margin-top:2px;
	width:100%;
	padding:12px 9px;
	font-size:12px;  
}
.email-reciever
{
	margin-top:8px;
}
.form-style
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:100%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
}
.message-new
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:100%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px 0px 53px 6px;
}
.btn-click
{
	background-color:#272727;
	color:#fff;
	transition:0.3s ease-in;
	border-radius:0px;
	margin-top:10px;
	padding:10px 23px
}
.btn-click:hover
{
	background-color:#ff0000;
	color:#fff;
	transition:0.2s ease-out;
}
.clear-btn
{
	width:40%;
}
/* form style ends here!*/
} 
@media ( max-width : 425px) {
.checked
{
	color:#ff0000;
	display:none;
	font-size:9px;
	margin:20px 0 0 0;
}
.un-checked
{
	display:inline;
	font-size:9px;
	margin:20px 0 0 0;
}
.edit
{
	font-size:9px;
	margin:20px 0 0 0;
}	
}
@media ( min-width : 480px) {
	
}

@media ( min-width : 768px) {
	
}

@media ( min-width : 992px) {
	
}

@media ( min-width : 1200px) {

}

@media ( min-width : 320px) and (max-width: 767px) {

.header  {
	min-height: 125px;
	border-bottom:1px solid #9a9a9a;
}
.logo-div
{
    width: 201px;
    height: 100px;
    float: left;
}
.first.text-center {
	padding-top: 20px;
}
.box {
	width: 220px;
    height: 220px;
    text-align: center;
    margin: 0 auto;
}
.box .overbox {
	
	}
.box img {
	height: 220px;
    width: 220px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
}
.product
{
	font-size:11px;
}
.form-control
{
	font-size:11px;
}
.copyright
{
	font-size:11px;
}
.payment
{
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
}
.page-mover
{
	font-size:11px;
	text-align: center;
    margin: 0 auto;
}
.btn-top
{
	width:100%;
	height:32px;
	margin-top:10px;
	margin-right:0px;
}
.btn-bottom
{
	width:100%;
	height:32px;
	margin-right:0px;
	 margin-top: 8px;
}
.checked
{
	color:#ff0000;
	display:none;
	font-size:9px;
	margin:20px 0 0 0;
}
.un-checked
{
	display:inline;
	font-size:9px;
	margin:20px 0 0 0;
}
.edit
{
	font-size:9px;
	margin:20px 0 0 0;
}
.height-label
{
    font-size: 22px;
    font-weight: bold;
    margin: 20px 0 32px 0;
}
.message{ width:100%;}
/* form style starts here!*/
h3
{
	font-weight:lighter;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#1f1f1f;
}
.space
{
	margin:0 3px 0 3px;
}
.radio-move
{
	margin:0 8px 0 8px;
}
.top-style
{
	width:100%;
	padding:11px 11px;
	font-size:12px;
}
.email-reciever
{
	margin-top:8px;
}
.form-style
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:100%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
}
.message-new
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:100%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px 0px 53px 6px;
}
.top-margin
{
	margin-top:60px;
}
.logo-div img {
    width: 100%;
}
  
  a.menu-link { display: block; color: #fff; background-color: #333; float: right; text-decoration: none;padding: 8px 10px;margin-top: 48px;}
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #f4f4f4; }
  .menu > li > ul.sub-menu { padding: 0px; border: none; }
  .menu.active, .menu > ul ul.active { max-height: 55em; }
  .menu ul { display: inline; }
  .menu > ul { border-top: 1px solid #808080; }
  .menu li, .menu > ul > li { display: block; }
  .menu li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
  .menu li.has-submenu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  .menu ul ul > li a { background-color: #e4e4e4; height:58px; padding: 19px 18px 19px 30px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
  h1, .h1 {
    font-size: 28px;
}.sale-tag {
    left: 16px;
}

.left {
    margin: 20px auto;
}
#map {
	width:100%;
	margin-left:0px;
	}
	ul.piclist li img,ul.piclist li {
 		width: 60px;
 		height: 60px;
}
.picZoomer-pic-wp {
	width:100% !important;
}
	.customNavigation .next.car-btn  {
    	right: 24px;
	}

	.customNavigation .prev.car-btn  {
		    left: 24px;
	}
.box {
  cursor: pointer;
  height: 230px;
  position: relative;
  overflow: hidden;
  width: 230px;
  margin-bottom:10px;
}

.box img {
  position: absolute;
  width: 230px;
  height: 230px;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size:11px;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 230px;
  height: 230px;
  border-radius:100%;
  padding: 60px 20px;
}	
.width-fabric {
	width:100%;}
	.picZoomer-zoom-wp {
    width: 100px !important;
    height: 100px !important;
    left: 59% !important;
}
.measurment-checkbox {
	    margin-left: -44px;}
		.summary-checkbox {margin-left: 44px;}
}

@media ( min-width : 768px) and (max-width: 991px) {
  p,.btn,input,div,span,h4 {
    font-size: 14px;
  }
  h1 {
    font-size: 24px;  
  }
  h2 {
    font-size: 22px;  
  }
  h3 {
    font-size: 18px;  
  }
.image-a {
	height: 200px;
    width: 230px;
}
.image-b
{
	height:100%;
	width:100%;
}
.image-1
{
	width:250px;
	height:225px;
}
.payment
{
	border-right:solid 1px #fff;
	border-left:solid 1px #fff;
}
.top-login
{
	margin-top:0px;
}
.login-reg
{
	font-size:12px;
	margin:10px 0 0 5px;
}
.search-all
{
	margin-top:10px;
}

.right-header-bar
{
	margin:50px 11px 6px 0;
}
.logo-div img
{
	/*margin:32px 0 0 -30px;*/
	padding:0;
	width: 325px;
    height: 100px;
}
.search-bar
{
	width:240px;
	height:35px;
	margin-left:10px;
	background-color:#f7f7f7;
	color:#8e8e8e;
}
.search-btn
{
	color:#fff;
	background-color:#272727;
	transition:0.3s ease-in;
	border-radius:0px;
	height:35px;
	width:50px;
}
.search-btn:hover
{
	background-color:#ff0000;
	color:#fff;
	transition:0.2s ease-out;
}
.message{ width:100%;}
/* form style starts here!*/
h3
{
	font-weight:lighter;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#1f1f1f;
}
.space
{
	margin:0 3px 0 3px;
}
.radio-move
{
	margin:0 8px 0 8px;
}
.top-style
{
    width: 80%;
    padding: 11px 11px;
    font-size: 11px;
}
.email-reciever
{
	margin-top:8px;
}
.form-style
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:80%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
}
.message-new
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:13px;
	border:solid 1px #9a9a9a;
	width:80%;
	height:37px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px 0px 53px 6px;
}
.top-margin
{
	margin-top:30px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
/* form style ends here!*/
.menu-items ul li {
    margin-right: 35px;
    font-size: 12px;
    line-height: 50px;
}
.image-b,.image-12 {

	    width: 200px;
}
.box {
  cursor: pointer;
  height: 230px;
  position: relative;
  overflow: hidden;
  width: 230px;
}

.box img {
  position: absolute;
  width: 230px;
  height: 230px;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size:11px;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 230px;
  height: 230px;
  border-radius:100%;
  padding: 60px 20px;
}

.underline{ text-decoration:underline; margin-right:236px;}
}
@media ( min-width : 992px) and (max-width: 1045px){
.checked
{
	color:#ff0000;
	display:none;
	font-size:12px;
}
.un-checked
{
	display:inline;
	font-size:12px;
}
.edit
{
	font-size:12px;
}
.top-margin
{
	margin-top:0;
}
.logo-div {padding-top: 0px;}
.picZoomer-pic-wp {
	    width: 436px !important;
    height: 320px !important;
	
	}
.input-checkbox  {margin-top:20px;}

}
@media ( min-width : 992px) and (max-width: 1199px) {
	.picZoomer-pic-wp {
	    width: 436px !important;
    height: 320px !important;
	
	}
	.input-checkbox  {margin-top:20px;}
	.picZoomer-zoom-wp {
    width: 120px !important;
    height: 120px !important;
    left: 316px !important;
}
.width-fabric {
    width: 50%;
}
.image-a {
    height: 270px;
    width: 270px;	
}

.image-1
{
	width:210px;
	height:258px;
}
.media
{
	padding:130px 0 10px 0;
}
.name{ width:250px;}
.email{ width:250px;}
.phone{ width:250px;}
.message{ width:781px;}
.top-style
{
	margin-top:2px;
	width:68%;
	padding:12px 9px;
	font-size:11px;
}
.menu-items ul li {
    margin-right: 68px;
    font-size: 13px;
    line-height: 50px;
}
.image-12 {
	width: 200px;
	height: 200px;v
}
.box {
  cursor: pointer;
  height: 300px;
  position: relative;
  overflow: hidden;
  width: 300px;
}

.box img {
  position: absolute;
  width: 300px;
  height:300px;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 300px;
  height: 300px;
  border-radius:100%;
  padding: 85px 20px;
}
.underline{ text-decoration:underline; margin-right:84px;}
}
@media ( min-width : 1200px) and (max-width: 1439px) {
	
}

@media ( min-width : 1440px) {
	
}