@media only screen and (max-width:1024px),(max-device-width:1024px)
{
	body
{
	min-width:inherit
}
.wrapper,.wrapper-b
{
	width:98%
}
.quality-info
{
	float:left;
	margin:20px 32px 20px 30px;
	padding:0
}
.search-sec input[type=text]
{
	width:156px
}
.right-form ul li a.option
{
	padding:4px 14px
}
.right-form ul li a.upload
{
	padding:4px 11px
}
/*----------28-1-2015----------------------*/
.rajister-box1{
width:34%;
}
.form1 span{
width:45%;
}
.form1 p{
font-size:11px;
}
.right-proof {
    padding: 0 20px 20px;
  
}
.form1 input[type=image] {
    margin-left: -13.4% !important;
    margin-top: 2% !important;
}
}
	@media only screen and (max-width:979px),(max-device-width:979px)
{
	body
{
	min-width:inherit
}
.wrapper,.wrapper-b
{
	width:98%
}
.naviagtion
{
	background:#E6EAED;
	padding:0;
	position:relative
}
	#menu-icon
{
	width:100%!important
}
	#nav-wrap
{
	position:relative;
	width:100%;
	margin-top:0
}
	#menu-icon
{
	color:#2d2d2d;
	cursor:pointer;
	display:block;
	float:left;
	font-size:30px;
	font-weight:400;
	margin:0;
	padding:22px 0;
	text-align:center;
	text-transform:capitalize;
	background:url(../images/meni-icon.png) right center no-repeat
}
	#menu-icon:hover
{
	color:#0066c3
}
	#menu-icon.active
{
	color:#2d2d2d
}
	#nav
{
	clear:both;
	display:none;
	left:0;
	position:static;
	top:46px;
	width:100%;
	z-index:10000
}
	#nav li
{
	float:none;
	background:0 0;
	margin:0;
	padding:0;
	border-bottom:dotted 1px #333
}
	#nav li:last-child
{
	border-bottom:none
}
	#nav a
{
	font-size:18px;
	color:#333;
	text-decoration:none;
	font-weight:400;
	display:block;
	text-align:left
}
	#nav a.active,#nav a:hover
{
	color:#0066c3
}
.left-side
{
	float:left;
	width:100%;
	text-align:center
}
.left-side ul
{
	list-style:none;
	padding:0 0 10px
}
.left-side ul li
{
	margin:0;
	padding:0 0 3px
}
.right-side
{
	float:right;
	width:100% !important; 
}
.footer-main
{
	padding:0
}
.f-main
{
	margin:0 0 35px;
	width:33%
}
.f-main-contact,.f-main-sp
{
	width:33%!important
}
.f-main:nth-child(3)
{
	margin-bottom:82px
}
.left-r
{
	float:left;
	margin:0 20px 0 0
}
.right-top-main
{
	display:table;
	margin:0 auto
}
.right-bottom-main
{
	margin:3px auto 0;
	display:table
}
.left-b
{
	float:left;
	margin:0 20px 0 0
}
.address-info
{
	float:left;
	margin:0 15px 0 0;
	width:17%
}
.mid-left
{
	float:left;
	width:100%;
	margin:0 0 30px
}
.mid-right
{
	float:right;
	width:100%
}
.g-main
{
	margin:0 18px 0 0;
	padding:0 16px 0 0
}
.cate-info
{
	color:#040404;
	float:left;
	font-size:16px;
	margin:20px 41px 20px 30px
}
.quality-info
{
	display:table;
	float:none;
	margin:20px auto;
	padding:0
}
.quality-info-b
{
	display:table!important;
	float:none!important;
	margin:20px auto!important;
	padding:0!important
}
.right-form ul li label
{
	padding:7px 0;
	text-align:left;
	width:100%
}
.right-form ul li select
{
	width:100%
}
.empty
{
	display:none
}
.cost
{
	width:100%
}
.right-form ul li a.zip
{
	margin:0;
	padding:4px 40px
}
.price-table
{
	border:1px solid #DEDEDE;
	border-radius:8px;
	float:right;
	margin:0 0 15px;
	position:relative;
	width:100%
}
.right-form ul li a.upload
{
	font-size:19px
}
.mid-right-inner
{
	float:right;
	margin:20px 0 0;
	width:42.55%
}
.left-sec-up
{
	float:left;
	padding:20px;
	width:94.5%
}
.right-sec-up
{
	float:right;
	margin:0;
	padding:20px;
	width:94.5%
}
.process-btn
{
	margin:0 15px 50px;
	text-align:right
}
.header-right
{
	float:right;
	text-align:right;
	width:56%
}
.search-sec
{
	float:right;
	margin:0;
	overflow:hidden;
	padding:0;
	width:auto
}
/*-----------28-1-2015------------------*/
.acount-form1{
width:52%;
}
.form1 span{
width:44%;
}
.form2 span a {
    font-size: 11px;
}
}

@media only screen and (max-width:768px),(max-device-width:768px)
{
	#nav ul li a
{
	color:#000;
	width:92%;
	border:none;
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left
}
	#nav ul
{
	background:inherit;
	border:none;
	box-shadow:none;
	display:display;
	margin-left:0;
	position:static;
	width:auto;
	padding:0
}
	#nav ul li a:hover
{
	background:#000;
	border:none;
	padding:10px;
	line-height:10px;
	color:#fff
}
.log-in
{
	margin:24px 0 0 24px
}
.billing_sec
{
	float:left;
	margin:0;
	padding:0 0 0 21px;
	width:46%
}
.order
{
	margin:13px 33px 0 28px;
}
.card1 select
{
	border:1px solid #D4D2D2;
	margin:0 6px 0 0;
	padding:7px 11px
}
.p_right input
{
	padding:37px 37px 37px 11px
}
.checkout_form,.checkout_form1,.coupen,.table1
{
	margin:0 0 10px 37px
}
.p_right textarea
{
	border:1px solid #D4D2D2;
	margin:0;
	padding:57px 0;
	transition:all 1s ease 0s;
	width:93%
}
.samebill_sec label
{
	width:43%
}
.billing_form select
{
	width:98%!important
}
.card1
{
	width:80%
}
.apply_code
{
	width:90%!important;
	float:left;
	margin:21px 0 0 13px!important
}
.apply_code label
{
	text-align:left;
	float:left
}
.search_content
{
	float:left;
	width:46%;
	height:477%
}
.contact-bg a
{
	text-decoration:none!important
}
.ui-tabs {
  
    width: auto !important;
}
.right-proof {
    margin: 31px 0 0;
    width: auto;
}
.co-code > label {
    float: left;
    width: 100%;
}
.co-code input {
    width: 42.2%;
}
.btn-img a{
	float: right !important;
    margin-bottom: 10px;
}
.ship {
    width: 95%;
}
.next-btn {
    margin: 93px 39px 50px;
 }
.process-btn{
	margin-top:10px;
}
.form1 input[type="image"] {
    margin-left: -17.4% !important;
    margin-top: 2.5% !important;
}
.order_form {
  
    overflow: scroll;
    width: 98%;
}

}

	@media only screen and (max-width:767px),(max-device-width:767px)
{
.wrapper,.wrapper-b
{
	width:96%
}
.logo
{
	float:none;
	text-align:center
}
.header-right
{
	display:table;
	float:none;
	margin:0 auto 30px;
	width:auto
}
.left-r
{
	float:none;
	margin:0 0 20px
}
.graph-img,.right-r
{
	float:none
}
.graph-img img
{
	width:100%
}
.left-b
{
	float:none;
	margin-bottom:20px;
	margin-right:0
}
.right-b
{
	float:none
}
.why-info
{
	float:left;
	margin:10px 0 20px;
	width:100%
}
.address-info
{
	float:left;
	margin:0 0 35px;
	text-align:center;
	width:100%
}
.contact-info
{
	float:left;
	margin:0 15px 0 0;
	width:48%
}
.map-info
{
	float:right;
	width:49%
}
.g-main
{
	margin:0 21px 0 0;
	padding:0 19px 0 0;
	width:28%
}
.mid-right-inner
{
	float:right;
	margin:20px 0 0;
	width:100%
}
.mid-left-inner
{
	float:left;
	width:100%
}
.price-table tr
{
	border-bottom:1px solid #DEDEDE;
	float:none;
	width:100%
}
.price-table td
{
	border-bottom:1px solid #DEDEDE
}
.price-table td.b-text
{
	float:left;
	font-size:11px;
	text-align:right;
	width:82%
}
.right-form ul li a.zip
{
	float:left
}
.right-form ul li a.option
{
	float:left;
	margin:0 0 0 15px;
	padding:5px 19px
}
.left-sec-up
{
	float:left;
	padding:20px;
	width:92.5%
}
.right-sec-up
{
	float:right;
	margin:0;
	padding:20px;
	width:92.5%
}
	#nav ul li a
{
	color:#000;
	width:92%;
	border:none;
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif
}
	#nav ul
{
	background:inherit;
	border:none;
	box-shadow:none;
	display:none;
	margin-left:0;
	position:static;
	width:auto;
	padding:0
}
	#nav ul li a:hover
{
	background:#000;
	border:none;
	padding:10px;
	line-height:10px
}
.subtotal
{
	width:50%
}
	#state_name
{
	width:75.3%
}
.right-form input[type=text]
{
	margin:0 0 0 1px;
	padding:6px;
	width:70%
}
.price_loading
{
	height:606px;
	width:90%
}
.loading{
	margin-top:73%
}
.quantity_sec
{
	margin-left:3%!important
}
.billing_sec
{
	width:95%
}
/*--------------28-1-2015---------------*/
.rajister-box1{
width:100%;
}
.acount-form1{
width:100%;
margin:0px;
}
.form2 span{
width:90%;
text-align:center;
}
.rajister-box1{
	width:100%;
	padding:0px;
	border:0px;
}
.form2 .email-row{
width:95%;
}
.form1 .first-box{
width:95%;
}
}
@media only screen and (max-width:667px),(max-device-width:667px)
{
.form1 input[type="image"] {
    margin-left: -20.4% !important;
    margin-top: 2.7% !important;
}
.order_form table tr td table tr td p,.order_form table tr td table tr td div,.order_form table tr td table tr td h3{ 
	margin-left:0px !important;
}
.order_form table tr td table tr td table tr td { 
	padding-left:0px !important;
}
}
@media only screen and (max-width:640px),(max-device-width:640px)
{
.co-code input {
    width: 33.2%;
}
#ship_to {
    width: 129px;
}
.ship div{
	width:60% !important;
}
.main {
    overflow: scroll;
}

.turnaround {
    margin-left: 114px !important;
}
.cart_mid {
    width: 100% !important;
}

.next-btn {
    margin: 93px 22px 50px;
}
.left-sec-up1 {
    width: 56%;
}
.bil_input {
    width: 84%;
}
.ship_txt1 {
    width: 40%;
}
.right-side {
    width: 100%;
}
}

@media only screen and (max-width:600px)
{
.wrapper,.wrapper-b
{
	width:94%
}
.contact-info
{
	float:left;
	margin:0 0 30px;
	width:100%
}
.map-info
{
	float:right;
	width:100%
}
.g-main
{
	border-right:medium none;
	margin:0 0 30px;
	padding:0;
	width:100%
}
.left-sec-up
{
	float:left;
	padding:20px;
	width:91.5%
}
.front-bg
{
	background:url(../images/front-side-bg.png) repeat-x;
	border:1px solid #BFDEFC;
	margin:51px 0 0;
	padding:20px 10px
}
.right-sec-up
{
	float:right;
	margin:0;
	padding:20px;
	width:91%
}
.up-sec h2
{
	color:#2D2D2D;
	float:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:25px;
	font-weight:700;
	padding:12px 0 10px;
	text-align:center
}
.three-point
{
	float:none;
	text-align:center
}

}
	@media only screen and (max-width:480px),(max-device-width:480px)
{
.wrapper-b
{
	width:94%
}
.top-left
{
	float:none;
	text-align:center
}
.top-right
{
	float:none;
	text-align:center;
	margin:10px 0 0
}
.f-main
{
	margin:0 0 35px;
	text-align:center;
	width:100%
}
.f-main:nth-child(3)
{
	margin-bottom:30px
}
.f-main-contact,.f-main-sp
{
	width:100%!important
}
.copy-info
{
	color:#333;
	font-size:17px;
	padding:0;
	text-align:center
}
.right-form ul li a.zip
{
	margin:0;
	padding:4px 31px
}
.right-form ul li a.upload
{
	font-size:17px
}
.page-info
{
	margin:-20px 0 40px
}
.mid-left-inner h1
{
	border-bottom:1px solid #999;
	color:#5988DA;
	font-size:20px;
	margin:0 0 15px;
	padding:0 0 8px;
	text-transform:uppercase
}
.left-sec-up
{
	float:left;
	padding:20px;

}
.p-img
{
	float:left;
	height:68px;
	width:50px
}
.right-sec-up
{
	float:right;
	margin:0;
	padding:20px;
	width:86%
}
.login-info
{
	width:86%;
	margin:0
}
	#map_canvas
{
	height:457px;
	width:100%
}
.submitbtn
{
	margin-top:6%!important
}
	#login_submit
{
	margin-top:4%
}
	#nav ul li a
{
	color:#000;
	width:92%;
	border:none;
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
	text-align:left
}
	#nav ul
{
	background:inherit;
	border:none;
	box-shadow:none;
	display:none;
	margin-left:0;
	position:static;
	width:auto;
	padding:0
}
	#nav ul li a:hover
{
	background:#000;
	border:none;
	padding:10px;
	line-height:10px;
	color:#fff
}
.checkout_form,.checkout_form1
{
	margin:0 0 10px;
	width:100%
}
.checkinput
{
	float:left;
	margin:0 0 14px 21px;
	padding:0;
	width:80%
}
.log-in
{
	margin:23px 0 0 24px
}
.coupen
{
	margin:0 0 10px;
	width:100%
}
.apply_code
{
	margin:21px 0 0 56px;
	padding:0;
	text-align:center;
	width:53%
}
.billing_sec
{
	float:left;
	margin:0;
	padding:0 0 0 18px;
	width:100%
}
.billing_form label
{
	width:49%
}
.billing_form input
{
	width:88%!important
}
.billing_form select
{
	width:92%!important
}
.abc
{
	overflow-x:scroll;
	width:95%
}
.table1
{
	margin:0 0 10px;
	width:100%
}
.sub1 label
{
	float:left;
	width:52%
}
.p_left
{
	width:93%
}
.p_left p
{
	float:left;
	width:48%
}
.card1
{
	border:1px solid #D4D2D2;
	float:left;
	margin:20px 0 24px;
	padding:20px 0 21px 20px;
	width:90%
}
.card1 select
{
	border:1px solid #D4D2D2;
	margin:0 6px 0 0;
	padding:8px 36px 8px 25px
}
.p_right
{
	float:left;
	margin:0 0 20px 11px;
	padding:0;
	width:92%
}
.order
{
	margin:23px 0 0 28px
}
.inptext
{
	float:left;
	margin:0;
	padding:0;
	width:100%
}
.i-phone
{
	display:block;
	margin:0 0 0 10px;
	overflow-x:scroll;
	padding:0 0 15px
}
.subtotal
{
	width:87%
}
	#state_name
{
	width:71.5%
}
.right-form input[type=text]
{
	margin:0 0 0 1px;
	padding:6px;
	width:58.5%
}
.price_loading
{
	width:86%;
	height:592px
}
.loading
{
	margin-top:73%
}
.search_content
{
	float:left;
	height:100%;
	margin:3% 19%;
	width:65%
}
.contact-bg a
{
	text-decoration:none!important
}
/*--------------27-1-2015--------------*/
.form1 span{
text-align:center;
width:90%;
}
.form1 .phone-input{
width:90%;
}
.form1 .phone-input1{
width:90%;
}
.form1 .phone-input2{
width:90%;
}
.form1 .phone-input3{
width:90%;
}
.form1 .phone-input4{
width:90%;
}
.form1 .phone-input5{
width:90%;
}
.def-row{
text-align:center !important;
}
.service-tabs p{
	margin-left:0px!important;
}
#lading-done .checkbox{
	margin-left:0px!important;
}
#lading-done .checkbox div{
	width:88.8% !important;
}

.front-bg {
    padding: 20px 10px 71px;
}
.proof-bg {
    width: auto;
}
.left-sec-up1 {
    width: 88%;
	margin-bottom:0px;
}
#ship_to {
    width: 155px;
}
.right-sec-up1 {
     width: 88.5%;
	 margin-left:27px;
}
.co-code > label {
    width: 30%;
}
.btn-img input{
	margin-right:10px;
}
.cart_image > img {
    margin: 0!important;
    min-width: 113px !important;
}
.bil_l {
 
    width: 78%;
}
.front-bg {
padding: 20px 10px 140px;
}
.checkbox > input {
	width:10px;
}

.form1 a {  
	margin: 10px 61px;
    width: 100%;
}
.form1 input[type="image"] {
    margin-left: 11.6% !important;
  }
}
	@media only screen and (max-width:375px)
{
	#state_name
{
	width:66%
}
.right-form input[type=text]
{
	margin:0 0 0 1px;
	padding:6px;
	width:43%
}
.price_loading
{
	width:84%;
	height:581px
}
.loading
{
	margin-top:73%
}
.quantity_sec
{
	margin-left:4%!important
}
.billing_sec
{
	width:94%!important
}
.search_content
{
	float:left;
	width:95%;
	height:100%
}
.contact-bg a
{
	text-decoration:none!important
}
.btn-img input {
    float: right;
    margin-right: 0px;
}
.main {
   width:88%;
}
#ship_to {
    width: 80px;
}
.ship div{
	float:left;
	width: 53% !important;
}
.co-code input {
    width: 21.2%;
}
.c-card {
    margin: 26px 0 27px 15px;
    width: 89%;
}
.order_l {
    width: 84%;
}
.form1 input[type="image"] {
    margin-left: 2.6% !important;
}
}
@media only screen and (max-width:320px),(max-device-width:320px)
{
.forgot
{
	float:left
}
.submitbtn
{
	margin-top:22%!important
}
	#login_submit
{
	margin-top:4%
}
.checkout_form,.checkout_form1
{
	margin:0 0 10px;
	width:100%
}
.checkinput
{
	float:left;
	margin:0 0 14px 21px;
	padding:0;
	width:80%
}
.log-in
{
	margin:6px 0 0 22px
}
.samebill_sec label
{
	width:52%
}
.coupen
{
	margin:0 0 10px;
	width:100%
}
.apply_code
{
	margin:21px 0 0 7px;
	padding:0;
	text-align:center;
	width:94%
}
.apply_code label
{
	text-align:left;
	float:left
}
.billing_sec
{
	float:left;
	margin:0;
	padding:0 0 0 18px;
	width:87%
}
.billing_form label
{
	width:49%
}
.billing_form select
{
	width:98%!important
}
.abc
{
	overflow-x:scroll;
	width:95%;
	margin:0
}
.table1
{
	margin:0 0 10px;
	width:100%
}
.sub1 label
{
	float:left;
	width:52%
}
.p_left
{
	width:93%
}
.p_left p
{
	float:left;
	width:48%
}
.card1
{
	border:1px solid #D4D2D2;
	float:left;
	margin:20px 0 24px;
	padding:20px 0 21px 20px;
	width:90%
}
.card1 select
{
	border:1px solid #D4D2D2;
	margin:0;
	padding:8px 10px 8px 14px
}
.p_right textarea
{
	padding:57px 6px
}
.p_right
{
	float:left;
	margin:0 0 20px 11px;
	padding:0;
	width:92%
}
.order
{
	margin:10px -10px 0 22px;
	width:88%
}
.i-phone
{
	display:block;
	margin:0 0 0 10px;
	overflow-x:scroll;
	padding:0 0 15px
}
.login_here a
{
	color:#5988DA;
	font-size:22px
}
.subtotal
{
	width:87%
}
	#state_name
{
	width:63%!important
}
.right-form input[type=text]
{
	margin:0 0 0 1px;
	padding:6px;
	width:34%!important
}
.price_loading
{
	width:82%;
	height:623px!important
}
.loading
{
	margin-top:73%
}
.billing_form input
{
	width:86%!important
}
.search_content
{
	float:none;
	width:100%
}
.contact-bg a
{
	text-decoration:none!important
}
.proof-bg {
    margin: 10px 0 0; 
}
#lading-done .checkbox input{
	margin-left:0px !important;
}
.ship div {
    width: 43% !important;
}
.ship a {
    margin: 19px 8px 0 0;
  }
 .co-code > label {
    width: 100%;
}
.co-code input {
    width: 45.2%;
} 
.form1 input[type="image"] {
    margin-left: -1% !important;
}
.bottom-info {
    float: left;
}
.pdft-bg {
    padding: 10px;
}
.left-sec-up {
    width: 86.5%;
}
}