﻿/*!
 
 * Responsive Customize By Amirehsan Mehdizadeh (http://www.Persiantik.com)
 * Copyright 2015 Persiantik, Inc.
 
 */

@media (max-width: 1220px) {
    .banner img {
        width: 100%;
        height: auto;
        min-height: 100px;
        display: block;
    }

    .banner {
        height: auto;
        min-height: 100px;
    }
}

@media (max-width: 1190px) {
    .container {
        width: 100%;
        padding: 0 2%;
    }

    .menu_div .container {
        padding: 0;
    }

    .tbl1-wp,
    .tbl2-wp,
    .tbl3-wp {
        width: 32.66%;
    }

    .tbl3-wp {
         margin-right: 0;
    }

    .tbl4-wp,
    .tbl5-wp {
        width: 49%;
    }

    .tbl5-wp {
        margin-left: 2%;
    }

    .tbl6-wp {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .menu_div {
        height: auto;
    }

    .menul, .menur {
        float: none;
    }

    .menul {
        text-align: center;
    }

    .banner_t {
        top: 0;
        right: 0;
        min-height: 100px;
    }

    .cont50, .cont50:nth-child(2n) {
        float: none;
        width: 100%;
    }

    .cont100 label {
        width: 30%;
    }

    .cont100 .textareaa {
        width: 70%;
    }

    .submit_cont {
        width: 50%;
    }

    .banners .col-3 {
        width: 49%;
        text-align: center;
    }
}

@media (max-width: 900px) {
    .box_item_img {
        height: auto;
    }
}

@media (min-width: 768px) {
    a.menu_res {
        display: none;
    }

    nav.menu {
        display: block !important;
    }
}

@media (max-width: 800px) {
    .contact_r, .contact_l {
        float: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    a.menu_res {
        display: block;
    }

    nav.menu {
        display: none;
        width: 100%;
    }

    .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
        color: #2d2d2d;
    }

    .head1 {
        height: auto;
    }

    .head1_r, .head1_l {
        float: none;
        width: 100%;
        text-align: center;
    }

    .head1_r {
        padding-top: 90px;
    }

    .logo, .flag_head {
        width: 100%;
        float: none;
    }

    .logo img {
        position: static;
    }

    .flag_head {
        margin: 0;
    }

    .head1_l {
        padding-bottom: 10px;
    }

    .logo_text {
        padding: 0;
    }

    li.megali a:first-child::after {
        display: none;
    }

    ul.mega-menu .col-3 {
        width: 100%;
        float: none;
        margin: 0;
    }

    .sm-simple ul.mega-menu a, .submenu a {
        color: #191919;
    }

    .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
        width: 100%;
        text-align: center;
    }

    h3.capt1 {
        font-size: 24px;
    }

    .tables .col-3, .banners .col-3 {
        width: 49.5%;
    }

    .tables .col-3:nth-child(2n), .banners .col-3:nth-child(2n) {
        margin-right: 0;
    }

   

    .banners .col-3 {
        text-align: center;
    }

    .boxes .col-4 {
        width: 48.5%;
    }

    .boxes .col-4:nth-child(3n) {
        margin-left: 2.5%;
    }

    .boxes .col-4:nth-child(2n) {
        margin-left: 0;
    }

    .footer .col-3 {
        width: 49.5%;
    }

    .footer .col-3:nth-child(2n) {
        margin-right: 0;
    }

    .tbl5-wp {
        margin-left: 0%;
    }

     .tbl3-wp {
         margin-right: 1%;
    }
}

@media (max-width: 660px) {
    .banners .col-3 img {
        width: 100%;
        height: auto;
    }

    h1.banner_title {
        font-size: 14px;
        height: 42px;
        line-height: 42px;
    }

    .navi {
        height: auto;
    }
}

@media (max-width: 500px) {
    .tables .col-3 {
        width: 100%;
        margin-left: 0;
    }

    .tables .col-9 {
        overflow-x: auto;
    }

    .tables .col-9 table {
        width: 600px;
    }

    .boxes .col-4 {
        width: 100%;
        margin-left: 0;
        float: none;
    }

    .box_item {
        height: auto;
    }

    .bx_date {
        position: relative;
    }
}

@media (max-width: 460px) {
    .coin {
        display: none;
    }

    .container_slider {
        width: 98%;
        overflow: hidden;
    }

    h3.capt1 {
        display: none;
    }

    .footer .col-3 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
}

@media (max-width: 320px) {
    .banners .col-3 {
        width: 100%;
        margin-left: 0;
    }
}



/*!
 
 * Responsive Customize By Amirehsan Mehdizadeh (http://www.Persiantik.com)
 * Copyright 2015 Persiantik, Inc.
 
 */
