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

}

@media screen and (max-width: 1024px) {
    .cc-container {width: 97%;}
    .books-box .book-item {width: 18.7%;}
    .books-section .book-item .title-book h2 {font-size: 9.5pt}

    }

@media screen and (max-width: 915px) {
.pictures-gallery-media .picture-item .pic-box {height: auto;}

}

@media screen and (max-width: 800px) {
    .cc-container {width: 95%;}
    .header-page .right-header img {margin-right: 0;}
    .slider-page .right-slider {width: 100%;float: none}
    .slider-page .left-slider {width: 100%;float: none;margin-top: 20px;height: auto;}
    #cc_slider {height: 230px;}
    #cc_slider li img {
        width: 100% !important;
    }
    #phrase_slider ul {height: 200px;overflow-y: scroll}
    .icon-page .icon-sp-item {width: 30%;margin: 10px auto}
    .section-last-sounds .right-last-sound {width: 100%;float: none;padding: 20px 0px 0px 0px;}
    .section-last-sounds .left-last-sound {width: 100%;float: none;padding: 0px 0px 30px 0px;}
    .section-last-sounds .right-last-sound .thumbnail-last-icon {display: none;}
    .section-last-posts .right-last-posts {width: 100%;float: none;padding: 0px 0px 30px 0px;}
    .section-last-posts .left-last-posts {width: 100%;float: none;padding: 20px 0px 0px 0px}
    .section-last-posts .left-last-posts .thumbnail-last-icon {display: none;}
    .section-last-quests .right-last-quests {width: 100%;float: none;padding: 20px 0px 0px 0px;}
    .section-last-quests .left-last-quests {width: 100%;float: none;padding: 0px 0px 30px 0px}
    .section-last-quests .right-last-quests .thumbnail-last-icon {display: none;}
    .section-last-posts .last-posts-inner .row-last-post .title h3 {font-size: 9.5pt}
    .section-last-posts .last-posts-inner .row-last-post .link-post {font-size: 9.5pt;padding: 6px 10px 6px 10px;}
    .salavat-footer {width: 70%;}
    .books-box .book-item {width: 32.1%;}
    .books-box .book-item:nth-child(5n+6) {margin-right: 1%;}
    .books-box .book-item:nth-child(3n+1) {margin-right: 0;}
    .books-list .row-item h2 ,.custom-section .row-item h2 {font-size: 9pt;}
    .media-list-box .media-item {width: 48%;}
    /*.media-list-box .media-item .pic-media {height: 200px;}*/
    .media-list-box .media-item .title-media h2 {font-size: 10pt}

    .nav-page {height: auto;}

    .menumobile {display: block;}
    #navigation {display: none;}
    .main-nav {height: auto}
    .main-nav ul {}
    .main-nav ul li {padding: 6px 7px 7px 8px;float: none;border-bottom: 1px solid #279999;text-align: right }
    .main-nav ul ul {visibility: visible;opacity: 1;position: relative;display:block;z-index: 1;
        background-color: #2ca9ae;border-radius: 3px;transform: translateY(0);}
    .main-nav ul ul ul {visibility: visible;opacity: 1;position: relative;display:block;z-index: 1;transform: translateY(0);}
    .main-nav ul li ul {}
    .main-nav ul li:hover > ul {display:block;opacity: 1;visibility: visible;}
    .main-nav ul ul li {padding:5px 0px 6px 0px;font-size: 11pt;width: 100%;}
    .main-nav ul ul li:first-child {margin-top:5px;}
    .main-nav ul ul li:hover {background-color: #279999;transition: all 0.3s;}
    .main-nav ul ul ul ul li:first-child {margin-top:0px;border-top:1px solid #279999;}
    .main-nav ul ul li::before {content: "\2039";margin-right:  20px;float: right;direction: ltr;color: #eaeaea;font-family:IRANSans;margin-top:3px;}
    .main-nav ul ul li.menu-item-has-children::before {content: "\2039";margin-left: 0px;float: left;direction: ltr;color: #eaeaea;font-family:IRANSans;margin-top:3px;}
    .main-nav ul li.has-sub-menu {background-color: #2c9aa6;border-radius: 10px;margin-top: 5px;}


    .comments-form-box .comments-form .right-form {float: none;width: 100%;}
    .comments-form-box .comments-form .left-form {float: none;width: 100%;}
    .modal-content,.modal-media {width: 80%;}
    .box-pre-send-quest .btn-send-quest {display:inline-block;}
    .title-quest-get {background-color: #079977;padding: 5px 15px;font-weight: bold;text-align: center;text-indent: 0;display: block;border-radius: 5px;}
    .send-quest-section .form-send-quest .right-quest-box {float: none;width: 100%;}
    .send-quest-section .form-send-quest .left-quest-box {float: none;width: 100%;}
    .right-page {width: 100%;float: none;}
    .left-page {width: 100%;float: none;}
    .main-categories .title-menu span {cursor: pointer}
    .main-categories .box-categories {display: none;}
    .main-categories .show-categories {display: block !important;}
    .find-quest-id-single-question {padding: 10px 12px 10px 12px;}
    .find-quest-id-single-question .input-id {flex: 40%}
    .find-quest-id-single-question .label {font-size: 8pt;}
    .find-quest-id-single-question .submit-input input {font-size: 8pt;padding: 6px 8px;text-align: center}
    .find-quest-id-single-question .input-id input {padding: 3px 8px;font-size: 10pt;}

    .right-single {width: 100%;float: none}
    .left-single {width: 100%;float: none}

    .books-list a:link,.books-list .row-item a:visited,.custom-section .row-item a:link,.custom-section .row-item a:visited {display: inline;}
    .katibeh {background-position: right;background-size: cover;}
    .cc-content-area-page .cc-toolbar-content .cc-form-search-toolbar {width: 70%}
    }
@media screen and (max-width: 640px) {
    .single-book-section .details-book .pic-book .icon-speech {width: 64px;height: 64px;position: absolute;bottom: 20%;left: -70px;}
}

@media screen and (max-width: 560px) {
    .top-page .right-top-page {width: 30%;}
    .top-page .besemellah {font-size: 8pt;margin-top: 10px;}
    .top-page .left-top-page {width: 70%;}
    .top-page .nav-top-page .item {font-size: 9pt;margin:10px 7px 0px 0px;}
    .header-page {height: auto;}
    .header-page .right-header {width: 90%;float: none;margin: auto;height: auto;text-align: center}
    .header-page .right-header img {margin-right: 0;}
    .header-page .left-header {width: 90%;float: none;margin: auto;height: auto;}
    .header-page .left-header .search-container .search-input {width: 90%;margin-top: 10px}
    .header-page .left-header .search-container .search-icon {top:20px;}
    .header-page .left-header .quran-container .ayeh {width: 100%;margin-top: 5px;margin-bottom: 12px}

    .pictures-gallery-media .picture-item {width: 100%;margin-bottom: 25px;}
    .pictures-gallery-media .picture-item .pic-box {height: auto;padding-bottom: 10px;}

    .slider-page .right-slider {height: 200px;}
    #cc_slider {height: 110px;}
    #cc_slider li img {
        width: 100% !important;
    }
    .left-top-btn-export-search-quest {
        left: 10px;
        top: 6px;
    }
    /*#cc_slider ul {height: 200px;}*/
    .icon-page .icon-sp-item {width: 45%;}
    .section-last-sounds .left-last-sound .row-last-sound .title {width: 100%;float: none;text-align: right;border-bottom: 3px solid #eaeaea}
    .section-last-sounds .left-last-sound .row-last-sound .title h3 {font-size: 10pt;font-weight: 500;word-spacing: -2px;}
    .section-last-sounds .sub-row-sound {background-color: #d7d7d7;border-radius: 10px;padding: 10px;margin: 5px 0px 12px 0px;}
    .section-last-sounds .sub-row-sound .label-last-sound {width: 100%;float: none;font-size: 8pt;}
    .section-last-sounds .sub-row-sound .title-last-sound-item {width: 100%;float: none;font-size: 8pt;margin-right: 0;}
    .section-last-sounds .sub-row-sound .download-last-item-sound {width: 100%;float: none;font-size: 8pt;font-weight: bold;}
    .section-last-sounds .left-last-sound .row-last-sound .link-sound {font-size: 9.5pt;padding: 8px 10px 8px 40px}

    .section-last-posts .last-posts-inner .row-last-post .title {width: 100%;float: none;border-bottom: 1px solid #e5e8e8;text-align: right;padding: 5px 0px 8px 0px;}
    .section-last-posts .last-posts-inner .row-last-post .title h3 {font-weight: 500;}

    .section-last-quests .row-quest .title-quest {width: 100%;float: none;}
    .section-last-quests .row-quest .title-quest h3 {font-size: 10pt;font-weight: 500;}

    .section-last-posts .last-posts-inner .row-last-post .icon-post {height: 17px;}

    .section-footer-page .content-footer {text-align: center;}
    .footer-column-1 {width: 100%;}
    .footer-column-2 {width: 45%;text-align: center;}
    .footer-column-3 {width: 45%;text-align: center;}
    .footer-column-4 {width: 45%;text-align: center;}
    .footer-column-5 {width: 45%;text-align: center;}
    .salavat-footer {width: 95%;}

    .books-box .book-item {width: 48%;}
    .books-section .book-item .pic-book {width: 140px;}
    .books-box .book-item:nth-child(5n+6) {margin-right: 1%;}
    .books-box .book-item:nth-child(3n+1) {margin-right: 1%;}
    .books-box .book-item:nth-child(2n+1) {margin-right: 0 !important;}
    .books-section .book-item .title-book h2 {font-size: 9pt}
    .comments-form-box .comments-form .form-group .captchapic img {height: 20px;}

    .msg-send-quset-ok .msg {font-size: 10pt;}
    .msg-send-quset-ok .code-quest {font-size: 11.5pt;}
    .msg-send-quset-ok .link-quest {font-size: 10pt;}

    .right-advanced-search,.left-advanced-search,.btn-advanced-search {width: 100%;float: none;}
    .single-book-section .sounds-book .myrow-sound {padding-bottom: 12px;}
    .register-user-section .form-register-user .form-group .captcha,.send-quest-section .form-send-quest .form-group .captcha,.send-quest-section .form-send-quest .form-group .captcha {width: 58% !important;}
    .register-user-section .form-register-user .form-group .captchapic,.send-quest-section .form-send-quest .form-group .captchapic, .send-quest-section .form-send-quest .form-group .captchapic {width: 40%;}

    .media-list-box .media-item {width: 100%;margin-right: 0}
    .captchapic .refresh-captcha {width: 24px;height: 24px}
}

@media screen and (max-width: 360px) {
    .books-box .book-item {width: 48%;}
    .single-book-section .book-main-box .nav-single-book .nav-item {padding-left: 12px;padding-right: 8px;font-size: 10pt;}
    .single-book-section .book-main-box .nav-single-book .nav-item img {margin-left: 6px;}
    .single-book-section .details-book .pic-book .icon-speech {    width: 48px;height: 48px;position: absolute;bottom: 2%;left: -51px;}

}