/*

Theme Name: MyProduct

Theme URI: http://www.elegantthemes.com/gallery/

Version: 4.2

Description: 2 Column theme from Elegant Themes

Author: Elegant Themes

Author URI: http://www.elegantthemes.com

*/





/*------------------------------------------------*/

/*-----------------[RESET]------------------------*/

/*------------------------------------------------*/



/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }





/*------------------------------------------------*/

/*-----------------[BASIC STYLES]-----------------*/

/*------------------------------------------------*/



body { background: #181818; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #7f7f7f; min-height: 25px; }



a { text-decoration: none; color: #5f5f5f; }

a:hover { text-decoration: underline; }

.clear { clear: both; }

.ui-tabs-hide { display: none; }

br.clear { margin: 0px; padding: 0px; }



h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #000000; letter-spacing: -1px; line-height: 1em; font-family: Georgia, serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000000; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { padding-bottom: 10px; line-height: 24px; }

strong { font-weight: bold; color: #1c1c1c; }

cite, em, i { font-style: italic; }

pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd  { margin-left: 1.5em;}

blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }

  blockquote p { padding-bottom: 0px; }



input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }

input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#969696; color: #3e3e3e; }

input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }

textarea { padding: 4px; }



img#about-image { float: left; margin: 3px 8px 8px 0px; }



.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*------------------------------------------------*/

/*---------------[MAIN LAYOUT INFO]---------------*/

/*------------------------------------------------*/



.container { text-align: left; width: 960px; margin: 0 auto; position: relative; }



#header-wrapper { background: url(images/bg.gif) repeat 0 1px; }

  #header { background: url(images/top-bg.jpg) no-repeat top center; }

    #header .container { padding-top: 20px; height: 232px; }

    body#home #header .container { height: 384px; }



      #top-box { width: 417px; margin-top: 38px; padding-left: 3px; }

        #top-box h2, #pagetop h1 { color: #094d71; text-shadow: 1px 1px 1px #83b8db; margin-bottom: 6px; }

        #pagetop { padding: 43px 0px 0px 4px; }

        #pagetop h1 { font-size: 36px; padding-bottom: 4px; }

        #pagetop p.tagline, #pagetop p.tagline a { font-size: 18px; text-shadow: 1px 1px 1px #144b8b; color: #ffffff; }

          #pagetop p.tagline a:hover { text-decoration: underline; }



        #breadcrumbs { position: absolute; bottom: -1px; left: 0px; width:981px; }

          #breadcrumbs-left, #breadcrumbs-content, #breadcrumbs-right { float: left; height: 48px; }

          #breadcrumbs-left { width: 13px; background: url(images/breadcrumbs-left.png) no-repeat; }

          #breadcrumbs-right { width: 29px; background: url(images/breadcrumbs-right.png) no-repeat; }

          #breadcrumbs-content { width:921px;  background: url(images/breadcrumbs-bg.png); line-height:55px; font-size: 14px; font-style: italic; color: #535353; text-shadow: 1px 1px 1px #ffffff; padding: 0px 0px 0px 18px; }

          #breadcrumbs-content a { color: #535353; }

            #breadcrumbs-content a:hover, p.tagline a:hover { text-decoration: none; color: #000000; }



        #top-box p { color: #ffffff; text-shadow: 1px 1px 1px #144b83; font-size: 14px; line-height: 26px; }

        #top-box a.featured-button { display: block; float: left; height: 53px; line-height: 45px; padding-right: 32px; background: url(images/button_bg.png) no-repeat bottom right; font-size: 18px; font-family: Georgia, serif; color: #925600; margin: 8px 3px 0px 0px; text-shadow: 1px 1px 1px #fadb82; }

        #top-box a.featured-button:hover { text-decoration: none; }

          #top-box a.featured-button span { display: block; background: url(images/button_bg.png) no-repeat top left; padding-left: 27px; height: 53px; }



      #image_slideshow { position: absolute; bottom: -77px; right: -18px; z-index: 3; }

        #switcher { position: absolute; bottom:120px; left:35px; }

          #switcher-left, #switcher-right, #switcher-content { height: 85px; float: left; }

          #switcher-left { background: url(images/switcher-left.png) no-repeat; width: 37px;  }

          #switcher-right { background: url(images/switcher-right.png) no-repeat; width: 39px;  }

          #switcher-content { background: url(images/switcher-bg.png) repeat-x; padding: 31px 0px 0px; height:54px; }

            #switcher-content a { display: block; float: left; background: url(images/switcher-link.png) no-repeat; height:18px; margin:0px; text-indent:-9999px; width:17px; }

            #switcher-content a.active { background: url(images/switcher-activelink.png) no-repeat; }





      #content { background: #eff1f2 url(images/main-bg.png) repeat-y top center; text-shadow: 1px 1px 1px #ffffff; padding-bottom: 15px; }

        #content-wrap { background: url(images/main-bg-top.png) no-repeat top center; min-height: 200px; }

          #content-wrap .container { width: 975px; }

            #content-left { float: left; width: 665px; margin-right:1px; background: url(images/content-top-left.jpg) right 2px no-repeat; }

            body#home #content-left { background: none; }



              #services { background: url(images/vertical_bg.png) repeat-y 336px 0px; }

                .service { float: left; width: 224px; position: relative; padding: 33px 37px 28px 75px; background: url(images/horizontal_sep.png) repeat-x bottom left; }

                #services .even { margin-left:1px; width:215px; }

                #services .lastrow { background: none; }

                  .service h3.title { padding-bottom: 14px; }

                    .service h3.title a { color: #262626; }

                      .service h3.title a:hover { color: #000000; text-decoration: none; }

                  .service img.icon { position: absolute; top: 31px; left: 16px; }



                  a.readmore { padding-right: 17px; background: url(images/readmore-bg.png) bottom right no-repeat; height: 31px; line-height: 31px; float: right; color: #ffffff; font-size: 11px; text-shadow: -1px -1px 1px #000000; }

                    a.readmore span { padding-left: 18px; background: url(images/readmore-bg.png) no-repeat; display: block; height: 31px; }

                    a.readmore:hover { color: #eeeeee; }



        div.entry { padding: 42px 55px 22px 13px; background: url(images/horizontal_sep.png) bottom left repeat-x; }

          div.post a { color: #000000; font-weight: bold; }



        .entry ul { list-style-type: disc; margin: 10px 0px 10px 20px; }

        .entry ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }

          .entry ul li ul, .entry ul li ol { margin: 2px 0px 2px 20px; }

          .entry ol li ul, .entry ol li ol  { margin: 2px 0px 2px 35px; }



/*------------------------------------------------*/

/*---------------[DROPDOWN MENU]------------------*/

/*------------------------------------------------*/



#topnav { position: absolute; top: 20px; right: 0px; }

  #topmenu-leftbg, #topmenu-rightbg, #topmenu { float: left; height: 45px; }

  #topmenu-leftbg { background: url(images/menu-leftbg.png) no-repeat; width: 11px; }

  #topmenu { background: url(images/menu-bg.png) repeat-x; position: relative; }

  #topmenu-rightbg { background: url(images/menu-rightbg.png) no-repeat; width: 14px; }

    ul.nav, #search-form { float: left; }

    ul.nav { padding: 5px 0px 0px; margin-right: 17px; }

      ul.nav li { float: left; background: url(images/link-separator.png) no-repeat top right; padding: 0px 7px 0px 5px; }

        ul.nav a { color: #615f5f; text-shadow: 1px 1px 1px #fcfcfc; padding: 4px 7px 9px; }

          ul.nav a:hover { text-decoration: none; color: #000000; }

          ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span { background: url(images/active-arrow.png) no-repeat bottom center; }



          ul.nav > li > a:focus { background: none; }



          ul.nav > li.sf-ul > a:hover, ul.nav > li.sf-ul.sfHover > a { background: #ffffff; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; color: #000000; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.2); }



            .nav li ul { background: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; left:5px !important; top:34px !important; padding: 14px 10px 14px 20px; width: 172px !important; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.2); z-index: 10000; display: none; }

                .nav ul li:hover ul, ul.nav ul li.sfHover ul { left:183px !important; top:-14px !important; }



              ul.nav li li { background: none; }

                ul.nav li li a { background: url(images/nav-bullet.png) no-repeat left 9px; padding: 4px 0px 4px 17px; display: block; color: #7e7e7e; }

                  ul.nav li li a:hover { color: #444444; }

        ul.nav a#homelink { text-indent: -9999px; background: url(images/home-icon.png) no-repeat center 6px; padding: 0px; }

          ul.nav a#homelink span { display: block; padding: 5px 9px 8px 5px; width: 16px; }



    #search-form { background: url(images/search-bg.png) no-repeat; width: 148px; margin-top:8px; }

      #search-form input { border: none; background: none; margin: 0px; padding: 5px 0 8px 11px; width:127px; color: #989898; font-size: 11px; }



/*------------------------------------------------*/

/*--------------[FEATURED SLIDER]-----------------*/

/*------------------------------------------------*/



#featured { background: url(images/horizontal_sep.png) repeat-x bottom left; }

  #featured .slide { padding: 50px 33px 34px 40px; }

  #featured-wrap { background: url(images/featured-right-bg.jpg) no-repeat right 2px; position: relative; }

    ul#featured-control { position: absolute; top: -46px; left:10px; }

      ul#featured-control li { float: left; background:url("images/featured-li.png") repeat scroll right bottom transparent; padding-right: 28px; margin-right:-6px;  }

        ul#featured-control li a { background:url("images/featured-li.png") no-repeat; display:block; height:47px; line-height:57px; padding-left:21px; padding-right:1px; }

        ul#featured-control li a:hover { color: #000000; }



      ul#featured-control li.active { background:url("images/active-bg-sprite.png") repeat scroll right bottom transparent; padding-right:34px; margin-right:-15px; margin-left:-12px; }

        ul#featured-control li.active a { background:url("images/active-bg-sprite.png") no-repeat; height:63px; padding-left:33px; padding-right:4px; color: #535353; }

          ul#featured-control li a:hover { text-decoration: none; }


    #featured h2.title, .entry h2.title { font-size: 30px; margin-bottom: 13px; }

    .entry h2.title { margin-bottom: 10px; }

      #featured h2.title a, .entry h2.title a { color: #262626; text-shadow: 1px 1px 1px #ffffff; }

        #featured h2.title a:hover, .entry h2.title a:hover { text-decoration: none; color: #111111; }

    img.thumbnail { background:url(images/thumb-bg.png) no-repeat; padding:8px 9px 10px 8px; margin-top:7px; }



    div.postinfo { background: url(images/horizontal_sep.png) repeat-x; width: 490px; }

      div.postinfo p.tagline { background: url(images/postinfo-icon.png) no-repeat 2px 7px; font-size: 14px; color: #545353; font-family: Georgia, serif; font-style: italic; padding-bottom:4px; }

        div.postinfo p.tagline span.inner { display: block; background: url(images/horizontal_sep.png) bottom left repeat-x; padding: 6px 4px 9px 34px; }



/*------------------------------------------------*/

/*-------------------[COMMENTS]-------------------*/

/*------------------------------------------------*/



#comment-section { padding:30px 41px 20px 20px; }

  h3#comments, h3#reply-title span { font-size: 30px; }



span.bottom_bg { background:url("images/comment-bottom.png") no-repeat scroll bottom right; display: block; height: 2px; width: 100%; margin-top: -21px; }

  div.authordata { width: 100px; }

    img.avatar { float: right; background: url(images/avatar-bg.png) no-repeat; padding: 5px 6px 6px 5px; }

    div.comment-author { text-align: right; margin-top: 13px; padding-bottom:5px; }

      div.comment-author span.fn a, div.comment-author span.fn { color: #262626 !important; font-size: 14px; font-weight: normal !important; font-family: Georgia, serif;  }

    .comment-meta { margin-top: 3px; }

      .comment-meta a { color: #434343 !important; font-size: 11px; font-weight: normal !important; }



  .comment-wrap { float:left; margin-left:32px; }

    .reply-container { float: right; }

      .reply-container a { padding-left: 15px; }

      .reply-container a:hover { text-decoration: none; }





  ul.children .comment .bottom_bg { background: none; }



  li.depth-1 .comment-wrap { width: 428px; }

  li.depth-2 .comment-wrap { width: 310px; }

  li.depth-3 .comment-wrap { width: 193px; }

  li.depth-4 .comment-wrap { width: 78px; }



  ol.commentlist { padding-top: 10px; }

  .commentlist li.comment { margin: 20px 0px; background: url(images/content_line.png) repeat-y 117px 0px; }

    .commentlist li.comment ul { margin: 8px 0px 8px 117px; }



  #respond { padding-top: 30px; }

    #commentform textarea#comment { width: 99%; }

    #commentform input[type=text] { width: 40%; }



  li.comment #respond { padding-left:28px; padding-top:20px; background: #E7E9EB; }

    li.comment #respond textarea { width: 99% !important; }

    li.comment #respond input[type=text] { width: 50% !important; }



  .depth-1 li.comment #respond { padding-left:10px; }



  span.bottom_bg { width: 580px; }



  div#comment-section a {

    color:#000000;

    font-weight:bold;

  }



/*------------------------------------------------*/

/*---------------------[FOOTER]-------------------*/

/*------------------------------------------------*/



#footer-top { background: url(images/footer-bg.png); }

  #footer { background: url(images/footer-top.png) repeat-x; border-top: 1px solid #ffffff; padding-top: 35px; text-shadow: -1px -1px 1px #000000; color: #898989; border-bottom: 1px solid #393939; }

    #footer .widget { width: 280px; margin: 0px 0px 0px 40px; padding-bottom: 35px; float: left; }

      #footer .widget h3.title { color: #ffffff; font-size: 24px; margin-bottom: 12px; }

      #footer a { color: #aaaaaa; }

        #footer a:hover { color: #ffffff; text-decoration: none; }



      #footer .widget ul { margin-bottom:5px; margin-left: 17px; }

        #footer .widget ul ul { margin-bottom:0; }

        #footer .widget ul li { background:url("images/footer-bullet.png") no-repeat scroll 0 10px; color:#AAAAAA; padding:5px 0 8px 18px; }

          #footer .widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px; }

          #footer #wp-calendar td#today { color:#ffffff; }



#footer-copyright { background: #181818 url(images/footer-copyright-bg.png) repeat-x; padding: 11px 0px 1px; }

  p#copyright { float: right; color: #6b6b6b; font-size: 11px; text-shadow: -1px -1px 1px #000000; margin-right: 20px; }

    p#copyright a { color: #a0a0a0; }



/*------------------------------------------------*/

/*--------------------[SIDEBAR]-------------------*/

/*------------------------------------------------*/



#sidebar { float: left; width: 309px; }

  #sidebar a { color: #7f7f7f; }

    #sidebar a:hover { color: #474646; text-decoration: none; }

body#home #sidebar { padding-top: 65px; }

  .sidebar-block { padding: 25px 18px 15px 38px; background: url(images/horizontal_sep.png) repeat-x left bottom; }

  #testimonial { color: #7f7f7f; font-family: Georgia, serif; font-style: italic; background: url(images/testimonial-bg.png) no-repeat 0px 2px; padding:0 0 0 26px; margin-left: -15px; }

    #testimonial p.author { color: #262626; font-family: Arial, sans-serif; font-style: normal; text-align: right; margin-top: -4px; background: url(images/testimonials-bottom-bg.png) no-repeat top right; padding-top: 18px; margin-top: -24px; }



    #tabbed-area #tabs { background: #E6E6E6; border:1px solid #B4B4B4; margin:-30px -18px 0 -37px; height: 43px; border-left: none; }

      #tabs ul#tab_controls { border-top: 1px solid #ffffff; }

        #tabs ul#tab_controls li { float: left; padding: 0px; }

        #tabs ul#tab_controls li.first { background:url("images/recent-icon.png") no-repeat 10px 14px transparent; }

        #tabs ul#tab_controls li.second { background:url("images/popular-icon.png") no-repeat 4px 15px transparent; }

        #tabs ul#tab_controls li.last { background:url("images/random-icon.png") no-repeat 0px 14px transparent; }

          #tabs ul#tab_controls li a { display: block; padding: 10px 0px 11px 10px; color: #262626; font-size: 14px; font-family: Georgia, serif; text-align:center; font-size:12px; font-weight:bold; }

            #tabs ul#tab_controls li a:hover { text-decoration: none; color: #000000; }



          #tabs ul#tab_controls li.first a { width: 92px; }

          #tabs ul#tab_controls li.second a { width: 94px; }

          #tabs ul#tab_controls li.last a { width: 87px; }



        #tabs ul#tab_controls li.active a { background: url(images/active-tab-arrow.png) bottom center no-repeat; padding-bottom:24px; }

        .tab-content { margin-top:32px; }



    .sidebar-block h3.title { font-size: 24px; color: #262626; margin-bottom: 18px; }



    #sidebar .noborder { background: none; }

    .sidebar-block ul { margin-bottom:5px; }

      .sidebar-block ul ul { margin-bottom:0; }

      .sidebar-block ul li { background:url("images/bullet.png") no-repeat scroll 0 10px; color:#262626; padding:5px 0 8px 18px; }

        .sidebar-block ul li ul { margin:0 0 -12px; padding:5px 0 0 7px; }



/*------------------------------------------------*/

/*------------[CAPTIONS AND ALIGNMENTS]-----------*/

/*------------------------------------------------*/



div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }

.wp-caption.alignleft { margin: 0px 10px 10px 0px; }

.wp-caption.alignright { margin: 0px 0px 10px 10px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.alignright { float: right; }

.alignleft { float: left }

img.alignleft { display:inline; float:left; margin-right:15px; }

img.alignright { display:inline; float:right; margin-left:15px; }





/*------------------------------------------------*/

/*---------------[DEFAULT DROPDOWN SETTINGS]---*/

/*------------------------------------------------*/



.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }

.nav li { float:left; position:relative; }

.nav a { display:block; float: left; }

  .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; }

  .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }

    .nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; }

  .nav li:hover ul, .nav li li:hover ul { top: -999em; }

  .nav li li {  display: block; padding: 0px; float: left; height: auto !important; }

  .nav li ul { width: 202px; }

    .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; width:180px; }

    .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }





/*------------------------------------------------*/

/*-----------------[WP CALENDAR]-----------------*/

/*------------------------------------------------*/

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;  }

  #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }

    #wp-calendar a:hover { text-decoration: underline; }

  #wp-calendar caption {  text-decoration: none; font: bold 13px Arial, Sans-Serif; }

  #wp-calendar td { padding: 3px 5px; color: #9f9f9f; }

    #wp-calendar td#today { color: #000000; }

  #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; }

    #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

    #wp-calendar #next a { padding-right: 10px; text-align: right; }

    #wp-calendar #prev a { padding-left: 10px; text-align: left; }



/*------------------------------------------------*/

/*-------------------[PAGE NAVI]------------------*/

/*------------------------------------------------*/

.pagination { overflow: hidden; padding: 15px 12px 0px; }



.wp-pagenavi { position: relative; text-align: right; padding: 33px 55px 33px 0px; }

.wp-pagenavi a, .wp-pagenavi a:link { background: url(images/pagenavi-bg.png) no-repeat !important; padding: 10px 15px 12px 14px !important; margin: 2px; color:#383737 !important; border: none !important; text-shadow: 1px 1px 1px #ffffff; font-size: 14px; }

.wp-pagenavi a:visited { background: url(images/pagenavi-bg.png) no-repeat !important; padding:10px 15px 12px 14px !important; margin: 2px; color:#383737 !important; border: none !important; }

.wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important ; color: #989898 !important; border:none !important; color: #413f36; background: none !important; }

.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background: url(images/pagenavi-current-bg.png) no-repeat !important; padding:10px 15px 12px 14px !important; margin: 2px; color:#FFFFFF !important; border: none !important; text-shadow: -1px -1px 1px #000000; color: #ffffff !important; font-size: 14px !important; font-weight: normal !important; }





a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }



.js #feat-content, .js div#from-blog div.entries {display: none;}



.foursixeight { margin: 15px 0 5px 84px;}



.fullwidth { width: 100% !important; }



.js #image_slideshow { display: none; }

.nobg { background: none !important; }



#tabbed-area #tabs { margin-top:-23px;  }

body#home #tabbed-area #tabs { margin-top:-30px;  }



#top-box ul { color:#EEEEEE; list-style:disc inside none; }

#top-box ul, .service ul, #featured ul { color:#EEEEEE; list-style:disc inside none; padding-left: 15px; }



.fullwidth-page { background-image: url(images/main-bg-full.png) !important; }

  .fullwidth-page #content-wrap { background-image: url(images/main-bg-topfull.png) !important; }

  .fullwidth-page #content-left { width: 980px; background: none; }



#comment-wrap .navigation { padding: 10px 0; }

  .nav-previous { float: left; }

  .nav-next { float: right; }

h3#reply-title small { display: block; margin-top: 10px; }

  h3#reply-title small a { font-size: 12px; letter-spacing: 0px; }



#commentform input[type=text] { width: 40%; display: block; padding: 5px; }

#commentform textarea#comment { width: 91%; }

.commentlist #respond textarea#comment { width: 98% !important; }

.commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; }

.comment_navigation_top, .comment_navigation_bottom { padding: 12px 0; }

.comment_navigation_top { padding-bottom: 0; }

.et_embedded_videos { display: none !important; }



.js #featured .slide { display: none; }



.service {

width: 304px;

padding: 16px 16px 16px 16px;

}

#services .even {

margin-left: 1px;

width: 295px;

padding: 16px;

}

.service img.icon {

position: relative;

top: 0px;

left: 0px;

display: Block;

float: left;

margin-right: 10px;

}

.blogpage-left-content-post {

float: left;

}

.blogpage-right-content-post{

float: right;

width: 80%;

}

.entry.post .thumbnail, .for-responsive, #mobile-menu, .mobile-menu{

display:none;

}

/* iPhone 5 */
@media only screen and (min-width:300px) and (max-width:320px) {

  .container, #content-wrap .container{
    width: 320px;
  }

  #top-box{
    width: 310px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 3%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 10%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 15%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 20em;
    margin-top: -15%;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
  }  

  #breadcrumbs-content{
    width: 260px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content-left{
    float: none;
    width: 320px;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
  }

  .service{
    width: 290px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 23em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 315px;
  }

}

/* iPhone 6 */
@media only screen and (min-width:370px)  and (max-width:380px) {

  .container, #content-wrap .container{
    width: 360px;
    margin: 0;
  }

  #services{
    background: none;
  }

  #top-box{
    width: 340px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 3%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 10%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
    margin-left: 10%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 15%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 20em;
    margin-top: -15%;
    margin-left: 0;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
    padding-right: 20px;
  }  

  #breadcrumbs-content{
    width: 260px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content-left{
    float: none;
    width: 360px;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
  }

  .service{
    width: 290px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 25em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 315px;
  }

}

/* iPhone 6 plus */
@media only screen and (min-width:400px)  and (max-width:420px) {

  .container, #content-wrap .container{
    width: 400px;
    margin: 0;
  }

  #services{
    background: none;
  }

  #top-box{
    width: 370px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 3%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 20%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 25%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 20em;
    margin-top: -15%;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
    padding-right: 20px;
  }  

  #breadcrumbs-content{
    width: 260px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content{
    background: #eff1f2;
  }

  #content-left{
    float: none;
    width: 400px;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
  }

  .service{
    width: 370px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 30em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 380px;
  }

}

/* Kindle Fire HD 7 */
@media only screen and (min-width:530px)  and (max-width:540px) {

  .container, #content-wrap .container{
    width: 500px;
    margin: 0;

  }

  #services{
    background: none;
  }

  #top-box{
    width: 480px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 10%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: -10%;
  }

  #image_slideshow #images img{
    width: 20em;
    position: absolute;
    margin-left: 20%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 25%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 25em;
    margin-top: -8%;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
    padding-right: 20px;
  }  

  #breadcrumbs-content{
    width: 420px;
  }

  #breadcrumbs{
    position: static;
    width: 500px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content{
    background: #eff1f2;
  }

  #content-left{
    float: none;
    width: 525px;
    background: none;
  }

  #content-wrap{
    background: none;
  }

  #featured-wrap{
    background: none;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
    margin: 0 auto;
  }

  .service{
    width: 490px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 40em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 480px;
  }

}

/* google nexus 7 and samsung galaxy tab and Kindle Fire */
@media only screen and (min-width:600px)  and (max-width:620px) {

  .container, #content-wrap .container{
    width: 580px;
    margin: 0;

  }

  #services{
    background: none;
  }

  #top-box{
    width: 550px;
    margin-left: 2%;
    margin-top: 15%;
  }

  .for-responsive{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #topnav{
    position: initial;
    margin-left: 2%;
    margin-top: 2%;
  }

  #logo{
    width: 25em;
    margin: 0 10%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 12%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
    margin-left: 20%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 35%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 25em;
    margin-top: -8%;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 138px;
  }

  .entry.post{
    padding-top: 10px;
    padding-right: 20px;
  }  

  #breadcrumbs-content{
    width: 420px;
  }

  #breadcrumbs{
    position: static;
    width: 500px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content{
    background: #eff1f2;
  }

  #content-left{
    float: none;
    width: 570px;
    background: none;
  }

  #content-wrap{
    background: none;
  }

  /*#featured-wrap{
    background: none;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
    margin: 0 auto;
  }*/

  ul#featured-control li.active a{
    height: 47px;
  }

  ul#featured-control li.active{
    background: url("images/active-bg-sprite.png") repeat scroll right 63px transparent;
  }

  .service, #services .even, #sidebar{
    width: 550px;
  }

  #text-3 img, #text-4 img{
    width: 20em;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 45em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 570px;
  }

  #featured-wrap{
    background: none;
  }

  .fullwidth-page #content-wrap{
    background-image: none !important;
  }

}

/* Apple iPad and Kindle Fire HD 8.9 */
@media only screen and (min-width:760px)  and (max-width:810px) {

  #topnav{
    position: initial;
    margin-left: 11%;
    margin-top: 2%;
  }

  #header-wrapper #header .container img{
    margin-left: 20%;
    width: 15em;
  }

  #switcher{
    display: none;
  }

  #header-wrapper #header .container img:last-child{
    width: 20em;
  }

  #header-wrapper #header .container img{

  }

  #top-box{
    width: 417px;
    margin-top: 80px;
    padding-left: 3px;
    margin-left: 2%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 25%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  body#home #header .container{
    height: 400px;
  }

  #header{
    background: url(images/top-bg.jpg) repeat top center;
    background-size: cover;
  }

  #image_slideshow{
    right: 260px;
    bottom: 60px;
  }

  #sidebar{
    float: none;
    width: 760px;
  }

  #content-left{
    width: 780px;
  }

  #featured-wrap, #content-left,#content-wrap, .fullwidth-page #content-wrap{
    background: none;
    background-image: none !important;
  }

  #content{
    background: #eff1f2;
  }

  .service{
    width: 350px;
  }

  #services{
    background: url(images/vertical_bg.png) repeat-y 380px 0px;
  }

  ul#featured-control li.active a{
    height: 47px;
  }

  ul#featured-control li.active{
    background: url("images/active-bg-sprite.png") repeat scroll right 63px transparent;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 50em;
  }

  #text-3 img, #text-4 img{
    width: 20em;
  }

  .service iframe{
    margin-left: 20%;
  }

  .fullwidth-page #content-left, #footer .container{
    width: 740px;
  }

  .blogpage-right-content-post{
    width: 70%;
  }

  #text-6 iframe{
    width: 30em;
  }

  #pagetop{
    position: absolute;
  }

  #pagetop h1{
    margin-left: 30%;
    margin-top: 40%;
  }

}

/* Nokia Lumia 920 */
@media only screen and (min-width:450px)  and (max-width:470px) {

  .container, #content-wrap .container{
    width: 450px;
    margin: 0;
  }

  #services{
    background: none;
  }

  #top-box{
    width: 400px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 10%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -90px;
    margin-left: 5%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
    margin-left: 20%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 25%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 20em;
    margin-top: -15%;
  }

  #home #header-wrapper{
    height: 600px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
    padding-right: 20px;
  }  

  #breadcrumbs-content{
    width: 260px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content{
    background: #eff1f2;
  }

  #content-left{
    float: none;
    width: 460px;
  }

  #featured-wrap, #content-wrap{
    background: none;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
    margin: 5% auto;
  }

  .service{
    width: 420px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 35em;
  }

  #services .even{
    width: 390px;
  }

  #sidebar{
    width: 460px;
  }

  #text-3 img, #text-4 img{
    width: 20em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 450px;
  }

}

/* HTC One and Samsung Galaxy S5 */
@media only screen and (min-width:340px)  and (max-width:365px) {

  .container, #content-wrap .container{
    width: 360px;
  }

  #top-box{
    width: 340px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 20%;
    position: absolute;
    z-index: 1;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 25em;
    margin: 0 3%;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 10%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
    margin-left: 5%;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 15%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 20em;
    margin-top: -15%;
    margin-left: 0;
  }

  #home #header-wrapper{
    height: 650px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
  }  

  #breadcrumbs-content{
    width: 260px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 650px;
    background-size: cover;
  }

  #content-left{
    float: none;
    width: 360px;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
    margin: 5% auto;
  }

  .service{
    width: 290px;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 26em;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 350px;
  }

}

/* Samsung Galaxy Y */
@media only screen and (min-width:230px) and (max-width:250px) {

  .container, #content-wrap .container{
    width: 240px;
  }

  #top-box{
    width: 230px;
    margin-left: 2%;
  }

  .for-responsive, .mobile-menu{
    display: block;
  }

  .mobile-menu{
    width: 45px;
    cursor: pointer;
    background: #3B5998;
    padding: 5px;
    margin-left: 1%;
    float: left;
  }

  .mobile-menu hr{
    width: 50%;
    border-color: #FFF;
  }

  .nav a, ul.nav li, ul.nav{
    float: none;
  }

  ul.nav{
    margin: 0 !important;
  }

  ul.nav li{
    background: none #FFF;
  }

  #mobile-menu{
    width: 220px;
    margin-left: 1%;
    position: absolute;
    z-index: 1;
    margin-top: 10%;
  }

  ul.nav > li.current_page_item > a, ul.nav > li.current-cat > a, ul.nav > li.current_page_item > a#homelink > span{
    background: none;
  }

  #topnav, .woocommerce-page #text-3, .woocommerce-page #text-4, .page-template-page-contact #sidebar, #pagetop h1, #switcher{
    display: none;
  }

  #logo{
    width: 19em;
    margin: 0 3%;
    display: block;
  }

  #image_slideshow{
    position: inherit;
    bottom: -60px;
    margin-left: 5%;
  }

  #image_slideshow #images img{
    width: 15em;
    position: absolute;
  }

  #top-box a.featured-button span, #top-box a.featured-button{
    background: none;
    font-size: 16px;
  }

  #top-box a.featured-button{
    margin-left: 15%;
    background-color: #FEED00;
    border: 1px solid #967019;
    border-radius: 40px;
    height: 40px;
  }

  #image_slideshow #images img:last-child{
    width: 15em;
    margin-top: -2%;
  }

  #home #header-wrapper{
    height: 690px;
  }

  #header .container{
    height: 125px;
  }

  .entry.post{
    padding-top: 10px;
  }  

  #breadcrumbs-content{
    width: 170px;
  }

  #breadcrumbs{
    position: static;
    width: 330px;
    margin-left: 2%;
  }

  #home #header{
    background: url(images/top-bg.jpg) center;
    height: 690px;
    background-size: cover;
  }

  #content-left{
    float: none;
    width: 240px;
  }

  ul#featured-control{
    position: static;
  }

  ul#featured-control li { 
    padding-right: 0 !important; 
    margin-right: 0 !important;
    background: #D0D0D0 !important;
    border-bottom: 1px solid #78878D;
    float: none;
  }

  ul#featured-control li a { 
    display:block; 
    height:40px; 
    line-height:40px; 
    padding-left:21px; 
    padding-right:1px;
    background: none !important; 
  }

  ul#featured-control li a:hover {
    color: #000000; 
  }

  ul#featured-control li.active {
    padding-right:34px; 
    margin-right:-15px; 
    margin-left:-12px;
    background: #FCFCFC;
  }

  ul#featured-control li.active a {
    height:40px; 
    padding-left:33px; 
    padding-right:4px; 
    color: #535353;
    background: #F0F0F0 !important;
  }

  ul#featured-control li a:hover {
    text-decoration: none;
  }

  #featured .thumbnail{
    float: none !important;
    display: block !important;
  }

  .service{
    width: 210px;
  }

  #services img{
    float: none;
    display: block;
    margin-bottom: 10%;
  }

  #services a{
    float: none !important;
  }

  .service iframe, #text-6 iframe, iframe{
    width: 18em;
  }

  #sidebar{
    width: 240px;
  }

  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    width: 60% !important;
    margin-left: 10% !important;
  }

  .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n){
    float: left !important;
  }

  .blogpage-left-content-post, .blogpage-right-content-post{
    float: none;
  }

  .blogpage-left-content-post{
    text-align: center;
  }

  .blogpage-right-content-post{
    margin-top: 2%;
    margin-left: 10%;
  }

  .fullwidth-page #content-left{
    width: 240px;
  }

  #breadcrumbs-content{
    font-size: 11px;
  }

}

#image_slideshow #images img{
width:15em !important;
}
#image_slideshow #images img:nth-child(2){
width:25em !important;
}