@media screen and (min-width: 1001px) and (max-width: 1116px){
    .mymenu{
        width: 100%;
    }
    .home-container{
        width: 100%;
    }
    .image-container{
        height: auto;
    }
    .category-recent{
        width: 100%;
    }
    .catrecent{
        width: 47%;
        margin-right: 18px;
        margin-left: 10px;
    }
    .catrecent img{
        width: 100%;
    }
    .contact-us{
        width: 100%;
    }
    .social-right, .social-left{
        width: 46%;
    }
    .footer-container{
        width: 100%;
    }
    .search-container{
        width: 100%;
    }
    .category-posts{
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    .left-sidebar {
        margin-left: 1%;
        width: 26%;
    }
    .single-container{
        width: 90%;
    }
    .single-content{
        width: 100%;
    }
    .single-sidebar{
        width: 28%;
    }
    .app-icon img {
        width: 75%;
        height: 75%;
        margin: 7% 12.5% 3%;
    }
    .new-follow-us-container{
        margin: 0 15% 10px;
    }
    #comments{
        width: 100%;
    }
    .comment-form-comment textarea{
        max-width: 80% !important;
    }
}
@media screen and (max-width: 1000px) {
    .mymenu {
        width: 100%;
    }

    .home-container {
        width: 100%;
    }

    .image-container {
        height: auto;
    }

    .category-container {
        height: auto;
    }

    .category-text p, .category-text h4 {
        width: 90%;
    }

    .category-recent {
        width: 100%;
    }

    .responsive-catrecent {
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }

    .catrecent {
        float: right;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
        height: auto;
    }

    .catrecent img {
        width: 100%;
        height: auto;
    }

    .catrecent h5 {
        margin-bottom: 3px;
    }

    .responsive-more {
        text-align: center;
    }

    .more {
        margin-top: 50px;
        margin-bottom: 50px;
        display: inline-block;
    }

    .contact-us {
        width: 100%;
    }

    .responsive-contact {
        float: none;
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }

    .social-right, .social-left {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .footer-container {
        width: 100%;
    }

    .search-container {
        width: 100%;
    }

    .search {
        margin-top: 90px;
    }

    .new {
        top: 120px;
    }

    .category-posts {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .left-sidebar {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .responsive1 {
        float: right;
        width: 47%;
    }

    .responsive2 {
        float: left;
        width: 47%;
    }

    .single-container {
        width: 90%;
    }

    .single-content {
        width: 100%;
    }

    .single-sidebar {
        width: 100%;
    }

    .post-info {
        width: 100%;
    }

    .post-info .app-icon {
        float: right;
    }

    .post-info .info {
        margin-top: 13px;
    }

    .search-box-single {
        width: 49%;
        float: right;
        margin-top: 0;
    }

    .new-side-box {
        width: 49%;
        float: left;
    }

    .single-search {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .single-search input {
        display: block;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
    #comments{
        width: 100%;
    }
    .comment-form-comment textarea{
        max-width: 80% !important;
    }
}
@media (max-width: 580px){
    .openbtn{
        display: inline;
        font-size: 30px;
        color: #ebebeb;
        float: left;
        margin: 13px 0 0 20px;
        cursor: pointer;
    }
    .openbtn:hover{
        color: #ffffff;
    }
    /* The side navigation menu */
    .menu-items {
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
        background-color: #111; /* Black*/
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 70px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
        margin-top: 0;
    }

    /* The navigation menu links */
    .menu-items a {
        padding: 5px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s
    }

    /* When you mouse over the navigation links, change their color */
    .menu-items a:hover, .offcanvas a:focus{
        color: #f1f1f1;
    }

    /* Position and style the close button (top right corner) */
    .menu-items .closebtn {
        display: inline;
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .menu-items > ul{
        width: 100%;
        text-align: center;
    }

    .menu-items > ul > li{
        float: none;
        margin-bottom: 20px;
    }
    .menu-items > ul > li > a{
        display: inline;
    }

    .search{
        margin-top: 90px;
        margin-bottom: 20px;
        margin-left: 0;
        width: 100%;
    }
    .search input{
        display: block;
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }

    .category-text h2, .contact-text h2{
        font-size: 30px;
    }
    .category-text p, .category-text h4{
        font-size: 16px;
    }
    .copyright{
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
        padding: 20px 0 0;
    }
    .designer{
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
        padding: 10px 0;
    }
    .social-right, .social-left{
        height: 110px;
    }
    .social-right img, .social-left img{
        width: 110px;
        height: 110px;
    }
    .social-right div, .social-left div{
        margin: 30px 0 0;
    }
    .social-right h5, .social-left h5{
        font-size: 13px;
    }
    .social-right h6, .social-left h6{
        font-size: 11px;
    }
    .margin {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    footer{
        height: auto;
    }
    .category-post h2{
        font: 16px "IranSansBold";
    }
    .category-post p {
        font-size: 14px;
    }
    .single-content h1{
        margin: 20px 15px;
    }
    .single-content .main-content{
        margin: 20px 15px 30px;
    }
    .responsive1, .responsive2{
        float: none;
        width: 100%;
    }
    .post-info .app-icon {
        float: none;
        text-align: center;
    }
    .post-info .info {
        margin-top: 13px;
    }
    .search-box-single, .new-side-box {
        width: 100%;
        float: none;
    }
    .single-search input {
        width: 55%;
    }
    .commentmetadata{
        display: none;
    }
    .comment-pading{
        padding: 10px 5% 30px;
    }
    .comment-form-comment label, .comment-form-author label, .comment-form-email label, .comment-form-url label{
        display: block;
        width: 100%;
    }
    .comment-form-comment textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input{
        margin-right: 0;
    }
    .category-top{
        height: 300px;
    }
    .category-text{
        top: 90px;
    }
    .new {
        top: 155px;
    }
    .image-container img{
        width: 100%;
        display: inline;
    }
}


@media (min-width: 581px){
    .menu-items{
        width: auto !important;
    }
}