/**************** Responsive Style ****************/
@viewport{ zoom: 1.0; width: device-width;}
@media print {
a[href^=http]:after { content:" [" attr(href) "] ";}
a[href^="#"]:after { content:"";}
ul, ol { page-break-inside:avoid;}
#header, #menu-wrapper, .bx-wrapper, #sidebar2, #sidebar1, #wp_page_numbers, .post-meta, #tab-wrapper { display:none;}
#wrapper-content, #main-content, footer, #wrapper2 #main-content, #wrapper3 #main-content { float:none; width:100%; margin:0 auto;}
.box { width:80%;}
}
@media only screen and (min-width : 768px) and (max-width : 979px) {
.gallery > img {margin:0 14px 14px;}
#wrapper4 .gallery > img {margin:0 11px 11px;}
#container, footer { width:100%;}
#nav-toggle {display:block;}
#header { background-size:100% 100%;}
#header time { margin-left:120px;}
#logo { right:195px; top:32px;}
#logo a { height:84px; width:270px;}
#menu-wrapper { border:none;}
#main-menu { border:1px solid #c9c9c9; height:auto; position:absolute; width:170px; top:0; right:-300px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; background:#fff;}
#main-menu ul { border:1px solid #c9c9c9; }
#main-menu li, #main-menu li.current-menu-item.first, #main-menu li.last { margin:0 !important; float:none; padding:0 !important; background:none !important;}
#main-menu li a, #main-menu li.current-menu-item.first a { color:#184870; text-shadow:none; border-bottom:1px solid #c9c9c9; background:none !important; font-weight:normal; padding:5px !important; line-height:20px;}
#main-menu li:last-child a { border-bottom:none;}
#main-menu li.first a { background:none !important;}
#main-menu li a:hover { color:#cd3535 !important;}
#main-menu li.sfHover a { color:#cd3535;}
#main-menu li ul li a:hover, #main-menu li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li.sfHover ul li.sfHover ul li a.sf-with-ul {color:#184870 !important;}
#main-menu li.sfHover li.sfHover ul li a:hover, #main-menu li.sfHover li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:170px; top:0;}
#sidebar1, #sidebar2 { width:160px;}
#main-content { width:401px;}
.tab-container { width:573px;}
.tab-container ul li { width:260px;}
#wrapper3 .tab-container ul li { width:239px;}
#search-form { width:140px;}
#search-form #search-text { width:98px;}
#commentform textarea, .wpcf7-form textarea { width:340px;}
#wrapper2 #main-content { width:509px;}
#wrapper2 .tab-container, #wrapper4 .tab-container { width:100%;}
#wrapper2 .tab-container ul li, #wrapper4 .tab-container ul li { width:235px;}
#wrapper3 #main-content { width:509px;}
#wrapper3 .tab-container { width:507px;}
.tabs li, .tabs li.last-tab, .tabs li.current.first-tab, .tabs li.active.first-tab, .tabs li.current.last-tab, .tabs li.active.last-tab, .tabs li.current, .tabs li.active { background:none; padding:0; margin:0;}
.tabs li a, .tabs li.first-tab a { background:#858585 !important; padding:4px 10px !important; line-height:18px;}
.tabs li.current.first-tab a, .tabs li.active.first-tab a, .tabs .current a, .tabs .active a { background:#fff !important; padding:4px 10px !important;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
.gallery > img {margin:0 7px 7px;}
#wrapper4 .gallery > img {margin:0 12px 12px;}
#container, footer { width:100%;}
#nav-toggle {display:block;}
#cats-menu { display:none;}
#header { background-size:100% 100%;}
#header time { margin:0 5px;}
#lang { margin-left:75px;}
#logo { right:120px; top:32px;}
#logo a { height:84px; width:192px;}
#menu-wrapper { border:none;}
#main-menu { border:1px solid #c9c9c9; height:auto; position:absolute; width:120px; top:0; right:-300px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; background:#fff;}
#main-menu li:last-child a { border-bottom:none;}
#main-menu li.first a { background:none !important;}
#main-menu ul { border:1px solid #c9c9c9; width:120px;}
#main-menu li, #main-menu li.current-menu-item.first, #main-menu li.last { margin:0 !important; float:none; padding:0 !important; background:none !important;}
#main-menu li a, #main-menu li.current-menu-item.first a { color:#184870; text-shadow:none; border-bottom:1px solid #c9c9c9; background:none !important; font-weight:normal; padding:5px !important; line-height:20px;}
#main-menu li a:hover { color:#cd3535 !important;}
#main-menu li.sfHover a { color:#cd3535;}
#main-menu li ul li a:hover, #main-menu li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li.sfHover ul li.sfHover ul li a.sf-with-ul {color:#184870 !important;}
#main-menu li.sfHover li.sfHover ul li a:hover, #main-menu li.sfHover li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:120px; top:0;}
#wrapper1 #wrapper-content, #wrapper3 #wrapper-content { float:none;}
#sidebar1, #sidebar2, #wrapper2 #sidebar1, #wrapper3 #sidebar2 { float:none; margin:0 auto; width:100%;}
#main-content, #wrapper2 #main-content, #wrapper3 #main-content { width:100%; float:none; margin:0;}
.tinynav { display:block; margin:0 auto 8px; border:1px solid #32638d; background:#4c8496; cursor:pointer; color:#fff;}
.tinynav option { padding:5px;}
.tab-container, #wrapper2 .tab-container, #wrapper4 .tab-container, #wrapper3 .tab-container { width:100%; padding:0;}
.tab-container ul li, #wrapper2 .tab-container ul li, #wrapper4 .tab-container ul li, #wrapper3 .tab-container ul li { width:212px; margin:0 6px;}
.tabs li, .tabs li.last-tab, .tabs li.current.first-tab, .tabs li.active.first-tab, .tabs li.current.last-tab, .tabs li.active.last-tab, .tabs li.current, .tabs li.active { background:none; padding:0; margin:0;}
.tabs li a, .tabs li.first-tab a { background:#858585 !important; padding:4px 6px !important; line-height:18px;}
.tabs li.current.first-tab a, .tabs li.active.first-tab a, .tabs .current a, .tabs .active a { background:#fff !important; padding:4px 6px !important;}
ol.commentlist li div.vcard { width:160px;}
#tab-wrapper { margin-left:0;}
}
@media only screen and (min-width : 320px) and (max-width : 479px) {
.gallery > img {margin:0 5px 5px;}
#wrapper4 .gallery > img {margin:0 9px 9px;}
#container, footer { width:100%;}
#nav-toggle {display:block;}
#cats-menu, #logo, .bx-wrapper, .comment-box, .post-meta { display:none;}
#header-menu li { padding:0 6px 3px;}
#header { background:none; min-height:106px;}
#header time { margin:7px;}
#lang { float:right;}
#menu-wrapper { border:none;}
#main-menu { border:1px solid #c9c9c9; height:auto; position:absolute; width:80px; top:0; right:-300px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; background:#fff;}
#main-menu ul { border:1px solid #c9c9c9;  width:80px;}
#main-menu li:last-child a { border-bottom:none;}
#main-menu li.first a { background:none !important;}
#main-menu li, #main-menu li.current-menu-item.first, #main-menu li.last { margin:0 !important; float:none; padding:0 !important; background:none !important;}
#main-menu li a, #main-menu li.current-menu-item.first a { color:#184870; text-shadow:none; border-bottom:1px solid #c9c9c9; background:none !important; font-weight:normal; padding:5px !important; line-height:20px;}
#main-menu li a:hover { color:#cd3535 !important;}
#main-menu li.sfHover a { color:#cd3535;}
#main-menu li ul li a:hover, #main-menu li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li.sfHover ul li.sfHover ul li a.sf-with-ul {color:#184870 !important;}
#main-menu li.sfHover li.sfHover ul li a:hover, #main-menu li.sfHover li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:80px; top:0;}
.post header time { margin-top:10px;}
#wrapper1 #wrapper-content, #wrapper3 #wrapper-content { float:none;}
#main-menu li:last-child a { border-bottom:none;}
#main-menu li.first a { background:none !important;}
#sidebar1, #sidebar2, #wrapper2 #sidebar1, #wrapper3 #sidebar2 { float:none; margin:0 auto; width:100%;}
#main-content, #wrapper2 #main-content, #wrapper3 #main-content { width:100%; float:none; margin:0;}
.tinynav { display:block; margin:0 auto 8px; border:1px solid #32638d; background:#4c8496; cursor:pointer; color:#fff;}
.tinynav option { padding:5px;}
.tab-container, #wrapper2 .tab-container, #wrapper4 .tab-container, #wrapper3 .tab-container { width:100%; padding:0;}
.tab-container ul li, #wrapper2 .tab-container ul li, #wrapper4 .tab-container ul li, #wrapper3 .tab-container ul li { width:auto; float:none; margin:0 10px;}
.tabs li, .tabs li.last-tab, .tabs li.current.first-tab, .tabs li.active.first-tab, .tabs li.current.last-tab, .tabs li.active.last-tab, .tabs li.current, .tabs li.active { background:none; padding:0; margin:0;}
.tabs li a, .tabs li.first-tab a { background:#858585 !important; padding:4px 12px !important; line-height:18px;}
.tabs li.current.first-tab a, .tabs li.active.first-tab a, .tabs .current a, .tabs .active a { background:#fff !important; padding:4px 12px!important;}
.wpcf7-form textarea { width:274px;}
#tab-wrapper { margin-left:0;}
}
@media only screen and (max-width : 319px) {
.gallery > img {margin:0 auto 10px; display:block;}
#container, footer { width:100%;}
#nav-toggle {display:block;}
#cats-menu, #logo, .bx-wrapper, .comment-box, .post-meta, footer #footer-favicon { display:none;}
#header-menu li { padding:0 5px 3px;}
#header-menu li a { padding-right:4px;}
#header { background:none; min-height:106px;}
#header time { margin:7px;}
#lang { float:right;}
#menu-wrapper { border:none;}
#main-menu { border:1px solid #c9c9c9; height:auto; position:absolute; width:70px; top:0; right:-300px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -khtml-border-radius:6px; background:#fff;}
#main-menu ul { border:1px solid #c9c9c9; width:70px;}
#main-menu li:last-child a { border-bottom:none;}
#main-menu li.first a { background:none !important;}
#main-menu li, #main-menu li.current-menu-item.first, #main-menu li.last { margin:0 !important; float:none; padding:0 !important; background:none !important;}
#main-menu li a, #main-menu li.current-menu-item.first a { color:#184870; text-shadow:none; border-bottom:1px solid #c9c9c9; background:none !important; font-weight:normal; padding:5px !important; line-height:20px;}
#main-menu li a:hover { color:#cd3535 !important;}
#main-menu li.sfHover a { color:#cd3535;}
#main-menu li ul li a:hover, #main-menu li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li.sfHover ul li.sfHover ul li a.sf-with-ul {color:#184870 !important;}
#main-menu li.sfHover li.sfHover ul li a:hover, #main-menu li.sfHover li.sfHover li.sfHover a.sf-with-ul {color:#cd3535 !important;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:70px; top:0;}
.post header time { margin-top:10px;}
#wrapper1 #wrapper-content, #wrapper3 #wrapper-content { float:none;}
#sidebar1, #sidebar2, #wrapper2 #sidebar1, #wrapper3 #sidebar2 { float:none; margin:0 auto; width:100%;}
#main-content, #wrapper2 #main-content, #wrapper3 #main-content { width:100%; float:none; margin:0;}
.tinynav { display:block; margin:0 auto 8px; border:1px solid #32638d; background:#4c8496; cursor:pointer; color:#fff;}
.tinynav option { padding:5px;}
.tab-container, #wrapper2 .tab-container, #wrapper4 .tab-container, #wrapper3 .tab-container { width:100%; padding:0;}
.tab-container ul li, #wrapper2 .tab-container ul li, #wrapper4 .tab-container ul li, #wrapper3 .tab-container ul li { width:auto; float:none; margin:0 10px;}
.tabs li, .tabs li.last-tab, .tabs li.current.first-tab, .tabs li.active.first-tab, .tabs li.current.last-tab, .tabs li.active.last-tab, .tabs li.current, .tabs li.active { background:none; padding:0; margin:0;}
.tabs li a, .tabs li.first-tab a { background:#858585 !important; padding:4px 10px !important; line-height:18px;}
.tabs li.current.first-tab a, .tabs li.active.first-tab a, .tabs .current a, .tabs .active a { background:#fff !important; padding:4px 10px!important;}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:230px;}
.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}
#tab-wrapper { margin-left:0;}
}