/* CSS Document */

body {font-size: 12px; line-height: 22px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background:#FFF !important; min-width: 100%; margin:0 !important; padding:0; color:#333; font-weight:normal; text-rendering: optimizeLegibility !important; font-stretch:normal !important;  overflow-x:hidden; }

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

/*TEXT SELECTION*/
::-moz-selection { /* Code for Firefox */ color:#FFF; background:#F9A534;}
::selection {color:#FFF; background:#F9A534;}
/*TEXT SELECTION*/

h1 { width:100%; font-size:38px; line-height:48px; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}
h1 strong { font-weight:700; color:#0356AA;}

h2 { width:100%; font-size:30px; line-height:40px; color:#F9A534; font-weight:700; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

h3 { width:100%; font-size:20px; line-height:30px; color:#0356AA; font-weight:700; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

p { font-size:14px; font-weight:500; line-height:20px; text-align:left; color:#333; margin:15px 0 ; padding:0;}
p a { color:#0356AA; text-decoration:none;}
p a:hover { color:#F9A534; text-decoration:none;}
p span { font-weight:600; color:#F9A534;}
p strong { font-weight:600; color:#0356AA; font-style:italic;}

/**HEADER**/
#header-1 { margin:0; padding:0;}

/*LOGO*/
.logo { float:left; margin:15px 0; padding:0;}
/*LOGO*/

/**HEADER**/

/*OUR PRODUCTS*/
#our-products-section { padding:15px 0;}

.more-products { position:relative; float:left; width:940px; height: auto; margin:0px 15px; padding:0px; list-style:none; overflow:hidden; }
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:190px; min-height:250px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
.more-products ul li:hover { border:1px solid #0356AA; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
.more-products ul li:hover .more-products-text a { color:#F9A534; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}

.more-products-holder { width:880px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:880px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:100px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:915px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:915px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text { background:#F4F4F4; margin:15px 0; padding:15px 0;}
#home-text h1 { width:100%; font-size:38px; line-height:48px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}
#home-text h1 strong { font-weight:700; color:#0356AA;}

#home-text p { width:100%; font-size:16px; line-height:24px; text-align:center; color:#333; font-weight:500; margin:15px 0 0 0; padding:0 10px;}

/*BUTTON*/
.button { margin:15px 0 ; padding:15px 0 10px 0; list-style: outside none none; }
.button a {  font-weight:500; width: auto; text-align:center; margin:0; padding:15px 40px; line-height:50px; color:#FFF; text-decoration:none; text-shadow: none; font-size:18px; text-align:center; background:#0356AA; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;  -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; text-transform:uppercase; }
.button a:hover { background:#F9A534; color:#0356AA; text-decoration:none;  -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; }
/*BUTTON*/

/*QUICK INQUIRY*/
#quick-inquiry { margin:0; padding:0;}
.quick-inquiry-bg { background:url(../images/img.png) no-repeat right 60px bottom; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry { float:left; height: auto; margin:0 0 15px 0; padding:0;}

.quick-inquiry h2 { width:100%; font-size:38px; line-height:48px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}

.quick-box { float:left; height:auto;  margin:15px 0 !important; padding:0 15px; font-size:14px; text-align:left; color:000; font-weight:500;}

.quick-inquiry-bor { float:left; width:100%; line-height:50px; font-size:14px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 15px; background:#FFF; border:1px solid #0356AA; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }

.quick-inquiry-textar { float:left; width:100%; height:100px; line-height:35px; font-size:14px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #0356AA;  font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  }

.quick-inquiry-bor:focus, .quick-inquiry-textar:focus { background:#FFF; border:1px solid #F9A534; }

.quick-box select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333;  width:100%; line-height:50px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #0356AA; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.quick-box select:focus { border:1px solid #F9A534; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: '';}

label { font-size:14px; text-align:left; color:#333; font-weight:600; margin:0; padding:0 0 10px 0; line-height:20px;}
label span { color:#3E4095;}

input.quick-box-btn { float:left; text-align: center; width: auto; line-height:50px; font-size:16px; color:#FFF; text-decoration:none; font-weight:500; margin:0 ; padding:0 35px; background:#0356AA; border: none ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  text-transform:uppercase;   -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
input.quick-box-btn:hover { background:#F9A534; color:#0356AA; border: none;  text-decoration:none;  -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}

.check-box { float:left; width:15px; margin:5px 8px 0 0 !important; padding:0;}
/*FORM*/
/*QUICK INQUIRY*/

/*FOOTER*/
#footer-1 {background-color:#0356AA; padding:15px 0; margin:0;}
#footer-1 h3 { width:100%; font-size:20px; text-align:left; color:#FFF; font-weight:600; text-transform:uppercase; line-height:25px; margin:0 0 15px 0; padding:0;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; height:auto; margin:0; padding:0;}
.footer-nav ul li a { float:left; font-size:14px; text-align:left; line-height:20px; color:#FFF; font-weight:500; text-decoration:none; margin:0; padding:5px 0 5px 11px; background:url(../images/footer-nav.png) no-repeat left 13px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s; }
.footer-nav ul li a:hover { color:#F9A534; background:url(../images/footer-nav-hover.png) no-repeat left 13px; margin:0 0 0 15px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact { float:left; margin:0;}
.footer-contact p { font-size:14px; width:100%; text-align:left; color:#FFF; font-weight:500; margin:5px 0 0 0; padding:5px 0; line-height:20px;}
.footer-contact p a { color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p a:hover { color:#F9A534; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p span { font-weight:600; color:#FFF}
/*FOOTER-CONTACT*/

/*FOOTER-FOLOW-US*/
.footer-folow-us { float:left; margin:0 ; padding:0; }
.footer-folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.footer-folow-us ul li { float:left; width:40px; height:40px; margin:0 15px 0 0; padding:0;}
.footer-folow-us ul li a { float:left; width:40px; height:40px; margin:0; padding:14px 0 0 0; text-align:center; font-size:14px; color:#FFF; background:#024486;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; }
.footer-folow-us ul li a:hover { float:left; background:#F9A534; color:#0356AA;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER-FOLOW-US*/

/*FOOTER*/

/*Copyright*/
#copyright { background:#024486; margin:0; padding:15px 0;}
#copyright p { font-size:14px; text-align:center; line-height:20px; margin:0; padding:0; color:#FFF; font-weight:500;}
#copyright p a { color:#FFF; text-decoration:none;}
#copyright p a:hover { color:#F9A534;}
/*Copyright*/

/*SUB-BANNER*/
#sub-banner { width:100%; background:#F9A534; height: auto; margin:0 0 15px 0 ; padding:30px 0px;}
#sub-banner h1 { text-align:left; font-size:40px; line-height:50px; text-transform:uppercase; color:#FFF; font-weight:700; margin:0; padding:0;}
/*breadcrumb*/
.breadcrumb-handler { float:left; width:100%; height:auto; line-height:20px; margin:15px 0 0 0; padding:0; font-size:14px; color:#FFF; font-weight:400; text-align:left; text-transform:capitalize;}
.breadcrumb-handler a { color:#FFF; line-height:20px; margin:0 7px; padding:0 0 !important; text-decoration:none; }
.breadcrumb-handler a:hover { color:#0356AA;}
/*breadcrumb*/
/*SUB-BANNER*/

.home-section-img { float:left; margin:15px 0; overflow:hidden; border:1px solid #F4F4F4; padding:1px; }

.mb15 { margin-bottom:15px;}

/*TABLE*/
.table-box-inner { float:left; margin:15px 0 0 0; padding:0;}
.table-box { float:left; margin:15px 0 0 0; padding:0;}
.box { float:left; margin:0 0 15px 0; padding:0; font-size:14px; color:#333; font-weight:600; text-align:left;  -ms-word-break: break-all;
word-break: break-all; background:#FFF;

/* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto; position:relative; }

.table-bg { background:#0356AA; color:#FFF; line-height:25px !important; font-size:14px; font-weight:700; text-transform:capitalize;  -ms-word-break: break-all;
     word-break: break-all;

/* Non standard for webkit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;}
/*TABLE*/

.map-box { float:left; width:100%; margin:15px 0; padding:1px; border:1px solid #F4F4F4; overflow:hidden;}



@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

h1 { font-size:40px; line-height:50px;}

h2 {  font-size:32px; line-height:42px;}

h3 {font-size:22px; line-height:32px;}

/*OUR PRODUCTS*/
.more-products { position:relative; float:left; width:1140px; height: auto; margin:0px 15px; padding:0px; list-style:none; overflow:hidden;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:240px; min-height:310px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4;}
.more-products ul li:hover { border:1px solid #0356AA;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:25px; font-size:16px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none;}
.more-products ul li:hover .more-products-text a { color:#F9A534;}

.more-products-holder { width:1080px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:1080px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:130px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:1115px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:1115px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text h1 { width:100%; font-size:40px; line-height:50px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

/*QUICK INQUIRY*/
.quick-inquiry-bg { background:url(../images/img.png) no-repeat right 100px bottom; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry h2 { width:100%; font-size:40px; line-height:50px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}
/*FORM*/
/*QUICK INQUIRY*/

/*SUB-BANNER*/
#sub-banner h1 { font-size:42px; line-height:52px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:20px; font-size:14px;}
.breadcrumb-handler a { line-height:20px; }
/*breadcrumb*/
/*SUB-BANNER*/
}





/* Portrait tablet to landscape and desktop */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

h1 { font-size:34px; line-height:45px;}

h2 {  font-size:28px; line-height:38px;}

/*LOGO*/
.logo { float:left; margin:15px 0; padding:0;}
.logo img { width:114px;}
/*LOGO*/

/*OUR PRODUCTS*/
.more-products { position:relative; float:left; width:720px; height: auto; margin:0px 15px; padding:0px; list-style:none; overflow:hidden; }
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:190px; min-height:250px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4;}
.more-products ul li:hover { border:1px solid #0356AA;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none;}
.more-products ul li:hover .more-products-text a { color:#F9A534;}

.more-products-holder { width:660px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:660px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:100px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:695px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:695px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text h1 { width:100%; font-size:34px; line-height:44px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}


/*QUICK INQUIRY*/
.quick-inquiry-bg { background:url(../images/img.png) no-repeat right 60px bottom; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry h2 { width:100%; font-size:32px; line-height:42px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}
/*FORM*/
/*QUICK INQUIRY*/

/*FOOTER*/
#footer-1 h3 { width:100%; font-size:18px; text-align:left; color:#FFF; font-weight:600; text-transform:uppercase; line-height:24px; margin:0 0 15px 0; padding:0;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin:0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; height:auto; margin:0; padding:0;}
.footer-nav ul li a { float:left; font-size:13px; text-align:left; line-height:20px; color:#FFF; font-weight:500; text-decoration:none; margin:0; padding:5px 0 5px 11px; background:url(../images/footer-nav.png) no-repeat left 13px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s; }
.footer-nav ul li a:hover { color:#F9A534; background:url(../images/footer-nav-hover.png) no-repeat left 13px; margin:0 0 0 15px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact { float:left; margin:0;}
.footer-contact p { font-size:13px; width:100%; text-align:left; color:#FFF; font-weight:500; margin:5px 0 0 0; padding:5px 0; line-height:20px;}
.footer-contact p a { color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p a:hover { color:#F9A534; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p span { font-weight:600;}
/*FOOTER-CONTACT*/

/*FOOTER*/

/*Copyright*/
#copyright { background:#024486; margin:0; padding:15px 0;}
#copyright p { font-size:13px; text-align:center; line-height:20px; margin:0; padding:0; color:#FFF; font-weight:500;}
#copyright p a { color:#FFF; text-decoration:none;}
#copyright p a:hover { color:#F9A534;}
/*Copyright*/

/*SUB-BANNER*/
#sub-banner h1 { font-size:34px; line-height:45px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:20px; font-size:13px;}
.breadcrumb-handler a { line-height:20px; }
/*breadcrumb*/
/*SUB-BANNER*/

.map-box { margin:0 0 15px 0;}
}
/* Portrait tablet to landscape and desktop */





/* Landscape phone to portrait tablet */
@media only screen and ( min-width: 600px) and ( max-width: 767px ) {

h1 { font-size:30px; line-height:40px;}

h2 {  font-size:26px; line-height:35px;}

h3 {font-size:18px; line-height:28px;}

/*LOGO*/
.logo { float: none; width:163px; margin:55px auto 15px auto; padding:0;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/*LOGO*/

/*OUR PRODUCTS*/
.more-products { position:relative; float: none; width:560px; height: auto; margin:0px auto; padding:0px; list-style:none; overflow:hidden;}
.more-products:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:220px; min-height:50px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4;}
.more-products ul li:hover { border:1px solid #0356AA;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none;}
.more-products ul li:hover .more-products-text a { color:#F9A534;}

.more-products-holder { width:500px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:500px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:110px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:535px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:535px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text h1 { width:100%; font-size:30px; line-height:40px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

#home-text p { width:100%; font-size:15px; line-height:22px; text-align:center; color:#333; font-weight:500; margin:15px 0 0 0; padding:0 10px;}

/*QUICK INQUIRY*/
.quick-inquiry-bg { background: none; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry h2 { width:100%; font-size:30px; line-height:40px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}
/*FORM*/
/*QUICK INQUIRY*/

/*FOOTER*/
#footer-1 {background-color:#0356AA; padding:0 0 15px 0; margin:0;}
#footer-1 h3 { width:100%; font-size:18px; text-align:left; color:#FFF; font-weight:600; text-transform:uppercase; line-height:24px; margin:0 0 5px 0; padding:0;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin:15px 0 0 0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; margin:0; padding:0;}
.footer-nav ul li a { float:left; font-size:13px; text-align:left; line-height:20px; color:#FFF; font-weight:500; text-decoration:none; margin:0; padding:5px 20px 5px 11px; background:url(../images/footer-nav.png) no-repeat left 13px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s; }
.footer-nav ul li a:hover { color:#F9A534; background:url(../images/footer-nav-hover.png) no-repeat left 13px; margin:0; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact { float:left; margin:15px 0 0 0;}
.footer-contact p { font-size:13px; width:100%; text-align:left; color:#FFF; font-weight:500; margin:5px 0 0 0; padding:5px 0; line-height:20px;}
.footer-contact p a { color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p a:hover { color:#F9A534; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p span { font-weight:600;}
/*FOOTER-CONTACT*/

/*FOOTER*/

/*Copyright*/
#copyright { background:#024486; margin:0; padding:15px 0;}
#copyright p { font-size:12px; text-align:center; line-height:20px; margin:0; padding:0; color:#FFF; font-weight:500;}
#copyright p a { color:#FFF; text-decoration:none;}
#copyright p a:hover { color:#F9A534;}
/*Copyright*/

/*SUB-BANNER*/
#sub-banner h1 { font-size:30px; line-height:40px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:18px; font-size:13px;}
.breadcrumb-handler a { line-height:18px; }
/*breadcrumb*/
/*SUB-BANNER*/

.home-section-img { margin:15px 0 0 0; }

.map-box { margin:0 0 15px 0;}

}
/* Landscape phone to portrait tablet */





@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

h1 { font-size:28px; line-height:38px;}

h2 {  font-size:22px; line-height:35px;}

h3 {font-size:16px; line-height:25px;}

/*LOGO*/
.logo { float: none; width:150px; margin:55px auto 15px auto; padding:0;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.logo img { width:150px}
/*LOGO*/

/*OUR PRODUCTS*/
.more-products { position:relative; float: none; width:420px; height: auto; margin:0px auto; padding:0px; list-style:none; overflow:hidden; }
.more-products:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:330px; min-height:50px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4;}
.more-products ul li:hover { border:1px solid #0356AA;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none;}
.more-products ul li:hover .more-products-text a { color:#F9A534;}

.more-products-holder { width:360px; height: auto; position:relative; overflow:hidden; top:0px; left:30px;}
.more-products-holder .jcarousel-clip{ width:360px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:130px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:395px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:395px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text h1 { width:100%; font-size:28px; line-height:38px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

#home-text p { width:100%; font-size:14px; line-height:20px; text-align:center; color:#333; font-weight:500; margin:15px 0 0 0; padding:0;}

/*QUICK INQUIRY*/
.quick-inquiry-bg { background: none; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry h2 { width:100%; font-size:28px; line-height:38px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}

input.quick-box-btn { float:left; text-align: center; width: auto; line-height:50px; font-size:14px; color:#FFF; text-decoration:none; font-weight:500; margin:0 ; padding:0 35px; background:#0356AA; border: none ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  text-transform:uppercase;   -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
input.quick-box-btn:hover { background:#F9A534; color:#0356AA; border: none;  text-decoration:none;  -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
/*FORM*/
/*QUICK INQUIRY*/

/*FOOTER*/
#footer-1 {background-color:#0356AA; padding:0 0 15px 0; margin:0;}
#footer-1 h3 { width:100%; font-size:16px; text-align:left; color:#FFF; font-weight:600; text-transform:uppercase; line-height:24px; margin:0 0 5px 0; padding:0;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin:15px 0 0 0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; margin:0; padding:0;}
.footer-nav ul li a { float:left; font-size:13px; text-align:left; line-height:20px; color:#FFF; font-weight:500; text-decoration:none; margin:0; padding:5px 20px 5px 11px; background:url(../images/footer-nav.png) no-repeat left 13px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s; }
.footer-nav ul li a:hover { color:#F9A534; background:url(../images/footer-nav-hover.png) no-repeat left 13px; margin:0; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact { float:left; margin:15px 0 0 0;}
.footer-contact p { font-size:13px; width:100%; text-align:left; color:#FFF; font-weight:500; margin:5px 0 0 0; padding:5px 0; line-height:20px;}
.footer-contact p a { color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p a:hover { color:#F9A534; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p span { font-weight:600;}
/*FOOTER-CONTACT*/

/*FOOTER*/

/*Copyright*/
#copyright { background:#024486; margin:0; padding:15px 0;}
#copyright p { font-size:12px; text-align:center; line-height:18px; margin:0; padding:0; color:#FFF; font-weight:500;}
#copyright p a { color:#FFF; text-decoration:none;}
#copyright p a:hover { color:#F9A534;}
/*Copyright*/

/*SUB-BANNER*/
#sub-banner { padding:20px 0;}
#sub-banner h1 { font-size:24px; line-height:35px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:18px; font-size:12px;}
.breadcrumb-handler a { line-height:18px; }
/*breadcrumb*/
/*SUB-BANNER*/

.home-section-img { margin:15px 0 0 0; }

/*TABLE*/
.box { font-size:11px; }
.table-bg { line-height:16px !important; font-size:11px;}
/*TABLE*/

.map-box { margin:0 0 15px 0;}
}





@media only screen and ( min-width: 320px) and ( max-width: 480px ) {	

h1 { font-size:24px; line-height:35px;}

h2 {  font-size:20px; line-height:30px;}

h3 {font-size:16px; line-height:25px;}

/*LOGO*/
.logo { float: none; width:150px; margin:55px auto 15px auto; padding:0;}
.logo:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.logo img { width:150px}
/*LOGO*/

/*OUR PRODUCTS*/
.more-products { position:relative; float: none; width:270px; height: auto; margin:0px auto; padding:0px; list-style:none; overflow:hidden;}
.more-products:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.more-products ul{ list-style-type: none; height: auto; position:relative; overflow:hidden; width: auto;float:left; margin:0px 0px 0px 0px!important; padding:0px;}
.more-products ul li{ float:left; width:190px; min-height:250px;  height: auto;padding:0px 0px 0px 0px; margin:0 15px; background:#FFF; border:1px solid #F4F4F4;}
.more-products ul li:hover { border:1px solid #0356AA;}

.more-products-img  { float:left; margin:0; padding:0;}

.more-products ul li .more-products-text a { float:left; width:100%; height:auto; line-height:20px; font-size:14px; text-align:center; font-weight:600; margin:0; padding:10px 15px; color:#333; text-decoration:none;}
.more-products ul li:hover .more-products-text a { color:#F9A534;}

.more-products-holder { width:220px; height: auto; position:relative; overflow:hidden; top:0px; left:25px;}
.more-products-holder .jcarousel-clip{ width:220px; height: auto; position:relative; overflow:hidden; }

.more-nav { font-size:0; line-height:0;}
.more-nav a{ position:absolute; top:110px; left:0; width:25px; height:50px; text-indent: -4000px; z-index:3;}
.more-nav a.next{ background:url(../images/icon-rt.png); left:245px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.next:hover {background:url(../images/icon-rt.png); left:245px;-moz-opacity:10;-khtml-opacity:10;opacity:10;}

.more-nav a.prev{ background:url(../images/icon-lf.png); left:0px; -moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.more-nav a.prev:hover { background:url(../images/icon-lf.png); left:0px; -moz-opacity:10;-khtml-opacity:10;opacity:10;}
/*OUR PRODUCTS*/

#home-text h1 { width:100%; font-size:26px; line-height:36px; text-align:center; color:#F9A534; font-weight:300; margin:15px 0 0 0; padding:0; text-transform:uppercase;}

#home-text p { width:100%; font-size:14px; line-height:20px; text-align:center; color:#333; font-weight:500; margin:15px 0 0 0; padding:0;}

/*QUICK INQUIRY*/
.quick-inquiry-bg { background: none; margin:0; padding:15px 0 0 0;}

/*FORM*/
.quick-inquiry h2 { width:100%; font-size:26px; line-height:36px; text-align:left; color:#F9A534; font-weight:300; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-inquiry h2 strong { font-weight:700; color:#0356AA;}

input.quick-box-btn { float:left; text-align: center; width: auto; line-height:50px; font-size:14px; color:#FFF; text-decoration:none; font-weight:500; margin:0 ; padding:0 35px; background:#0356AA; border: none ; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; cursor:pointer;  text-transform:uppercase;   -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
input.quick-box-btn:hover { background:#F9A534; color:#0356AA; border: none;  text-decoration:none;  -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
/*FORM*/
/*QUICK INQUIRY*/

/*FOOTER*/
#footer-1 {background-color:#0356AA; padding:0 0 15px 0; margin:0;}
#footer-1 h3 { width:100%; font-size:16px; text-align:left; color:#FFF; font-weight:600; text-transform:uppercase; line-height:24px; margin:0 0 5px 0; padding:0;}

/*FOOTER-NAV*/
.footer-nav { float:left; margin:15px 0 0 0;}
.footer-nav ul { float:left; margin:0; padding:0; list-style:none;}
.footer-nav ul li { float:left; width: auto; height:auto; margin:0; padding:0;}
.footer-nav ul li a { float:left; font-size:13px; text-align:left; line-height:20px; color:#FFF; font-weight:500; text-decoration:none; margin:0; padding:5px 20px 5px 11px; background:url(../images/footer-nav.png) no-repeat left 13px; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s; }
.footer-nav ul li a:hover { color:#F9A534; background:url(../images/footer-nav-hover.png) no-repeat left 13px; margin:0; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s; transition-duration: 0.6s;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact { float:left; margin:15px 0 0 0;}
.footer-contact p { font-size:13px; width:100%; text-align:left; color:#FFF; font-weight:500; margin:5px 0 0 0; padding:5px 0; line-height:20px;}
.footer-contact p a { color:#FFF; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p a:hover { color:#F9A534; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-contact p span { font-weight:600;}
/*FOOTER-CONTACT*/

/*FOOTER*/

/*Copyright*/
#copyright { background:#024486; margin:0; padding:15px 0;}
#copyright p { font-size:12px; text-align:center; line-height:18px; margin:0; padding:0; color:#FFF; font-weight:500;}
#copyright p a { color:#FFF; text-decoration:none;}
#copyright p a:hover { color:#F9A534;}
/*Copyright*/

/*SUB-BANNER*/
#sub-banner { padding:20px 0;}
#sub-banner h1 { font-size:24px; line-height:35px;}
/*breadcrumb*/
.breadcrumb-handler { line-height:18px; font-size:12px;}
.breadcrumb-handler a { line-height:18px; }
/*breadcrumb*/
/*SUB-BANNER*/

.home-section-img { margin:15px 0 0 0; }

/*TABLE*/
.box { font-size:11px; }
.table-bg { line-height:16px !important; font-size:11px;}
/*TABLE*/

.map-box { margin:0 0 15px 0;}
}