body{margin: 0px;}
table,div{font-family: 'Open Sans',sans-serif; font-weight:normal;font-size:14px; color:#333333; line-height:20px; }
a{color: #333333; text-decoration: none; }
a:hover{color: #333333; text-decoration: none;opacity: 0.8;}
img{border:none;}
.product-img img{margin-top: -12px;border:none;width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
.second_class{ margin-top: 22px!important;}
ul, ol {
    margin-bottom: 10px;
    margin-top: 0;
}
.cart_navigation #request_button{display:none !important;}
#paypal-column-block{display:none;}
ul {
   /* list-style:url("../img/arrow1.jpg");*/
/* list-style:decimal;*/
/*list-style:url("../img/bullet.png");*/
list-style:disc;
    padding-left: 10px;
}
#payment_paypal_express_checkout{display:none !important;}
ul li ul{list-style: none;}
ol{list-style: decimal; margin: 0 0 0 20px}

table tr td{text-align: left;}
/*table tr td:first-child{text-align: left !important;}*/
.nav2 ul {list-style: none !important;}
.spacification1{width: 155px; float: left;}
.amtable table tr td:first-child {width: 155px;border: 0;text-align: center;}
.amtable table tr td{text-align: center ;}
.cat{text-align: left !important;}
.model{text-align: left !important;}
th.cat{text-align: center !important;}
th.model{text-align: center !important;}


.product_img_link{color: #d31d1d;
    font-size: 13px;
    text-decoration: underline;}
.errortext{border:1px solid red !important;}
.cart img{  margin-left: 15px !important;
  margin-top: -6px;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
.free-quote2{background: #FFFFFF; width: 250px; padding: 10px 13px; border: 1px solid #f1f1f1}
.free-quote2 h3{width: 100% !important; border: none !important; padding: 0 0 10px !important; text-transform: none !important; text-align: center !important;}
.free-quote2 .input{border: medium none; border-radius: 5px; padding: 10px; width: 230px; margin-bottom: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; background: #f5f5f5; }
.free-quote2 .textarea{border: medium none; border-radius: 5px; padding: 10px; width: 230px; margin-bottom: 10px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; background: #f5f5f5;}
.free-quote2 .submit{background: #08729e; color: #FFFFFF; text-transform: uppercase; text-align: center; padding: 10px; border: none; font-weight: bold; width: 250px; border-radius: 5px;}
	
.img_left{margin-right:15px;}
.img_right{margin-left:15px;}
.ul{margin:0; padding-left:0;}
.ul li{margin-bottom: 10px;background:  url(../img/arrow1.jpg) no-repeat center left;padding-left: 15px;list-style: none;}
.changefeature{width:75px;}
.ul-in{margin:0; padding-left:0;}
.ul-in li{margin-bottom: 10px;background:  url(../img/arrow2.jpg) no-repeat 0% 40%;border-bottom: 2px dotted #cecece;padding:2px 15px 9px;}
.ul-in li:last-child{border-bottom: none;}
.ul-in li a{font-size: 16px;color:#f48000;font-weight: 600;}
.blue{color: #0f7298;}

#main{margin:0 auto;}	
header{width: 100%;border-top: 4px solid #00aef0;display: inline-block;padding-top:10px;background: #e6e6e6;border-bottom: 4px solid #0070c0;}
#top-left{float: left; width: 195px;/*margin-top: 15px;*/}
#top-right{float: right;/*width: 507px;*/width: 633px;}

.top-row1{float: right;width: 100%; display: inline-block;margin-top: 10px;font-size: 14px;font-weight: 600; text-align: right}
.top-row1 a{text-decoration: underline;margin-right: 3px;font-weight: normal;}

.account_block_cart{ width:150px !important; }
/*.top-row2{float: right;width: 67%;display: inline-block;margin-top: 14px;}*/
.top-row2{float: right;width: 100%;display: inline-block;margin-top: 14px;}
.login-btn{width: 140px;background: #454545;padding:8px 15px;color: #fff;font-weight: 600;float: left;}
.login-btn a{color: #fff;font-size: 15px;}
.login-btn:hover{background: #0070c0;color: #fff;}
.login-btn .img_left{margin-right: 5px;margin-top: -2px;}

/*.account{float: left;margin-left: 20px; width: 200px;}*/
.account{float: left;width: 143px; margin-left: 20px;margin-top: 10px;}
.account a{text-decoration: underline;font-weight: 600;font-size: 14px;}
.account a:hover{color:#333; text-decoration: none; }
.account .img_left{margin-right: 5px;margin-top: -5px;}

/*.cart{  float: left; margin-top: 9px;  width:196px;}*/
.cart{float: left; margin-top: -5px;font-weight: 600;}
.cart .img_right{margin-top: -7px;}

h1{font-size:32px;font-weight: normal;}
h2{font-size:21px;font-weight: 600;color: #f48000;margin: 0px;line-height: 28px;}
h3{font-size:18px;font-weight:600;}
h4{font-size:14px;}

.inner-header{color: #0f7298;font-size: 30px;font-weight: 600px;line-height: 33px;}
.inner-header1{font-size:21px;font-weight: 600;color: #f48000;margin: 0px;line-height: 28px;}

.banner{width: 100%;/*background: url(../img/banner-bg.jpg) #025677 no-repeat center center fixed; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/ margin-top: -5px;height: 318px;}
.banner h2{font-size: 32px; color: #f4fab4; font-weight: 400;line-height: 38px;margin-bottom: 0;}
.banner-in{height: 174px; margin-top: -5px;width: 100%;}  
.white{color: #fff;}
  
.banner-text{width: 487px;float: left;margin-top: 80px;}
.banner-img{width: 474px; float: right;margin-top: 36px;}
/*.banner img{width: 100%;}*/
ul.wlp_bought_list li{list-style: none;}
.order_qte_input{width: 50px;text-align: center;}
#my-account .return_quantity_buttons{display: none;}
.search-box {
    height:29px;
    width: 100%;float: right;
    background:#dbd9d9;      
}
ul.wlp_bought_list li .lnkdel {
    right: 40px !important;
}
.address li{list-style: none;}

.search-box  input[type="text"] {
    background-color: #fff;
   /* border-bottom: 3px solid #00add8;*/
    bottom: 0;
border-bottom:none;
    box-shadow: none;
    height: 24px;
    padding-left: 7px;
  /*    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;*/
    float: right;
    width:222px;;
    border-right: none;border-left: none;border-top: none;
    padding-right: 10px;
    
   
}

/*.search-box input[type="text"]:focus{width: 100px;}*/
.search-box .search-img{ float: right;
    height: 29px;
    margin-left: -2px;/* border: 1px solid #eee;*/ border-right: none;border-left: none;border-top: none;width:263px; }

.search-box .search-img img{margin-left: 0px; margin-top: 6px;padding-right: 5px;}

.search-box .submit-button {
    background-color: transparent;
    border: 0 none;
    color: #9b9b9b;
    font-size: 14px;
   /* height: 15px;*/
    padding: 0;
	position:absolute;
	right:11px;
    width: 17px;
    padding-top: 8px;
}
.search-box .submit-button:hover {
    color: #222;
}

.fontawesome-icon-list .fa-hover a {
    border-radius: 4px;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}


#search input[type="text"] {
   /* background: 10px 6px #ffffff;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #ffffff;
    width:175px;
    padding: 6px 15px 6px 35px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    float: right;
    margin: 10px 0;
    border-radius: 2px;
    height: 30px;
    background-position: left center;*/
}
ul#thumbs_list_frame {
    list-style: none!important;
}
#search input[type="text"]:focus {
    background:  no-repeat 10px 6px #444;
    color: #ffffff;
    width: 225px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    float: right;
    background-position: left center;
}


#row1{width: 100%;margin: 3px 0 8px 0;float: left;}
.grey-bg{background: #e6e6e6;}
.box1{width: 237px; float: left; padding: 13px 23px;}
.box1 a{font-size: 14px;font-weight: 600;text-transform: none;}
.box1 p{line-height: 23px;margin: 0px;}
.sap-img{width: 14px; float: left;}

.grey-bg .container .eleven.columns{width: 467px; height: 479px;}
.grey-bg .container .twelve.columns{width: 681px;}
.grey-bg .container .six.columns{width: 294px; height: 479px;}



.shadow {
  -moz-box-shadow:    3px 3px 5px 0px #ccc;
  -webkit-box-shadow: 3px 3px 5px 0px #ccc;
  box-shadow:         3px 3px 5px 0px #ccc;
}


#row2{width: 100%;display: inline-block; }

#row2 h3{line-height: 28px;font-weight: 600; margin: 8px 0;}

#row2 p{line-height: 23px;margin: 0px;}
.orange{color: #ff7900;}
.box2{/*border: 2px solid #09749d;*/width: 100%;background: #dad8d9;border-right: 2px solid #09749d;}
.box2-img{width: 100%; height: 236px;}
.box2-img img{width: 100%;}
.box2-content{padding:0 10px 10px 10px;/*height: 145px;*/ height: 224px;}

.cat-list ul{margin:0px;padding:0px; list-style: none;margin-top:0px;/*border: 2px solid #09749d;*/border-left:none;background: #00aef0; }
.cat-list ul li {margin-bottom: 0px;list-style: none;border-bottom: 2px solid #4dc6f5;background: none;line-height: 26.6px;padding-left: 20px;right:0;background-position:left; }
.cat-list ul li a{margin-bottom: 10px; list-style: none;text-align: left;background: url(../img/arrow.png) no-repeat;background-position: 0px 3px;padding-left: 15px;color: #fff;}
.cat-list ul li a:hover{color:#09749d;text-decoration: none; opacity: 1; }
.cat-list ul li:last-child{border:0px;}
.cat-list ul li:hover{color: #fff;}
.cat-list ul li.active{color: #fff;}

#row3{width: 100%;display: inline-block; }
#row3 .header{background: #ff7900; text-align: center;padding: 15px 0;font-size: 20px;font-weight: 600;color: #fff;}
.box3{width: 260px;float: left;border: 1px solid #ff7900;padding: 10px;height: 745px;}
.box3 h3{font-size: 16px; color: #ff7900; font-weight: 600;margin: 5px 0;}

.box3-content{width: 100%; display: inline-block;margin-top: 5px;}
.box3 .left{width: 77px; float: left;}
.box3 .left img{width: 100%;}
.box3 .right{width: 175px; float: right;padding-left: 5px;}
.box3 .right a{color: #d31d1d;text-decoration: underline; font-size: 13px;}
.box3 .right p{margin: 0px;}

.box4{border: 1px solid #ff7900;padding: 10px; width: 90%; margin: 0 auto;}
.box4 h3{font-size: 16px; color: #ff7900; font-weight: 600;margin: 5px 0;text-align: center;}
.box4 p{border-bottom: 1px solid #868686;padding-bottom: 10px;}
.box4 p:last-child{border-bottom: none;}

.producttitle
{
font-weight:normal;
 font-size: 15px !important;

}
.small {
    font-size: 13px !important;
}


.codrops-header {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left:47%;
	text-align: left;
	max-width: 1000px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 600;
	font-size: 38px;
	color: #00aef0;
	text-transform: uppercase;
	text-align: left;
	line-height: 60px;
	width: 890px;
	
}

.codrops-header h1 span {
	display: block;
	padding: 0.5em 0 0.6em 0.1em;
	font-size: 40%;
	line-height: 1.2;
	opacity: 0.7;
}

footer{background: none repeat scroll 0 0 #505050; width: 100%;margin: 0px;display: inline-block;padding-top: 20px;margin-top: 15px;}
footer p {margin: 0;color: #fff;line-height: 24px;}
footer .header{font-weight: 600;color: #fff;font-size: 15px;}
.footer-content{width: 100%; display: inline-block;}
footer ul{margin:0; padding-left:0;margin-top: 15px;}
footer ul li{ list-style: none;line-height: 26px; }
footer ul li a{color: #fff;}footer ul li a:hover{color: #fff;}
.copy{background: #343434; padding: 10px 0; text-align: center;width: 100%; display: inline-block;color: #fff;margin-top: 15px;}
#hamburger-navigation {display: none;}
#category_description_full6 tbody tr td{text-align: left;}


#inner-content{width: 100%; display: inline-block; margin: 30px 0; overflow: hidden;}
#inner-left{width: 273px; float: left;border-right: 2px solid #d9d5d5;padding-right: 19px;}
#inner-right{width: 861px; float: right; /*border-left: 2px solid #d9d5d5;*/padding-left: 19px;}
#inner-right ul{list-style: disc !important;}
/* about page */
.handcursor{background: #ff7900;color: #fff; font-size: 18px; font-weight: 600;padding: 10px 0;text-align: center; width: 100%;cursor:hand;cursor:pointer;margin: 0px;}
.switchgroup1{width: 93%; text-align: center;background: #f7f7f7;padding: 10px;}
.sidebar .handcursor{text-align: left;padding-left: 10px;} 


#bobcontent2-title{margin-top: 9px;}
#bobcontent3-title{margin-top: 9px;}
/* end */


/*contact page */
.contact-info{width: 200px; float: left;text-align: center;margin:30px 40px 0;}
.contact-info:last-child{margin-right: 0px;}
.info-header{font-size: 18px; font-weight: bold;color: #64a6b9;}
.contact-form{width: 100%;display: inline-block;}
.contact-header{color: #ff7900;font-size: 22px; font-weight: 600; line-height:42px;margin-bottom: 17px;margin-top: 40px;}
.form_lines {float: left; line-height: 40px; margin: 5px 0;width: 100%;}
.form_labels {color: #000;float: left; font-size: 14px; /*width: 13%;*/ width: 17%;}
.form_lines .unvisible{color: #000;float: left; font-size: 14px; /*width: 13%;*/ width: 17%;    visibility: hidden !important;
    display: block;}
.form_fields {color: #000;float: left;font-size: 15px; height: 35px; width: 64%; background: #ebebeb;order: 0px;border-radius: 5px;	padding: 5px; font-size: 13px;border: none;}
.form_lines textarea{height: 142px;}
.submit_btn{width: 150px;/* margin-left: 110px;*/ margin-left: 148px;}
.submit_btn input{background: #00add8;border-radius: 5px;color: #fff;text-transform: uppercase;width: 150px; text-align: center;padding:10px 0;margin: 0 auto;border: 0px;font-weight: bold;font-size: 16px;}
.locate-us{width: 100%;display: inline-block;}
.locate-us iframe{width: 100%;}
/* end */

/* product page */
.product{width: 100%;display: inline-block;margin-top: 20px;}
.product-left{width: 48%; float: left; margin-right: 20px;}
.product-right{width: 48%; float: right;}
.product-content{width: 100%;margin-bottom: 20px;display: inline-block;}
.product-img{float: left;width: 100px;}
.product-detail{float: right;width: 300px;font-size: 13px;}
.product-detail p{margin: 5px 0;}
.detail-header{color: #f48000; font-size: 16px;font-weight: 600;}

.promotion-product-left{width: 48%; float: left; margin-right:16px;min-height: 180px;}
#inner-left #hs_quick_quote{display:none;}
/* end */
/* product-detail page */
 .button{background: none repeat scroll 0 0 #00add8;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 220px;
    display: inline-block;
margin-top: 0;   
   }
#Request{
background: none repeat scroll 0 0 #00add8;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding: 6px 0;
    text-align: center;
    width: 179px;
    display: inline-block;
    margin-top: 20px;
    list-style:none;  
}
   .button a{color: #fff;} 
   .sub-categories{background: #252525; color: #fff; padding: 10px 20px;display: inline-block;width: 95%;margin: 10px 0;font-weight: 600;font-size: 16px;}
   
   .sub-categories-content{width: 100%;display: inline-block; border-bottom: 2px solid #d6d6d6;margin-top: -5px;}
   .sub-categories-content:last-child{border-bottom: 0px;}
   .sub-categories-box{width: 260px;float: left;border: 2px solid #d6d6d6;padding:10px 10px;    min-height: 251px;}
   
 /*  .sub-categories-box:nth-child(4){width: 260px;padding-right: 0px; border-right:none; border-right: 2px solid #d6d6d6;}
   .sub-categories-box:last-child{width: 260px;padding-right: 0px; border-right:none;border-right: 2px solid #d6d6d6;}*/
   .sub-categories-product{width: 127px;float: left;height: 133px;}
   .sub-categories-product-content{width: 134px;float: right;margin-top: 10px;}
     .sub-categories-product-content .button{    
     background: none repeat scroll 0 0 #00add8;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 105px;
    display: inline-block;
    margin-left: 20px; 
   }
   .button a{color: #fff;} 
   .product-detail1{width: 100%;display: inline-block;}
   .product-detail-left{width: 334px; float: left;text-align: center;border:1px dotted #cccccc;}
   .product-detail-right{/*width: 644px;*/ float: right; width: 723px;}
   .product-rate{width: 100%;display: inline-block;text-align: right;}
   .star-rate{float: right;margin-left: 2px;}

   
   table {
    border-collapse: collapse;
    width: 100%;/* width:auto;*/
    line-height: 17px;height: auto !important;
}
/*tr:nth-of-type(2n+1) {
    background: none repeat scroll 0 0 #eee;
}*/
th {
    background: none repeat scroll 0 0 #333;
    color: white;
    font-weight: bold;
}
td, th {
    border: 0px;
  
}
   
   thead tr {background: #6b7070; color: #fff;}
    thead tr th{font-weight: 400;height: 40px;}

    tbody tr td{text-align: center; border:1px solid #cccccc; padding-left: 10px;}
    .clear-btn a{background: #56b8fd; border-radius: 5px;color: #fff;font-size: 12px;padding: 2px 10px;}
   .qty{width: 30px;}
   .grey{color: #8d8b8b;}
/*   	tr { border: 2px solid #ccc;background: #edf0f1;}*/
   	tr { border: 2px solid #ccc;background: #edf0f1;}
   	 	tr.odd{background: #bbdff9;}
	th{background: #6b7070;}
	td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			/*padding: 10px 3px;*/
			padding: 2px 3px;
		}
		
	td p{margin: 0; word-break: break-all;}	
	.cat{width:15%;}	
	/*.model{width: 350px;}*/
	.model{width: 61%;}

/* Extra Css */
#category_description_short{margin-top:10px;}
#category_description_full{margin-top:10px;}
#category_description_full ul{list-style: decimal;padding-left: 20px;}
#category_description_full ul li{line-height: 28px; overflow-wrap: break-word;}

#category_description_full tbody tr td{ border: 1px solid #cccccc; padding: 10px;  text-align: left;}
#category_description_short h4{font-size: 15px;}

.lnk_more{margin-top:5px;color:#f48000;}

.shopby .resp-tab-content ul{/*padding: 21px;*/}
.shopby .resp-tab-content ul li{margin: 5px 0;}

/* slpesh */
.quote_quantity .quote_quantity_input{float: left !important; margin-right: 4px;}

#quote_account .row{margin: 0;}

.wlp_bought	.wlp_bought_list{margin: 0 !important; padding: 0; list-style: none;}
.wlp_bought	.wlp_bought_list li {margin: 0 15px 30px 0; width: 24%}
.wlp_bought	.wlp_bought_list li .row{margin: 0;}
.wlp_bought	.wlp_bought_list li:nth-child(4n+4){margin-right: 0;}
.columns:nth-child(3) .box3 .box3-content:nth-child(4){display: none;}
.columns:nth-child(2) .box3 .product-container:nth-child(5), .columns:nth-child(2) .box3 .product-container:nth-child(6){display: none;}
.columns:nth-child(1) .box3 .ul{display: none;}
.columns:nth-child(1) .box3 .box4{display: none;}
.columns:nth-child(1) .box3 p:nth-child(6){display: none;}

   	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
			background: #6b7070;
			color: #fff;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top:10px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		

		/*
		Label the data
		*/
		/*td:nth-of-type(1):before { content: "Cat #"; }
		td:nth-of-type(2):before { content: "Model"; }
		td:nth-of-type(3):before { content: "Temp.Range"; }
		td:nth-of-type(4):before { content: "Cooling Output @20’c"; }
		td:nth-of-type(5):before { content: "Pump Pressure Max."; }
		td:nth-of-type(6):before { content: "Pump Flow Max."; }
		td:nth-of-type(7):before { content: "Price Units"; }
		td:nth-of-type(8):before { content: "Quantity"; }
		td:nth-of-type(9):before { content: "Add to Compare "; }
	    td:nth-of-type(10):before { content: " "; }
	    td:nth-of-type(11):before { content: ""; }*/
	
	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		/*body {
			padding: 0;
			margin: 0;
			width: 320px; }*/
					
			
		}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/*	body {
			width: 495px;
	}*/
	}
	
	

   
  /* end */  

/* catalogue page */
.catalogue{width: 100%; display: inline-block;background: url(../img/catalogue-bg.jpg)no-repeat left 15px; border-bottom: 2px solid #e7e7e7;}
.handcursor1{color: #f58220; font-size: 20px; font-weight: 600;padding: 10px 10px; width: 97%;cursor:pointer;margin: 0px;margin-top: 9px;display: inline-block;padding-left: 16px;}
.switchgroup2{padding-left: 10px;margin-top: 0px;width:99%;display: inline-block;}
.text-content{width: 521px; float: left;margin-left: -10px;padding-left: 16px;padding-bottom: 20px;}
.img-content{width: 295px;float: right;}
.cat-option{width: 100%; background: #252525; border-bottom: 5px solid #aa5101;display: inline-block;margin-top: 20px;}
.option{padding: 10px 29px;float: left;border-right: 2px solid #454545;}
.option:last-child{border-right: 0px;}
.option a{color: #fff;font-size: 16px;}


/* end */
/* News page */
.news{width: 100%;margin:8px 0;display: inline-block;}
.news-img {
    float: left;
    width: 123px;
}
.news-detail {
    float: right;
    font-size: 13px;
    width: 709px;
}

.news-detail a{color: #d31d1d;
    font-size: 13px;
    text-decoration: underline;}
    
.news-detail .detail-header{margin-top: 0px;}     

/* end */


 .submenu-product li a{font-weight: bold;}    
    .submenu-product li ul li a{font-weight: normal;padding-left: 10px;}
    
   .maincontent{width: 100%; display: inline-block;}
   .maincontent .submenu-product.leftside{width: 100%; float: left;}
   .maincontent .submenu-product.rightside{width: 99%; float: right;} 
    
/*product detail page */
.cat-checkbox{width: 20%; float: left;}
.cat-image{width: 80%; float: right;}
/*.cat-image-list{float:left;margin-right: 15px;}*/
.cat-image-list{float:none;margin: 0 auto; display: table;}
.cat-image img{width: 100%;}
.cat-image-list img{width: 100%;}
.product-detail-table td{/*text-align: left !important;*/margin-right: 10px;min-width: 63px;}
.product-detail-table td:last-child{margin-right: 0px;}
.product-detail-table ul{padding-left: 20px;list-style: disc;}
.product-detail-table ul li{margin: 3px 0;}
.product-detail-table td:nth-child(3){text-align: left;}
.product-detail-table td:nth-child(4){text-align: center;}
.product-detail-table td:nth-child(5){text-align: center;}
.package-price span{width: 30%; float: left;}
.package-price input{width: 65%; float: right;}
.product-detail-table .clear-btn{display: inline-block;margin: 10px auto;}
/* end */

.social_icon{width: 100%;padding:10px 0 18px;}


/**/
.iris-product{border:2px solid #09749d;width: 100%;}
.beforelogin{width:505px !important;}
.beforelogin .cart{margin-top: 0px !important;}
.beforelogin .top-row2{/*width: 77% !important;*/ width: 93% !important;}
.category-detail-left { float: left; width: 325px; border: 1px solid #ddd;padding: 10px 24px 10px 24px;text-align: center;}
.category-detail-left .img-thumbnail{border: 0;}
.category-detail-right { float: right;  width: 456px;}	
.category-detail-left .bxslideradd{border-top: 1px solid #ddd;padding: 10px 0;}	
.category-detail-left .bx-wrapper img{height: 100px;width: 100px;}
/**/
	
/*my account */
.login-info{width: 100%;display: inline-block;}
.login-header{background: #e3e3e3; padding: 8px 10px;width: 98%; display: inline-block;font-weight: bold;font-size: 15px;}
.login-header button{background-color: #57c8f1; color: #ffffff; float: right;border: 0px;width: 120px; text-align: center;padding: 5px 0; border-radius: 4px;}
.login-table{/*width: 50%;float: left;*/}
.login-table table tr{border:0px;}
.login-table table td{border:0px; text-align: left; }
.account-detail{/*width: 50%;display: inline-block;float: right;*/}
.account-info{/*width: 50%; float: left;*/}
.contact-add{width: 30%; float: left;margin-left: 20px;}
.account-info td{text-align: left;border:0;}
.account-info tr{border:0px;}
.communication td{text-align: left;border:0;}
.communication tr{border:0px;} 
.email-table td{text-align: left;border:0;}
.email-table tr{border:0px;}
.text-header{font-weight: bold;}
.add-box{width: 49%; float: left;margin-right: 20px;}
.add-box:last-child{margin-right: 0px;}
.add-box p{width: 70%;float: left;}
.add-box button{background-color: #57c8f1; color: #ffffff; float: right;border: 0px;width: 100px; text-align: center;padding: 5px 0; border-radius: 4px;margin-top: 14px;}
.marketing-email{width: 100%;display: inline-block; }
#order-list tr td:last-child{text-align: right;}

#order-list .history_detail .button{margin: 0px;}
#order-list .history_detail .btn-default{background-color: #57c8f1;border: 0 none; border-radius: 4px; color: #ffffff; padding: 5px 0; text-align: center;width: 100px;float: left;}
#order-list .button.button-small span{border: 0px;}
#order-list .button.button-small span:hover{background: none;}
  

/* end */	

/*feedback page */
.title {width: 25%; float: left;margin-right: 20px;} .title label{width: 100%;} .title .selector{width: 100%;}
.fname{width: 25%; float: left;margin-right: 20px;} .fname label{width: 100%;} .fname input{width: 100%;}
.surname{width: 25%; float: left;} .surname label{width: 100%;} .surname input{width: 100%;}
/* end */
#cart_voucher .button{margin-top: 0px;float: left; padding: 5px 0;}
.cart_voucher h4{text-align: left;}	

/*#hsqqt_top{margin-top: 5px !important;}*/

#tab_1 .block_content{-webkit-columns: 300px; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;}
#tab_1 ul.tree.left{width: 100% !important; box-sizing: border-box; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: inline-block; float: none;}

/*#tab_2 .block_content{-webkit-columns: 300px; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;}
#tab_2 ul.tree{display: inline-block; width: 1100px;}
#tab_2 ul.tree li{width: 33.33% !important; box-sizing: border-box; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: inline-block; float: none;}
.submenu-product.leftside{margin: 0; padding: 0 !important; width: 100%;}
#tab_2 ul.tree ul{width: 100%; float: none;}
#tab_2 ul.tree ul li{width: 100%; page-break-inside: auto;}*/

/*.block_content ul li ul li ul li ul {list-style-image: url('../img/arrow487.png');}
.block_content ul li ul li ul li ul li a{content:"";}*/

#tab_2 .block_content{-webkit-columns: 300px; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;}
#tab_2 ul.tree ul{width: 100%; padding: 0;}
#tab_2 ul.tree li{width: 100% !important; box-sizing: border-box; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: inline-block; float: none;}
#tab_2 ul.tree ul li ul{padding: 0;}
#tab_2 ul.tree ul li .maincontent{display: block;}

#tab_3 .block_content{-webkit-columns: 300px; -moz-columns: 300px; columns: 300px; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;}
#tab_3 ul.tree ul{width: 100%; padding: 0;}
#tab_3 ul.tree li{width: 100% !important; box-sizing: border-box; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; /*display: inline-block;*/ float: none;}
#tab_3 ul.tree ul li ul{padding: 0;}

#categories_block_left ul li ul li ul li ul li a::before{content: none !important;}
#categories_block_left ul li ul li ul li ul{list-style-image: url('../img/arrow3.jpg') !important;padding-left:14px !important;}

#categories_block_left ul li ul li ul li a::before{content: none !important;}
#categories_block_left ul li ul li ul{list-style-image: url('../img/arrow4.jpg') !important;}
		
.resp-tab-content table{width: 100% !important;max-width:100% !important;}		
	
	
/* new 14th july */
.resp-tabs-list hor_1{padding: 0;}

#currencies-block-top{background-color:#000 !important;}
#currencies-block-top .currencies_ul{width:267px;background: #fff;z-index: 9999;opacity: 0.9;padding: 0;}
#currencies-block-top ul li{list-style: none;}
#currencies-block-top ul li a, #currencies-block-top ul li > span{color: red !important;padding: 0;}
#currencies-block-top ul li.selected, #currencies-block-top ul li:hover a{background:#fff !important; }
#currencies-block-top div.current strong{color: #fff !important;}
	


.table-bordered tfoot tr td:first-child{text-align: right}

	 @media only screen and (min-width:1026px) and (max-width:1180px) {
	 		  	.cssmenu > ul > li > a{padding: 15px 17px;}
	  /*	.banner img{width: 100%;}*/
	  	.box1{width: 176px;}
	  	.box1 h2{font-size: 17px;}
	  	.box2 img{width: 100%;}
	  	.box2-content{height: 165px;}
	  	.box3{width: 207px;height: auto;}
	  	.box3 img{width: 100%;}
	  	.box3 .right{width: 118px;}
	  	
	  	.codrops-header h1{font-size: 34px;line-height: 38px;width: 100%;;}
	  	
	  	/* inner page */
	  	.banner-in img{width: 100%;}
.banner-in {height: auto;}
	  	#inner-right{width: 621px;}
	  	/* contact page */
	  	.contact-info{width: 143px;margin: 30px 32px 0;}
	  	.locate-us img{width: 100%;}
	  	/* end */
	  	/* product page */
		.product-detail{width: 188px;}
		/* end */
		/* catalogue page */
.text-content{width:54%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
.img-content{width: 250px;}
.img-content img{width: 100%;}
/* end */


/* product detail page */
.sub-categories-box{width:188px;height: 320px;}
.sub-categories-product{margin: 0 auto;float: none;}
.sub-categories-product-content{margin: 0 auto;float: none;}

.product-detail-right{width:614px;float: left;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 311px;}
.clear-btn a {
    font-size: 7px;
    padding: 2px 1px;
}
td{padding-left: 0px;}
.login-table{width: 35%;}
.login-table td{width: 48%; float: left;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 46%;}
	  .category-detail-right{width:36%;}	
	 }	
	
	  @media only screen and (min-width:960px) and (max-width:1025px) {
	  	
	  	.top-row2{width: 97%;}
	  	.cart img{margin-top: -28px;}
	  	.top-row2 .login-btn{margin-left: 0px;}
	  	.top-row2 .cart{width: 151px;}
	  	.cssmenu > ul > li > a{padding: 15px 17px;}
	  /*	.banner img{width: 100%;}*/
	  	.box1{width: 176px;}
	  	.box1 h2{font-size: 17px;}
	  	.box2 img{width: 100%;}
	  	.box2-content{height: 165px;}
	  	.box3{width: 207px;height: auto;}
	  	.box3 img{width: 100%;}
	  	.box3 .right{width: 118px;}
	  	
	  	.codrops-header h1{font-size: 34px;line-height: 38px;width: 100%;;}
	  	
	  	/* inner page */
	  	.banner-in img{width: 100%;}
.banner-in {height: auto;}
	  	#inner-right{width: 621px;}
	  	/* contact page */
	  	.contact-info{width: 143px;margin: 30px 32px 0;}
	  	.locate-us img{width: 100%;}
	  	/* end */
	  	/* product page */
		.product-detail{width: 188px;}
		/* end */
		/* catalogue page */
.text-content{width:54%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
.img-content{width: 250px;}
.img-content img{width: 100%;}
/* end */


/* product detail page */
.sub-categories-box{width:188px;height: 320px;}
.sub-categories-product{margin: 0 auto;float: none;}
.sub-categories-product-content{margin: 0 auto;float: none;}

.product-detail-right{width:614px;float: left;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 311px;}
.cat1{height: 20px;}

/* end */
/* news page */
.news-detail{width:479px;}
.news-detail .detail-header{text-align: left;}
/* end */

td{padding-left: 0px;}
.login-table{width: 35%;}
.login-table td{width: 48%; float: left;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 46%;}

	  	/* end */
	  .category-detail-right{width: 36%;}	
	  }
	
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; right:20px; position: relative;  text-decoration: none; padding: 0; z-index: 10;top:2px;left:10px; line-height: auto !importnat}
		header{margin-bottom: 5px;padding-top: 0px;height: auto;}  	  	
		h1{font-size: 24px;} h2{font-size: 20px;}
		.cssmenu { display: none;}
		.top-nav { display: block; margin-top: -8px; position: absolute; top: 0;  width: 32%;margin-top: 0px;}
		.clearfix a{line-height: 31px;}
		header{}
		
		footer ul li{text-align: left;}
		footer ul{margin-left: 0px;}
		 
	/*	.banner img{width: 100%;}*/
		.sap-img{display: none;}
		#row3 .header{display: inline-block;width: 100%;}
		#top-right{width: 597px;}
		#top-right .login-btn{margin-left: 0px;}
		.top-row2 .cart{width: 152px;}
		.top-row2{width:96%;}
		.cart .img_right{margin-top: 0px;}
		#top-left{width: 142px;}
		.box1{width: 318px;}
		.box1 a{padding-left: 0px;}
		.box2-img img{width: 100%;}
		.cat-list ul li{line-height: 30px;}
		.box2-content{height: 141px;}
		
		.codrops-header h1{font-size: 24px;line-height: 28px;width: 100%;text-align: center;}
		.cart img{margin-top: 0px;}
		
		/* inner page */
.banner-in img{width: 100%;}
.banner-in {height: auto;}
.ul-in {display: inline-block; margin: 0;  padding-left: 0; text-align: center; width: 100%;}
.ul-in li{display: inline-block;}
.ul-in li a{font-size: 14px;}
.ul-in li{padding: 0 15px 8px;background-position:0 28%;}
#inner-left {float: none; margin: 0 auto; width: 100%;display: inline-block;padding-right: 0px;border-right: 0px;}
#inner-right{float: none; margin: 0 auto; width: 99%;border-left: none;margin-top: 32px;text-align: justify;padding: 0px;}
.inner-header{font-size: 24px;text-align: center;}
.inner-header1{text-align: center;}
.sidebar{float:right; width: 100%; text-align: center;}
.sidebar h3 {display: inline-block; width: 220px;}
.sidebar .handcursor{text-align: center;}
/* contact page */
.contact-info {float: left; margin: 30px 25px 0; text-align: center; width: 194px;}
.form_labels{width: 32%;}
.locate-us img{width: 100%;}
.contact-header{text-align: center;}
.submit_btn{margin: 0 auto;}
/*end*/
/* product page */
.product-detail{width: 244px;}
/* end */
/* catalogue page */
.text-content{width:61%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
.img-content{width: 250px;}
.img-content img{width: 100%;}
/* end */
footer .header{font-size: 14px;}
footer ul li a{font-size: 12px;}
footer p{font-size: 12px;}
/* end */
/* product detail page */
.sub-categories-box{width: 220px;height: 320px;}
.sub-categories-product{margin: 0 auto;float: none;}
.sub-categories-product-content{margin: 0 auto;float: none;}

.product-detail-right{width: 448px;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 365px;text-align: center;}
.cat1{height: 20px;}
/* end */

/* news page */
.news-detail{width:598px;}
.news-detail .detail-header{text-align: left;}
/* end */
td{padding-left: 0px;}
.login-table{width: 35%;}
.login-table td{width: 48%; float: left;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 46%;}
.title{width: 29%;}
.banner{height: 209px;}

.product-detail-table td{width: 100%; text-align: center !important;display: inline-block;}
.cat-checkbox span{margin-left: 0px;}
.cat-checkbox {width: 100%;}

.search-box{height: 30px; margin-top: -33px; position: relative;}

.box2-img{height: auto;}
.box2-content{height: auto;}
.box3{width: 260px;}
.box1{min-height: 150px;}
.container .six.columns{height: auto !important;}
}	
		
   @media only screen and (min-width: 640px) and (max-width: 767px) {
   	#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; right:20px; position: relative;  text-decoration: none; padding: 0; z-index: 10;top:2px;left:10px; line-height: auto !importnat}
header{margin-bottom: 5px;padding-top: 0px;height: auto;}  	
  	h1{font-size: 24px;} h2{font-size: 20px;}
.cssmenu { display: none;}
.top-nav { display: block; margin-top: -125px; position: absolute; right: 0;  top: 0;  width: 32%;}
/*header{height: 166px;}*/


 footer ul li{text-align: left;}
 footer ul{margin-left: 0px;}
 
/*.banner img{width: 100%;}*/
.sap-img{display: none;}
#row3 .header{display: inline-block;width: 100%;}

.codrops-header h1{font-size: 24px;line-height: 28px;width: 100%;text-align: center;}
.banner{height: 165px;}
 
/* inner page */
.banner-in img{width: 100%;}
.banner-in {height: auto;}
.ul-in {display: inline-block; margin: 0;  padding-left: 0; text-align: center; width: 100%;}
.ul-in li{display: inline-block;}
.ul-in li a{font-size: 14px;}
.ul-in li{padding: 0 15px 8px;background-position:0 28%;}
#inner-left {float: none; margin: 0 auto; width: 100%;display: inline-block;}
#inner-right{float: none; margin: 0 auto; width: 95%;border-left: none;margin-top: 30px;text-align: justify;padding: 0px;}
.inner-header{font-size: 24px;text-align: center}
.inner-header1{text-align: center;}
.sidebar{float:right; width: 100%; text-align: center;}
.sidebar h3 {display: inline-block; width: 220px;}
.sidebar .handcursor{text-align: center;}
/* contact page */
.contact-info {float: left; margin: 30px 25px 0; text-align: center; width: 146px;}
.form_labels{width: 32%;}
.locate-us img{width: 100%;}
.contact-header{text-align: center;}
.submit_btn{margin: 0 auto;}
/*end*/
/* product page */
.product-left{width: 100%; float: none;margin-right: 0px;}
.product-right{width: 100%; float: none;margin-right: 0px;}
.product-detail{width: 473px;}
/* end */
/* catalogue page */
.text-content{width:61%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
.img-content{width: 200px;}
.img-content img{width: 100%;}
/* end */

/* product detail page */
.sub-categories-box{width: 178px;height: 340px;}
.sub-categories-product{margin: 0 auto;float: none;}
.sub-categories-product-content{margin: 0 auto;float: none;}

.product-detail1{width: 100%;}
.product-detail-left{float: none;}
.product-detail-right{float: none;width: 100%;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 290px;float: right !important;}
.cart img{margin-top: -24px;}
.cat1{height: 20px;}
/* end */
/* news page */
.news-detail{width:450px;}
.news-detail .detail-header{text-align: left;}
/* end */
#top-left{width: 127px;}
.top-row2{width: 85%;}
#top-right{width:79%;}
#top-right .login-btn{margin: 0px;}
#top-right .cart{width: 151px;float: right;margin-top: 0px;}
/*.#search_block_top .btn.button-search{top:-29px !important;}
search-box .search-img{margin-left: 0px; width: auto;}
.search-box{width: auto;background: none;}
.search-box .search-img{margin-top: -30px !important;}*/

td{padding-left: 0px;}
.login-table{width: 100%;}
.login-table td{width: 48%; float: left;}
.account-detail {width: 100%;float: left;}
.account-info {width: 100%;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 46%;}
.add-box p{width: 58%;}
.account{margin: 9px; float: rightl}
.cart .img_right{margin-top: 0px;}
.title{width: 29%;}
/* end */ 

tbody tr td{text-align: center;}

.search-box{height: 30px; margin-top: -33px; position: relative;} 	

.box3{width: 268px;}
.box1{min-height: 150px;}
.container .six.columns{height: auto !important;}
}		
	
@media only screen and (min-width: 480px) and (max-width: 639px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; right:20px; position: relative;  text-decoration: none; padding: 0; z-index: 10;top:2px;left:10px; line-height: auto !importnat}
h1{font-size: 24px;} h2{font-size: 20px;}
.cssmenu { display: none;}
.top-nav { display: block; margin-top: -125px; position: absolute; right: 0;  top: 0;  width: 32%;}
header{margin-bottom: 5px;padding-top: 0px;}

 footer ul li{text-align: left;}
 footer ul{margin-left: 0px;}
 
/*.search-box{background: none;margin-top: -32px;}*/
.login-btn{margin: 0;padding: 8px 5px;width: 74px;margin-right: 10px;}
.login-btn a{font-size: 14px;}
.account{margin-left:0px;margin-top: 9px; width: 106px}
.account_block_cart{margin-top: 14px !important;}

.cart{margin-left: 5px;margin-right: 10px;width: 132px;}

.cart .img_right{margin-left:0 !important;width: 14%;margin-top: 1px;}

.sap-img{display: none;}
/*.banner img{width: 100%;}*/

#top-right{width: 100%;}
.top-row1{display: inline-block;width: 100%; float: left;}
.top-row2{display: inline-block; width: 100%; float: left;}
.box1{padding: 8px 13px 0;width: 202px;}
.box1 a{padding-left: 0px;}
.box2{width: 99%;}
.box2-content{height: 275px;}
.box2-img img{width: 100%;}
.box3{width: 95%;height: auto;margin-bottom: 10px;}
.box3 img{width: 100%;}
#row3 .header{display: inline-block;width: 100%;}

.codrops-header h1{font-size: 24px;line-height: 28px;width: 100%;text-align: center;}

/* inner page */
.banner-in img{width: 100%;}
.banner-in {height: auto;}
.ul-in li a{font-size: 14px;}
.ul-in li{padding: 0 15px 8px;background-position:0 28%;}
.sidebar{float:right; width: 100%; text-align: center;}
.sidebar h3 {display: inline-block; width: 220px;}
.sidebar .handcursor{text-align: center;}
.ul-in {display: inline-block; margin: 0;  padding-left: 0; text-align: center; width: 100%;}
.ul-in li{display: inline-block;}
#inner-left{float: none;margin: 0 auto;width: 100%;display: inline-block;border-right: 0px;padding-right: 0px;}
#inner-right{float: none; margin: 0 auto; width: 95%;border-left: none;margin-top: 20px;text-align: justify;padding: 0px;}
.inner-header{ font-size: 24px; margin-bottom: 20px; text-align: center;}
.inner-header1{text-align: center;}
/* contact page */
.contact-info{margin: 0 auto;float: none;}
.form_labels{width: 32%;}
.locate-us img{width: 100%;}
.contact-header{text-align: center;}
.submit_btn{margin: 0 auto;}
/*end*/
/* product page */
.product-left{width: 100%; float: none;margin-right: 0px;}
.product-right{width: 100%; float: none;margin-right: 0px;}
.product-detail{width: 318px;}
/* end */
/* catalogue page */
.text-content{width:94%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
.img-content{float: none; margin: 0 auto;}
/* end */

/* product detail page */
.sub-categories{width: 91%;}
.sub-categories-box{border-right: 0px; border-bottom: 2px solid #d6d6d6;}
.sub-categories-content{border-bottom: 0px;}
.sub-categories-box{width: 415px;}


.product-detail1{width: 100%;}
.product-detail-left{float: none;}
.product-detail-right{float: none;width: 100%;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 49%;}
.cat1{height: 23px;}
/* end */

/* news page */
.news-detail{width:301px;}
.news-detail .detail-header{text-align: left;}
/* end */
/* end */

td{padding-left: 0px;}
.login-table{width: 100%;}
.login-table td{width: 48%; float: left;}
.account-detail {width: 100%;float: left;}
.account-info {width: 100%;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 100%;}
.add-box p{width: 58%;}
.title{width: 28%;}
.banner{height: 129px;}


.category-detail-right{width: 100%;}
tbody tr td{text-align: center;}
 
 .search-box{height: 30px; margin-top: -33px; position: relative;} 
 
.box2-content, .box2-img{height: auto;}
.container .six.columns{height: auto !important;}

#currencies-block-top{text-align: center; float: none !important;}
}		
	
@media only screen and (min-width: 320px) and (max-width: 479px) {
.top-row1{ margin-left: 0;}
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #FFFFFF; display: block; right:20px; position: relative;  text-decoration: none; padding: 0; z-index: 10;top:2px;left:10px; line-height: auto !importnat}	
header{margin-bottom: 5px;padding-top: 0px;}	
h1{font-size: 21px;} h2{font-size: 18px;}
.cssmenu { display: none;}
.top-nav { display: block; margin-top: -150px; position: absolute; right: 0;  top: 0;  width: 60%;}


 footer ul li{text-align: left;}
 footer ul{margin-left: 0px;}


/*.search-box{background: none;margin-top: -20px;}*/
.login-btn{width: 82px;padding: 6px 5px;margin: 0px;}
.login-btn a{font-size: 14px;}
.account{margin-left: 4px;float: right; width: 180px;}

.cart{margin-left: 5px;float: right;margin-right: 10px;}

.cart .img_right{margin-left: 2px;width: 14%;margin-top: 0px;}

.sap-img{display: none;}
/*.banner img{width: 100%;}*/

#top-right{width: 100%;}
.top-row1{display: inline-block;width: 100%; float: left;}
.top-row2{display: inline-block; width: 100%; float: left;}
.box1{padding: 8px 23px 0 23px;}
.box1 a{padding-left: 0px;}
.box2{width: 99%;}
.box2-img img{width: 100%;}
.box3{width: 278px;height: auto;}
.box3 img{width: 100%;}

.codrops-header h1{font-size: 24px;line-height: 28px;width: 100%;text-align: center;}


/* inner page */
.banner-in img{width: 100%;}
.banner-in {height: auto;}
.ul-in li a{font-size: 14px;}
.ul-in li{padding: 8px 15px 15px;}
#inner-left{float: none;margin: 0 auto;}
#inner-right{float: none; margin: 0 auto; width: 95%;border-left: none;margin-top: 27px;text-align: justify;padding: 0px;}
.inner-header{font-size: 24px;text-align: center;}
.inner-header1{text-align: center;}
/* contact page */
.form_labels{width: 32%;}
.locate-us img{width: 100%;}
.contact-header{text-align: center;}
/*end*/
/* product page */
.product-left{width: 100%; float: none;margin-right: 0px;}
.product-right{width: 100%; float: none;margin-right: 0px;}
.product-detail{width: 168px;}
/* end */

/* catalogue page */
.text-content{width:94%;}
.option {border-right: 2px solid #454545; float: left; margin-right: 4px; padding: 10px 0; width: 31%;text-align: center;}
.option .img_left{float: none;margin-right: 0px;}
.option a{font-size: 13px;width: 100%;float: left;}
/* end */

/* product detail page */
.sub-categories{width: 88%;}
.sub-categories-box{border-right: 0px; border-bottom: 2px solid #d6d6d6;}
.sub-categories-content{border-bottom: 0px;}

.product-detail1{width: 100%;}
.product-detail-left{float: none;}
.product-detail-right{float: none;width: 100%;}
h2.resp-accordion{color: #fff;text-transform: uppercase;}
.product-rate{margin: 10px 0;}
.cat{width: 49%;}
.cat1{height: 23px;}
.product-detail-left{width: 100%;}

/* end */

/* news page */
.news-detail{width: 176px;}
.news-detail .detail-header{text-align: left;}
/* end */

.submit_btn{margin-left: 0px;width: 100%; text-align: center;}
    						
td{padding-left: 0px;}
.login-table{width: 100%;}
.login-table td{width: 48%; float: left;}
.account-detail {width: 100%;float: left;}
.account-info {width: 100%;}
.account-info table td{width: 48%; float: left;}
.add-box{width: 100%;}
.add-box p{width: 58%;}
.login-info{margin-top: 13px;}

#inner-left{border-right: 0px;}
.detail-header{text-align: left;}

.banner{height: 100px !important;}

.category-detail-right{width: 100%;}
tbody tr td{text-align: center;}
.account_block_cart{width: 161px !important; margin-top: 20px;}

.search-box{height: 30px; margin-top: -33px; position: relative;} 

.box2-content, .box2-img{height: auto;}
.container .six.columns{height: auto !important;}

.category-detail-left{width: 100%;}

}	

@media only screen and (min-width:1180px) and (max-width:1399px) {
.account_block_cart {margin-top: 14px !important;}	
}

@media only screen and (min-width:960px) and (max-width:1179px) {
.product-detail-left{width: 307px;}	
.product-detail-right{float: right;}

#tab_1, #tab_2, #tab_3{background: #FFFFFF !important; width: 95% !important;}

.product-detail-table table, .product-detail-table thead, .product-detail-table tbody, .product-detail-table th, .product-detail-table td, .product-detail-table tr {display: block;}
.product-detail-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.product-detail-table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
.product-detail-table td:nth-of-type(odd) {text-align: right;}
.product-detail-table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px;}
.product-detail-table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
.product-detail-table tr th{display: none;}
.product-detail-table tr:nth-child(2n+2){background: #f5f5f5;}
.product-detail-table tr td:nth-of-type(1):before {content: "Select";}
.product-detail-table tr td:nth-of-type(2):before {content: "Model";}
.product-detail-table tr td:nth-of-type(3):before {content: "Image";}
.product-detail-table tr td:nth-of-type(4):before {content: "Product Detail";}
.product-detail-table tr td:nth-of-type(5):before {content: "Availability";}
.product-detail-table tr td:nth-of-type(6):before {content: "Price";}
.product-detail-table tr td .cat-checkbox{float: right}

.account_block_cart {margin-top: 14px !important;}
}	

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.product-detail-left{width: 277px;}
	.sidebar{margin: 0px auto 20px; float: none; display: table;}
	.category-detail-right{width:348px;}
	.beforelogin{width:68% !important;}
.beforelogin .top-row2{width: 84% !important;}
#hsqqt_top{left: -10px; margin-top: -30px; padding: 0 !important; position: relative !important; top: -39px; width: 100% !important;}

#tab_1, #tab_2, #tab_3{background: #FFFFFF !important; width: 96% !important;}

.cat-image-list{margin: 0;}

.product-detail-table table, .product-detail-table thead, .product-detail-table tbody, .product-detail-table th, .product-detail-table td, .product-detail-table tr {display: block;}
.product-detail-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.product-detail-table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
.product-detail-table td:nth-of-type(odd) {text-align: right;}
.product-detail-table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; text-align: left !important;}
.product-detail-table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
.product-detail-table tr th{display: none;}
.product-detail-table tr:nth-child(2n+2){background: #f5f5f5;}
.product-detail-table tr td:nth-of-type(1):before {content: "Select";}
.product-detail-table tr td:nth-of-type(2):before {content: "Model";}
.product-detail-table tr td:nth-of-type(3):before {content: "Image";}
.product-detail-table tr td:nth-of-type(4):before {content: "Product Detail";}
.product-detail-table tr td:nth-of-type(5):before {content: "Availability";}
.product-detail-table tr td:nth-of-type(6):before {content: "Price";}
.product-detail-table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

#order-detail-content .table, #order-detail-content .table thead, #order-detail-content .table tbody, #order-detail-content .table th, #order-detail-content .table td, #order-detail-content .table tr {display: block;}
#order-detail-content .table thead tr {position: absolute; top: -9999px; left: -9999px;}
#order-detail-content .table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
#order-detail-content .table td:nth-of-type(odd) {text-align: right;}
#order-detail-content .table td {border: none; position: relative; padding-left: 30%; width: 69%; min-height: 30px; display: inline-block; text-align: left !important;}
#order-detail-content .table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
#order-detail-content .table tr th{display: none;}
#order-detail-content .table tr:nth-child(2n+2){background: #f5f5f5;}
#order-detail-content .table tr td:nth-of-type(1):before {content: "Catalog Number/ Model Number";}
#order-detail-content .table tr td:nth-of-type(2):before {content: "Product";}
#order-detail-content .table tr td:nth-of-type(3):before {content: "Description";}
#order-detail-content .table tr td:nth-of-type(4):before {content: "Availability";}
#order-detail-content .table tr td:nth-of-type(5):before {content: "Unit price (tax excl)";}
#order-detail-content .table tr td:nth-of-type(6):before {content: "Quantity";}
#order-detail-content .table tr td:nth-of-type(7):before {content: "Subtotal (tax excl)";}
#order-detail-content .table tr td:nth-of-type(8):before {content: "";}
#order-detail-content .table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

.promotion-product-left{width: 47%;}
}	

@media only screen and (min-width: 640px) and (max-width: 767px) {
	.product-detail-left{width: 100%;}	
	
		.product-detail-table td{padding-left: 0px;}
.product-detail-table td {display: inline-block; padding-left: 0; text-align: center !important;  width: 100%;}
.product-detail-table .cat-checkbox{float: none; margin: 0 auto;  width: 20%;}
.beforelogin{width:68% !important;}
.beforelogin .top-row2{width: 100% !important;}
#hsqqt_top{left: -10px; margin-top: -30px; padding: 0 !important; position: relative !important; top: -39px; width: 100% !important;}

#tab_1, #tab_2, #tab_3{background: #FFFFFF !important; width: 95% !important;}

.category-detail-left{width: 100%; margin-bottom: 20px; padding: 10px 0;}
.category-detail-right{width: 100%;}

.cat-image-list{margin: 0;}

.product-detail-table table, .product-detail-table thead, .product-detail-table tbody, .product-detail-table th, .product-detail-table td, .product-detail-table tr {display: block;}
.product-detail-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.product-detail-table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
.product-detail-table td:nth-of-type(odd) {text-align: right;}
.product-detail-table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
.product-detail-table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
.product-detail-table tr th{display: none;}
.product-detail-table tr:nth-child(2n+2){background: #f5f5f5;}
.product-detail-table tr td:nth-of-type(1):before {content: "Select";}
.product-detail-table tr td:nth-of-type(2):before {content: "Model";}
.product-detail-table tr td:nth-of-type(3):before {content: "Image";}
.product-detail-table tr td:nth-of-type(4):before {content: "Product Detail";}
.product-detail-table tr td:nth-of-type(5):before {content: "Availability";}
.product-detail-table tr td:nth-of-type(6):before {content: "Price";}
.product-detail-table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

#order-detail-content .table, #order-detail-content .table thead, #order-detail-content .table tbody, #order-detail-content .table th, #order-detail-content .table td, #order-detail-content .table tr {display: block;}
#order-detail-content .table thead tr {position: absolute; top: -9999px; left: -9999px;}
#order-detail-content .table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
#order-detail-content .table td:nth-of-type(odd) {text-align: right;}
#order-detail-content .table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
#order-detail-content .table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
#order-detail-content .table tr th{display: none;}
#order-detail-content .table tr:nth-child(2n+2){background: #f5f5f5;}
#order-detail-content .table tr td:nth-of-type(1):before {content: "Catalog Number/ Model Number";}
#order-detail-content .table tr td:nth-of-type(2):before {content: "Product";}
#order-detail-content .table tr td:nth-of-type(3):before {content: "Description";}
#order-detail-content .table tr td:nth-of-type(4):before {content: "Availability";}
#order-detail-content .table tr td:nth-of-type(5):before {content: "Unit price (tax excl)";}
#order-detail-content .table tr td:nth-of-type(6):before {content: "Quantity";}
#order-detail-content .table tr td:nth-of-type(7):before {content: "Total Subtotal (tax excl)";}
#order-detail-content .table tr td:nth-of-type(8):before {content: "";}
#order-detail-content .table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

.promotion-product-left{margin: 0 0 20px; width: 100%;}
}	

@media only screen and (min-width: 480px) and (max-width: 639px) {	
	.product-detail-left{width: 100%;}
	#top-left{display: block; float: none; margin: 0 auto; width: 122px;}	
	#top-left .logo{width: 100%;}
	#top-right{width: 100% !important;}
	
	.product-detail-table td{padding-left: 0px;}
.product-detail-table td {display: inline-block; padding-left: 0; text-align: center !important;  width: 100%;}
.product-detail-table .cat-checkbox{float: none; margin: 0 auto;  width: 20%;}
.beforelogin{width:57% !important;}
.beforelogin .top-row2{width: 100% !important;}
#hsqqt_top{width: 100% !important;padding: 10px 0 !important;}

#tab_1, #tab_2, #tab_3{background: #FFFFFF !important; width: 93% !important;}

.category-detail-left{width: 100%; margin-bottom: 20px; padding: 10px 0;}
.category-detail-right{width: 100%;}

.cat-image-list{margin: 0;}

.product-detail-table table, .product-detail-table thead, .product-detail-table tbody, .product-detail-table th, .product-detail-table td, .product-detail-table tr {display: block;}
.product-detail-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.product-detail-table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
.product-detail-table td:nth-of-type(odd) {text-align: right;}
.product-detail-table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
.product-detail-table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
.product-detail-table tr th{display: none;}
.product-detail-table tr:nth-child(2n+2){background: #f5f5f5;}
.product-detail-table tr td:nth-of-type(1):before {content: "Select";}
.product-detail-table tr td:nth-of-type(2):before {content: "Model";}
.product-detail-table tr td:nth-of-type(3):before {content: "Image";}
.product-detail-table tr td:nth-of-type(4):before {content: "Product Detail";}
.product-detail-table tr td:nth-of-type(5):before {content: "Availability";}
.product-detail-table tr td:nth-of-type(6):before {content: "Price";}
.product-detail-table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

#order-detail-content .table, #order-detail-content .table thead, #order-detail-content .table tbody, #order-detail-content .table th, #order-detail-content .table td, #order-detail-content .table tr {display: block;}
#order-detail-content .table thead tr {position: absolute; top: -9999px; left: -9999px;}
#order-detail-content .table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
#order-detail-content .table td:nth-of-type(odd) {text-align: right;}
#order-detail-content .table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
#order-detail-content .table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
#order-detail-content .table tr th{display: none;}
#order-detail-content .table tr:nth-child(2n+2){background: #f5f5f5;}
#order-detail-content .table tr td:nth-of-type(1):before {content: "Catalog Number/ Model Number";}
#order-detail-content .table tr td:nth-of-type(2):before {content: "Product";}
#order-detail-content .table tr td:nth-of-type(3):before {content: "Description";}
#order-detail-content .table tr td:nth-of-type(4):before {content: "Availability";}
#order-detail-content .table tr td:nth-of-type(5):before {content: "Unit price (tax excl)";}
#order-detail-content .table tr td:nth-of-type(6):before {content: "Quantity";}
#order-detail-content .table tr td:nth-of-type(7):before {content: "Total Subtotal (tax excl)";}
#order-detail-content .table tr td:nth-of-type(8):before {content: "";}
#order-detail-content .table tr td .cat-checkbox{float: left; right; width: 20%; margin-top: 10px;}

.promotion-product-left{margin: 0 0 20px; width: 100%;}
}	

@media only screen and (min-width: 320px) and (max-width: 479px) {
	#top-left{display: block; float: none; margin: 0 auto; width: 122px;}	
	#top-left .logo{width: 100%;}
	#top-right{width: 100% !important;}
	
.banner{height: auto;}
.codrops-header h1{font-size: 14px;}

.product-detail-table td{padding-left: 0px;}
.product-detail-table td {display: inline-block; padding-left: 0; text-align: center !important;  width: 100%;}
.product-detail-table .cat-checkbox{float: none; margin: 0 auto;  width: 20%;}
.beforelogin{width: 100% !important;}
.beforelogin .top-row2{width: 100% !important;}
.box2{border-right: 0px;}
/*my account */
.login-table table{width: 100%;}
.login-table table td {width: 39%;float: left;padding: 0px !important;}

.account-info{width: 100%;}
.account-info table{width: 100%;}
.account-info table td {width: 39%;float: left;padding: 0px !important;}

.communication{width: 100%;}
.communication table{width: 100%;}
/*.communication table td {width: 33%;float: left;padding: 0px !important;}*/
.communication table td {width: 35%;float: left;padding: 0px !important;}
.communication table td:nth-child(2){width: 27%;}

.email-table table{width: 100%;}
.email-table table td:first-child {width: 80%;float: left;padding: 0px !important;}
.email-table table td:last-child {width: 20%;float: left;padding: 0px !important;}
.news-detail{float: left;}
/*end */

#hsqqt_top{width: 100% !important;padding: 10px 0 !important; left: -24px;}

#tab_1, #tab_2, #tab_3{background: #FFFFFF !important; width: 89% !important;}

.category-detail-left{padding: 10px 0;}
.cat-image-list{margin: 0;}

.product-detail-table table, .product-detail-table thead, .product-detail-table tbody, .product-detail-table th, .product-detail-table td, .product-detail-table tr {display: block;}
.product-detail-table thead tr {position: absolute; top: -9999px; left: -9999px;}
.product-detail-table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
.product-detail-table td:nth-of-type(odd) {text-align: right;}
.product-detail-table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
.product-detail-table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
.product-detail-table tr th{display: none;}
.product-detail-table tr:nth-child(2n+2){background: #f5f5f5;}
.product-detail-table tr td:nth-of-type(1):before {content: "Select";}
.product-detail-table tr td:nth-of-type(2):before {content: "Model";}
.product-detail-table tr td:nth-of-type(3):before {content: "Image";}
.product-detail-table tr td:nth-of-type(4):before {content: "Product Detail";}
.product-detail-table tr td:nth-of-type(5):before {content: "Availability";}
.product-detail-table tr td:nth-of-type(6):before {content: "Price";}
.product-detail-table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

#order-detail-content .table, #order-detail-content .table thead, #order-detail-content .table tbody, #order-detail-content .table th, #order-detail-content .table td, #order-detail-content .table tr {display: block;}
#order-detail-content .table thead tr {position: absolute; top: -9999px; left: -9999px;}
#order-detail-content .table td {width: 100%; text-align: center; line-height: 30px; text-align: right !important;}
#order-detail-content .table td:nth-of-type(odd) {text-align: right;}
#order-detail-content .table td {border: none; position: relative; padding-left: 50%; width: 48%; min-height: 30px; display: inline-block; text-align: left !important;}
#order-detail-content .table td:before {position: absolute; top: 6px; left: 6px; width: 45%;	white-space: nowrap; text-align: left; font-weight: bold;}
#order-detail-content .table tr th{display: none;}
#order-detail-content .table tr:nth-child(2n+2){background: #f5f5f5;}
#order-detail-content .table tr td:nth-of-type(1):before {content: "Catalog Number/ Model Number";}
#order-detail-content .table tr td:nth-of-type(2):before {content: "Product";}
#order-detail-content .table tr td:nth-of-type(3):before {content: "Description";}
#order-detail-content .table tr td:nth-of-type(4):before {content: "Availability";}
#order-detail-content .table tr td:nth-of-type(5):before {content: "Unit price (tax excl)";}
#order-detail-content .table tr td:nth-of-type(6):before {content: "Quantity";}
#order-detail-content .table tr td:nth-of-type(7):before {content: "Total Subtotal (tax excl)";}
#order-detail-content .table tr td:nth-of-type(8):before {content: "";}
#order-detail-content .table tr td .cat-checkbox{float: left; width: 20%; margin-top: 10px;}

.promotion-product-left{margin: 0 0 20px; width: 100%;}
}