/* ==========================================================================
   Media Queries

  (orientation: portrait)  (orientation: landscape)

@media screen and (max-width:320px) {}
@media screen and (min-width:321px) and (max-width:479px) {}
@media screen and (min-width:480px) and (max-width:639px) {}
@media screen and (min-width:640px) and (max-width:767px) {}
@media screen and (min-width:768px) and (max-width:959px) {}
@media screen and (min-width:960px) and (max-width:1023px) {}
@media screen and (min-width:1024px) and (max-width:1279px) {}
@media screen and (min-width:1280px) and (max-width:1599px) {}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {}

   ========================================================================== */

@media screen and (max-width:319px) {
    #footer1 {display:none;}
    #bg1{display:none;}
    .overlay{display:none;}
    .strapline-container{display:none;}
    #mobilebanner{display:block;}
    .strapline h1 {font-size:1.2em;}
    ul#dropdown{display:none!important;}
    #nav-main .toggle-menu-icon{display:block;}
/*    #widget_column {    display:none !important;   }*/
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }
    .col_contact{width:95%!important; padding: 10px 20px !important;}
   .banner-btn-menu ul { width: 100%!important; }
    .col_100{width:95%!important; padding: 10px 20px !important;}
    .col_75{width:90%!important; padding: 10px 20px !important;}
    .col_66{width:90%!important; padding: 10px 20px !important;}
    .col_50{width:90%!important; padding: 10px 20px !important;}
    .col_33{width:90%!important; padding: 10px 20px !important;}
    .col_25{width:90%!important; padding: 10px 20px !important;}
    #mainnavbar-mobile{display:none;}
    #mainnavbar{display:none;}
    body {    min-width:320px;   }
    .gallery_details .gallery_thumb { width: 50%;}
    .gallery_details .gallery_desc { width: 100%;}
    .news_details .news_thumb {    float: none !important;    width: 100% !important; }
.news_details .news_desc {    float: none !important;    width: 100% !important; padding: 10px !important; }
    .nivo-caption {top: 45px;}
    #image-area {  margin-top: -51px; }
    .social { display: none;}
        #right_widget #widget_column {  width: 100%;}
    .strapline { width: 100%;}
    .button1a { width: 394px;}
    .strapimage {display:none;}
        .strapline { width: 100%;  padding: 30px;}
    .button1a { width: 100%; }
    .button1a a{font-size: 1.2em;}
    .logo {padding: 0 0 0 20px;}
    #container{  margin-top: 117px;}
	#right_widget {  display:none;}
}
@media screen and (min-width:320px) and (max-width:479px) {
     #footer1 {display:none;}
    #container{  margin-top: 117px;}
       #bg1{display:none;}
    .overlay{display:none;}
    .strapline-container{display:none;}
    #mobilebanner{display:block;}
    ul#dropdown{display:none!important;}
    #nav-main .toggle-menu-icon{display:block;}
/*    #widget_column {    display:none !important;   }*/
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }
    .col_contact{width:95%!important; padding: 10px 20px !important;}
   .banner-btn-menu ul { width: 100%!important; }
    .col_100{width:95%!important; padding: 10px 20px !important;}
    .col_75{width:95%!important; padding: 10px 20px !important;}
    .col_66{width:95%!important; padding: 10px 20px !important;}
    .col_50{width:95%!important; padding: 10px 20px !important;}
    .col_33{width:95%!important; padding: 10px 20px !important;}
    .col_25{width:95%!important; padding: 10px 20px !important;}
    #mainnavbar-mobile{display:none;}
    #mainnavbar{display:none;} 
    body {    min-width:320px;   }
    .gallery_details .gallery_thumb { width: 50%;}
    .gallery_details .gallery_desc { width: 100%;}
    .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .products_item { width: 100%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  border-top: solid 1px #e0e0e0;  padding-bottom: 21px;}
.news_details .news_thumb {    float: none !important;    width: 100% !important; }
.news_details .news_desc {    float: none !important;    width: 100% !important;  padding: 10px !important; }
    .nivo-caption {top: 45px!important;}
#image-area {  margin-top: -51px; }   
    .social { display: none;}
        #right_widget #widget_column {  width: 100%;}
         .strapline { width: 100%;  padding: 30px;}
    .button1a { width: 100%; }
    .button1a a{font-size: 1.3em;}
    .strapimage {display:none;}
    .logo {padding: 0 0 0 20px;}
		#right_widget {  display:none;}
}
@media screen and (min-width:480px) and (max-width:639px) {
     #footer1 {display:none;}
    #container{  margin-top: 117px;}
       #bg1{display:none;}
    .overlay{display:none;}
    .strapline-container{display:none;}
    #mobilebanner{display:block;}
    ul#dropdown{display:none!important;}
    #nav-main .toggle-menu-icon{display:block;}
/*    #widget_column {    display:none !important;   }*/
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }
        .banner-btn-menu ul { width: 100%!important; }
    .col_75{width:100%!important;}
    .col_66{width:100%!important;}
    .col_50{width:100%!important;}
    .col_33{width:100%!important;}
    .col_25{width:100%!important;}
    #mainnavbar-mobile{display:none;}
    #mainnavbar{display:none;}
     .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .nivo-caption {top: 45px!important;}
        #right_widget #widget_column {  width: 100%;}
         .strapline { width: 100%;  padding: 30px;}
    .button1a { width: 394px;}
    .strapimage {display:none;}
    .logo {padding: 0 0 0 20px;}
		#right_widget {  display:none;}
}
@media screen and (min-width:640px) and (max-width:767px) {
    #container{  margin-top: 117px;}
       #bg1{display:none;}
    .overlay{display:none;}
    .strapline-container{display:none;}
    #mobilebanner{display:block;}
    ul#dropdown{display:none!important;}
    #nav-main .toggle-menu-icon{display:block;}
/*    #widget_column {    display:none !important;   }*/
    #columns {  width:100%!important;   }
    .col_widget {  width:100%!important;   }

    .col_75{width:100%!important;}
    .col_66{width:100%!important;}
    .col_50{width:100%!important;}
    .col_33{width:100%!important;}
    .col_25{width:100%!important;}
    #mainnavbar-mobile{display:none;}
    #mainnavbar{display:none;}
    .nivo-caption {top: 45px!important;}
    #right_widget #widget_column {  width: 100%;}
        .strapline { width: 100%;  padding: 30px;}
    .button1a { width: 394px;}
    .strapimage {display:none;}
    .logo {padding: 0 0 0 20px;}
		#right_widget {  display:none;}
}
@media screen and (min-width:768px) and (max-width:959px) {
    #nav-main .toggle-menu-icon{display:block;}
    #mainnavbar-mobile{display:none;}
    #mainnavbar{display:none;}
    .products_item .products_img {  float: left;  padding: 0 20px 20px 0; width:75%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
    .nivo-caption {top: 45px!important;}
}
    
@media screen and (min-width:960px) and (max-width:1023px) {
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
    .products_item .products_img {float: left;  padding: 0 20px 20px 0; width:66%;}
    .products_item .product_desc { width:100%; float: left; padding-right: 30px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
  .nivo-caption {top: 45px!important;}  
}
@media screen and (min-width:1024px) and (max-width:1279px) {
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;} 
    .nivo-caption {top: 45px!important;}
}
@media screen and (min-width:1280px) and (max-width:1599px) {
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
	 .nivo-caption {top: 45px!important;}
}

@media screen and (min-width:1600px) {
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
}
@media screen and (min-width:1920px) {
    .toggle-menu-icon{display:none;}
    #mainnavbar-mobile{display:none;}
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {        background: transparent !important;        color: #000 !important;        box-shadow: none !important;        text-shadow: none !important;    }
    a, a:visited {        text-decoration: underline;    }
    a[href]:after {        content: " (" attr(href) ")";    }
    abbr[title]:after {        content: " (" attr(title) ")";    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {        content: "";    }
    pre, blockquote {        border: 1px solid #999;        page-break-inside: avoid;    }
    thead {        display: table-header-group;    }
    tr, img {        page-break-inside: avoid;    }
    img {        max-width: 100% !important;    }
    @page {        margin: 0.5cm;    }
    p, h2, h3 {        orphans: 3;        widows: 3;    }
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title { }


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {    background-color: transparent;    border: 0;    overflow: hidden;    text-indent: -9999px;}
.ir:before {    content: "";    display: block;    width: 0;    height: 150%;}
.hidden {    display: none !important;    visibility: hidden;}
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}
.invisible {    visibility: hidden;}
.clearfix:before, .clearfix:after {    content: " ";    display: table;}
.clearfix:after {    clear: both;}
.clearfix {    zoom: 1;}