/**************** Responsive Style ****************/
@viewport{
     zoom: 1.0;
     width: device-width;
}
@media print {
a[href^=http]:after {
content:" [" attr(href) "] ";
}
a[href^="#"]:after {
content:"";
}
header, .slider-wrapper, #featured-area, aside, footer, #wp_page_numbers, .post-meta, #footer-menu, #twosweb-comment { display:none;}
.container { width:100%;}
#main-content { float:none; width:100%;}
}
@media only screen and (min-width : 980px) and (max-width : 1103px) {
.container { width:100%;}
#slogan { margin-right:10px; max-width:248px; font-size:12px;}
#main-menu { width:812px;}
#search-form #search-text:focus { width:134px;}
.service { width:224px;}
.news { width:286px; margin-left:20px;}
.last-news { margin:0;}
#bank-wrapper { width:325px;}
#bank-wrapper .img-video { width:67px; height:44px; margin-left:3px;}
#bank-wrapper .img-video img { width:67px; height:44px;}
.fwidg { margin-left:14px;}
footer .fl { width:520px;}
#comment-footer { width:308px;}
#newsletter { padding:0;}
#newsletter .wpcf7-form input { width:84px;}
#main-content { width:705px;}
.archive-box { margin:0 6px 22px;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:186px;}
#commentform textarea, .wpcf7-form textarea { width:641px;}
.post-meta li { margin-left:28px;}
#footer-menu ul li { margin-left:28px;}
.related-post ul li { width:323px;}
}
@media only screen and (min-width : 768px) and (max-width : 979px) {
.container { width:100%;}
header .twosicon, #ads-header, .box-content .clear { display:none;}
#nav-toggle, .tinynav, .box-content .clear2 {display:block;}
#slogan { font-size:13px;}
#main-menu { width:812px;}
.service { width:176px;}
.news { width:322px; margin-left:30px;}
#bank-wrapper { width:321px;}
#bank-wrapper .img-video { width:67px; height:44px; margin-left:3px;}
#bank-wrapper .img-video img { width:67px; height:44px;}
footer .fl { width:520px;}
#main-content { width:100%; float:none; margin:10px auto 30px;}
.archive-box { margin:0 22px 22px;}
aside { margin:10px auto 30px; float:none;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:207px;}
#commentform textarea, .wpcf7-form textarea { width:705px;}
.post-meta li { margin-left:28px;}
#footer-menu ul li { margin-left:28px;}
footer { background-image: none;}
footer .container { background:none; height:auto;}
#fwidg-wrapp { height:auto;}
.fwidg { margin:0 84px 84px;}
footer .fl { width:100%;}
#copyright p { float:left;}
#introbar-wrapp2 .container { position:relative;}
#main-menu { background:#fcfcfc; position:absolute; width:150px; top:36px; right:-300px; border-top:none;}
#main-menu li {float:none; border-top:1px solid #e9e9e9; border-left:none;}
#main-menu li a { padding:5px; font-weight:normal; line-height:20px;}
#main-menu ul { width:150px;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:150px; top:0;}
#sponsor-wrapper { width:382px;}
.related-post ul li { width:355px;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
.container { width:100%;}
header .twosicon, #ads-header, .box-content .clear, #introbar-wrapp1, #footer-menu { display:none;}
#nav-toggle, .tinynav, .box-content .clear2 {display:block;}
#slogan { font-size:13px; width:260px;}
#arzyabi { margin:12px 0;}
#main-menu { width:812px;}
.service { width:220px; background:none;}
.news { width:100%; float:none; margin:0  auto 29px;}
#bank-wrapper { width:100%; float:none;}
#bank-wrapper .img-video { width:52px; height:34px; margin-left:3px;}
#bank-wrapper .img-video img { width:52px; height:34px;}
footer .fl { width:520px;}
#main-content { width:100%; float:none; margin:10px auto 30px;}
.archive-box { margin:0 auto 22px; float:none;}
aside { margin:10px auto 30px; float:none;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:125px; margin-left:10px;}
#commentform textarea, .wpcf7-form textarea { width:430px;}
.post-meta li { margin-left:8px;}
footer { background-image: none;}
footer .container { background:none; height:auto;}
#fwidg-wrapp { height:auto;}
.fwidg { margin:0 auto 5px; float:none;}
footer .fl { width:100%; float:none;}
#copyright p, #copyright p.fl { float:none; width:auto; text-align:center;}
#introbar-wrapp2 .container { position:relative;}
#main-menu { background:#fcfcfc; position:absolute; width:100px; top:36px; right:-300px; border-top:none;}
#main-menu li {float:none; border-top:1px solid #e9e9e9; border-left:none;}
#main-menu li a { padding:5px; font-weight:normal; line-height:20px;}
#main-menu ul { width:100px;}
#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:100px; top:0;}
#sponsor-wrapper { width:382px; float:none; margin:0 auto;}
#comment-footer { margin:65px auto 25px;}
#newsletter { padding-right:10px;}
#newsletter .wpcf7-form input { width:59px;}
footer .twosicon { float:none; margin:10px auto; width:240px;}
ol.commentlist li div.vcard { width:196px;}
.slider-wrapper .slide .slide-title a, .fraction-slider .fs_obj { font-size:10px !important;}
.related-post ul li { width:95%;}
}
@media only screen and (min-width : 320px) and (max-width : 479px) {
.container { width:100%;}
header .twosicon, #ads-header, .box-content .clear, #introbar-wrapp1, #footer-menu, #twosweb-comment, .slider-wrapper { display:none;}
#nav-toggle, .tinynav, .box-content .clear2 {display:block;}
#slogan { font-size:13px; width:100%; margin:0;}
#arzyabi { margin:12px 0;}
#main-menu { width:812px;}
.service { background:none; float:none; width:100%; margin:0 auto 10px;}
.news { width:100%; float:none; margin:0  auto 29px;}
#bank-wrapper { width:100%; float:none;}
#bank-wrapper .img-video { width:52px; height:34px; margin-left:10px;}
#featured-video { display:block; margin:0 auto 10px; float:none;}
#bank-wrapper .img-video img { width:52px; height:34px;}
footer .fl { width:520px;}
#main-content { width:100%; float:none; margin:10px auto 30px;}
.archive-box { margin:0 auto 22px; float:none; width:300px;}
.inner-box { width:298px;}
.archive-box img { width:298px;}
.inner-box .caption { left:20px;}
aside { margin:10px auto 30px; float:none;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:76px; margin-left:6px;}
#commentform textarea, .wpcf7-form textarea { width:276px;}
.post-meta li { margin-left:8px;}
footer { background-image: none;}
footer .container { background:none; height:auto;}
#fwidg-wrapp { height:auto;}
.fwidg { margin:0 auto 5px; float:none;}
footer .fl { width:100%; float:none;}
#copyright p, #copyright p.fl { float:none; width:auto; text-align:center;}
#introbar-wrapp2 .container { position:relative;}
#main-menu { background:#fcfcfc; position:absolute; width:120px; top:36px; right:-300px; border-top:none;}
#main-menu li {float:none; border-top:1px solid #e9e9e9; border-left:none;}
#main-menu li a { padding:5px; font-weight:normal; line-height:20px;}
#main-menu ul { width:80px;}
#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;}
#sponsor-wrapper { width:192px; float:none; margin:0 auto;}
#comment-footer { margin:65px auto 25px;}
#newsletter { padding-right:10px;}
#newsletter .wpcf7-form input { width:98px;}
footer .twosicon { float:none; margin:10px auto; width:240px;}
.related-post ul li { width:95%;}
#date { 
float:none;
display:table;
margin:15px auto 5px;
 }
}
@media only screen and (max-width : 319px) {
.container { width:100%;}
header .twosicon, #ads-header, .box-content .clear, #introbar-wrapp1, #footer-menu, .service-thumb, #twosweb-comment, .slider-wrapper { display:none;}
#nav-toggle, .tinynav, .box-content .clear2 {display:block;}
#slogan { font-size:13px; width:100%; margin:0;}
#arzyabi { margin:12px 0;}
#main-menu { width:812px;}
.service { background:none; float:none; width:100%; margin:0 auto 10px;}
.news { width:100%; float:none; margin:0  auto 29px;}
#bank-wrapper { width:100%; float:none;}
#bank-wrapper .img-video { width:52px; height:34px; margin-left:10px;}
#featured-video { display:block; margin:0 auto 10px; float:none;}
#bank-wrapper .img-video img { width:52px; height:34px;}
footer .fl { width:520px;}
#main-content { width:100%; float:none; margin:10px auto 30px;}
.archive-box { margin:0 auto 22px; float:none; width:300px;}
.inner-box { width:298px;}
.archive-box img { width:298px;}
.inner-box .caption { left:20px;}
aside { margin:10px auto 30px; float:none;}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:76px; margin-left:6px;}
#commentform textarea, .wpcf7-form textarea { width:276px;}
.post-meta li { margin-left:8px;}
footer { background-image: none;}
footer .container { background:none; height:auto;}
#fwidg-wrapp { height:auto;}
.fwidg { margin:0 auto 5px; float:none;}
footer .fl { width:100%; float:none;}
#copyright p, #copyright p.fl { float:none; width:auto; text-align:center;}
#introbar-wrapp2 .container { position:relative;}
#main-menu { background:#fcfcfc; position:absolute; width:80px; top:36px; right:-300px; border-top:none;}
#main-menu li {float:none; border-top:1px solid #e9e9e9; border-left:none;}
#main-menu li a { padding:5px; font-weight:normal; line-height:20px;}
#main-menu ul { width:80px;}
#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;}
#sponsor-wrapper { width:192px; float:none; margin:0 auto;}
#comment-footer { margin:65px auto 25px;}
#newsletter { padding-right:10px;}
#newsletter .wpcf7-form input { width:98px;}
footer .twosicon { float:none; margin:10px auto; width:240px;}
.related-post ul li { width:95%;} 
}
@media screen and (max-width:600px) { 
#logo-wrapp,#logo,#slogan { 
float:none;
 }
#logo a {
display:table;
margin:5px auto;
 }
#slogan { 
width:auto;
margin:2px auto;
 }
#date { 
float:none;
display:table;
margin:15px auto 5px;
 }
 }