/*====================================
            Small Screens            
=====================================*/
@media only screen and (max-width: 768px) {
    .ordinary_button_small {padding: 0.60em 0;}
    .slide .text-wrapper .medium-6 {width:100%;}
    .welcome_part .text_wrapper h1 {text-align: center;}
    .member .white_bg {padding: 1em;}
    .member .white_bg h3 {font-size: 1.4em;}
    .service .medium-6 {width: 100%;}
    .page-template-template-interior .medium-4,
    .page-template-template-interior .medium-8,
    .welcome_part .text_wrapper .medium-4,
    .welcome_part .text_wrapper .medium-8 {text-align:center;width:100%;}
    .page-template-template-interior .lwl .medium-4 {width:33.333%;}
    .page-template-template-interior .medium-8 p,
    .welcome_part .text_wrapper .medium-8 p {text-align:justify;}
    .page-template-template-interior .medium-4 img,
    .welcome_part .text_wrapper .medium-4 img {float: none;}
    .row {width: 90%;}
    .welcome_part .text_wrapper {padding: 2em !important;}
    .welcome_part .text_wrapper p {
        width: 100% !important;
        float: none !important;
        margin: 0;
    }
    .title_part p {margin-bottom: 1rem !important;}
    .page-template-template-interior .title_part .lwl {
        background-position: center 2vw;
        background-size: 70% auto;
        padding-top: 14vw;
    }
    .page-template-template-interior .title_part .lwl .link img {width: 2vw;}
    .title_part .title p {width: 100%;font-size: 1em;}
    .title_part .title {padding: 2rem 0 0;}
    .title_part .title .page_title {font-size: 1.3rem;}
    .page-template-template-interior .title_part {background-size: auto 300px;}
    .welcome_part .link .ins .black {font-size: 0.6em;padding: 0.4em 0;}
    footer #text-3 p:nth-child(even) {width: 60%;}
    footer #text-3 p:nth-child(odd) {width: 40%;}
    .social-icons a {width: 17.5%;}
    .footer-bottom .copyright p {
        font-size: 0.8em;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        height: 40px;
        line-height: 40px;
    }
    header .phone_block p {
        font-size: 1em;
        line-height: 1;
        margin-bottom: 0;
        padding: 5px;
    }
    header .social-icons a {
        width: 15%;
        margin-right: 1%;
    }
    .widget_gtranslate .large-7 a.nturl {
        margin: 0 2%;
    }
    .widget_gtranslate .large-7 a.nturl img {
        width:80%;
    }
    #Lang ul {
        margin:0;
    }
    .widget_gtranslate .large-7 {margin-top: 0.6rem;}
    .widget_gtranslate .large-5 select {
        width: 60%;
        margin-top: 0.6rem; 
    }
    .wpcf7-form span.label {
        max-width: 100%;
        margin-bottom: 1em;
        margin: 0 0 2em;
        border-radius: 0;
        width: 100%;
    }
    .wpcf7-form span.label:after {
        display: none;
    }
    .wpcf7-form span.label:before {
        left: 40%;
        border: 1.75rem solid transparent;
        border-top: 1.7rem solid #48375d;
        top: 30%;
        content: '';
        position: absolute;
    }
    .math-quiz label,.wpcf7-form .num,.wpcf7-form .sign {width: 20%;}
    .slide .scroll img {width: 30%;}
    .page-template-default .contents,.page-template-default .sidebar,
    .single .archives .art,.single .archives .sidebar,
    .category .art,.category .sidebar,.archive .art,.archive .sidebar {width:100%;}
}

/*=====================================
            Medium Screens            
======================================*/

@media only screen and (min-width: 40.063em) {
    /* TOP BAR STYLING */
    .top-bar { background: transparent; }
    .top-bar .title-area{ display: none; }
    .top-bar-section ul { background: transparent; }
    .top-bar-section ul li { background: transparent; }
    .top-bar-section li:not(.has-form) a:not(.button) {
        color: black;
        background: transparent;
        font-family: 'Open Sans', sans-serif;
    }
    .top-bar-section li:not(.has-form) a:not(.button):hover {
        color: red;
        background: grey;
    }
    .top-bar-section li.current-menu-item > a:not(.button) {
        color: grey;
        background: orange;
    }
    .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
    .top-bar-section .has-dropdown > a:after { display: none; }

    /* Dropdown Styling*/
    .top-bar-section ul li:hover:not(.has-form) > a {
        background: green;
        color: black;
    }
    .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
        color: white;
        background: olive;
    }
    .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: grey;
        background: bisque;
    }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
    .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
        color: white;
        text-decoration: underline;
        background: red;
    }
    .ordinary_button_small {width: 70%;}
    .member .white_bg p {font-size: 0.9rem;}
    /* Align Menu to the right
        .top-bar-section { float:right; } */
    /* Align Menu to the center
        .top-bar-section { float:none; text-align: center; }
        .top-bar-section ul{display: inline-block;} */

}  /* min-width 641px */

@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
    .widget_gtranslate .large-7 a.nturl {margin: 0 2%;}
    .widget_gtranslate .large-5 select {font-size: 0.7rem;}
    header .social-icons a {margin-right: 1%;max-width: 30%;}
    .phone_block p {padding: 2% 0;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {left: -100%;}
    .content_part img.img-medium {
        margin: 0 auto 1.5em;
        display: block;
    }
    .member {text-align: center;}
    .member .white_bg {padding: 2em;width: 370px;margin: 0 auto 1rem;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 1024px) and (max-width: 1500px) {
    .row {max-width: 60em;}
    .ordinary_button {
        width: 65%;
        padding: 1em;
    }
    .member .white_bg h3 {font-size:26px;}

    .social-icons a {width: 18% !important;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 1.05rem;
        padding: 0 0.6vw;
    }
    .phone_block p {padding: 5px 0;}
    header .social-icons a {width: 15% !important;margin-right: 5px;}
    .widget_gtranslate .large-5 select {font-size: 0.725rem;}
    header .widget_gtranslate .large-5.medium-5 {padding-left: 0;}
    /*                 HOMEPAGE               */
    .slide .text-wrapper h1 p, .advert_message h1 p {font-size: 1em;}
    .slide .text-wrapper p, .advert_message p {width: 70%;}
    .welcome_part .text_wrapper h1 {font-size: 2em;}
    .welcome_part .text_wrapper p {font-size: 1em;}
    .ordinary_button_small {padding: 0.60em 0;}
    .member .white_bg {padding: 2em;}
    .advert_message p {width: 90%;}
    /*                 FOOTER               */
    footer .widget_text {padding: 1.5em 0.5em 2em;}
    footer #text-2 a {font-size: 0.9rem;}
    .footer-bottom .copyright p {font-size: 0.9em;}
}
@media only screen and (min-width: 768px) and (max-width: 968px) {
    .wpcf7-form span.label {
        padding: 0.05em 0.8em;
        -webkit-transition: padding 200ms linear;
        -moz-transition: padding 200ms linear;
        -o-transition: padding 200ms linear;
        transition: padding 200ms linear;
    }
    #Lang .large-5 {padding: 0 0.15rem 0 0;}
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
    .page-template-default .default {padding:0 2rem;}
}
/*====================================
            Large Screens            
=====================================*/

@media only screen and (min-width: 64.063em) { 
    footer .widget-1 {
        width: 50%;
    }
    footer .widget-2 {
        width: 20%;
    }
    footer .widget-3 {
        width: 30%;
    }
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, 
    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, 
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {display: none;}
} /* min-width 1025px, large screens */



@media only screen and (min-width: 1500px) { 
    .title_part .title .page_title {
        font-size: 2.5rem;
    }
    footer #text-3 p:nth-child(odd) {width:30%;}
    footer #text-3 p:nth-child(even) {width:70%;}
    .widget_gtranslate .large-5 select {padding:0 0 0 0.3rem !important;}

} /* min-width 1500px, large screens */
@media only screen and (min-width: 980px) {
.page-id-14 .album-new-extend .ngg-album{width: 48%; margin-right: 1%; display: inline-block;}
}
body .title_part .lwl .link.tstm img:last-child{width: 20px;}
@media only screen and (max-width: 40.1em) {
    /* TOP BAR Mobile STYLING */
    .top-bar { background: none;}
    .top-bar-section ul li > a{
        color: white; 
        font-size: 13px;
        background: #333333;
    }
    .top-bar-section ul li:hover > a{ background: #111 !important;}
    .top-bar .title-area {display: none;}
    header .content .large-9,header .navigation  {padding:0;}
    .slide .text-wrapper h1 p, .advert_message h1 p {font-size: 0.7em;}
    .slide .text-wrapper p, .advert_message p {width: 100%;}
    .ordinary_button {padding: 0.6em;}
    .welcome_part .link {width: 100% !important;}
    .welcome_part .link h3 {font-size: 1.6em;}
    .lwl .link h3 {font-size: 14px;margin:0; line-height: 1.2;}
    .lwl .link h3 span {font-size: 15px;}
    .page-template-template-interior .title_part .lwl .link img {width: 30px !important;}
	.page-template-template-interior .title_part .lwl .link.tstm img:last-child{width: 18px !important;}
	.page-template-template-interior .title_part .lwl .link.widget img:last-child{width: 44px !important;}
    .lwl .link {height: 100px;}
    .page-template-template-interior .welcome_part .text_wrapper h1 {letter-spacing: 0;font-size: 2.125em;}
    .wpcf7-form .wpcf7-submit {margin-top: 1rem;}
    .footer-top #Top_footer h2 {font-size: 1.3rem;}
    .wpcf7-form span.label:before {top: 22%;left: 45%;}
    .wpcf7-form .wpcf7-submit {margin-top: 1em;}
    header .medium-4.small-12.columns {text-align: center;}
    header .social-icons {width: 40%;margin: auto;}
    .page-template-template-interior .title_part .lwl {padding-top: 40% !important;}
    .member .white_bg {padding: 2em;width: 370px;margin: 0 auto 1rem;}
    .member {text-align: center;}
    .page-template-template-interior .title_part {min-height: 450px;}
    .page-template-default .contents .single-post .large-2 {text-align:center;}
    .content_part img.img-medium {margin: 0 auto 1.5em;display: block;}
    .block .oneline.short2 {width:100%;}
} /* max-width 640px and lower. Use this for mobiles only */

@media (min-width:641px) and (max-width:768px) { 
    header .lang {width: 100%;text-align: center;}
    header .phone_block {width: 70%;}
    header .soc {width: 30%;}
}
@media only screen and (max-width: 504px) {
    .wpcf7-form span.label:before {display:none;}
    .member .white_bg {width: 100%;}
    .member img {width: 100%;}
    .page-template-template-interior .content_part .large-3 {text-align:center;}
    .page-template-template-interior .lwl .medium-4 {width: inherit;}
    .lwl .link .ins {/*background-size: 60%;margin-bottom: 1rem;display: block;*/background-image:none;}
    .lwl .video .ins {background:#000;}
    .lwl .tstm .ins {background:#48375d;}
    .lwl .widget .ins {background:#1439a3;}
    .lwl .widget {float:left !important;}
    .page-template-template-interior .title_part {padding: 0;}
    .page-template-template-interior .title_part .lwl {padding-left:0;padding-right:0;background-image: none !important;padding-top: 170px !important;}
    .page-template-template-interior .title_part .lwl .link img {width: 5vw;}
    .page-template-template-interior .title_part .lwl .tstm img.img_link {width: 3vw;}
    .page-template-template-interior .title_part .lwl .widget img.img_link {width: 9vw;}
}