@media(max-width:1280px) { 
 .logo-header-left { width:2.3%; }
 .logo-header { width: 41.4%;}
 .logo-header-right { width:2.3%; }
 .header-quote { width:54%; }
 .header-quote { padding-top: 10px; line-height: 51px; }
 .Box14a { width:44.5%; }
 .feature {
  background: none !important;
  border: 2px dashed #ff0000;
  margin: 5px 0;
  padding: 10px !important;
}
}

@media only screen and (min-width:992px) and (max-width:1280px) {
.s2 .container table,.s3 .container table,.s4 .container table,.s5 .container table,.s5 table {
    width: 100% !important;
}
.boxinfo .Box14a {
    width: 100%;
}
.s3 td.Box13,.s2 td.Box13  {
    width: 45%;
    height: 371px;
	background:#fff;
}
.s4 .Box15 {
    height: 275px;
    padding: 9px;
    width: 45%;
}
.s5,.s2,.s3 {height:auto; padding-bottom:20px; min-height:auto;} 
.s12 .small_areafornewhandle,.s12 table,.s2 .small_areafornewhandle {width:100% !important;}
.small_areafornewhandle .hings_area {
    min-height: 128px;
}
footer {clear:both;}
}

@media(max-width:1024px) { 
.truestus ul.exp_glass li { margin-right: 10px; }
.services-section header { width:100%; }
.services { width: 60%;  }
.DivRight1 { width: 40%; }
.DivRight1 table, .DivRight1 iframe { width:100%; }
.DivRight1 div { background:none !important; }
.services-list { width:95%; }
.services-list ul { padding:0; }
.services-list ul li {   width: 100%; }
.wedo ul li {
    min-height: auto;
}
.skdslider .slide-desc > h2 { margin:0; }
.ImageDiv, .area_serve { width: 100%; border: 1px dashed #f00;  border-radius: 23px; }
.area_serve { margin-bottom:10px; }
.s2, .s3 { width:100%; }
.Box11 { width: 460px;  }
.s3 td.Box13, .s2 td.Box13 {  padding: 10px;  width: 48%; min-height: 380px;  margin: 1%; }	
.Box14a { height: 190px;  }

.phon1e { margin:2px auto 0 100px; }
}
@media(max-width:1023px) { 
.logo-header-right {
    position: absolute;
    right: 0;
    width: 30px;
} 
}
@media only screen and (min-width:768px) and (max-width:991px) {
.s2 .container table,.s3 .container table,.s4 .container table,.s5 .container table,.s5 table {
    width: 100% !important;
}
.boxinfo .Box14a,.s3 td.Box13,.s2 td.Box13  {
    width: 100%;
	background:#fff;
	margin:10px 0;
	padding:15px 0;
	box-sizing:border-box;
	float:left;
	height:auto;
}
.s4 .Box15,.s4 .Box14a{
    height: auto;
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px;
	background:#fff;
}
.s5,.s2,.s3 {height:auto; padding-bottom:20px; min-height: auto;}
.s2 .Box14a {background:#fff;}
.phon1e {
    margin: 0 auto;
	text-align:center;
}
.phon1e a {
    margin-top: 13px;
    display: inline-block;
}


.logo-header-left {
 width: 30px;
}
.collapse {visibility: visible;}


#section-features .row > div { width:50%; float:left;}
.phon1e {
margin-left:0;
width: 100%;
background-size: 94% auto;
}
.skdslider {
height:180px !important;
}
.skdslider .slide-desc {
height:30%;
top:70%;
}
.s12 .small_areafornewhandle,.s12 table,.s2 .small_areafornewhandle,.small_thumnailhardware {width:100% !important;}
.small_areafornewhandle .hings_area {
    min-height: 128px;
}
footer {clear:both;}
.bluebig,.gallery-heading {
    width: 100% !important;
}
.shower-gallery tr td {
   width: 19%;
float: left;
min-height: 175px;
margin: 3px;
}
}
@media(max-width:768px) { 
.Box11 {
    display: block;
    float: none;
    width: 100%;
}
.Box11 + td {
    display: block;
    width: 100%;
}
ul.exp_glass li b{ color:#333 !important; }
.area_serve td {
  display: inline-block;
  width: 49% !important;
}
.navbar-default .container {
    padding:0;
}
.nav li {
    padding-left: 14px;
}
.dropbtn {display:block;}
.mob-home { float:left; display:none;     width: 20%;}
.menu {
    background-image: url(../image/menu.jpg);
    width:100%;
    color: #00549d;
    padding: 11px;
    font-size: 25px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    display: block;
    height: 51px;
    float: left;
	line-height: 25px;
	background-position: top right;
	background-repeat: no-repeat;
	
}
h1 {
 margin-top: 0em;
 margin-bottom: 0em;
 margin-left: 0;
 margin-right: 0;
 font-size:16px;
 color:#001789;
 font-weight:600;
 }
.navbar-collapse.collapse.navbar-left {
    margin-top: 45px;
}
.logo-header {
 width: 80%;
 height: 80px;
 float: left;
}
.logo-header img {
height: 80px;
}
.header-quote {
 height: 62px;
 width: 80%;
 float: left;
 margin: 0 auto;
}
.logo-header-right {
margin-top:-11%;
width: 30px;
float:right;
}
.phon1e a {
 margin-top:15px;
 float: left;
 text-align: center;
 display: block;
 width: 100%;
}
.logo-header  { text-align:right; }
.phon1e {
    background-position: 71% center;
    padding-right: 0 !important;
    text-align: right;
	margin:0 auto;
}
.header-quote {
    float: none;
    margin: 0 auto;
    max-width:365px;
    width: 100%;
}
.TopPanel { width:100%; position: relative; }
.logo-header-left {
    left: 0;
    position: absolute;
    width: 30px;
}
.logo-header-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
	margin: 0;
}
.small_thumnailhardware,.small_areafornewhandle,.s12 table{width:100%;}
.header-quote { margin-top:8.5% !important; }
.phon1e a { margin-top: 0; font-size: 19px; }
.inner { width: 100%; text-align:center; }
.boxinfo .Box14a,.s3 td.Box13,.s2 td.Box13,.s12,.s2 { min-height: auto; }
.Box14a td {  vertical-align: top !important; }
.Box14a {
    width: 46.5%;
}
.s12 .small_areafornewhandle,.s12 table,.small_thumnailhardware {width:100% !important;}
.small_areafornewhandle .hings_area {
    min-height: 128px;
}
footer {clear:both;}
}
@media(max-width:767px) {

section.jumbotron.jumbotron2 {
 padding: 10px !important;
}
body.color-blue .jumbotron2, body.color-blue .jumbotron4 {
background-size:100% 100%;
line-height: 1.2;
}
.heading_who_we_are {
 font-size: 27px;
 margin-top: 89px;
}
.jumbotron2 .LeftDiv {
line-height:1.6;
width:100%;
padding-bottom: 66px;
}
.jumbotron2 .RightDiv {
display:none;
}
section.jumbotron2 .container {
 padding: 0;
}
.jumbotron2 .LeftDiv p {
 float: left;
 margin-bottom: 9px;
 font-size: 14px;
 width: 100%;
}
inspector-stylesheet:1 .jumbotron2 .LeftDiv b {
 float: left;
}
 .skdslider .slide-desc > h2 .h2a {
 font-size:20px;
}
 .skdslider .slide-desc {
padding-top: 8px;
}
 .DivRight1 {
width:100%;
padding: 0;
}
 .DivRight1 > div {
background-image: none !important;
}
 .DivRight1 table {
width:100%;
}
 .DivRight1 iframe {
width:100%;
}
 .ImageDiv {
width:100%;
}
 .main {
 width: 100%;
 float: left;
}
.services-section header {
width:100%;
float:left;
}
.services-list {
width:100%;
}
 .services h2 {
font-size: 14px;
 width: 100%;
margin: 28px 0 32px;
}
 .services-list ul {
width: 100%;
float:left;
padding-left:0;
}
 .services-list ul li {
width:100%;
float:left;
}
 .services-list ul li a span.page-name {
float:left;
}
 .tab-links li {
text-align:center;
float: none;
}
 .tab-links {
padding-left:0;
}
table,.Box11,.Box11 + td,.Box14a {
    float: left;
    width: 100% !important;
}
.Box11,.Box14a {margin:10px 0;}

.boxinfo .Box14a,.s3 td.Box13,.s2 td.Box13,.s4 .Box15,.s4 .Box14a  {
    width: 100%;
	background:#fff;
	margin:10px 0;
	padding:15px;
	box-sizing:border-box;
	float:left;
	height:auto;
}
.s5,.s2,.s3 {height:auto; padding-bottom:20px; float:left;min-height: auto;}

.inner { font-size: 22px; }

.s1, .s9, .s6, .s7, .s8, .s10, .s11 { 
    background-size: cover;
    height: 185px;
} 
.s1 { min-height:185px; }
.logo-header {  width: 100%; text-align:center;  height: 125px; }
.logo-header img { height: auto;  max-width: 250px; }
.header-quote {
   background:none;
    bottom: 0;
    line-height: 23px;
    max-width: 100%;
    padding-top: 0 !important;
    position: absolute;
	margin-top: 0 !important;
}
.phon1e a {
 margin-top:6px;
 float: left;
 text-align: center;
 display: block;
 width: 100%;
}
.phon1e {
margin-left:0;
width: 100%;
background-size: 94% auto;
font-size: 17px;
float: none;
margin: 0 auto!important;
padding: 0 !important;
width: 280px;
background-position: top right;
}
.navbar-collapse { visibility:visible; }
.services { width: 100%; }
ul.exp_glass li b {
    color: #fff !important;
}.tab-content { margin-bottom:0; }
.content {
    padding: 40px 0 0;
}
#contact { height:auto !important; }
.small_thumnailhardware,.small_areafornewhandle {width:100%;}
.hings_area {
    margin: 5px 4px;
	width:31%;
}
footer {clear:both;}
.bluebig,.gallery-heading {
    width: 100% !important;
}
.shower-gallery tr td {
    width:25%;
    float: left;
    min-height: 175px;
}
.header-quote strong { font-size: 16px !important; }
.phon1e font, .phon1e { line-height: 1.5 !important; }
	}

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

#section-features .row > div { width:100%;}
.skdslider {
height:180px !important;
}
.skdslider .slide-desc {
height:30%;
top:70%;
}
section.jumbotron.jumbotron2 {
 padding: 10px !important;
}
body.color-blue .jumbotron2, body.color-blue .jumbotron4 {
background-size:100% 100%;
line-height: 1.2;
}
.heading_who_we_are {
 font-size: 27px;
 margin-top: 89px;
}
.jumbotron2 .LeftDiv {
line-height:1.6;
width:100%;
padding-bottom: 66px;
}
.jumbotron2 .RightDiv {
display:none;
}
section.jumbotron2 .container {
 padding: 0;
}
.jumbotron2 .LeftDiv p {
 float: left;
 margin-bottom: 9px;
 font-size: 14px;
 width: 100%;
}
inspector-stylesheet:1 .jumbotron2 .LeftDiv b {
 float: left;
}
 .skdslider .slide-desc > h2 .h2a {
 font-size:20px;
}
 .skdslider .slide-desc {
padding-top: 16px;
}
 .DivRight1 {
width:100%;
padding: 0;
}
 .DivRight1 > div {
background-image: none !important;
}
 .DivRight1 table {
width:100%;
}
 .DivRight1 iframe {
width:100%;
}
 .ImageDiv {
width:100%;
}
 .main {
 width: 100%;
 float: left;
}
.services-section header {
width:100%;
float:left;
}
.services-list {
width:100%;
}
 .services h2 {
font-size: 14px;
 width: 100%;
margin: 28px 0 32px;
}
 .services-list ul {
width: 100%;
float:left;
padding-left:0;
}
 .services-list ul li {
width:100%;
float:left;
}
 .services-list ul li a span.page-name {
float:left;
}
 .tab-links li {
text-align:center;
float: none;
}
 .tab-links {
padding-left:0;
}
.small_thumnailhardware,.small_areafornewhandle {width:100%;}
.smallhardware_area {
    width: 46%;
}
.hings_area {
    width: 43%;
    margin: 5px 10px;
}
.bluebig,.gallery-heading {
    width: 100% !important;
}
.shower-gallery tr td {
    width:33%;
    float: left;
    min-height: 175px;
}
.hardware-type tr td a img {height:38px;}
}

@media(max-width:420px) {
 
.phon1e { height:40px; } 
.phon1e {  background-position: center top; background-size: 90% auto;  }
.shower-gallery tr td {
    width: 50%;
    float: left;
    min-height: 175px;
}
}