/**************** Responsive Style ****************/

@media print {

a[href^=http]:after {content:" [" attr(href) "] ";}

a[href^="#"]:after {content:"";}

ul, ol {page-break-inside:avoid;}

header, footer, #featured-area, #sidebar1, #sidebar2, #sidebar3, #wp_page_numbers, #related-post, #twos-comment, .post-meta { display:none;}

#container, #content, #main-content, #main-content .single-content { float:none; width:100%; margin:0 auto;}

}
@media screen and (max-width : 1050px) { 

#wrap-introbar { 
width:100%;
margin-top:0;
background:#fff;
margin-left: 0;
 }
 }
@media only screen and (min-width : 1024px) and (max-width : 1199px) {


#container { width:88%;}



#img-header { margin-right:0;}
#main-slider .caption {
	float: right;
}

#img-header img, #img-header object{ max-width:370px;}

#logo #slogan { width:314px;}

#twossocial { margin-top:19px;}

#main-menu { width:718px;}

#main-menu li a { padding:0 10px;}

#sidebar1 { width:25%;}

#sidebar1 time { width:88%;}

#main-content { width:74%;}

#featured-area #tab-wrapper { width:65%;}

.tabs li { margin:0 3px 5px;}

.tabs li a { width:auto;}

.latest-post { margin-left:12px; width:50%;}

.latest-post img { width:100%; height:150px;}

#tab-wrapper .latest-wrapper { width:47%;}

.tab-container { height:298px;}

#tab-wrapper .latest-wrapper li img { width:50px; height:50px;}

#tab-wrapper .latest-wrapper li.latest { display:none;}

#content { width:51%;}

#main-content .single-content { width:75%;}

#sidebar2{ width:312px;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}

ol.commentlist li div.vcard { width:210px;}

#featured-area #slider-wrapper, #main-slider, #main-slider .container, #main-slider .slides div.slide, #main-slider .slides div.slide a img {width:377px;}

}

@media only screen and (min-width : 980px) and (max-width : 1023px) {



#container { width:88%;}



#img-header { margin-right:0;}

#img-header img, #img-header object{ max-width:332px;}



#main-menu { width:680px;}

#main-menu li a { padding:0 9px;}

#sidebar1 { width:25%;}

#sidebar1 time { width:88%;}

#main-content { width:74%;}

#featured-area #tab-wrapper { width:65%;}

.tabs li { margin:0 3px 5px;}

.tabs li a { width:auto;}

.latest-post { margin-left:10px; width:50%;}

.latest-post img { width:100%; height:150px;}

#tab-wrapper .latest-wrapper { width:47%;}

.tab-container { height:298px;}

#tab-wrapper .latest-wrapper li img { width:50px; height:50px;}

#tab-wrapper .latest-wrapper li.latest { display:none;}

#content { width:51%;}

#main-content .single-content { width:75%;}

#sidebar2 { width:298px;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}

.tabs {margin-top:45px;}

#featured-area #slider-wrapper, #main-slider, #main-slider .container, #main-slider .slides div.slide, #main-slider .slides div.slide a img {width:338px; height:218px;}

#main-slider .slides div.slide a img {height:186px;width:338px;}

.featured-ads img, .featured-ads object { display:none;}

}

@media screen and (max-width : 980px) { 
#main-menu li a {
color:#fff;
 }
#main-menu ul { 
background:#34495E;

 }
 }
@media only screen and (min-width : 768px) and (max-width : 979px) {

#container, #main-content, #content { width:100%; float:none;}

#img-header, .featured-ads img, .featured-ads object, #hadis { display:none;}

#logo #slogan { right:282px; width:326px;}

#nav-toggle {display:block;}

#main-menu {position:absolute; width:150px; top:35px; right:-300px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:#25688f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1Njg4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU2ODhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyNDA1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjQwNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25688f), color-stop(0%, #25688f), color-stop(100%, #224052), color-stop(100%, #224052)); background: -webkit-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -o-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -ms-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: linear-gradient(to bottom, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); border:1px solid #192e3c;}

#main-menu li {float:none; border:none; line-height:18px;}

#main-menu li a {padding:5px; border:none !important;}

#main-menu li a:hover, #main-menu .current-menu-item a { background: #25688f !important; border:none !important;}

#main-menu li.sfHover a { background: #25688f;}

#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;}

#sidebar1, #sidebar2 { margin:0 auto; width:100%; float:none;}

#featured-area #tab-wrapper { width:99%; float:none; margin:0 auto 8px; display:block;}

.latest-post { width:412px;}

.latest-post img { width:410px;}

#main-content .single-content { width:100%; margin:0;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}

#featured-area #slider-wrapper, #featured-area .box { float:none; margin:0 auto 8px;}

}
@media screen and (max-width : 820px) { 
#twossocial { 
margin-left:15px;
 }

  }
@media screen and (max-width : 550px) { 
#search-form { 
right: 19%;
 }

header .fl { 
position:absolute;
left:0;
top:0;
 }
#logo { 
float:none;
padding: 58px 14px 5px 7px
 }
#logo a { 
display:block;
margin:auto;
 }
  }
@media only screen and (min-width : 480px) and (max-width : 767px) {





#container, #main-content, #content { width:100%; float:none;}

#img-header, header nav, #sidebar3, footer nav, .featured-ads img, .featured-ads object { display:none;}

#logo #slogan { right:286px; width:174px; top:118px;}



#nav-toggle {display:block;}

#main-menu {position:absolute; width:100px; top:35px; right:-300px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:#25688f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1Njg4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU2ODhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyNDA1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjQwNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25688f), color-stop(0%, #25688f), color-stop(100%, #224052), color-stop(100%, #224052)); background: -webkit-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -o-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -ms-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: linear-gradient(to bottom, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); border:1px solid #192e3c;}

#main-menu li {float:none; border:none; line-height:18px;}

#main-menu li a {padding:5px; border:none !important;}

#main-menu li a:hover, #main-menu .current-menu-item a { background: #25688f !important; border:none !important;}

#main-menu li.sfHover a { background: #25688f;}

#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;}

#sidebar2, #sidebar1 { margin:0 auto; width:100%; float:none;}

#featured-area #tab-wrapper { width:99%; float:none; margin:0 auto 8px; display:block;}

.tab-container { height:auto;}

.tabs li { margin:0 13px 10px;}

.latest-post { width:100%; float:none; margin:0 auto 15px;}

.latest-post img { display:block; margin:0 auto 5px;}

#tab-wrapper .latest-wrapper { width:100%; margin:0 auto; float:none;}

.lpost-title { text-align:center;}

#main-content .single-content { width:100%; margin:0;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0;}

ol.commentlist li div.vcard { width:162px;}

footer { background:#0089A8; height:auto; padding:6px 0;}

#copyright { width:auto;}

#copyright p, #copyright p a { color:#fff;}

#featured-area #slider-wrapper, #main-slider, #main-slider .container, #main-slider .slides div.slide, #main-slider .slides div.slide a img {width:430px !important; height:236px;}

#main-slider .slides div.slide a img {height:202px;width:430px;}

#featured-area #slider-wrapper, #featured-area .box { float:none; margin:0 auto 8px;}

#featured-area .box { height:auto; width:99% !important;}

#looped-slider { margin:0 auto;}

}

@media only screen and (min-width : 320px) and (max-width : 479px) {





#container, #main-content, #content { width:100%; float:none;}

#img-header, #featured-area #slider-wrapper, #logo #slogan, header nav, #sidebar3, footer nav, header .fl,#hadis, #sidebar2, .post-meta, #twos-comment, .featured-ads img, .featured-ads object { display:none;}



#nav-toggle {display:block; text-indent:-9999px;}

#main-menu {position:absolute; width:75px; top:35px; right:-300px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:#25688f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1Njg4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU2ODhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyNDA1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjQwNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25688f), color-stop(0%, #25688f), color-stop(100%, #224052), color-stop(100%, #224052)); background: -webkit-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -o-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -ms-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: linear-gradient(to bottom, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); border:1px solid #192e3c;}

#main-menu li {float:none; border:none; line-height:18px;}

#main-menu li a {padding:5px; border:none !important;}

#main-menu li a:hover, #main-menu .current-menu-item a { background: #25688f !important; border:none !important;}

#main-menu li.sfHover a { background: #25688f;}

#main-menu ul { width:75px;}

#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:75px; top:0;}

#sidebar1 { margin:0 auto; width:100%; float:none;}

#main-content .single-content { width:100%; margin:0;}

#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:252px;}

.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0 auto; display:block;}

footer { background:#0089A8; height:auto; padding:6px 0;}

#copyright { width:auto;}

#copyright p, #copyright p a { color:#fff;}

#featured-area .box { float:none; margin:0 auto 8px;}

}

@media only screen and (max-width : 319px) {


#container, #main-content, #content { width:100%; float:none;}

#img-header, .featured-ads img, .featured-ads object, #logo #slogan, header nav, #sidebar3, footer nav, header .fl, #featured-area, #sidebar2, .post-meta, #twos-comment { display:none;}

#logo { float:none; margin:0 auto;}

#logo a { background-size: 100%; min-width:242px;}

#nav-toggle {display:block; text-indent:-9999px;}

#main-menu {position:absolute; width:75px; top:35px; right:-300px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; background:#25688f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1Njg4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjU2ODhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyNDA1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjQwNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25688f), color-stop(0%, #25688f), color-stop(100%, #224052), color-stop(100%, #224052)); background: -webkit-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -o-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: -ms-linear-gradient(top, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); background: linear-gradient(to bottom, #25688f 0%, #25688f 0%, #224052 100%, #224052 100%); border:1px solid #192e3c;}

#main-menu li {float:none; border:none; line-height:18px;}

#main-menu li a {padding:5px; border:none !important;}

#main-menu li a:hover, #main-menu .current-menu-item a { background: #25688f !important; border:none !important;}

#main-menu li.sfHover a { background: #25688f;}

#main-menu ul { width:75px;}

#main-menu li:hover ul, #main-menu li.sfHover ul, #main-menu li li:hover ul, #main-menu li li.sfHover ul {right:75px; top:0;}

#sidebar1 { margin:0 auto; width:100%; float:none;}

#main-content .single-content { width:100%; margin:0;}

.post-thumb { float:none; margin:0 auto 5px; }

.roo-titr { display:block; text-align:center;}

.post-content .post-title { text-align:center;}

.post-thumb img { margin:0 auto; display:block;}

#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form .wpcf7-select { width:234px;}

.wpcf7-checkbox .wpcf7-list-item input, .wpcf7-radio .wpcf7-list-item input, .wpcf7-form .wpcf7-acceptance { width:14px;}

#commentform #submit, .wpcf7-form .wpcf7-submit { float:none; margin:0 auto; display:block;}

footer { background:#0089A8; height:auto; padding:6px 0;}

#copyright { width:auto;}

#copyright p, #copyright p a { color:#fff;}

}


@media screen and (max-width: 1200px) {
	#main-content {
		width: 66%;
	}
	#content {
    width: 70%;
}
#sidebar1 {
	width: 27%;
}
#sidebar2 {
	width: 32%;
}
#sidebar2 img {
	max-width: 100%;
}
.single-page {
	width: 69% !important;
}
.single-page .single-content {
	width: 100% !important;
}

}
@media screen and (max-width: 980px) {
#tmb-slr {
	float: none;
	width: 100%;
	margin:15px 0 35px;
}
#main-content,#content{
	width: 100%;
}
#sidebar1,#sidebar2 {
	width: 100%;
	margin:15px auto;
}
.single-page {
	width: 100% !important;
	clear: both;
}
}