@media only screen and (max-width: 980px) {
    html,body {
        overflow-x: hidden;
    }
    .form {
        width: 65%;
    }
    .form:nth-child(1) {
        margin-left: 0;
    }
    .header {
        padding-bottom: 15px;
    }
    .home-slider .owl-dots .owl-dot {
        width: 10px;
        height: 5px;
    }
    .home-slider .owl-nav {
        position: absolute;
        bottom: auto;
        right: 5px;
        font-size: 28px !important;
        width: 97%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        left: 5px;
        top: 35%;
    }
    .maghzak-slide-row {
        flex-direction: column;
    }
    .maghzak-slide-counter,
    .maghzak-slidebox,
    .mindmap-desc,
    .mindmap-poster {
        width: 90%;
        margin: 0 auto 15px auto;
    }
    .maghzak-slidebox {
        height: auto;
    }
    .maghzak-slidebox img {
        height: auto;
    }
    .maghzak-mind-map, .single-page-container {
        flex-direction: column;
    }
    .single-page-container img {
        width: 100%;
        height: auto;
    }
    .single-page-container div[id*="attachment"] {
        width: 100% !important;
    }
    .mindmap-poster img {
        width: 100%;
    }
    .home-slider {
        width: 100%;
        margin-top: 0;
        height: auto;
    }
    .home-top {
        width: 90%;
        margin-top: 15px;
        margin-bottom: 110px;
    }
    .avatar, .introduce, .bio {
        display: block;
    }
    .introduce, .bio {
        width: 100%;
    }
    .avatar {
        margin: 0 auto 15px auto;
    }
    .tabs-header .border {
        height: 35%;
        display: none;
    }
    .home-menu {
        max-width: 90%;
        margin: 10px auto;
    }
    .tabs-nav {
        display: none;
    }
    .tabs-header ul {
        width: 100%;
    }
    .tabs-header a {
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 10px 20px;
    }
    .tabs-header ul li.active a {
        color: #282828;
        border-radius: 15px;
        background-color: #FFFFFF;
        box-shadow: 0 2px 8px rgba(13,60,95,.1);
    }
    .tab-clms {
        flex-direction: column;
    }
    .tab-right svg {
        width: 80%;
    }
    .tab-left {
        width: 90%;
        margin: 0 auto;
    }
    .rezaei-page-content {
        max-width: 90%;
    }
    .maghzak-top-bar {
        padding: 0 10px;
        flex-wrap: wrap;
    }
    #konur-countdown {
        padding-bottom: 10px;
        font-size: 13px;
        margin: 15px auto 0 auto;
    }
    #konur-countdown ul {
        flex-wrap: wrap;
        justify-content: center;
    }
    .maghzak-top-bar .menu-btn {
        display: inline-flex !important;
        text-align: center;
        justify-content: center;
        background: transparent;
        color: #fff;
        width: 20%;
        align-items: center;
    }
    .maghzak-top-bar .menu-btn i {
        margin-left: 10px;
    }
    .maghzak-menu {
        display: none !important;
    }
    .footer-middle {
        flex-direction: column;
    }
    .footer-box {
        width: 90%;
        min-height: auto;
    }
    .cpr {
        padding: 10px;
    }
    .maghz {
        margin-bottom: 25px;
        width: 190px;
    }
    .wp-caption {
        width: 100% !important;
    }
    .footer-box address {
        height: auto;
    }
    .footer-box address {
        height: auto;
    }
    .yellow-piece {
        position: absolute;
        top: 42px;
        right: -10px;
        transform: rotate(31deg);
    }
    .green-piece {
        position: absolute;
        top: 95px;
        right: -66px;
        transform: rotate(0deg);
        transform-origin: right;
        width: 100px;
    }
    .ocean-piece {
        position: absolute;
        bottom: 55px;
        right: -65px;
        transform: rotate(0deg);
        transform-origin: right;
        width: 70px;
    }
    .purple-piece {
        position: absolute;
        bottom: -25px;
        right: -12px;
        width: 79px;
    }
    .orange-piece {
        position: absolute;
        bottom: -10px;
        left: -25px;
    }
    .ice-piece {
        position: absolute;
        top: 60px;
        right: auto;
        left: -30px;
        transform: rotate(-42deg);
    }
    .peste-piece {
        position: absolute;
        top: 146px;
        left: -25px;
        transform: rotate(-90deg);
    }
    .soorati-piece {
        position: absolute;
        top: 166px;
        left: 47px;
        transform: rotate(55deg);
        font-size: 13px;
    }
    .login-register-form-containe {
        z-index: 9999;
    }
}
@media screen and (max-width: 380px), screen and (max-height: 700px) {

    .home-top {
        width: 90%;
        margin-top: 300px;
    }
    .home-menu {
        max-width: 90%;
        margin: 150px auto 0px auto;
    }

}