/*************************1400px*******************************/

@media only screen and (max-width: 1300px){
}


/* Large devices (laptops/desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {

}


/* Medium devices (landscape tablets, 992px and down) */
@media only screen and (max-width: 992px) {


    .c_itmemenu_mobile{
        display: block;
    }

    .inner_image_main .inner_image,
    .inner_image_main {
        height: 304px;
    }

    .c_pagetitle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
    }

    .c-about-figure .views-row fieldset {
        display: block;
    }
    .c-about-figure .views-row fieldset .views-field.views-field-field-image {
        width: 48%;
        margin: auto;
    }
    .c-about-figure .views-row fieldset .views-field.views-field-fieldset-1 {
        width: 100%;
    }
    div#block-views-block-mn-nhn-klmt-almdyr-block-1 .views-field.views-field-fieldset-1 {
        padding-left: 0;
    }
    #block-views-block-mn-nhn-block-1 .views-field.views-field-fieldset-1 {
        padding-right: 0;
    }

    div#block-views-block-mn-nhn-klmt-almdyr-block-1 .views-field.views-field-field-image,
    #block-views-block-mn-nhn-block-1 {
        background: none;
        padding-top: 30px;
        padding: 0 !important;
    }
    #block-views-block-mn-nhn-block-1 .views-field.views-field-field-image {
        margin-left: 0;
        width: 48%;
        margin: auto;
    }
    .c-about-figure .views-row fieldset .views-field.views-field-field-image img {
        height: auto;
    }

    div#block-views-block-mn-nhn-alrwyt-block-1 {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    div#block-views-block-mn-nhn-alrwyt-block-1 > .container-1200{
        padding: 0;
    }

    div#block-views-block-mn-nhn-rsaltna-2-block-1 .views-row fieldset {
        height: auto;
        margin-bottom: 20px;
    }



    /*******************************/
    /************contact us**********/
    /*******************************/

    .page-node-contact-us div#block-webform, .page-args-ar-contact-us div#block-webform {
        padding-right: 0;
    }

    .page-node-contact-us div#main-content, .page-args-ar-contact-us div#main-content {
        margin-bottom: 45px;
    }

    .page-node-contact-us div#block-views-block-atsl-bna-block-1 .views-row fieldset, .page-args-ar-contact-us div#block-views-block-atsl-bna-block-1 .views-row fieldset {
        height: auto;
        padding: 15px;
        margin-bottom: 20px;
    }
    .page-node-contact-us div#block-views-block-atsl-bna-block-1, .page-args-ar-contact-us div#block-views-block-atsl-bna-block-1 {
        margin-bottom: 30px;
    }
}



/* Small devices (portrait tablets and large phones, 768px and down) */
@media only screen and (max-width: 768px) {

    .inner_image_main .inner_image,
    .inner_image_main {
        height: 204px;
    }

    .c_pagetitle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
    }
    .c_inner_page .footer{
        background: none;
    }


        /*******************************/
    /************gallery**********/
    /*******************************/
    .c-page-services {
        margin-right: 0;
        margin-left: 0;
    }

    .c-page-services .views-row{
        padding: 0;
    }

    .c-page-services .views-row fieldset {
        margin-bottom: 30px;
    }
    .c-page-services .views-row fieldset .views-field-name {
        margin-top: 10px;
    }

    form#views-exposed-form-albwm-alswr-swr-page-1 {
        padding-left: 0;
    }
    .c-image-gallery .views-row, .c-the-top .views-row {
        padding: 0;
    }
    .c-image-gallery {
        padding: 0;
    }

    nav#block-menudepartmentinternational, nav#block-menudepartmentkindergarten, nav#block-menudepartmentinner, nav#block-menudepartmentmale,

    .page-args-ar-managing-board-international div#block-pionner-content, .page-node-managing-board-international div#block-pionner-content, .page-args-ar-events-international div#block-pionner-content, .page-node-events-international div#block-pionner-content, .page-args-ar-class-dates-international div#block-pionner-content, .page-node-class-dates-international div#block-pionner-content, .page-args-ar-education-institution-international div#block-pionner-content, .page-node-education-institution-international div#block-pionner-content, .page-args-ar-managing-board-kindergarten div#block-pionner-content, .page-node-managing-board-kindergarten div#block-pionner-content, .page-args-ar-events-kindergarten div#block-pionner-content, .page-node-events-kindergarten div#block-pionner-content, .page-args-ar-class-dates-kindergarten div#block-pionner-content, .page-node-class-dates-kindergarten div#block-pionner-content, .page-args-ar-education-institution-kindergarten div#block-pionner-content, .page-node-education-institution-kindergarten div#block-pionner-content, .page-args-ar-managing-board-male div#block-pionner-content, .page-node-managing-board-male div#block-pionner-content, .page-args-ar-events-male div#block-pionner-content, .page-node-events-male div#block-pionner-content, .page-args-ar-class-dates-male div#block-pionner-content, .page-node-class-dates-male div#block-pionner-content, .page-args-ar-education-institution-male div#block-pionner-content, .page-node-education-institution-male div#block-pionner-content, .page-args-ar-managing-board-female div#block-pionner-content, .page-node-managing-board-female div#block-pionner-content, .page-args-ar-events-female div#block-pionner-content, .page-node-events-female div#block-pionner-content, .page-args-ar-class-dates-female div#block-pionner-content, .page-node-class-dates-female div#block-pionner-content, .page-args-ar-education-institution-female div#block-pionner-content, .page-node-education-institution-female div#block-pionner-content,

    .page-args-ar-admission div#content_top, .page-node-admission div#content_top,
    .page-args-ar-admission div#content-wrap, .page-node-admission div#content-wrap,
    .page-node-the-top div#content_top, .page-args-ar-the-top div#content_top,
    .page-node-the-top div#content-wrap, .page-args-ar-the-top div#content-wrap,
    .page-node-image-gallery div#content-wrap, .page-args-ar-image-gallery div#content-wrap,
    .page-node-image-gallery div#content_top, .page-args-ar-image-gallery div#content_top {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .c-image-gallery .views-row fieldset .views-field.views-field-fieldset-1, .c-the-top .views-row fieldset .views-field.views-field-fieldset-1{
        opacity: 1;
    }

    div#main-content,
    .page-node-image-gallery div#main-content, .page-args-ar-image-gallery div#main-content, .page-node-image-services div#main-content, .page-args-ar-image-services div#main-content{
        background: url("/themes/pionner/assets/images/bgdhservices.png") no-repeat top left !important;
    }

    .c-page-grants  .views-row {
        margin-bottom: 20px;
    }

    
        /*******************************/
    /************forms**********/
    /*******************************/

    .page-args-ar-jobs div#main-content div#block-webform-2, .page-node-jobs div#main-content div#block-webform-2, .page-args-ar-online-registrationn div#main-content div#block-webform-3, .page-node-online-registrationn div#main-content div#block-webform-3 {
        padding: 20px;
    }

    .page-args-ar-jobs div#main-content div#block-webform-2 form, .page-node-jobs div#main-content div#block-webform-2 form, .page-args-ar-online-registrationn div#main-content div#block-webform-3 form, .page-node-online-registrationn div#main-content div#block-webform-3 form {
        max-width: 100%;
        margin: auto;
    }



    .c-page-admission .views-field.views-field-body table tr:first-child {
        font-size: 14px;
    }

    .c-page-admission .views-field.views-field-body table tr {
        height: auto;
        font-size: 16px;
    }
    .c-page-admission .views-field.views-field-body table td, .c-page-admission .views-field.views-field-body table th {
        padding: 5px;
    }

    .c-page-admission .views-field.views-field-body li {
        font-size: 16px;
    }


    /*******************************/
    /************departm**********/
    /*******************************/

    nav#block-menudepartmentinternational li.menu-item a, nav#block-menudepartmentkindergarten li.menu-item a, nav#block-menudepartmentinner li.menu-item a, nav#block-menudepartmentmale li.menu-item a {
        width: 100%;
    }

    .c-page-manging fieldset .views-field.views-field-title {
        margin-top: 10px;
    }
    .c-page-manging fieldset {
        margin-bottom: 20px;
    }

    .page-args-ar-managing-board-international div#block-pionner-content .views-element-container, .page-node-managing-board-international div#block-pionner-content .views-element-container, .page-args-ar-events-international div#block-pionner-content .views-element-container, .page-node-events-international div#block-pionner-content .views-element-container, .page-args-ar-class-dates-international div#block-pionner-content .views-element-container, .page-node-class-dates-international div#block-pionner-content .views-element-container, .page-args-ar-education-institution-international div#block-pionner-content .views-element-container, .page-node-education-institution-international div#block-pionner-content .views-element-container, .page-args-ar-managing-board-kindergarten div#block-pionner-content .views-element-container, .page-node-managing-board-kindergarten div#block-pionner-content .views-element-container, .page-args-ar-events-kindergarten div#block-pionner-content .views-element-container, .page-node-events-kindergarten div#block-pionner-content .views-element-container, .page-args-ar-class-dates-kindergarten div#block-pionner-content .views-element-container, .page-node-class-dates-kindergarten div#block-pionner-content .views-element-container, .page-args-ar-education-institution-kindergarten div#block-pionner-content .views-element-container, .page-node-education-institution-kindergarten div#block-pionner-content .views-element-container, .page-args-ar-managing-board-male div#block-pionner-content .views-element-container, .page-node-managing-board-male div#block-pionner-content .views-element-container, .page-args-ar-events-male div#block-pionner-content .views-element-container, .page-node-events-male div#block-pionner-content .views-element-container, .page-args-ar-class-dates-male div#block-pionner-content .views-element-container, .page-node-class-dates-male div#block-pionner-content .views-element-container, .page-args-ar-education-institution-male div#block-pionner-content .views-element-container, .page-node-education-institution-male div#block-pionner-content .views-element-container, .page-args-ar-managing-board-female div#block-pionner-content .views-element-container, .page-node-managing-board-female div#block-pionner-content .views-element-container, .page-args-ar-events-female div#block-pionner-content .views-element-container, .page-node-events-female div#block-pionner-content .views-element-container, .page-args-ar-class-dates-female div#block-pionner-content .views-element-container, .page-node-class-dates-female div#block-pionner-content .views-element-container, .page-args-ar-education-institution-female div#block-pionner-content .views-element-container, .page-node-education-institution-female div#block-pionner-content .views-element-container {
    padding: 10px;
    }
    .c-page-manging form, .c-page-class-dates form, .c-page-actoivites form {
        padding: 0;
        margin-bottom: 15px;
    }

    .c-page-class-dates .views-row table tr {
        height: auto;
    }
    .c-page-class-dates .views-row table th {
        width: auto;
        font-size: 16px;
        padding: 5px;
    }

    .c-page-class-dates .views-row table td {
        width: auto;
        font-size: 14px;
        padding: 5px;
    }

    .views-field.views-field-field-table {
        overflow: scroll;
    }

}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .c-about-figure .views-row fieldset .views-field.views-field-fieldset-1 .views-field-title, div#block-views-block-mn-nhn-alrwyt-block-1 .views-field-title, .c-messeges-13 .views-field-title, div#block-views-block-alanshtt-walakhbar-block-2 fieldset .c-body .views-field-title {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .c-about-figure .views-row fieldset .views-field.views-field-fieldset-1 .views-field-body, .c-messeges-13 .views-field-body, div#block-views-block-alanshtt-walakhbar-block-2 fieldset .c-body .views-field-body,
    .c-about-figure .views-row fieldset .views-field.views-field-fieldset-1 .views-field-field-postion, div#block-views-block-mn-nhn-alrwyt-block-1 .views-field-body {
        font-size: 16px;
        margin-bottom: 5px;
    }

    div#block-views-block-mn-nhn-rsaltna-1-block-1 .c-messeges-13 {
        padding-top: 20px;
    }
    div#block-views-block-mn-nhn-rsaltna-1-block-1 .container-1200, div#block-views-block-mn-nhn-rsaltna-2-block-1 .container-1200, div#block-views-block-mn-nhn-rsaltna-1-block-2 .container-1200 {
        padding: 0 10px;
    }

    div#block-views-block-mn-nhn-rsaltna-2-block-1 .container-1200 {
        padding: 20px;
    }
    div#block-views-block-mn-nhn-rsaltna-2-block-1 .views-row fieldset {
        margin-bottom: 20px;
        padding: 15px;
    }
    div#block-views-block-mn-nhn-rsaltna-2-block-1 .views-row fieldset .views-field-field-image {
        margin-bottom: 10px;
    }
    div#block-views-block-mn-nhn-rsaltna-2-block-1 .views-row fieldset .views-field-title {
        font-size: 18px;
    }


        /*******************************/
    /************contact us**********/
    /*******************************/
    .page-node-contact-us div#block-webform form .js-form-item, .page-args-ar-contact-us div#block-webform form .js-form-item {
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .page-node-contact-us div#block-webform form .js-form-item input, .page-args-ar-contact-us div#block-webform form .js-form-item input, .page-node-contact-us div#block-webform form .js-form-item select, .page-args-ar-contact-us div#block-webform form .js-form-item select {
        height: 50px;
        font-size: 15px;
        padding: 5px;
    }
    .page-node-contact-us div#block-webform form .form-actions, .page-args-ar-contact-us div#block-webform form .form-actions {
        padding-left: 0;
    }
}


@media only screen and (max-width: 400px) {
}