/**************** Responsive Style ****************/
@media print {
a[href^=http]:after {
content:" [" attr(href) "] ";
}
a[href^="#"]:after {
content:"";
}
ul, ol {
	page-break-inside:avoid;
}
body { border:none;}
header, #featured-area, footer, #gallery-slider, #wp_page_numbers, .post-meta, #player-wrapper, #post-gallery, #twosweb-comment, #widg-wrapper { display:none;}
.large-box { width:950px;}
}
@media only screen and (min-width : 768px) and (max-width : 979px) {
#color-wrapp {top:20%;}
#inner-header, #featured-area, #wrapper, #copyright, #widgets { width:98%;}
#logo { height:155px;}
#logo a { width:325px; min-width:325px; line-height:64px;}
#logo #slogan { padding:0 10px 0 0;}
#ticker { margin:40px 10px 0 0; width:504px;}
#nav-toggle1 {display:block;}
#main-menu { position:absolute; height:auto; width:150px; top:190px; right:-300px; float:none; margin:0; padding:0;}
#main-menu ul {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px;}
#main-menu li {float:none; border:none; line-height:18px;}
#main-menu li a {padding:5px;}
#main-menu li:hover ul, #main-menu li.sfHover ul {right:150px; top:0;}
#slider-wrapper, #tab-wrapper { float:none; margin:0 auto 10px;}
.fr .box { float:right;}
.box { margin:0 27px 10px;}
.large-box { width:660px; margin:0 auto 10px;}
#gallery-slider .viewport { width:590px;}
#gallery-slider .overview li { margin:0 14px; }
.widg { width:200px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}
.clear-gbox, .gallery .clear { display:none;}
.clear-res { display:block;}
ol.commentlist { width:auto;}
.gallery > img { margin:0 8px 8px;}
.audiojs { width:628px !important; margin:0 auto 15px;}
.audiojs .scrubber { width:464px !important;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
#color-wrapp {top:20%;}
#inner-header, #featured-area, #wrapper, #copyright, #widgets { width:98%;}
#logo { height:160px;}
#logo a { width:226px; min-width:226px; line-height:64px;}
#logo #slogan { padding:6px 4px 0 0;}
#ticker { margin:35px 0 0 0; width:442px;}
#nav-toggle2 {display:block;}
#main-menu {position:absolute; height:auto; width:100px; top:194px; right:-300px; float:none; margin:0; padding:0;}
#main-menu ul { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; width:100px;}
#main-menu li {float:none; border:none; line-height:18px;}
#main-menu li a {padding:5px;}
#main-menu li:hover ul, #main-menu li.sfHover ul {right:100px; top:0;}
#main-menu li li:hover ul, #main-menu li li.sfHover ul {right:100px; top:0;}
#tab-wrapper { float:none; margin:0 auto 10px;}
#wrapper .fr { float:none;}
.box, #middle-box { margin:0 auto 10px; float:none;}
.large-box { width:98%; margin:0 auto 10px;}
#gallery-slider { margin:0 auto; width:376px;}
#gallery-slider .viewport { width:376px;}
#gallery-slider .overview li { margin:0 28px; }
.widg { width:123px; margin:0 2px 5px; overflow:hidden; height:245px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}
.clear-gbox, .gallery .clear, #inner-header img, #slider-wrapper, #copyright p, .post-meta { display:none;}
.minimal-clear { display:block;}
#copyright #design { display:block; float:none; }
.gbox { float:none; margin:0 auto 20px;}
ol.commentlist { width:auto;}
ol.commentlist li div.vcard { width:155px;}
.gallery > img { margin:0 14px 8px;}
.audiojs { width:415px !important; margin:0 auto 15px;}
.audiojs .scrubber { width:250px !important;}
#player-wrapper ol li, #player-wrapper ul li { line-height:25px;}
.reveal-modal { width:452px; margin-left:-225px;}
.reveal-modal video { width:452px;}
}
@media only screen and (min-width : 320px) and (max-width : 479px) {
#color-wrapp {top:20%;}
#inner-header, #featured-area, #wrapper, #copyright, #widgets { width:98%;}
#search-form { top:166px;}
#logo { height:160px; float:none; margin:0 auto; width:100%;}
#logo a { width:226px; min-width:226px; line-height:64px; margin:0 auto;}
#logo #slogan { padding:4px 4px 0 0; text-align:center;}
#ticker { margin:35px 0 0 0; width:287px;}
#nav-toggle2 {display:block;}
#main-menu { position:absolute; height:auto; width:70px; top:194px; right:-300px; float:none; margin:0; padding:0;}
#main-menu ul {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; width:70px;}
#main-menu li {float:none; border:none; line-height:18px;}
#main-menu li a {padding:5px;}
#main-menu li:hover ul, #main-menu li.sfHover ul {right:70px; top:0;}
#main-menu li li:hover ul, #main-menu li li.sfHover ul {right:70px; top:0;}
#tab-wrapper { float:none; margin:0 auto 10px; width:97%;}
.tabs li a { padding:0 4px;}
.tab-container { width:auto;}
#wrapper .fr { float:none;}
.box, #middle-box, .fr .box { margin:0 auto 10px; float:none; width:97%;}
.large-box { width:98%; margin:0 auto 10px;}
#gallery-slider { margin:0 auto; width:221px;}
#gallery-slider .viewport { width:221px;}
#gallery-slider .overview li { margin:0 34px;}
.widg { width:123px; margin:0 2px 5px; overflow:hidden; height:245px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}
.clear-gbox, .gallery .clear, #inner-header img, #slider-wrapper, #copyright p, .post-meta, #time-wrapper, #widg-wrapper, #twosweb-comment { display:none;}
#copyright #design { display:block; float:none; }
.gbox { float:none; margin:0 auto 20px; width:236px; height:auto;}
.gallery-img img { width:236px;}
.gallery > img { margin:0 auto 8px; display:block;}
.audiojs { width:261px !important; margin:0 auto 15px;}
.audiojs .scrubber { width:96px !important;}
#player-wrapper ol li, #player-wrapper ul li { line-height:25px;}
.reveal-modal { width:294px; margin-left:-148px;}
.reveal-modal video { width:294px;}
.post-thumb { float:none; margin:0 auto;}
.post-thumb img { display:block; margin:0 auto 8px;}
.post-title { text-align:center;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:242px;}
.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { width:70px; display:block; margin:0 auto;}
}
@media only screen and (max-width : 319px) {
#color-wrapp {top:20%;}
#inner-header, #featured-area, #wrapper, #copyright, #widgets { width:98%;}
#search-form { top:169px;}
#logo { height:160px; float:none; margin:0 auto; width:100%;}
#logo a { width:226px; min-width:226px; line-height:64px; margin:0 auto;}
#logo #slogan { padding:4px 4px 0 0; text-align:center;}
#nav-toggle2 {display:block; bottom:-59px;}
#main-menu { position:absolute; height:auto; width:70px; top:221px; right:-300px; float:none; margin:0; padding:0;}
#main-menu ul {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -khtml-border-radius:4px; width:70px;}
#main-menu li {float:none; border:none; line-height:18px;}
#main-menu li a {padding:5px;}
#main-menu li:hover ul, #main-menu li.sfHover ul {right:70px; top:0;}
#main-menu li li:hover ul, #main-menu li li.sfHover ul {right:70px; top:0;}
#tab-wrapper { float:none; margin:0 auto 10px; width:97%;}
.tabs li { margin:0 2px;}
.tabs li a { padding:0 4px;}
.tab-container { width:auto;}
#wrapper .fr { float:none;}
.box, #middle-box, .fr .box { margin:0 auto 10px; float:none; width:97%;}
.large-box { width:98%; margin:0 auto 10px;}
#gallery-slider { margin:0 auto; width:203px;}
#gallery-slider .viewport { width:203px;}
#gallery-slider .overview li { margin:0 40px;}
.widg { width:123px; margin:0 2px 5px; overflow:hidden; height:245px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}
.clear-gbox, .gallery .clear, #inner-header img, #slider-wrapper, #copyright p, .post-meta, #time-wrapper, #widg-wrapper, #twosweb-comment, #ticker { display:none;}
#copyright #design { display:block; float:none; }
.gbox { float:none; margin:0 auto 20px; width:218px; height:auto;}
.gallery-img img { width:218px;}
.gallery > img { margin:0 auto 8px; display:block;}
.audiojs { width:242px !important; margin:0 auto 15px;}
.audiojs .scrubber { width:78px !important;}
#player-wrapper ol li, #player-wrapper ul li { line-height:25px;}
.reveal-modal { width:276px; margin-left:-139px;}
.reveal-modal video { width:294px;}
.post-thumb { float:none; margin:0 auto;}
.post-thumb img { display:block; margin:0 auto 8px;}
.post-title { text-align:center;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:224px;}
.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}
#commentform #submit, .wpcf7-form .wpcf7-submit { width:70px; display:block; margin:0 auto;}
}
