@media (max-width: 768px) {
    .H1 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 30px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 27px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 25px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 15px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 12px;
        font-family: 'Anjoman-Regular';
        line-height: 26px;
    }

    .P {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
        line-height: 23px;
    }

    .C {
        font-size: 10px;
        font-family: 'Anjoman-Bold';
    }
}

@media (min-width: 768px) {
    .H1 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 30px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 27px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 25px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 15px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 12px;
        font-family: 'Anjoman-Regular';
        line-height: 26px;
    }

    .P {
        font-size: 11px;
        font-family: 'Anjoman-Bold';
        line-height: 27px;
    }

    .C {
        font-size: 10px;
        font-family: 'Anjoman-Bold';
    }
}

@media (min-width: 992px) {
    .H1 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 30px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 28px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 28px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 15px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
        line-height: 27px;
    }

    .P-main-text {
        font-size: 10px;
        font-family: 'Anjoman-Regular';
        line-height: 27px;
    }

    .C {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
    }
}

@media (min-width: 1200px) {
    .H1 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 50px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 32px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 32px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 20px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 12px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 13px;
        font-family: 'Anjoman-Bold';
        line-height: 26px;
    }

    .P {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
        line-height: 30px;
    }

    .C {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
    }
}

@media (min-width: 1600px) {
    .H1 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 60px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 40px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 40px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 23px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 13px;
        font-family: 'Anjoman-Bold';
        line-height: 35px;
    }

    .P {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
        line-height: 35px;
    }

    .C {
        font-size: 11px;
        font-family: 'Anjoman-Bold';
    }
}

/*@media(min-width: 1800px) {
    .H1 {
        font-size: 18px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 70px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 50px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 50px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 25px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 20px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
        line-height: 37px;
    }

    .P {
        font-size: 16px;
        font-family: 'Anjoman-Bold';
    }

    .C {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
    }
}

@media(min-width: 1920px){
    .H1 {
        font-size: 18px;
        font-family: 'Anjoman-Bold';
    }

    .H2 {
        color: White;
        font-size: 80px;
        font-family: 'Anjoman-Bold';
    }

    .H3 {
        font-size: 60px;
        font-family: 'Anjoman-Bold';
    }

    .H3-WhiteColor {
        font-size: 60px;
        color: White;
        font-family: 'Anjoman-Bold';
    }

    .H4 {
        color: white;
        font-size: 30px;
        font-family: 'Anjoman-Bold';
    }

    .H5 {
        font-size: 20px;
        font-family: 'Anjoman-Bold';
    }

    .H6 {
        font-size: 14px;
        font-family: 'Anjoman-Bold';
    }

    .H6-WhiteColor {
        font-size: 14px;
        color: white;
        font-family: 'Anjoman-Bold';
    }

    .P-main-text {
        font-size: 18px;
        font-family: 'Anjoman-Bold';
        line-height: 37px;
    }

    .P {
        font-size: 18px;
        font-family: 'Anjoman-Bold';
    }

    .C {
        font-size: 12px;
        font-family: 'Anjoman-Bold';
    }
}*/
@media (max-width: 460px) {

    .oghat-info, .oghat-sobh, .oghat-zohr, .oghat-maqreb, .oghat-nime-shab {
        width: 70px;
    }

    .oghat-title {
        font-size: 10px;
    }

    .oghat-time, .azan-sobh-time, .azan-zohr-time, .azan-maqreb-time, .nime-shab-time {
        font-size: 12px;
    }

    .oghat-icon, .azan-sob-icon, .azan-zohr-icon, .azan-maqreb-icon, .nime-shab-icon {
        width: 50px;
        height: 50px;
    }
}
@media (min-width: 460px) {

    .oghat-info, .oghat-sobh, .oghat-zohr, .oghat-maqreb, .oghat-nime-shab {
        width: 90px;
    }

    .oghat-title {
        font-size: 12px;
    }

    .oghat-time, .azan-sobh-time, .azan-zohr-time, .azan-maqreb-time, .nime-shab-time {
        font-size: 18px;
    }

    .oghat-icon, .azan-sob-icon, .azan-zohr-icon, .azan-maqreb-icon, .nime-shab-icon {
        width: 70px;
        height: 70px;
    }
}


@media (max-width: 768px) {
    #slider {
        top: -50px;
        height: 410px;
    }

    .pay-id {
        border: none !important;
    }

    .description-before-space {
        height: 15px;
        clear: both;
    }

    .description-after-space {
        height: 15px;
        clear: both;
    }

    .slider-container {
        top: -50px;
    }

    .header-min-size {
        /*padding-top: 10px;*/
        padding-bottom: 10px;
        height: 50px;
    }

        .header-min-size .button-fill {
            margin: 0px;
            border-width: 0;
            background-color: transparent;
            font-size: 15px;
        }

    .description-img {
        height: 350px;
    }

    .each-section-content#ebanking img {
        height: 390px;
    }

    .logo-container .logo-img {
        margin-left: 15px;
    }

    .logo, .pay-icon {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin: auto !important;
        display: table !important;
        float: none !important;
    }

    .side-panel .login-logo {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
    }

    .side-panel .vertical-space {
        height: 45px;
        clear: both;
    }

    .side-panel .CustomerTitle {
        margin-bottom: 5px;
    }

    .login-logo {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
    }

    .navbar-toggle {
        display: inline-block;
    }

    .footer .T1 {
        height: 30px;
        clear: both;
    }

    .footer .T2 {
        height: 30px;
        clear: both;
    }

    .footer .contact-label {
        text-align: center;
    }

    .footer .address {
        text-align: center;
    }

    .footer .email {
        text-align: center;
    }

    .footer .tel {
        text-align: center;
    }

    .sliderTitle {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .horizontal-space {
        padding-right: 25px;
        padding-left: 25px;
    }

    .ebanking-buttons-container .T1 {
        height: 30px;
        clear: both;
    }

    .main-content .button-fill, .image-slider-container .button-fill {
        margin-left: 0px;
        border-width: 0px;
        background-color: transparent;
        font-size: 15px;
    }

    .main-content .button-empty, .image-slider-container .button-empty {
        margin-left: 0px;
        border-width: 0;
        background-color: transparent;
        font-size: 15px;
    }

    .action-button-icon {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    .triangle::after, .triangle::before {
        border: none;
    }

    .slider-triangle::before, .slider-triangle::before {
        border: none;
    }

    .important-part {
        text-align: center;
        margin-right: -25px;
        margin-left: -25px;
    }

        .important-part .important-part-image {
            height: 275px;
        }

        .important-part .passage {
            line-height: 25px;
        }

        .important-part .T1 {
            height: 20px;
            clear: both;
        }

        .important-part .T2 {
            height: 15px;
            clear: both;
        }

        .important-part .T3 {
            height: 12px;
            clear: both;
        }

        .important-part .T4 {
            height: 15px;
            clear: both;
        }

        .important-part .T5 {
            height: 30px;
            clear: both;
        }

    .after-vertical-space {
        height: 30px;
    }

    .before-vertical-space {
        height: 30px;
    }

    .passage {
        text-align: center;
    }

    .carousel-indicators, .slide-general-info {
        display: none;
    }

    .description-content {
        text-align: center;
    }

        .description-content .vertical-space {
            height: 20px;
            clear: both;
        }

    .news-container {
        text-align: center;
    }

    .general-info-content {
        top: 85px;
    }

    .taghvim, .weather, .oghat {
        margin: auto;
        display: table;
    }

    .persian-day-name, .persian-day-number, .persian-month, .persian-year {
        display: inline-block;
        margin-left: 20px;
        border: none;
        margin-right: 0;
        padding-right: 0;
    }

    .persian-day-container {
        margin-top: 10px;
    }

    .big-image-label {
        top: 340px;
    }

    .big-image {
        margin-top: -50px;
        width: 100%;
        height: 400px;
    }

    .diallines {
        transform-origin: 50% 90px;
    }

        .diallines:nth-of-type(5n) {
            transform-origin: 50% 90px;
        }

    .clock {
        right: -8px;
        width: 180px;
        height: 180px;
    }

    .hour-hand {
        top: 30px;
        height: 77px;
        transform-origin: 50% 70px;
    }

    .minute-hand {
        top: 6px;
        height: 103px;
        transform-origin: 50% 85px;
    }

    .second-hand {
        top: 7px;
        height: 105px;
        transform-origin: 50% 85px;
    }

    .signUp-panel .form-container {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #slider {
        top: -50px;
        height: 410px;
    }

    .pay-id {
        border: none !important;
    }

    .description-before-space {
        height: 25px;
        clear: both;
    }

    .description-after-space {
        height: 20px;
        clear: both;
    }

    .slider-container {
        top: -50px;
    }

    .description-img {
        height: 300px;
    }

    .header-min-size {
        /*padding-top: 10px;*/
        padding-bottom: 10px;
        height: 50px;
    }

        .header-min-size .button-fill {
            margin: 0px;
            border-width: 0;
            background-color: transparent;
            font-size: 15px;
        }

    .horizontal-space {
        padding-right: 25px;
        padding-left: 25px;
    }

    .footer .T1 {
        height: 30px;
        clear: both;
    }

    .footer .T2 {
        height: 30px;
        clear: both;
    }

    .footer .contact-label {
        text-align: center;
    }

    .footer .address {
        text-align: center;
    }

    .footer .email {
        text-align: center;
    }

    .footer .tel {
        text-align: center;
    }

    .ebanking-buttons-container .T1 {
        height: 30px;
        clear: both;
    }

    .navbar-toggle {
        display: inline-block;
    }

    .sliderTitle {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .logo-container .logo-img {
        margin-left: 15px;
    }

    .logo-container .logo, .logo-container .pay-icon {
        width: 40px;
        height: 40px;
        background-size: contain;
        margin: auto !important;
        display: table !important;
        float: none !important;
    }

    .side-panel .login-logo {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
        float: right;
        margin-left: 10px;
    }

    .side-panel .vertical-space {
        height: 45px;
        clear: both;
    }

    .side-panel .CustomerTitle {
        margin-bottom: 5px;
    }

    .main-content .button-fill, .image-slider-container .button-fill {
        margin-left: 0px;
        border-width: 0;
        background-color: transparent;
        font-size: 15px;
    }

    .main-content .button-empty, .image-slider-container .button-empty {
        margin-left: 0px;
        border-width: 0;
        background-color: transparent;
        font-size: 15px;
    }

    .triangle:after, .triangle:before {
        border: none;
    }

    .slider-triangle:before, .slider-triangle:before {
        border: none;
    }

    .action-button-icon {
        width: 40px;
        height: 40px;
        background-size: cover;
    }

    .main-page.important-part {
        text-align: center;
        margin-right: -25px;
        margin-left: -25px;
    }

        .main-page.important-part .important-part-image {
            height: 275px;
        }

        .main-page.important-part .logo {
            width: 40px;
            height: 40px;
            background-size: contain;
            margin: auto !important;
            display: table !important;
            float: none !important;
        }

        .main-page.important-part .T1 {
            height: 20px;
            clear: both;
        }

        .main-page.important-part .T2 {
            height: 20px;
            clear: both;
        }

        .main-page.important-part .T3 {
            height: 15px;
            clear: both;
        }

        .main-page.important-part .T4 {
            height: 15px;
            clear: both;
        }

        .main-page.important-part .T5 {
            height: 15px;
            clear: both;
        }

    .after-vertical-space {
        height: 40px;
    }

    .before-vertical-space {
        height: 40px;
    }

    .passage {
        text-align: center;
    }

    .carousel-indicators, .slide-general-info {
        display: none;
    }

    .description-content {
        text-align: center;
    }

        .description-content .vertical-space {
            height: 25px;
            clear: both;
        }

    .news-container {
        text-align: center;
    }

    .general-info-content {
        top: 85px;
    }

    .taghvim, .weather, .oghat {
        margin: auto;
        display: table;
    }

    .persian-day-container {
        margin-top: 10px;
    }

    .persian-day-name, .persian-day-number, .persian-month, .persian-year {
        display: inline-block;
        margin-left: 20px;
        border: none;
        padding-right: 0;
        margin-right: 0;
    }

    .big-image-label {
        top: 340px;
    }

    .big-image {
        margin-top: -50px;
        width: 100%;
        height: 400px;
    }

    .diallines {
        transform-origin: 50% 95px;
    }

        .diallines:nth-of-type(5n) {
            transform-origin: 50% 95px;
        }

    .clock {
        width: 200px;
        height: 200px;
    }

    .hour-hand {
        top: 32px;
        transform-origin: 50% 75px;
        height: 81px;
    }

    .clock {
        right: -12px;
    }

    .dot {
        top: -7px;
    }

    .minute-hand {
        top: 9px;
        transform-origin: 50% 90px;
        height: 103px;
        margin-left: -4px;
    }

    .second-hand {
        top: 6px;
        height: 105px;
        transform-origin: 50% 91px;
    }

    .signUp-panel .form-container {
        width: 100%;
    }
    /*******************************************/
    .oghat-info, .oghat-sobh, .oghat-zohr, .oghat-maqreb, .oghat-nime-shab {
        width: 100px;
    }

    .oghat-title {
        font-size: 16px;
    }

    .oghat-time, .azan-sobh-time, .azan-zohr-time, .azan-maqreb-time, .nime-shab-time {
        font-size: 24px;
    }

    .oghat-icon, .azan-sob-icon, .azan-zohr-icon, .azan-maqreb-icon, .nime-shab-icon {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 992px) {
    #slider {
        top: -75px;
        height: 450px;
    }

    .slider-container {
        top: -75px;
    }

    .description-before-space {
        height: 30px;
        clear: both;
    }

    .description-after-space {
        height: 30px;
        clear: both;
    }

    .button {
        text-align: right;
    }

    .description-img {
        height: 350px;
        margin-top: 30px;
    }

    .horizontal-space {
        padding-right: 35px;
        padding-left: 35px;
    }

    .header-min-size {
        padding-top: 10px;
        padding-bottom: 15px;
        height: 75px;
    }

    .navbar-toggle {
        display: inline-block;
    }

    .logo-container .logo-img {
        margin: 0;
    }

    .logo-container .logo, .logo-container .pay-icon {
        width: 50px;
        height: 60px;
        background-size: contain;
        margin: auto !important;
        display: table !important;
        float: none !important;
    }

    .footer .T1 {
        height: 30px;
        clear: both;
    }

    .footer .T2 {
        height: 30px;
        clear: both;
    }

    .footer .contact-label {
        text-align: center;
    }

    .footer .address {
        text-align: center;
    }

    .footer .email {
        text-align: center;
    }

    .footer .tel {
        text-align: center;
    }

    .pay-id {
        border-left: 1px solid #e3e3e3 !important;
    }

    .main-content .button-fill {
        margin-left: 0px;
        border-width: 2px;
        color: white;
        background-color: transparent;
        font-size: 15px;
    }

    .main-content .button-empty {
        border-width: 0;
        background-color: transparent;
        font-size: 15px;
    }
    
    .after-vertical-space {
        height: 50px;
    }

    .ebanking-buttons-container .T1 {
        height: 35px;
        clear: both;
    }

    .ebanking-buttons-container .action-button-icon {
        width: 45px;
        height: 45px;
        background-size: cover;
    }

    .main-page.important-part {
        text-align: right;
        margin-right: -35px;
        margin-left: -35px;
    }

        .main-page.important-part .important-part-image {
            height: 350px;
        }

        .main-page.important-part .logo {
            margin: unset !important;
            width: 60px;
            height: 60px;
            background-size: contain;
            cursor: default;
        }

        .main-page.important-part .T1 {
            height: 50px;
            clear: both;
        }

        .main-page.important-part .T2 {
            height: 25px;
            clear: both;
        }

        .main-page.important-part .T3 {
            height: 15px;
            clear: both;
        }

        .main-page.important-part .T4 {
            height: 25px;
            clear: both;
        }

        .main-page.important-part .T5 {
            height: 36px;
            clear: both;
        }

    .before-vertical-space {
        height: 50px;
    }

    .carousel-indicators, .slide-general-info {
        display: none;
    }

    .passage {
        text-align: right;
    }

    .description-content {
        text-align: right;
    }

        .description-content .vertical-space {
            height: 25px;
            clear: both;
        }

    .news-container {
        text-align: right;
    }

    .first-news .button {
        text-align: center;
    }

    .general-info-content {
        top: 125px;
    }

    .taghvim, .weather, .oghat {
        margin: auto;
        display: table;
    }

    .big-image-label {
        top: 410px;
    }

    .big-image {
        margin-top: -75px;
        width: 100%;
        height: 470px;
    }

    .clock {
        width: 200px;
        height: 200px;
    }

    .hour-hand {
        top: 43px;
        height: 77px;
        transform-origin: 50% 64px;
    }

    .minute-hand {
        top: 8px;
        height: 112px;
        transform-origin: 50% 94px;
    }

    .second-hand {
        top: 11px;
        height: 106px;
    }

    .diallines {
        transform-origin: 50% 100px;
    }

        .diallines:nth-of-type(5n) {
            transform-origin: 50% 100px;
        }

    .title-space {
        height: 20px;
        clear: both;
    }

    .side-panel .login-logo {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
        float: right;
        margin-left: 10px;
    }

    .side-panel .vertical-space {
        height: 45px;
        clear: both;
    }

    .shetabBackImg.second {
        height: 478px;
    }

    .signUp-panel .form-container {
        width: 49%;
    }
}

@media (min-width: 1200px) {
    .side-panel .CustomerTitle {
        line-height: 12px;
        padding-top: 8px;
    }

    .side-panel .vertical-space {
        height: 45px;
        clear: both;
    }

    .slider-container {
        top: 0px;
    }

        .slider-container #slider {
            top: 0px;
            height: 450px;
        }

        .slider-container .carousel-indicators {
            top: 23%;
        }

        .slider-container .carousel-indicators, .slider-container .slide-general-info {
            display: unset;
        }

        .slider-container .slider-caption {
            top: 245px;
            right: 50px;
        }

            .slider-container .slider-caption .vertical-space {
                height: 25px;
                clear: both;
            }

        .slider-container .slide-general-info {
            top: 25%;
            right: 50px;
        }

            .slider-container .slide-general-info .vertical-space {
                height: 20px;
                clear: both;
            }

        .slider-container .general-info-content {
            top: 120px;
            right: 0;
            width: initial;
        }

        .slider-container .persian-day-name {
            margin-right: 30px;
        }

    .description-before-space {
        height: 40px;
        clear: both;
    }

    .description-after-space {
        height: 40px;
        clear: both;
    }

    #map {
        width: 100%;
        height: 100%;
        float: left;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 2;
    }

    .map-container {
        width: 100%;
        height: 100%;
        left: 0;
    }

    .description-img {
        height: 440px;
        margin-top: 40px;
    }

    .each-section-content#ebanking img {
        height: 500px;
    }

    .button {
        text-align: center;
    }

    .horizontal-space {
        padding-right: 50px;
        padding-left: 50px;
    }

    .logo-container .logo-img {
        margin: 0;
    }

    .logo-container .logo, .logo-container .pay-icon {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
        float: right !important;
        margin-left: 15px !important;
    }

    .header {
        z-index: 100;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 80px;
    }

        .header .customer-title-container {
            float: right;
        }

            .header .customer-title-container .CustomerTitle {
                line-height: 26px;
            }

        .header .button-fill {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .header a.H6 {
            vertical-align: middle;
        }

    .footer .row:first-child {
        height: 220px;
    }

    .footer .row:nth-child(2) {
        height: 60px;
    }

    .navbar-toggle {
        display: none;
    }

    .ebanking-buttons-container .T1 {
        height: 40px;
        clear: both;
    }

    .ebanking-buttons-container .action-button-icon {
        width: 60px;
        height: 60px;
        background-size: cover;
    }

    .footer {
        overflow-x: hidden;
    }

        .footer .T1 {
            height: 40px;
            clear: both;
        }

        .footer .T2 {
            height: 40px;
            clear: both;
        }

        .footer .contact-label {
            text-align: right;
        }

        .footer .address {
            text-align: justify;
        }

        .footer .email {
            text-align: right;
        }

        .footer .tel {
            text-align: right;
        }

        .footer .footer-sub-text:first-child {
            padding-right: 65px;
        }

    .login-logo {
        width: 55px;
        height: 55px;
        background-size: 55px 55px;
        float: right;
        margin-left: 10px;
    }

    .menu-item-line {
        width: 83%;
        height: 8px;
        top: 4px;
        right: 7px;
    }

        .menu-item-line:before {
            top: 0px;
            left: 1px;
        }

        .menu-item-line:after {
            top: 0px;
            right: -4px;
        }

    .menu-item-container {
        top: 14px;
        line-height: 24px;
    }

    .main-page.important-part {
        text-align: right;
        z-index: 4;
        margin-left: -50px;
        margin-right: -50px;
    }

        .main-page.important-part .important-part-image {
            height: 475px;
        }

        .main-page.important-part .logo {
            width: 80px;
            height: 90px;
            background-size: 100%;
            cursor: default;
        }

        .main-page.important-part .T1 {
            height: 50px;
            clear: both;
        }

        .main-page.important-part .T2 {
            height: 30px;
            clear: both;
        }

        .main-page.important-part .T3 {
            height: 25px;
            clear: both;
        }

        .main-page.important-part .T4 {
            height: 40px;
            clear: both;
        }

        .main-page.important-part .T5 {
            height: 50px;
            clear: both;
        }

    .header .button-fill, .side-panel .button-fill {
        color: white;
        transition: background-color 0.3s,border-color 0.3s, color 0.3s;
    }

    .main-content .button-fill, .header .button-fill, .side-panel .button-fill {
        border-width: 2px !important;
        color: white;
        margin-left: 15px;
    }

        .main-content .button-fill:hover, .header .button-fill:hover, .side-panel .button-fill:hover {
            background-color: transparent;
        }

    .main-content .button-empty, .header .button-empty, .side-panel .button-empty {
        border-width: 2px;
    }

        .main-content .button-empty:hover, .header .button-empty:hover, .side-panel .button-empty:hover {
            color: white;
        }

    .subtitles {
        cursor: pointer;
        position: relative;
    }

        .subtitles .title {
            opacity: 0.5;
            transition: all 0.3s;
        }

        .subtitles .subtitle:hover {
            opacity: 1;
        }

            .subtitles .subtitle:hover .line-pointer-main {
                transform: rotate(0deg) !important;
                transform-origin: center center;
                opacity: 1;
            }

            .subtitles .subtitle:hover + .sub-description {
                opacity: 1;
            }

            .subtitles .subtitle:hover .title {
                opacity: 1;
            }

    .sub-description {
        line-height: 22px;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 200px;
        overflow-y: hidden;
        transition: all 0.3s;
    }

    .each-button img {
        width: 70px;
        height: 80px;
        display: table;
        margin: auto;
    }

    .after-vertical-space {
        height: 100px;
    }

    .before-vertical-space {
        height: 100px;
    }

    .description-content {
        text-align: right;
    }

    .news-container {
        text-align: right;
    }

    .big-image {
        margin-top: 0;
        width: 100%;
        height: 450px;
    }

    .big-image-caption {
        position: relative;
        top: 333px;
        right: 50px;
    }

    .news-info {
        height: 55px;
        line-height: 50px;
        font-size: 18px;
        margin-top: 20px;
    }

    .diallines {
        transform-origin: 50% 110px;
    }

        .diallines:nth-of-type(5n) {
            transform-origin: 50% 110px;
        }

    .title-space {
        height: 45px;
        clear: both;
    }

    .clock {
        width: 220px;
        height: 220px;
    }

    .dot {
        top: 0;
    }

    .hour-hand {
        top: 39px;
        height: 87px;
        transform-origin: 50% 71px;
    }

    .minute-hand {
        top: 6px;
        height: 120px;
        transform-origin: 50% 105px;
    }

    .second-hand {
        top: 5px;
        height: 120px;
        transform-origin: 50% 105px;
    }

    .description-content .vertical-space {
        height: 50px;
        clear: both;
    }

    .first-news .T1 {
        height: 35px;
        clear: both;
    }

    .first-news .T2 {
        height: 35px;
        clear: both;
    }

    .slider-container .slider-caption {
        width: 100%;
    }

    .shetabBackImg.second {
        height: auto;
    }
}

@media (min-width: 1600px) {
    .side-panel .vertical-space {
        height: 45px;
        clear: both;
    }

    .side-panel .CustomerTitle {
        line-height: 15px;
        padding-top: 7px;
    }

    .map-container {
        height: calc(100%);
    }

    #map {
        height: calc(100% );
    }

    .after-vertical-space {
        height: 170px;
    }

    .before-vertical-space {
        height: 170px;
    }

    .description-before-space {
        height: 50px;
        clear: both;
    }

    .description-after-space {
        height: 50px;
        clear: both;
    }

    .header {
        padding-top: 15px;
        padding-bottom: 15px;
        height: 100px;
    }

        .header .customer-title-container {
            float: right;
        }

            .header .customer-title-container .CustomerTitle {
                line-height: 40px;
            }

            .header .customer-title-container p {
                margin-top: -5px;
            }

        .header .button-fill {
            margin-top: 15px;
        }

        .header a.H6 {
            vertical-align: middle;
        }

        .header .logo {
            width: 65px;
            height: 65px;
            background-size: 65px 65px;
            float: right !important;
            margin-left: 20px;
        }

    .horizontal-space {
        padding-right: 75px;
        padding-left: 75px;
    }

    .footer .row:first-child {
        height: 290px;
    }

    .footer .row:nth-child(2) {
        height: 60px;
    }

    .footer .footer-sub-text:first-child {
        padding-right: 90px;
    }

    .footer .T1 {
        height: 75px;
        clear: both;
    }

    .footer .T2 {
        height: 60px;
        clear: both;
    }

    .ebanking-buttons-container .T1 {
        height: 50px;
        clear: both;
    }

    .ebanking-buttons-container .action-button-icon {
        width: 70px;
        height: 70px;
        background-size: 70px 70px;
    }

    .description-img {
        height: 500px;
        margin-top: 40px;
    }

    .each-section-content#ebanking img {
        height: 600px;
    }

    .image-slider-container {
        height: 600px;
    }

        .image-slider-container img {
            height: 600px !important;
        }

    .menu-item-container {
        line-height: 25px;
        top: 20px;
    }

        .menu-item-container .menu-item-line {
            width: 90%;
            height: 40px;
            top: -20px;
            right: 20px;
        }

            .menu-item-container .menu-item-line:before {
                left: -10px;
            }

            .menu-item-container .menu-item-line:after {
                right: -10px;
            }

    .main-page.important-part {
        text-align: right;
        height: 650px;
        margin-left: -75px;
        margin-right: -75px;
    }

        .main-page.important-part .important-part-image {
            height: 650px;
        }

        .main-page.important-part .logo {
            width: 110px;
            height: 110px;
            background-size: contain;
            cursor: default;
        }

        .main-page.important-part .T1 {
            height: 115px;
            clear: both;
        }

        .main-page.important-part .T2 {
            height: 50px;
            clear: both;
        }

        .main-page.important-part .T3 {
            height: 50px;
            clear: both;
        }

        .main-page.important-part .T4 {
            height: 50px;
            clear: both;
        }

        .main-page.important-part .T5 {
            height: 60px;
            clear: both;
        }

    .slider-container #slider {
        height: 600px;
    }

    .slider-container .slider-caption {
        right: 75px;
        top: 59%;
    }

        .slider-container .slider-caption .vertical-space {
            height: 30px;
            clear: both;
        }

    .slider-container .slide-general-info {
        top: 30%;
        right: 75px;
    }

        .slider-container .slide-general-info .vertical-space {
            height: 40px;
            clear: both;
        }

    .slider-container .general-info-content {
        top: 190px;
        right: 0;
    }

    .slider-container .carousel-indicators {
        top: 31%;
    }

    .big-image {
        width: 100%;
        height: 600px;
    }

    .big-image-caption {
        top: 460px;
        right: 75px;
    }

    .news-info {
        height: 65px;
        line-height: 58px;
        font-size: 20px;
        margin-top: 7px;
    }

    .first-news .T1 {
        height: 40px;
        clear: both;
    }

    .first-news .T2 {
        height: 40px;
        clear: both;
    }

    .button {
        height: 50px;
        line-height: 42px;
    }

    .shetabBackImg.second {
        height: 570px;
    }

    .col-xl-1 {
        width: 8.33333%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-2 {
        width: 16.66667%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-3 {
        width: 25%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-4 {
        width: 33.33333%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-5 {
        width: 41.66667%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-6 {
        width: 50%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-7 {
        width: 58.33333%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-8 {
        width: 66.66667%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-9 {
        width: 75%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-10 {
        width: 83.33333%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-11 {
        width: 91.66667%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-xl-12 {
        width: 100%;
        float: right;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}