@media(max-width:767px) {
    header#site-header #logo {
        display: block;
        margin: auto;
        float: none;
    }
    main #panels .block-panel .panel-item {
        margin-bottom: 20px;
    }
    .pad-xs-10 {
        padding: 0px 15px;
    }
    .menu-responsiv {
        cursor: pointer;
        float: right;
        width: 100%;
        height: 45px;
    }
    .menu-responsiv:before {
        content: 'منو سایت';
        position: absolute;
		color:#034ea2;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20%;
        font-family: "Yekan";
        font-size: 17px;
        z-index: 999;
        background-image: url(load/menu-r.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        width: 100%;
    }
    header#site-header nav {
        width: 100%;
    }
    header#site-header nav ul {
        display: none;
        width: 100%;
    }
    header#site-header nav ul li {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    footer#site-footer #footer-top .block-footer {
        margin-bottom: 25px;
    }
    #single {
        width: calc(100% - 30px);
        margin: auto auto 20px;
    }
    #comment {
        width: calc(100% - 30px);
        margin: auto auto 30px;
    }
    #single > .title .info {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
    #page404 {
        position: relative;
    }
    #page404 .content {
        height: auto;
        position: relative;
    }
    #page404 nav ul {
        float: none;
        width: 100%;
    }
    #page404 nav ul li {
        float: none;
        width: 100%;
    }
    #page404 #logo {
        float: none;
        display: block;
        margin: auto;
    }
    main #posts .block-post {
        padding: 0px 15px 20px;
    }
    main #pagenavi {
        padding: 20px 15px 25px;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
	main #emkanat .block-emkanat .emkanat-item {
		min-height: 100px;
	}
}

@media(min-width: 992px) and (max-width: 1200px) {}