/*/////////////////// Responsive CSS ///////////////////*/

@media screen and (min-width:1900px) {
}

@media screen and (min-width:1400px) {
}

@media screen and (min-width:1500px) and (max-width:1899px) {
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
}

@media screen and (min-width: 1200px) {
    .menubar { display: none; }

    .resp-easy-accordion .resp-accordion { height: 585px; width: 100px; }
    .resp-easy-accordion .resp-accordion .fa { width: 160px; height: 100px; }
    .resp-easy-accordion .resp-accordion > span { text-align: right; -webkit-transform: translateX(-100%) rotate(-90deg) translateZ(0px); -moz-transform: translateX(-100%) rotate(-90deg) translateZ(0px); -ms-transform: translateX(-100%) rotate(-90deg) translateZ(0px); -o-transform: translateX(-100%) rotate(-90deg) translateZ(0px); transform: translateX(-100%) rotate(-90deg) translateZ(0px); -webkit-transform-origin: right top 0; -moz-transform-origin: right top 0; -ms-transform-origin: right top 0; -o-transform-origin: right top 0; transform-origin: right top 0; width: 585px; padding: 20px; flex-direction: row-reverse; height: 100px; }
    .resp-easy-accordion .tab-content { width: 0px !important; flex: 0 0 0px; height: 585px!important; overflow: hidden; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; display: block !important; padding: 0; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -webkit-transition: all 0.4s ease-in-out; -webkit-transition-delay: 0.2s; transition: all 0.4s ease-in-out 0.2s; }
    /*
     * inner-content padding: 60px top/bottom, 50px left/right matches the ASP
     * reference. width:100% removed — the pane uses flex:1 so inner-content
     * fills available space naturally without needing an explicit width.
     * box-sizing:border-box kept so padding doesn't cause overflow.
     */
    .resp-easy-accordion .tab-content .inner-content { padding: 100px; box-sizing: border-box; max-width: 1170px; }
    /*
     * Active content pane: use flex:1 to fill all remaining width after the
     * closed accordion bars rather than a fixed 1170px. The fixed width caused
     * the pane to overflow the resp-tabs-container (which is now width:100%
     * overflow:hidden) leaving a gap between the content and the right-side bars.
     * flex:1 = flex-grow:1; flex-shrink:1; flex-basis:0 — the pane grows to
     * consume all available space, matching the right-side bars flush.
     */
    .resp-easy-accordion .tab-content.resp-tab-content-active:not(.resp-accordion-closed) { flex: 1 !important; width: auto !important; }
}

@media screen and (max-width:1199px) {
    .menu-top { display: none; }

    .resp-easy-accordion .resp-tabs-container { flex-direction: column; }
    .resp-easy-accordion .resp-accordion { height: 100px; width: 100%; }
    .resp-easy-accordion .resp-accordion .fa { width: 160px; min-width: 160px; height: 100px; }
    .resp-easy-accordion .resp-accordion span { width: 100%; /*padding: 20px;   flex-direction: row-reverse; justify-content: space-between; height: 100px;*/ }
    .resp-easy-accordion .tab-content .inner-content { width: 100%; padding: 50px; }

    .resp-easy-accordion .resp-accordion strong { margin-left: 20px; }
}

@media screen and (min-width: 1179px) {
}

@media screen and (min-width:1024px) and (max-width:1199px) {
}


@media screen and (min-width:1024px) {

    .row .col-6:first-child .newsRpt { display: flex; flex-direction: column; }
    .row .col-6:first-child .newsRpt .element-thumb { width: 100%; margin: 0; margin-bottom: 22px; }
    .row .col-6:first-child .newsRpt .element-heading { font-size: 1.75em; }
    .row .col-6:first-child .newsRpt .element-description { font-size: 1em; -webkit-line-clamp: 4; }
}

@media screen and (max-width:1023px) {

    .contact-form { padding: 50px; padding-bottom: 10px; }
    .row .col-6:first-child .newsRpt:last-child { margin-bottom: 50px; }
    .row.flex-mob-col { flex-direction: column; }
    .row.flex-mob-col [class*="col-"] { width: 100%; }
    .row.flex-mob-col .g-recaptcha.dv-enqCap { transform: scale(1)!important; -webkit-transform: scale(1)!important; transform-origin: 0 0; -webkit-transform-origin: 0 0; margin-bottom: 10px; }
}

@media screen and (min-width:768px) and (max-width:1199px) {

    .ucBannerSlider { height: 345px; font-size: 13px; }
    .color-layer { border-top-right-radius: 135px; }

    .row .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .row .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width:1024px) and (min-height:1000px) {
}

@media screen and (min-width:768px) and (max-width:1023px) {
}

@media screen and (max-width:767px) {
    .row { display: block; }
    .col-6-12, .col-4-12 { max-width: 100%; }
    footer .contact-form { padding: 50px 20px; }
    .resp-accordion span, .accordion-header span { /*padding-left: 15px;*/ }
    header .logo-image { height: 45px; }
    header .head-one { padding: 0px 10px; }
    .menu-icon li { margin-left: 5px; }
    .menubar { margin-left: 10px; }
    .color-layer { width: calc(100% - 40px); border-radius: 20px; opacity: .8; left: 20px; }
    .image-layer { width: 100%; border-radius: 0px; font-size: 1.9em; }
    .ucBannerSlider .element-textblock { width: 100%; }
    .ucBannerSlider .swiper-slide { padding: 20px; }
    .ucBannerSlider .element-heading { font-size: 1.5em; }
    .col-md-6 { width: 100%; }
    .col-4-12 { max-width: 100%; width: 100%; }
    .icons-block { margin-bottom: 10px; padding: 20px; }
    .contact_form .col-6 { width: 100%; flex: 0 0 100%; max-width: 100%; }
    .main-heading h2 { font-size: 1.6em; }
    h3, .h3 { font-size: 1.2em; }
    .testimonialRpt { margin-bottom: 20px; }
    .newsRpt { flex-direction: column; padding: 20px; margin-bottom: 20px; }
    .newsRpt .element-thumb { margin-right: 0px; margin-bottom: 20px; width: 100%; }
    .resp-easy-accordion .tab-content .inner-content { padding: 15px; }
    .resp-easy-accordion .resp-accordion { font-size: 18px; }
    .grid.fixedSpaces { margin-left: 0; margin-right: 0; }
    .rowSP_bottom { margin-bottom: 50px; }
    footer { margin-top: 220px; }
    .articleList.pageContents .articleThumb { height: auto!important; }
    .articleList.pageContents .sceHead, .articleList.pageContents .paresum { min-height: initial!important; }
    .articleList.pageContents .abtNews { margin-bottom: 25px!important; }
    /*.articleList.pageContents .searchBar input[type="text"] { margin-bottom:20px;}*/
}


@media screen and (min-width:556px) and (max-width:1023px) {
}

@media screen and (min-width:556px) and (max-width:767px) {
}

@media screen and (min-width: 556px) {
}

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

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

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

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
}

.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { margin-right: -15px; margin-left: -15px; }
.row-no-gutters { margin-right: 0; margin-left: 0; }
.row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; }
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9 { right: 75%; }
    .col-sm-pull-8 { right: 66.66666667%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-2 { right: 16.66666667%; }
    .col-sm-pull-1 { right: 8.33333333%; }
    .col-sm-pull-0 { right: auto; }
    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9 { left: 75%; }
    .col-sm-push-8 { left: 66.66666667%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-2 { left: 16.66666667%; }
    .col-sm-push-1 { left: 8.33333333%; }
    .col-sm-push-0 { left: auto; }
    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-8 { margin-left: 66.66666667%; }
    .col-sm-offset-7 { margin-left: 58.33333333%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-5 { margin-left: 41.66666667%; }
    .col-sm-offset-4 { margin-left: 33.33333333%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-2 { margin-left: 16.66666667%; }
    .col-sm-offset-1 { margin-left: 8.33333333%; }
    .col-sm-offset-0 { margin-left: 0%; }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-pull-12 { right: 100%; }
    .col-md-pull-11 { right: 91.66666667%; }
    .col-md-pull-10 { right: 83.33333333%; }
    .col-md-pull-9 { right: 75%; }
    .col-md-pull-8 { right: 66.66666667%; }
    .col-md-pull-7 { right: 58.33333333%; }
    .col-md-pull-6 { right: 50%; }
    .col-md-pull-5 { right: 41.66666667%; }
    .col-md-pull-4 { right: 33.33333333%; }
    .col-md-pull-3 { right: 25%; }
    .col-md-pull-2 { right: 16.66666667%; }
    .col-md-pull-1 { right: 8.33333333%; }
    .col-md-pull-0 { right: auto; }
    .col-md-push-12 { left: 100%; }
    .col-md-push-11 { left: 91.66666667%; }
    .col-md-push-10 { left: 83.33333333%; }
    .col-md-push-9 { left: 75%; }
    .col-md-push-8 { left: 66.66666667%; }
    .col-md-push-7 { left: 58.33333333%; }
    .col-md-push-6 { left: 50%; }
    .col-md-push-5 { left: 41.66666667%; }
    .col-md-push-4 { left: 33.33333333%; }
    .col-md-push-3 { left: 25%; }
    .col-md-push-2 { left: 16.66666667%; }
    .col-md-push-1 { left: 8.33333333%; }
    .col-md-push-0 { left: auto; }
    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
    .col-md-offset-0 { margin-left: 0%; }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666667%; }
    .col-lg-pull-10 { right: 83.33333333%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666667%; }
    .col-lg-pull-7 { right: 58.33333333%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666667%; }
    .col-lg-pull-4 { right: 33.33333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.66666667%; }
    .col-lg-pull-1 { right: 8.33333333%; }
    .col-lg-pull-0 { right: auto; }
    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666667%; }
    .col-lg-push-10 { left: 83.33333333%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666667%; }
    .col-lg-push-7 { left: 58.33333333%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666667%; }
    .col-lg-push-4 { left: 33.33333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.66666667%; }
    .col-lg-push-1 { left: 8.33333333%; }
    .col-lg-push-0 { left: auto; }
    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666667%; }
    .col-lg-offset-10 { margin-left: 83.33333333%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666667%; }
    .col-lg-offset-7 { margin-left: 58.33333333%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.66666667%; }
    .col-lg-offset-1 { margin-left: 8.33333333%; }
    .col-lg-offset-0 { margin-left: 0%; }
}

@media (max-width: 991px) {
    .detailBanner .color-layer { display:none; }
    .detailBanner .thumbnail-77 { padding: 20px; }
    .blogDtlPage .nwsttl { padding: 0px 30px 30px 30px; color:#000; }
    .detailBanner .col-md-4, .detailBanner .col-md-8 { width: 100%!important; }
    .blogDtlPage .nwsttl a { color: #00b0d3; }
}