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

}

@media screen and (max-width: 1024px) {
    .mypagebox {
        width: 93%;
    }

    .main-slider img {
        width: 100%;
    }

    .main-slider .mypagebox {
        overflow: hidden;
    }

    .main-header .right-header .pic-header img {
        width: 280px;
    }

    .last-ammanat-books .area-items .item {
        width: 32%;
        padding-bottom: 32%;
    }

    .last-posts-blog .area-items .item .area-content .text {
        width: 55%;
        line-height: 1.42;
        word-spacing: -2px;
    }

    .flower-footer {
        top: 0;
    }

    .khat-footer {
        top: 15px
    }

    .menu-footer-2 .menu .text-area {
        font-size: 11pt;
    }
}

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

    .main-slider .cloud-left,.main-slider .cloud-right {
        display: none;
    }

    .main-slider,.main-slider img {
        height: 200px;
    }

    .main-slider img {
        width: auto;
    }


    .last-shohada .item {
        width: 48%;
        padding-bottom: 48%;
        margin-bottom: 30px;
    }


    .last-posts-blog .area-items .item {
        width: 100%;
        margin: 15px 0;
    }

    .last-posts-blog .area-items .item .area-content .text {
        width: 70%;
    }

    .last-ammanat-books .area-items .item .btn-link .link {
        width: 100px;
        height: 20px;
        font-size: 8.5pt;
        line-height: 1.8;
    }

    .single-shahid .nav-menu-shahid .item-nav, .nav-menu-post .item-nav {
        font-size: 10pt;
        padding: 3px 8px;
    }

    .myfooter {
        height: auto;
        padding-bottom: 30px;
    }

    .menu-footer {
        width: 40%;
    }

    .menu-footer-2 {
        width: 50%;
    }

    .menu-footer-3 {
        width: 50%;
        float: left;
        margin-top: 20px;
    }

    .top-footer {
        height: 140px;
    }

    .flower-footer {
        width: 130px;
        top: 0px;
    }

    .khat-footer {
        width: 200px;
        left: 150px;
        top: 0px;
    }

    .width-55-percent {
        width: 85%;
    }

    ul.products li.product {
        width: 48%;
    }
    ul.products li.product:nth-child(4n+2),ul.products li.product:nth-child(4n+3) {
        margin-right: 0;
    }

    .products li.product:nth-child(4n+3) {
        margin-left: 0;
    }

    ul.products li.product:nth-child(2n) {
        margin-right: 1%;
    }

    ul.products li.product .btn-title h3 {
        font-size: 10pt;
    }

    .last-ammanat-books .area-items .item {
        width: 48%;
        padding-bottom: 48%;
    }

    .menu-footer-2 .menu .text-area {
        font-size: 12pt;
    }

    .search-shohada-nav .shahid_search_input {
        width: 23%;
    }

    .search-shohada-nav .shahid_search_submit {
        width: 15%;
    }

    .search-shohada-nav .shahid_all_submit {
        width: 12%;
    }

    .search-shohada-nav .shahid_order_by {
        width: 12%;
    }

}

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

    .mypagebox {
        width: 90%;
    }

    .main-slider {
        height: 150px;
    }

    .main-slider .cloud-left,.main-slider .cloud-right {
        display: none;
    }

    .main-slider img {
        width: 100%;
        height: auto;
    }

    .last-posts-blog .area-items .item .area-content .text {
        width: 65%;
    }

    .top-nav {
        height: auto;
        padding-bottom: 15px;
    }

    .top-nav .right-nav,.top-nav .left-nav {
        width: 100%;
        float: none;
        text-align: center;
    }

    .top-nav .right-nav .besmellah {
        text-align: center;
    }

    .main-header {
        height: auto;
    }

    .main-header .right-header,.main-header .left-header {
        width: 100%;
        float: none;
        text-align: center;
    }

    .main-header .right-header .pic-header {
        text-align: center;
    }

    .main-header .left-header {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .main-header .left-header .item {
        padding: 2px 10px;
        margin: 0 8px 8px 0;
        font-size: 11.5pt;
    }

    .last-shohada .item {
        width: 100%;
        margin: 15px 0;
        padding-bottom: 100%;
    }

    .last-message-shahid .last-message-area .right-message-shahid {
        width: 100%;
        float: none;
    }

    .last-message-shahid .last-message-area .left-message-shahid {
        width: 100%;
        float: none;
    }
    .last-message-shahid .last-message-area .right-message-shahid .text {
        margin: 0px 10px;
    }

    .last-message-shahid .last-message-area .left-message-shahid .pic {
        margin: 10px auto 5px auto;
    }

    .last-ammanat-books .area-items .item {
        width: 100%;
        padding-bottom: 100%;
        margin: 12px 0 0 0;
    }

    .last-posts-blog .area-items .item .area-content .pic {
        width: 140px;
        height: 140px;
    }

    .last-posts-blog .area-items .item .area-content .text {
        width: 50%;
        height: 140px;
        line-height: 1.55;
    }

    .last-posts-blog {
        padding-bottom: 20px;
    }
    .menu-footer,.menu-footer-2,.menu-footer-3{
        width: 100%;
        float: none;
    }

    .menu-footer-2 {
        padding-bottom: 20px;
    }

    .copyright {
        height: auto;
    }

    .copyright .left-cpy,.copyright .right-cpy {
        float: none;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #255e2e;
    }

    .copyright .left-cpy {
        padding-bottom: 15px;
    }

    .single-shahid .detail-box .qr-code-show {
        max-height: none;
    }

    .single-shahid .detail-box .qr-code-show .single-qrcode {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }

    .single-shahid .detail-box .qr-code-show .right,.single-shahid .detail-box .qr-code-show .left {
        float: none;
        display: block;
        width: 100%;
    }

    .single-shahid .detail-box .qr-code-show .left {
        text-align: center;
    }

    .flower-footer {
        width: 70px;
        top: -5px;
    }

    .khat-footer {
        left: 61px;
        top: -50px;
    }

    .top-footer {
        overflow: visible;
        margin-top: 70px;
    }

    .width-55-percent {
        width: 95%;
    }

    .form-group .captchapic,.form-group .captcha-input {
        width: 48% !important;
    }
    .form-group .captcha-input {
        margin-bottom: 15px;
    }

    .comments-form-box .comments-form .right-form,.comments-form-box .comments-form .left-form {
        width: 100%;
        float: none;
    }

    .single-shahid .picture-box, .single-shahid .detail-box{
        width: 100%;
        margin: 0;
    }

    .single-shahid .picture-box {
        padding-top: 100%;
    }

    .single-shahid .nav-menu-shahid, .nav-menu-post {
        padding-right: 5px;
        padding-left: 5px;
    }

    .single-shahid .nav-menu-shahid .item-nav, .nav-menu-post .item-nav {
        font-size: 10pt;
        padding: 3px 8px;
        margin: 0 0 10px 0;
    }

    .single-shahid .nav-menu-shahid .item-arrow, .nav-menu-post .item-arrow {
        display: none !important;
    }

    .left-single-product, .right-single-product {
        width: 100%;
    }

    .main-single-product {
        padding-bottom: 35px;
    }

    .search-shohada-nav .shahid_search_input {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-shohada-nav .shahid_search_submit,.search-shohada-nav .shahid_order_by {
        width: 31%;
    }

    .search-shohada-nav .shahid_all_submit {
        width: 31%;
        display: inline-block;
        padding: 7px 0;
    }

    .cart-box .row-cart .column-cart {
        font-size: 8pt;
    }

    .cart-box .row-cart .product_operation {
        width: 4%;
        font-size: 7pt;
        font-weight: bold;
    }

    .product_operation a {
        padding: 0px 4px;
    }

    .checkout-form .left-section, .checkout-form .right-section {
        width: 100%;
        float: none;
    }

    #cc_table .date-order {
        font-size: 8pt;
        word-spacing: -1px
    }

    .captchapic .refresh-captcha {
        width: 20px;
        height: 20px;
        background-size: 15px;
        opacity: 0.7;
    }




}

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

}