body { font-size: 15px; color: #444; background: #fff; font-family: Arial, Helvetica, sans-serif }
.clr { clear: both; height: 0px; margin: 0px; padding: 0px; }
.clr5 { clear: both; height: 5px; margin: 0px; padding: 0px; }
.clr10 { clear: both; height: 10px; margin: 0px; padding: 0px; }
.clr20 { clear: both; height: 20px; margin: 0px; padding: 0px; }
.rht { text-align: right }
.lft { text-align: left }
.ctr { text-align: center }
.ctr5 { clear: both; height: 5px }
.ctr-b { float: none; margin: 0 auto }
.pad10 { padding: 5px 0 5px 10px; }
.pad20 { padding: 5px 20px; }
.nopad { padding: 0 }
.nopadr { padding-right: 0 }
.nopadl { padding-left: 0 }
.hidden { display: none }
.upperCase { text-transform:uppercase;}
.font-med { font-size:14px; font-weight:bold }
hr { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(179,170,170, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 2px; margin: 8px 0 }
hr.head { margin: 0 0 10px }
.spc10 { display: inline-block; width: 10px }
.spc12 { display: inline-block; width: 12px }
.spc20 { display: inline-block; width: 20px }
.nav-spacer { display: inline-block;  width:160px}
#div247 { position:absolute; right:0; bottom:0	}
.btn-transparent { background: rgba(255,255,255,0.1); color: #F2F2F2; -webkit-transition: background .2s ease-in-out, border .2s ease-in-out; -moz-transition: background .2s ease-in-out, border .2s ease-in-out; -o-transition: background .2s ease-in-out, border .2s ease-in-out; transition: background .2s ease-in-out, border .2s ease-in-out; border: 1px solid #555; }
.btn-transparent:hover { color: white; background-color: rgba(0,0,0,0.6); }
.btn-purple { background: #6363ba; border-color: #4c4cae;}
.btn-purple:hover, .btn-purple:focus { background:#5858c4 ; border-color: #4c4cae; color:#eee}
#srchLoader { display: none; position: absolute; right: 1px; padding: 1px 2px; background: #eee; line-height: 8px; z-index: 2; top: 3px;margin-bottom: 10px; }
#sampleDivHeader { background:#a19db6; padding:4px 0; width:100% }
.containermain { background: #fff; margin-top: 0 }
.header_section { position: fixed; z-index: 100; top: 0; background: #fff; height: 168px; }
#header_section_top { display: inline-block; top:0; color: #444; font-weight: bold; left:0; padding: 6px 0; font-size: 12px; position:absolute;  width: 100%;z-index: 100; }
#header_section_top a { color: #333 }
#header_section_top a:hover { color: #222 }
#header_section_btm { position: relative; width: 100%; display: inline-block; z-index: 90; padding: 0 }
#header_section_btm_content { display: inline-block; width: 100%; padding: 0; }
#header_section_btm .sml { border-bottom: 3px solid #444 }
.divheader-top { position: absolute; top: -10px; left: 0; z-index: 9 }
.divheader-top img { width: 100%; height: auto }
.divheader-content { padding: 0; font-size: 14px; text-align: center; position: absolute; z-index: 10; width: 88%; margin-top: -5px; }
.divheader-content a { font-size: 16px; font-weight: bold; text-shadow: 0 4px 3px rgba(0, 0, 0, 0.8), 0 8px 13px rgba(0, 0, 0, 0.4), 0 18px 23px rgba(0, 0, 0, 0.4); text-transform: uppercase; color: #F90 }
.divheader-content a:hover { color: #FC0; text-decoration: none }
#logo { text-align: center; z-index: 1000;  top: 12px }
#date { color: #bbb; float: right; font-weight: bold; font-size: 15px; padding: 0 20px 0 0; text-align: right; width: 20%; }
#addressContent { z-index: 10; position: absolute; z-index: 10; text-align: left; bottom: 5px }
#address span { font-size: 16px; margin: 0 10px }
#nlMap { position: absolute; top: 0; right: 0; z-index: 9 }
#project_view.modal { background: rgba(0, 0, 0, 0.6) }
#project_view .modal-content { background-color: rgba(0, 0, 0, 0.7); color: #eee }
#project_view .modal-content { display: inline-block; padding: 10px 20px; width: 100%; }
#projectsDiv { text-align:center }
#projectsDiv h2 { font-size:24px; background:#222; color:#eee; padding:4px 0 0;margin-top: 0;}
#projectsDiv p { text-align:left }
#projectsUL { list-style:none; display:inline-block; padding:0; margin:0 }
#projectsUL li { width:80px; float:left; margin-left:5px }
#projectsDiv img { width:auto; max-width:100% }
#projectsDiv .img-pic { cursor:pointer }
.pSideBlock {margin-bottom: 10px; }
.pSideBlock .pSideTitle{ font-weight:bold; font-size:12px; text-align:center }
.section-title { text-align: center }
.section-title h3 { color: #eee; margin: 10px 0 20px }
.prodDisplay { text-align: center; padding: 10px 3px 0; }
.prodDisplay:hover { -moz-box-shadow: -1px -1px 12px #f60 inset; -webkit-box-shadow: -1px -1px 8px #f60 inset; box-shadow: -1px -1px 8px #f60 inset; background: rgba(255,102,0,.14); transform: scale(1.05); }
.prodDisplay p { margin: 1px 0 }
.prodDisplayTop { min-height: 20px; background: #fff; width: 90%; margin: 0 auto 0; }
.prodDisplayProd { padding: 10px 0 }
.prodDisplayProd img { width: auto; height: auto }
.prodDisplayPrice { font-size: 18px; font-weight: bold; color: #222; }
.fSale { color: #C30 }
.prodDisplayTxt { border: 1px dotted #c0c0c0; display: block; min-height: 24px }
.strikethrough { font-size: 16px; padding: 0 6px; }
.preview-it { background: rgba(255,102,0,.24); display: inline-block; padding: 3px 10px; width: 100%; }
/* BOOTSTRAP RE_DOs 
.container-fluid, .container { max-width:1280px }*/
/* 2nd menu */
.menu-header { background: #9e9e9e; bottom: -48px; display: block; height: 54px; left: 0; position: absolute; padding:12px 0 0; text-align: center; width: 100%; }
.menu-header.dark { background: rgba(0,0,0,.8) }
.menu-header > .nav.navbar-nav { display: inline-block; float: none }
.menu-header > .nav.navbar-nav li a { margin: 0 16px; color: #eee; font-size: 14px; text-transform: uppercase }
.dropdown-menu .divider { margin: 2px 0 }
#hasPic { position: relative; float: left; margin:0 12px 6px 0; max-width: 238px}
#hasPic img { width: 100% }
#logo.sml > img { width: auto; }
#logo img { width: auto; height: auto }
#emergServices { text-align: right; border-right: 6px solid #ccc; padding-right: 25px }
#emergServices h3 { color: #F00; font-size: 24px; font-weight: bold }
#emergServices h4 { color: #111; font-size: 22px; font-weight: bold }
.social-media { margin: 20px 0 0 0; text-align: center; width: auto; display: block; }
.social-media a { padding: 2px; margin-right: 3px }
.social-media img { width: auto }
.slider-header { position: relative; margin-top: 10px; }
#slider-header { height: 220px; width: 100%; background: #e0e0e0; }
#slider-header.index { height: 400px; width: 100%; background: #e0e0e0; }
#slider { width: 100%; max-width: 100%; height: auto; /* background: url(../images/uploads/banners/rotator-bck.jpg) no-repeat center center; background-size:98%  */ }
#slider.index { width: 100%; max-width: 100%; min-height: 150px; height: auto; padding: 0 }
#sliderBar { position: relative; width: 100%; left: 0; padding: 6px 0; background: #900; bottom: 6px; z-index: 10 }
.rslides { padding: 0; margin: 0; list-style: none }
.featuredTxt { position: absolute;  left: 50%;transform: translate(-50%, 0); padding: 12px 20px; ; text-align: center; color: #eee; line-height: 30px; text-shadow: 0px 4px 3px rgba(0,0,0,0.8), 0px 8px 13px rgba(0,0,0,0.4), 0px 18px 23px rgba(0,0,0,0.4); }
#slider.index .featuredTxt { bottom: 60px; line-height: 30px; font-size: 32px }
#slider .featuredTxt {  position: absolute;  left: 50%;transform: translate(-50%, 0); background: rgba(0, 0, 0, 0.5);  bottom: 25px; padding: 5px 20px; line-height: 22px; font-size: 24px }
#slider .featuredTxt h3 {  color: #ffbc00; margin:5px 0 }
#slider img { width: 100%; height: auto }
.content { display: block }
.content .section-blocks { min-height: 540px; width: 30%; float: left; margin: 10px 15px; padding: 0 25px; position: relative; font-size: 14px; color: #333 }
.content .section-blocks h2 { font-size: 18px; text-align: center; color: #F30 }
.content .section-blocks .more { position: absolute; text-align: center; bottom: 0; }
.content .section-blocks .more a { padding: 4px 8px 6px; font-size: 18px; font-weight: bold }
.content .section-blocks .more a span { position: absolute; bottom: 40px; width: 100%; left: 0 }
.content2 { height: 150px; }
.content2 img.bordered { border: 2px solid #666; padding: 2px }
.content3 { background:#fff; min-height: 150px; padding: 0 30px 30px }
.content3-header { padding: 18px 0; font-size: 26px; background: #cdcdcd; text-align: center; margin: 0 0 20px; }
.content3-header p { color: #eee; margin: 0; padding: 0; transform: scaleY(1.5); letter-spacing: 0.1px; text-shadow: 1px 1px 2px #333; }
#welcomeDiv .img-responsive { display: inline;float: none; width:auto; max-width:100% }
/* transform="scale(0, yValue)" */
.content4 { background: url(../images/uploads/site_files/ft-back.jpg) no-repeat; background-size:cover; margin: 0 auto; background-position:center; background-color:#333;  min-height: 40px;  border-bottom: 1px solid #eee; border-top: 1px solid #eee; position: relative; }
.content5 { padding: 0 12px; background: #fea200; line-height: 18px; display: inline-block; ; width: 100%; position: relative }
#footerBar { position: relative; width: 100%; left: 0; padding: 6px 0; background: #900; top: -14px }
#footerContent { padding-top: 0; }
.footTitles { padding-bottom:3px; border-bottom:1px solid #bbb; margin-bottom:14px;text-transform: uppercase; }
.contentmap { padding: 0; text-align: center }
.content5 h4, .content5 p { color: #333; margin-bottom: 6px }
.content5 .ft-menus { position: relative }
.content5 .ft-menus h4 { border-bottom: 3px solid #c3c3c3; color: #FFF; margin-bottom: 10px }
.content5 .ft-menus a { color: #eee; margin-bottom: 4px; width: 100% }
.content5 .ft-menus a.tags { display: inline-block; font-size:15px; margin: 0 2px 5px; padding: 2px 10px; width: 100%;}
.content5 .ft-menus span { margin-bottom: 5px; display: inline-block; background: rgba(255,255,255,.2); padding:2px 0; width: 100%; }
.content5 .ft-menus i { font-size: 12px }
.content5 p { font-size: 12px; font-weight:bold; color: #bbb; margin: 2px 0 2px 5px;}
.content5 .hours p {font-size: 11px; line-height:14px }
.content5 .ft-menus.last { padding-left: 30px }
.content5 .ft-menus.footAddress {border-left: 3px solid #c3c3c3; border-top: 3px solid #c3c3c3; font-weight:bold; padding: 10px 0 0 10px;line-height: 22px; min-height:190px}
.content5 .footAddress p { font-size: 14px; color: #eee; margin: 0 0 3px }
#carrierImg { position: absolute; right: 0; top: 30px }
.content6 { min-height: 140px; padding: 10px 0; position: relative; margin-top: 0 }
.content6 h3 { color:#222; font-size: 24px; font-weight: bold; text-align: center; padding: 0; margin:10px 0 16px; color: #222;text-transform: uppercase }
.content7 { min-height: 40px; padding: 40px 20px; position: relative; background: #c2fffc }
.modal-body { padding: 0 15px; position: relative; }
#side-details-view { background: #fff; position: fixed; right: -500px; min-height: 400px; bottom: 10px; border: 2px solid #10c7bf; z-index: 1000; width: 100%; max-height: 600px; overflow: auto }
#side-details-view h3 { margin: 0; text-align: center; background: #10c7bf; color: #eee; font-size: 18px; font-weight: bold; padding: 8px 0 }
#side-details-view p { font-size: 14px }
#side-details-view img { width: auto; height: auto }
#side-details-view-close { position: absolute; left: 4px; top: 4px; cursor: pointer }
#side-details-view-close i { background: #222; border: 2px outset #eee; border-radius: 5px; cursor: pointer; left: 2px; line-height: 12px; padding: 5px 3px 4px; position: absolute; top: 0; color: #eee }
#side-details-view-close i:hover { background: #900; }
.admin-edit { background: #fff;  position: absolute; top: 2px; left: 2px; text-align: center; width: auto; z-index: 10; padding:0 5px }
.delete { color: #F30 }
.brand-blocks { margin: 5px 14px 0 0; position: relative; cursor: pointer }
.brand-blocks h4 { font-size: 16px; color: #1f6588; margin: 0 0 6px }
.brand-blocks-img { min-height: 125px; text-align: center; }
.brand-blocks img { width: auto; height: auto; border: 1px solid #222; border-radius: 4px; padding: 5px; }
.bannerDiv { position:absolute }
.brand-blocks-content { width: 99%; left: 1%; bottom: 0; font-size: 14px; font-weight:bold; color: #666; padding: 2px 0; position: relative; text-align: center }
.brand-blocks-content2 { background: rgba(0,0,0,.4); width: 90%; left: 5%; bottom: 5px; font-size: 16px; color: #eee; padding: 2px 0; position: absolute; text-align: center }
.brand-blocks-content span { font-size: 12px; color: #eee; position: absolute; bottom: 2px }
.brand-blocks-footer { display: none; text-align: center; font-size: 14px; font-weight: bold; margin-left: 3%; padding: 2px 0; width: 94% }
.brand-blocks-footer a { color: #eee }
.brand-blocks:hover > .brand-blocks-content2 > .brand-blocks-footer { display: block }
.project-view:hover > .brand-blocks-content2 > .brand-blocks-footer { display: block }
.brand-blocks-content a { color: #fff }
#caseLoader { position: absolute; top: 10%; left: 20%; z-index: 100 }
.sr_services { display: inline-block; margin: 0 auto; width: 80%; }
.sr_services_title { font-weight: bold; text-align: left; color: #222; font-size: 16px }
.sr_item { position: relative; width: 90%; margin: 0 0 20px; padding-left: 60px; padding-bottom: 5px; border: 2px solid #333; border-radius:6px}
.sr_item_img { position: absolute; left: 30%; top: -55px }
.sr_item_name { text-align: center; font-size: 28px; color:#f19800; font-weight: bold }
.sr_item_text { color:#555; font-size:20px; font-weight:bold }
.contentBlocks { padding-bottom:30px }
.sampleDiv { position: relative;}
.sampleTitle { text-align: left; padding:2px 15px 0 0; color: #666; font-weight: bold; font-size:18px }
.sampleDiv img { padding: 1px; background: #fff }
.sampleContent { font-size:12px; color:#999 }
.sampleIcon { position: absolute; top: 0; left: 132px; }
.sampleIcon img { border: none; background: none }
.contentBlocks h2 { margin-bottom:5px; color:#888; font-size:36px }
.contentBlocks h3 { margin:5px 0 15px; color:#444 }
.sampleDiv a { color: #fff }
.sampleDiv:hover > a > .sampleTitle { display: block }
#welcomeDiv { padding:0 30px  0 0; display:inline-block}
#welcomeDiv h1 { font-size: 38px; margin: 20px 0 20px }
#welcomeDiv h3 { font-size: 36px; margin: 10px 0; }
#welcomeDiv p { font-size: 16px; margin-bottom: 20px; line-height:26px; }
.text_purple { color:#5858c4}
.main_content { min-height: 300px; padding: 20px; overflow: hidden; height: 1%; }
.other_content { min-height: 60px; padding: 20px; }
.strikethrough { position: relative; }
.strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: inherit; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); color: #c30 }
#content-head { padding: 4px; background: #23262d; width: 98%; margin: 0 auto }
.tagline { text-shadow: 0 0 10px #000; color: #fff; }
.img-center { margin: 0 auto; }
footer { background:#111; font-size: 12px;font-weight: bold; margin: 10px 0 0;overflow: hidden;padding: 8px 0; text-transform: uppercase; width: 100%;} 
.content5 footer p { margin: 2px 0; color: #666; font-size: 11px; }
.testimonial { font-style: italic; font-size: 14px; margin-top: 12px; color: #999 }
/* search div */
#autocompleteDiv { position: absolute; right: 20px; top: 10px; width: 200px; text-align: center; color: #eee }
.autoCompleteDiv > img { position: absolute; padding: 5px; background: rgba(255,255,255,.5); width: 24px; height: 26px }
#site_search { width: 180px; border: 1px solid #999; background: rgba(255,255,255,.3) }
#site_search:focus { background: #fff }
.autoresults { background: #FFFFFF; border-bottom: 1px solid #FFCCFF; border-left: 1px solid #FFCCFF; border-right: 1px solid #FFCCFF; display: none; margin: 0 0 0 10px; padding: 5px 6px; position: absolute; z-index: 1000; }
.autoresults li { margin: 3px 0; border: none; z-index: 1000; width: 100%; float: left }
.autoresults li a { color: #333333; display: block; text-shadow: none; width: 90%; font-weight: normal; text-align: left; z-index: 1000; }
.autoresults li a:hover { background: #eee; color: #333 }
ul.unstyled { list-style: none; padding: 0 }
#adminEdit { position: absolute; bottom: 0; left: 0; background: rgba(255,255,255,.7); width: 100%; text-align: center }
#adminEdit a { color: #333; margin: 0 10px }
#adminEdit a:hover { color: #000 }
.FAQ .panel-title a { display: block; width: 100%; }
/* toTop ---------------------------------------------------------------------------------*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; padding: 3px 8px 0; border: none; background: #000; opacity: .8; -moz-opacity: .8; z-index: 100; cursor: pointer }
#toTop span { color: #fff; font-size: 16px }
#toTop:hover { float: left; opacity: 1; -moz-opacity: 1; }
#toTop:active, #toTop:focus { outline: none; }
.admin_top { background: #f00 none repeat scroll 0 0; color: #fff; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1000; }
/* I am Human */
.humanChecker { text-align: center; height: auto; width: 200px; margin: 0 auto }
.chkHuman { position: relative; left: 0; top: 0; width: 100%; height: 32px; padding: 4px 0 0; text-align: center; background: #5d6a7f; margin: 0 auto }
.humanChecker img { width: auto }
.chkHuman p { color: #eee; text-align: center; font-size: 16px; margin: 0 0 2px; }
.chkHuman .humanChoice { cursor: pointer; width: auto; height: 20px; padding: 0 4px; background: #fff; font-size: 16px; color: #000; display: inline-block; margin: 0; font-weight: bold; position: absolute }
.chkHuman .humanChoice:hover { border-radius: 25px; color: #360; }
.humanChecker .btnSubmitForm { display: none }
#humanYes { right: 24px; top: 6px }
#humanNo { left: 24px; top: 6px }
.doshow { display: block }
.dohide { display: none }
.gap { padding-bottom: 6px; clear: both; }
#productDiv { padding: 10px; text-align: justify; }
#productDiv h4 { margin: 0 0 4px 0; color: #337ab7; font-size: 22px }
a.prod-more { display: block; }
#productDiv a.prod-more:hover { text-decoration: none; box-shadow: 1px 1px 2px #337ab7 }
.productContent { margin: 12px 0; font-size: 14px }
#productMenu { position: fixed; top: 310px; left: 0; background: #0aa2b7; width: 100%; margin: 0 auto }
#productMenu.scrol { top: 120px; }
#productMenu p { border-right: 1px solid #ccc; margin: 1px 0 2px; padding: 0 12px; text-align: center; line-height: 16px; min-width: 60px; float: left }
#productMenu a { font-size: 14px; line-height: 16px; color: #eee; display: block; width: 100%; }
#productMenu a:hover { background: #000; color: #fff }
/* feedback items */
#feedbackDiv { border-radius: 4px; }
.feedback_item { margin: 0 auto; width: 100%; font-size: 1.2em; padding: 10px 50px 0 }
blockquote::before { color: #999; content: "“"; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; font-weight: bold; left: -2px; position: absolute; top: -6px; font-style: italic }
blockquote::after { content: ""; }
blockquote { font-size: 14px; border-left: none; position: relative }
.content7 blockquote { display: block; font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: b; line-height: 1.2; margin: 0 0 20px; padding: 15px 20px 15px 50px; position: relative; text-align: justify; border-left: none; color: #3a3a3a; font-style: italic }
.feedback-by { color: #3a3a3a; font-size: 14px; float: right; margin-top: 5px; }
.reviews blockquote { display: block; font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 1; margin: 0 0 16px; padding: 15px 10px 15px 30px; position: relative; text-align: justify; border-left: none; color: #444; font-style: italic }
.reviews blockquote::before { color: #555; content: "“"; font-family: Georgia, "Times New Roman", Times, serif; font-size: 44px; font-weight: bold; left: 0; position: absolute; top: 0; font-style: italic }
.reviews .feedback-by { color: #eee; background: #333; padding: 0 10px; font-size: 13px; float: right; margin-top: 4px; }
#fbmore { position: absolute; right: 0; bottom: 10px }
#fbmore a { color: #444; font-size: 14px }
.errorDiv, .email-error { background: #F33; color: #fff; margin: 0; width: 100%; display: inline-block; text-align: center }
.email-error { position: absolute; left: 0; top: 0; background: #F33; color: #fff; padding: 0 3px; width: auto; font-size: 12px }
/********* pagination *******/
.holder { text-align: center; margin: 0 0 10px; }
.holder a { padding: 6px 8px; border: 1px dotted #ccc; cursor: pointer }
.holder a.jp-current, .holder a:hover { background: #44aee3; color: #fff }
.holder a.jp-previous, .holder a.jp-next { padding: 8px }
.customBtns { position: absolute; margin: -30px 0 0; left: 38%; width: 24%; }
.arrowPrev, .arrowNext { width: 23px; height: 20px; position: absolute; top: 5px; cursor: pointer; }
.arrowPrev { background-image: url('<?=BASE_URL;?>images/prev.png'); background-repeat: no-repeat; left: 0; }
.arrowNext { background-image: url('<?=BASE_URL;?>images/next.png'); background-repeat: no-repeat; right: 0; }
.arrowPrev.jp-disabled, .arrowNext.jp-disabled { display: none; }
#itemsperform { position: absolute; left: 0 }
#legend2 { display: inline-block; text-align: left; width: auto; padding: 0 5px }
#divLoader { display: none; position: absolute; width: 30px; height: 30px; top: 95px; left: 10%; z-index: 1000 }
#divLoaderS { display: none; position: absolute; width: 230px; height: 30px; top: 55px; left: 30%; z-index: 1000 }
.scShow { display: block }
.scHide { display: none }
#loader { display: none; position: absolute; width: 13px; height: 13px; }
#prodLoader { display: none;}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 310px) {
body { font-size: 15px }
.containermain { padding:40px 0 0; }
.container { padding-left: 5px; padding-right: 5px; }
.header_section { left: 0; margin-left: 0; width: 100%; top: 5px; position: relative; height: 110px }
.headerTitle { font-size:22px; margin-top:20px }
#proudImg { width: 80px; right: 2%; top: 5px; }
#autocompleteDiv { display: none }
#logo { right:5px }
#logo img { width:100%; }
#logo.sml > img { width: auto; }
.menu-header {bottom: auto; position: fixed; top: 0; z-index: 100;padding: 0;height: auto; }
#address { font-size: 12px; text-align: center; width: 100%; }
#slider.index { min-height: 100px }
#slider.index .featuredTxt { display:none }
#slider .featuredTxt {  display:none}
.slider-header.index { margin-top: 0; margin-bottom:0 }
#slideInDiv { display:none}
#welcomeDiv h1 { font-size: 24px; }
.main_content { padding: 10px }
.content2 { height: auto; }
.content3 { padding: 0 }
.content4 h3 { color: #eee; }
.sampleDiv { margin:10px 0 5px;; padding: 0; }
.sampleDiv img {  max-width: 100%;  width: auto;}
.sampleIcon { top: -30px }
.content4 { height: auto; }
.content5 { height: auto; padding: 10px; color: #eee }
.content5 .ft-menus { margin-bottom:10px }
.content5 .ft-menus h4 { margin-bottom: 10px }
.sr_services { width: 100%; }
.sr_services img { width: 100%; }
.sr_item { margin:60px auto; padding:60px 20px 10px; width: 90%; }
.sr_item_img img { width: 90%; height: auto }
.sr_services_title { margin-top: 15px }
.content6 h3 { font-size: 16px; margin-bottom: 20px; }
.content7 { padding: 5px 0; }
.feedback_item { padding: 5px 0 0; font-size: .8em; }
.content7 blockquote { font-size: 16px; }
#fbmore { bottom: 2px; right: 20px }
#productDiv { padding: 10px 0; }
#productMenu { top: 212px; padding: 0 }
#productMenu.scrol { top: 160px; }
#ProductDisplayDiv { margin-top: 0 }
#side-details-view { max-width: 100% }
#side-details-view p { font-size: 14px }
.content4 { background: url(../images/uploads/site_files/ft-back.jpg) no-repeat; background-size:cover; background-position:center;}
.content4 h3 { font-size:18px; margin:10px 0; text-align:center  }
.contentBlocks h2 { font-size: 26px }
}
@media only screen and (min-width : 400px) {
.containermain { padding-top: 120px; padding-left: 0; padding-right: 0 }
.container { padding: 0 15px }
.header_section { position: fixed; width: 100%; top: 0px; height: 120px }
#proudImg { right: 20%; top: 20px; }
.social-media { right: 0 bottom: -20px }
#logo.sml > img { width: 90%; }
.menu-header { display: block }
.dropdown-cat b { display: inline-block }
.dropdown-menu { position: absolute }
.dropdown-menu > li > a { color: #eee }
#slider.index { min-height: 150px }
.content .section-blocks { float: left; margin: 10px 5px; min-height: 460px; padding: 0 80px 30px; position: relative; width: 100%; }
.content3 { padding: 20px 30px }
.content5 .ft-menus { margin-bottom:5px; padding: 0 2px; }
.content5 .ft-menus h4 { margin: 0 0 10px 0 }
.sampleDiv { margin: 0; padding: 0; }
.sampleIcon { left: 132px; top: -5px }
.sr_services { width: 100%; }
.sr_item { margin:40px auto; padding:60px 20px 10px; width: 90%; }
.sr_item_img img { width: 100%; height: auto }
.sr_services_title { margin-top: 0 }
.content6 h3 { font-size: 24px; }
.content7 { padding: 25px 20px; }
.feedback_item { padding: 10px 50px 0; font-size: 1.2em; }
.content7 blockquote { font-size: 18px; }
#fbmore { bottom: -10px; right: 0 }
#productDiv { padding: 10px; }
#ProductDisplayDiv { margin-top: 20px }
#productMenu { top: 310px; padding: 0 0 0 10px; }
#productMenu.scrol { top: 120px; }
#productsDiv h3 { margin-top: 14px; padding: 3px 0 }
.productsDiv40 { width: 40%; float: left; padding: 0 20px }
.productsDiv60 { width: 60%; float: left; padding: 0 20px }
#productsDiv .productsDiv50 h3 { margin: 0 0 10px 0 }
#side-details-view { max-width: 400px }
#side-details-view p { font-size: 15px }
#productsDivView { padding: 0 30px 10px }
.content4 h3 { font-size:18px; margin:20px 0 15px; text-align:center; color:#eee  }
}
@media (min-width: 760px) {
#address { font-weight: bold; position: relative; color: #666; text-align: right; font-size: 18px; padding: 3px 0 0 10px; }
#div247 { right:-15px}
#logo { left: 50%;transform: translate(-50%, 0); margin-top: -5px; text-align: center; position:fixed;  width: auto; z-index:110}
#logo img { width: auto; }
.menu-header { position: absolute; top:auto;  bottom: -47px; display: block; height: 56px;padding: 12px 0 0; z-index:-1}
.main_content { padding: 20px 25px 30px }
.main_content h3 { margin: 0 0 12px; font-size: 24px }
.content .section-blocks { width: 30%; padding: 0 25px 20px }
.content5 { height: auto; padding: 20px 0 0; color: #eee }
.content4 { background: url(../images/uploads/site_files/ft-back.jpg) no-repeat; background-size:cover; margin: 0 auto; background-position:center; }
#welcomeDiv h1 { font-size: 38px; }
.contentBlocks h2 { font-size: 36px }
#slider.index .featuredTxt { display:block;  background: rgba(0,0,0,.5); padding:5px 20px;  bottom: 25px; }
#slider.index .featuredTxt h4{ font-size: 32px; margin-bottom:10px}
#slider.index .featuredTxt h3{ font-size: 36px; font-weight:bold; color: #ffbc00; margin:10px 0}
#slider .featuredTxt {  display:block}
.sr_item { width: 90%; margin:40px 0 20px; padding-bottom: 5px; border: 2px solid #333; border-radius:6px}

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 801px) {
#slider.index { min-height: 150px; }
#slideInDiv { display:none}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 901px) {
#slider.index { min-height: 150px; }
#slideInDiv { display:block }
.headerTitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:56px; font-weight:normal; color:#111; text-shadow:2px 1px 6px #000;margin-top:14px }

.slider-header.index { margin: 0 0 20px;}

.sampleDiv img {  max-width: 100%;  width: auto;}
}
@media only screen and (min-width : 1200px) {
.containermain { padding:166px 0 0; }
#logo { width: 116px; }
.slider-header { margin-top: 0; }
#slider.index .featuredTxt { font-size: 28px;}
.header_section { position: fixed; width: 100%; }
.content.content2 { min-height: 140px; padding: 20px 60px 30px }
.content .section-blocks { width: 32% }
.content4 { background: url(../images/uploads/site_files/ft-back.jpg) repeat; background-size: auto; background-position:center; }
#div247 { right: 30px}
#div247 img { width: auto}
}
@media (min-width: 1365px) {
}
@media (min-width: 1700px) {

}