@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('/app/fonts/eot/IRANSansWeb.eot');
    src: url('/app/fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/app/fonts/woff2/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/app/fonts/woff/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/app/fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

body {
    direction: rtl;
    font-family: IRANSans;
}

.icon-block.box-float .text {
    padding: 10px 0 0 15px;
}

.intro .navi {
    right: 0;
    left: auto;
}

.nav-toggle {
    margin-right: 0;
    margin-left: 20px;
}

.intro .social-buttons, .offcanvas-nav .social-buttons {
    left: 0;
    right: auto;
}

.intro.transformed .logo {
    -webkit-transform: translate(75%, -40%);
    transform: translate(75%, -40%);
}

.scroll-more .icon {
    padding: 8px 12px 0 0;
}

.navbar .nav-toggle {
    margin-right: -10px;
    margin-left: 15px;
}

.navbar .logo {
    margin-right: 0;
    margin-left: 40px;
}

.navbar .toolbar {
    float: left;
}

.badge.badge-reverse .icon {
    margin-right: 15px;
    margin-left: 0;
}

.intro .phone {
    width: 336px;
    padding: 68px 15px 0 16px;
}

.devices .tablet .mask {
    left: 14%;
    right: 13.5%;
    top: 13%;
}

.devices .phone .mask {
    left: 5%;
    right: 5%;
    top: 10%;
}

.feature-tabs .devices {
    width: 46.4%;
}

.feature-tabs .tablet {
    right: 16%;
    width: 54%;
}

.feature-tabs .phone {
    bottom: 2.4%;
    max-width: 296px;
    overflow: hidden;
    position: absolute;
    right: -2.7%;
    width: 31%;
    z-index: 10;
}

.download .btn.btn-cafebazaar {
    background-color: transparent;
    box-shadow:none;
}

.btn-cafebazaar img {
    width: 200px;
}

.btn-cafebazaar span {
    left: 40px;
    color: #fff;
}

.download .btn.btn-myket {
    background-color: transparent;
    box-shadow:none;
}

.btn-myket img {
    width: 200px;
}

.btn-myket span {
    left: 40px;
    color: #fff;
}

.scroll-more {
    color: #333;
}

.scroll-more .icon {
    border: 1px solid #333;
}

.scroll-more .icon::before {
    border: 1px solid #333;
}

.scroll-more .icon::after {
    background-color: #333;
}

.icon-block h3, .icon-block p {
    text-align: right
}

.download {
    text-align: right;
}

.download .btn {
    margin: 10px 0 10px 10px;
}

.intro .column {

    /*display: block;*/
}

.video-block a {
    color: #263238;
}

.video-block a > i {
    color: #c31b2f;
}

.footer-nav ul li {
    display: inline-block;
    margin: 0 0 15px 15px;
}

.masonry-grid .item {
    -webkit-transition-property: right, top, -webkit-transform, opacity;
    -moz-transition-property: right, top, -moz-transform, opacity;
    -ms-transition-property: right, top, -ms-transform, opacity;
    -o-transition-property: right, top, -o-transform, opacity;
    transition-property: right, top, transform, opacity;
}

.masonry-grid .post-title {
    padding: 15px;
}

.item .post-tile {
    max-width: 380px;
}

.post-title a h3 {
    font-size: 20px;
    margin-bottom: 0;
}

.post-tile .post-thumb img {

    width: 100%;
}

.post-body .post-title {
    padding: 15px 10px;
}

.masonry-grid .summary {
    display: none;
}

.pagination {
    position: absolute;
    bottom: -30px;
    font-size: 13px;
}

.pagination li {
    float: right;
    padding: 5px;
}

.changelog.box-float {
    min-height: 450px;
}

.single-post .inner, .comments {
    padding: 20px;
}

ol {
    padding-left: 0;
    padding-right: 23px;
}

ul {
    padding-left: 0;
    padding-right: 23px;
}

.scroller.posts .item {
    margin-right: auto;
    margin-left: 30px;
}

.download.second {
    display: none;
}

@media screen and (max-width: 1200px) {
    .intro .phone {
        height: 526px;
        margin-bottom: -380px;
        padding: 53px 12px 0;
        width: 260px;
    }
}

@media screen and (max-width: 991px) {
    .navi {
        display: none
    }
}

@media screen and (max-width: 850px) {
    .intro .phone {
        height: 526px;
        margin-bottom: -380px;
        padding: 53px 12px 0;

        width: 260px;
    }

}

@media screen and (max-width: 768px) {
    .download.second {
        display: block;
        text-align: center;
    }

    .download.second .btn {
        margin: 10px;
    }
}

@media screen and (max-width: 440px) {
    .intro .phone {
        height: 300px;
        margin-bottom: -20px;
        padding: 45px 11px 0;
        width: 220px;
    }

    .feature-tabs .devices {
        width: 100%;
    }

    .feature-tabs .tablet {
        right: 32%;
    }

    .feature-tabs .devices .phone {
        right: 16%;
    }

    .feature-tabs .nav-tabs > li {
        margin: 3px 0;
    }
}