/**************** Responsive Style ****************/
@media print {
ul, ol { page-break-inside:avoid;}
header, nav, .search, .video-wrapp, .page-numbers, #question-wrapp, aside, footer, .post-meta, #featured-area, #area-books { display:none;}
.container { width:100%;}
#main-content { float:none; margin:50px auto;  width:70%;}
#cbox-wrapper {  margin:0 auto;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .container {
        width:980px;}
    .tickercontainer {
        width:33%;}
    #logo {
        width:360px;
    }
    #featured-area .fr {
        height:300px;
    }
    #slider {
        width:667px;}
    #main-content {
        width:672px;
    }
    #area-books li {
        margin:0 4px;
    }
    #area-books li a {
        width:104px;
        font-size:32px;
        background-position: 0 -105px;
    }
    #area-books li a:hover {
        background-position: -114px -105px;
    }
    .list-box .box-content ul li .fl, .single-box .fr {
        width:86%;
    }
    .cbox, .cbox-content ul span {
        width:329px;
    }
    .cbox-title {
        background-position: center -86px;
    }
    .cbox .fr {
        width:150px;
    }
    .cbox .next-list, .cbox .prev-list {
        margin-bottom:2px;
    }
    #question-wrapp .fr {
        width:350px;
    }
    #q-title {
        width:327px;
    }
    #question-wrapp .fl {
        width:299px;
    }
    #question-wrapp .contactform_div label {
        width:35%;
    }
    #question-wrapp .contactform_div input, #question-wrapp .contactform_div textarea {
        width:56%;
    }
    .category-box .box-content {
        padding:40px 10px 15px;
    }
    .cat-questions .post-meta li {
        margin:0 4px;
    }
    .single-box .box-content {
        padding:20px 10px;
    }
    #address li {
        width:47%;
        padding:10px 6px;
        margin:1% 0.5%;
    }
    .single-box .formtotal_contactus textarea {
        width:74%;
    }
    .post-meta li {
        margin:0 5px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /*body {
        background:#2aabd2;}*/
    .container {
        width:760px;}
    #header-img {
        width:220px;
    }
    #logo {
        width:268px;
    }
    #featured-area .fr {
        height:auto;
        width:215px;
    }
    #slider {
        width:512px;}
    .bx-wrapper .bx-caption span {
        padding:10px;
    }
    .search .seatxt {
        width:159px;
    }
    #main-content {
        width:100%;
        margin:0 auto;
        float: none;
    }
    aside {
        margin:0 auto;
        float: none;
    }
    #area-books li a {
        width:118px;
        font-size:38px;
        background-position: 8px -105px;
    }
    #area-books li a:hover {
        background-position: -106px -105px;
    }
    .cbox, .cbox-content ul span {
        width:373px;
    }
    .cbox-title {
        background-position: 0 -86px;
    }
    .cbox .fr {
        width:150px;
    }
    #question-wrapp .fr {
        width:438px;
    }
    #q-title {
        width:415px;
    }
    nav {
        border-radius:10px 0 0 0;
        -moz-border-radius:10px 0 0 0;
        -webkit-border-radius:10px 0 0 0;
    }
    .tickercontainer {
        width:56%;}
    .cat-questions li {
        width:214px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    /*body {
        background:#5cb85c;}*/
    #intro-wrapp {
        -webkit-background-size:100%;
        background-size:100%;
        width:464px;
        height:315px;
    }
    #intro-wrapp time {
        left: 66px;
        top:74px;
    }
    #intro-wrapp time a { font-size:13px;}
    #intro-nav {
        right:181px;
        top:202px;
        font:18px/20px "IranNastaligh-font";
    }
    #intro-nav li {
        background-position: left -580px;
    }
    #intro-nav li a {
        padding:0 8px 8px;
    }
    #intro-nav li a:Hover {
        background: url("../images/intro-menu-res.png") no-repeat center bottom;
    }
    #ticker {
        right:196px;
        top:227px;
        width:130px;
        height:22px;
    }
    #webticker2 {
        line-height: 22px;
    }
    #ticker .tickercontainer {
        width:130px;
    }
    #webticker2 li { font-size:14px;}
    .container {
        width:95%;}
    header {
        height:292px;
    }
    #header-img {
        width:168px;
    }
    #benamekhoda {
        margin-bottom:10px;
    }
    #logo {
        margin:0 auto 10px;
        height:auto;
    }
    #logo #slogan {
        display: none;
    }
    header .fl {
        float: none;
        clear: both;
    }
    #update {
        margin-bottom:10px;
    }
    .today-date {
        display: block;
        text-align: center;
        float: none;
    }
    nav {
        background: #DCD1AF;
        border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        -webkit-border-radius:10px 10px 0 0;
        height:auto;
    }
    #featured-area .fr {
        float: none;
        margin:0 auto 10px;
        width:97%;
    }
    nav #header-menu li {
        padding:0 24px;
    }
    .search .seatxt {
        width:86%;
    }
    #slider {
        width:100%;
    }
    .bx-wrapper .bx-caption {
        min-height:20px;
    }
    .bx-wrapper .bx-caption span {
        font-size:15px;
        line-height:20px;
    }
    #area-books {
        height:auto;
    }
    #area-books ul {
        margin:0 auto;
        width:438px;
        overflow: hidden;
    }
    #area-books li {
        margin:3px 14px;
    }
    .list-box .box-content ul li .fl, .single-box .fr {
        width:79%;
    }
    .cbox {
        float: none;
        margin:0 auto 10px !important;
        width:100%;
        max-width:421px;
    }
    .cbox-content ul span {
        width:100%;
    }
    .cbox .fr {
        width:244px;}
    #question-wrapp, #question-wrapp .fr, #question-wrapp .fl {
        max-width:421px;
        float: none;
        margin:0 auto;
        border:none;
        padding:0;
    }
    #question-wrapp {
        margin-bottom:10px;
    }
    #q-title {
        background-position: 0 -86px;
        width:100%;
        max-width:421px;
        padding:0 0 25px;
        margin:0;
    }
    #question-wrapp ul {
        margin:0 10px 10px;
    }
    #footer-menu {
        width:100%;}
    #footer-menu li:first-child {
        display: none;
    }
    #footer-menu li {
        margin:0 6px;
    }
    #copyright {
        font-size:14px;
    }
    .tickercontainer {
        margin:0 auto;
        width:94%;
        float: none;
    }
    .search {
        margin-right:8px;
    }
    .cat-questions .post-meta li {
        margin:0 8px;
    }
    #address li {
        width:46%;
    }
    .single-box .formtotal_contactus .fr {
        width:67%;
    }
    .single-box .formtotal_contactus textarea {
        width:63%;
    }
    nav #header-menu {
        width:auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
   /* body {
        background:red;}*/
    #intro-wrapp {
        width:320px;
        height:345px;
    }
    #intro-wrapp time {
        left: 8px;
        top:44px;
    }
    #intro-wrapp time a { font-size:12px;}
    #intro-nav {
        right:130px;
        top:137px;
        font-size:15px;
    }
    #intro-nav li {
        background: none;
        padding:0;
    }
    #intro-nav li a {
        padding:0 5px 5px;
    }
    #ticker {
        right:135px;
        top:156px;
        width:96px;
        height: 18px;
        font-size:10px;
    }
    #ticker .tickercontainer {
        width:96px;
    }
    #ticker .tickercontainer .mask {
        height:18px;
    }
    #webticker2 {
        line-height:18px;
    }
    #webticker2 li { font-size:11px;}
    #header-img {
        display: none;}
    nav #header-menu li {
        padding:0 5px;
    }
    .search .seatxt {
        width:77%;
    }
    .bx-wrapper .bx-caption span {
        font-size:13px;
        padding:6px;
    }
    .bx-wrapper .bx-controls-direction a {
        top:46%;
    }
    aside {
        width:100%;
    }
    #area-books ul {
        width:284px;
    }
    #area-books li {
        margin:3px 12px;
    }
    .list-box .box-content ul li a, .post-title a {
        float: none;
        margin:0 auto;
    }
    .post-thumb {
        float: none;
        margin:0 auto;
    }
    .box-thumb img, .post-thumb img {
        display: block;
        margin:10px auto;
    }
    .list-box .box-content ul li .fl, .single-box .fr {
        float: none;
        width:100%;
    }
    .list-box .box-content ul li {
        padding:8px;
    }
    .cbox, #question-wrapp, #question-wrapp .fr, #question-wrapp .fl  {
        max-width:421px;
        width:100%;
    }
    #contact_form2 {
        padding:0 10px;
    }
    #question-wrapp .contactform_div label {
        width:42%;
    }
    #question-wrapp .contactform_div input, #question-wrapp .contactform_div textarea {
        width:49%;
    }
    #footer-menu li {
        font-size:12px;
        margin:0 2px;
    }
    .search, #search-wrapp .select, .select2 {
        margin:0 auto 8px;
        float: none;
    }
    .search .seatxt {
        width:207px;
    }
    .cat-title {
        float: none;
        width:100%;
        overflow: hidden;
    }
    .cat-title li {
        margin:4px;
        float: right;
        background-color: #ddd !important;
        padding:2px 15px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    .cat-wrapp {
        float: none;
        width:100%;
    }
    .cat-wrapp .page-numbers {
        width:100%;
    }
    .cat-questions .post-meta li {
        margin:0 2px;
    }
    #address li {
        margin:2% auto;
        float: none;
        width:95%;
    }
    .single-box .formtotal_contactus .contactform_div, .single-box .formtotal_contactus .fr {
        float: none;
        margin:0 auto;
        width:100%;
        clear: both;
    }
    .single-box .formtotal_contactus textarea {
        width:94%;
    }
    .single-box .formtotal_contactus .btn-submit {
        position: relative;
    }
    .post-meta li {
        margin:0 10px;
    }
    .mbox {
        width:46%;
    }
    .widg-title {
        background-position:0 -320px;
    }
    .cat-questions li {
        float: none;
        width:90%;
        margin:0 auto 8px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    /*body {
        background:pink;}*/
    #intro-wrapp {
        background-size: 134% auto;
        width:100%;
        min-height:302px;
        height:auto;
    }
    #intro-nav {
        top:188px;
        right:140px;
    }
    #ticker {
        right:132px;
        top:212px;
        height: 18px;
        font-size:12px;
        width:114px;
    }
    #ticker .tickercontainer {
        width:114px;
    }
    #ticker .tickercontainer .mask {
        height:18px;
    }
    #webticker2 {
        line-height:18px;
    }
    #intro-wrapp time { left:8px; top:62px;}
    nav #header-menu li {
        font-size: 15px;
        padding:0 6px;
    }
    #slider {
        display: none;
    }
    #area-books li {
        margin:3px 8px;
    }
    #footer-menu li {
        font-size:11px;
    }
    #area-books ul {
        width:100%;
    }
    .cbox, #question-wrapp, #question-wrapp .fr, #question-wrapp .fl  {
        max-width:100%;
    }
    .search .seatxt {
        width:197px;
    }
    .cat-title li {
        margin:2px;
    }
    .mbox {
        width:100%;
        margin:0 auto 2%;
        float:none;
    }
    .widg-title {
        background-position:0 -320px;
    }
    .cat-questions li {
        float: none;
        width:86%;
        margin:0 auto 8px;
    }
}