/*Tablet landscape (1024x768)*/
@media (min-width:992px) and (max-width:1199px) {

}

@media (min-width:1400px) and (max-width:1920px) {
#wowslider-container1 { max-width:100% !important;}
#wowslider-container1 .ws_images {max-width:100% !important;}
.right-tab-section .tab-content {}
}

/*Tablet portrait (768x1024)*/
@media (min-width:758px) and (max-width:800px){
  .wsmenu-list > li > a .fa { margin:0 5px 0 0 !important; color:rgba(255,255,255,1) !important;}
.wsmenu > .wsmenu-list > li > a { color:rgba(255,255,255,1) !important;}
/*.wsmenu-list > li:nth-child(2) .halfmenu, .wsmenu-list > li:nth-child(3) .halfmenu, .wsmenu-list > li:nth-child(4) .halfmenu, .wsmenu-list > li:nth-child(5) .halfmenu, .wsmenu-list > li:nth-child(6) .halfmenu, .wsmenu-list > li:nth-child(8) .halfmenu { width :100% !important;}*/
/*.wsmenu-list > li .halfmenu ul:first-child { border-right:none;}
.wsmenu-list > li .halfmenu ul:last-child { padding-left:0 !important;}*/
.wsmenu-click i { color:rgba(255,255,255,1) !important;}


/*Top Menu*/
.top-menu .themeColor {padding-right: 0 !important;}
.top-menu ol li { padding:0 0.5em;}
.top-menu ol li:first-child { padding-left:0;}
.top-menu ol li:last-child { padding-right:0;}






header h1 { line-height: 1.5em; margin-top: 0.8em; font-size: 1.5em; text-align: center;}
.affix {    position: inherit; }
.affix header h1 {    line-height: 2rem !important; }




header .logo a img {    width: 80px;}
.wsmenu-list > li .halfmenu ul:first-child { border-right: none;} 
.wsmenu-list li .megamenu ul li a { padding-left:2em !important;}
/*.wsmenu-list li ul li:last-child a { border-bottom: 1px dotted rgba(29,137,9,0.5);} */
.wsmenu-list li .megamenu ul li a {padding: 8px 0 8px 3em;}
.wsmenu-list .megamenu ul:last-child li .fa {left: 1.3em;}
.wsmenu-list .megamenu ul:last-child li:last-child a { border-bottom:none;}
.mobile-sub .wsmenu-submenu li a { background-color:transparent !important;}  

.logo { margin-left:2.3em;}

.animated-arrow {padding: 12px 28px 15px 5px !important; background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-radius: 3px;} 



.field {   margin: 1em 0;}
.affix .field { margin: 1em 0;}
}

/*Small tablet landscape (800x600)*/
@media (min-width:790px) and (max-width:900px){
 
}

/*Small tablet portrait (600x800)*/
@media (min-width:590px) and (max-width:767px){
 .wsmenu-list > li > a .fa { margin:0 5px 0 0 !important; color:rgba(255,255,255,1) !important;}
.wsmenu > .wsmenu-list > li > a { color:rgba(255,255,255,1) !important;}
.wsmenu-list > li:nth-child(2) .halfmenu, .wsmenu-list > li:nth-child(3) .halfmenu, .wsmenu-list > li:nth-child(4) .halfmenu, .wsmenu-list > li:nth-child(5) .halfmenu, .wsmenu-list > li:nth-child(6) .halfmenu, .wsmenu-list > li:nth-child(8) .halfmenu { width :100% !important;}
.wsmenu-list > li .halfmenu ul:first-child { border-right:none;}
.wsmenu-list > li .halfmenu ul:last-child { padding-left:0 !important;}
.wsmenu-click i { color:rgba(255,255,255,1) !important;}


/*Top Menu*/
.top-menu ol { /*display:none;*/}
.top-menu ol li { padding:0 0.5em;}
.top-menu ol li:first-child { padding-left:0;}
.top-menu ol li:last-child { padding-right:0;}



header h1 { line-height: 1.5em; margin-top: 0.7em;
font-size: 1.5em; text-align: center;}
.affix {    position: inherit; }
.affix header h1 {    line-height: 2rem !important; }

header .logo a img {    width: 80px;}
.wsmenu-list > li .halfmenu ul:first-child { border-right: none;} 
.wsmenu-list li ul li:last-child a { border-bottom: 1px dotted rgba(29,137,9,0.5);} 
.wsmenu-list li .megamenu ul li a {padding: 8px 0 8px 3em;}
.wsmenu-list .megamenu ul:last-child li .fa {left: 1.3em;}
.wsmenu-list .megamenu ul:last-child li:last-child a { border-bottom:none;}
.mobile-sub .wsmenu-submenu li a { background-color:transparent !important;}  

.logo { margin-left:2.3em;}

.animated-arrow {padding: 12px 28px 15px 5px !important; background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-radius: 3px;} 
#navbar .wsmenucontainer nav.wsmenu { box-shadow:none; z-index: 111;}

.pdr-none { padding-right: 0px; padding-left: 0px;}

/*Top Menu */
.themeColor {margin-bottom: 1px !important; background-image:none; padding:0 !important;}
.top-menu .themeColor li {padding: 0 1em !important; margin-top:0.5em !important; }
.themeColor li:last-child a:last-child {font-size: 1.3em !important;}
.top-menu .themeColor li:first-child { margin-top:0 !important; }
.themeColor li a span.fa {padding:0 !important;}
.top-menu ol.top-link li { /*float:none; text-align:right; border:none; padding:0*/}
.mobile-pdl-0 {padding:0}
.top-menu .top-link {    width: 74%;    margin: auto;    padding: 0.5em 0;}

.top-menu .themeColor {padding-left: 10em !important;}
.animated-arrow {margin: 2px 0 0 3px !important;}


.field {   margin: 1em 0;}
.affix .field { margin: 1em 0;}
}



/*Mobile  landscape (480x320)*/
@media (min-width:470px) and (max-width:580px){
.wsmenu-list > li > a .fa { margin:0 5px 0 0 !important; color:rgba(255,255,255,1) !important;}
.wsmenu > .wsmenu-list > li > a { color:rgba(255,255,255,1) !important;}
.wsmenu-list > li:nth-child(2) .halfmenu, .wsmenu-list > li:nth-child(3) .halfmenu, .wsmenu-list > li:nth-child(4) .halfmenu, .wsmenu-list > li:nth-child(5) .halfmenu, .wsmenu-list > li:nth-child(6) .halfmenu, .wsmenu-list > li:nth-child(8) .halfmenu { width :100% !important;}
.wsmenu-list > li .halfmenu ul:first-child { border-right:none;}
.wsmenu-list > li .halfmenu ul:last-child { padding-left:0 !important;}
.wsmenu-click i { color:rgba(255,255,255,1) !important;}


/*Top Menu*/
.top-menu ol {/*<!-- display:none;-->*/}
.top-menu .themeColor ol { padding-left:0}
.top-menu ol li { padding:0 0.5em;}
.top-menu ol li:first-child { padding-left:0;}
.top-menu ol li:last-child { padding-right:0;}


header h1 { line-height: 1.5em !important;
font-size: 1em; text-align: center; margin-top:1.5em;}
.affix header h1 {    line-height: 2rem !important; }
.affix {    position: inherit; }


header .logo a img {    width: 80px;}
.wsmenu-list > li .halfmenu ul:first-child { border-right: none;} 
.wsmenu-list li ul li:last-child a { border-bottom: 1px dotted rgba(29,137,9,0.5);} 
.wsmenu-list li .megamenu ul li a {padding: 8px 0 8px 3em;}
.wsmenu-list .megamenu ul:last-child li .fa {left: 1.3em;}
.wsmenu-list .megamenu ul:last-child li:last-child a { border-bottom:none;}
.mobile-sub .wsmenu-submenu li a { background-color:transparent !important;}  

.logo { margin-left:2.3em;}

.animated-arrow {padding: 12px 28px 15px 5px !important; background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-radius: 3px;} 
#navbar .wsmenucontainer nav.wsmenu { box-shadow:none; z-index: 111;}
.pdr-none { padding-right: 0px; padding-left: 0px;}
.navbar-menuBtm > ul > li > a { padding: 11px 0 11px 8px; font-size: 0.85em;}



/*Top Menu */
.themeColor {margin-bottom: 1px !important; background-image:none; padding:0 !important;}
.top-menu .themeColor li {padding: 0 1em !important; margin-top:0.5em !important; }
.themeColor li:last-child a:last-child {font-size: 1.3em !important;}
.top-menu .themeColor li:first-child { margin-top:8px !important;}
.themeColor li a span.fa {padding:0 !important;}
.top-menu ol.top-link li { float:none; text-align:right; border:none; padding:0}
.mobile-pdl-0 {padding:0}

/*
.wsoffcanvasopener .animated-arrow span::before {}
.wsoffcanvasopener.active .animated-arrow span::before { top:0 !important;}
.animated-arrow.active span::after { bottom:0 !important;}*/


.pdl-none { padding:0 15px;}

.tabbable-line > .nav-tabs > li { width: 93px;}
.tabbable-line > .nav-tabs > li > a {padding: 5px 7px; text-align: center; min-height: 40px; font-size: 1.2rem;}
.tabbable-line > .nav-tabs > li.active > a {padding: 5px 7px;}

.block-hdnews .list-wrpaaer ul.list-aggregate li h2 {margin-top: 2rem !important;}


#videoGallery .col-md-4, #photoGallery .col-md-4 {text-align: center;}

img.hover-shadow {height: auto; width: 100% !important;}
#photoGallery #myModal .mySlides img {width: 100% !important;}
.demo {height: auto; width: 100% !important;}
.middle-tab-section .tab-content {height: auto;}

.field {   margin: 1em 0;}
.affix .field { margin: 1em 0;}

.top-menu .row .col-sm-7 .top-link { background-image:none;}

}






/*Mobile portrait (320x480)*/
@media (min-width:310px) and (max-width:470px){
.wsmenu-list > li > a .fa { margin:0 5px 0 0 !important; color:rgba(255,255,255,1) !important;}
.wsmenu > .wsmenu-list > li > a { color:rgba(255,255,255,1) !important;}
.wsmenu-list > li:nth-child(2) .halfmenu, .wsmenu-list > li:nth-child(3) .halfmenu, .wsmenu-list > li:nth-child(4) .halfmenu, .wsmenu-list > li:nth-child(5) .halfmenu, .wsmenu-list > li:nth-child(6) .halfmenu, .wsmenu-list > li:nth-child(8) .halfmenu { width :100% !important;}
.wsmenu-list > li .halfmenu ul:first-child { border-right:none;}
.wsmenu-list > li .halfmenu ul:last-child { padding-left:0 !important;}
.wsmenu-click i { color:rgba(255,255,255,1) !important;}


/*Top Menu*/
/*.top-menu ol { display:none;}
*/.top-menu ol li {}
.top-menu ol li:first-child {}
.top-menu ol li:last-child {padding: 4px 0.4em;}



header h1 { line-height: 1.4em !important;
font-size: 0.9em;
text-align: center;
margin-top: 7px;}
.affix header h1 {    line-height: 2rem !important; }
.affix {    position: inherit; }


header .logo a img {    width: 80px;}
.wsmenu-list > li .halfmenu ul:first-child { border-right: none;} 
.wsmenu-list li ul li:last-child a { border-bottom: 1px dotted rgba(29,137,9,0.5);} 
.wsmenu-list li .megamenu ul li a {padding: 8px 0 8px 3em;}
.wsmenu-list .megamenu ul:last-child li .fa {left: 1.3em;}
.wsmenu-list .megamenu ul:last-child li:last-child a { border-bottom:none;}
.mobile-sub .wsmenu-submenu li a { background-color:transparent !important;}  
.animated-arrow {padding: 12px 28px 15px 5px !important; background-color: rgba(255,255,255,1); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-radius: 0; margin:10px 0 0 9px !important;} 
.animated-arrow span:focus { display:none !important;}
.animated-arrow span, .animated-arrow span::before, .animated-arrow span::after {box-shadow: 0 0 3px rgba(0,0,0,0.4) !important; background-color:rgba(255,255,255,1) !important;}
/*.navbar-brand {margin-left: 0.8em;}*/
.mobile-sub .wsmenu-submenu li a {  border-bottom: 1px dotted rgba(29,137,9,0.5) !important; }

/*Close Troggle Icol*/
/*.animated-arrow span::before { top:0 !important;}
.animated-arrow span::after { bottom:0 !important;}*/
#navbar .wsmenucontainer nav.wsmenu { box-shadow:none; z-index:111;}

/*Banner*/
.pdr-none { padding-right: 0px; padding-left: 0px;}

.navbar-menuBtm > ul > li > a {border-right: 1px solid rgba(255,255,255,0.2) !important; border-radius: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; padding:5px 18.8px !important; margin-right:0;}
.navbar-menuBtm > ul > li { float:none;}

/*Top Menu */
.themeColor {margin-bottom: 1px !important; background-image:none; padding:0 !important;}
.top-menu .themeColor li {padding: 8px 0.5em;}
.top-menu .themeColor li:nth-child(5) {padding: 4px 0.4em;}
.themeColor li:last-child a:last-child {font-size: 1.3em !important;}
.top-menu .themeColor li:first-child {}
.themeColor li a span.fa {padding:0 !important;}
.top-menu ol.top-link li { float:none; text-align:right; border:none; padding:0}
.mobile-pdl-0 {}



.tabbable-line > .nav-tabs > li { width: 93px;}
.tabbable-line > .nav-tabs > li > a {padding: 5px 7px; text-align: center; min-height: 46px; font-size: 0.9em;}
.tabbable-line > .nav-tabs > li.active > a {padding: 5px 7px;}

.block-hdnews .list-wrpaaer ul.list-aggregate li h2 {margin-top: 2rem !important;}

#videoGallery .col-md-4, #photoGallery .col-md-4 {text-align: center;}

img.hover-shadow {height: auto; width: 100% !important;}
#photoGallery #myModal .mySlides img {width: 100% !important;}
.demo {height: auto; width: 100% !important;}

.middle-tab-section .tab-content {height: auto;}


.field {   margin: 1em 0;}
.affix .field { margin: 1em 0;}

.nav-tabs.nav-justified > li {float: left;}
.top-menu .row .col-sm-7 .top-link {background-image: none;}
.top-menu ol li {font-size: 0.8em; text-align: center;}
#sheetswitch .swatch {margin-right: 5px; width: 20px; height: 20px;}


}