/************** RESPONSIVE *************/
@media only screen and (max-width: 1900px) {
    .articlesIntroBox .article.alignLeft .articleText .inner { width: 70%;}
    .articlesIntroBox .article.alignRight .articleText .inner { width: 70%;}
}


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

    .articlesIntroBox .article.alignLeft .articleText .inner { width: 80%;}
    .articlesIntroBox .article.alignRight .articleText .inner { width: 80%;}

}

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

    .camera_wrap .camera_caption .wrapp.text p { margin: 10px auto 0;}
    .camera_wrap .camera_caption .wrapp.text a { margin: 20px auto 50px;}

    .articlesIntroBox .article.alignLeft .articleText .inner { width: 90%;}
    .articlesIntroBox .article.alignRight .articleText .inner { width: 90%;}

}


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

    .container                             { padding: 0 20px; }

    .camera_wrap .camera_caption           { top: 50%; transform: translateY(-50%); padding: 0 30px; bottom: auto;}

    .articlesIntroBox .article.alignLeft,
    .articlesIntroBox .article.alignRight  { min-height: auto; }
    .articlesIntroBox .article.alignLeft .articleText .inner { width: 100%; padding: 100px 70px;}
    .articlesIntroBox .article.alignRight .articleText .inner { width: 100%; padding: 100px 70px;}

    .searchIcon .switch                    { right: -10px;}
    .searchIcon .switch:before             { right: 14px;}
}

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

    .articlesIntroBox .article.alignLeft .articleText .inner { padding: 40px; }
    .articlesIntroBox .article.alignRight .articleText .inner { padding: 40px 40px 60px 40px;}

    .stellarnav li a                       { font-size: 18px;}


}

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

    header                                 { height: 45px;}

    .logo                                  { top: 10px;}
    .logo img                              { max-width: 140px; }

    .stellarnav li a                       { font-size: 16px; padding: 25px 7px 20px;}

    .searchIcon                            { top: 25px;}

    .camera_wrap .camera_caption .wrapp.text-image .inner h2 { margin: 25px 0 0px;}
    .camera_wrap .camera_caption .wrapp.text-image .inner p { font-size: 32px;}
    footer a.footerLogo                    { display: none;}
    footer ul                              { left: 0; right: 0; top: 25px; margin: 0 auto; text-align: center; padding: 0 10px;}
    footer p                               { left: 0; right: 0; top: 55px; margin: 0 auto; text-align: center; padding: 0 10px; line-height: 20px;}

    .headerWrapper.fixed header .searchIcon { top: 25px;}
    .headerWrapper.fixed header            { height: 70px;}
}

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

    .navigation                            { top: 8px;}

    .icon-search:before                    { display: none;}

    .searchIcon                            { position: relative; left: 0; top: 0; width: 90%; margin: 0 auto; }
    .searchIcon .switch                    { border-radius: 0; background-color: #444; visibility: visible; opacity: 1; top: 10px; position: relative; display: block; overflow: hidden; box-shadow: none; left: 0; right: 0; margin: 0 auto;}
    .searchIcon .switch  .txtField         { background-color: #444; color: #fff;}
    .searchIcon .switch ::-webkit-input-placeholder             { color: #fff; }
    .searchIcon .switch :-moz-placeholder                       { color: #fff; }
    .searchIcon .switch  ::-moz-placeholder                      { color: #fff; }
    .searchIcon .switch :-ms-input-placeholder                  { color: #fff; }

    .closeTriggerNav                       { display: block;}


    .camera_prev, .camera_next             { opacity: 1!important; width: 40px; height: 40px; padding-top: 0;}
    .camera_prev span:before, .camera_next span:before { font-size: 35px;}
    .camera_prev                           { left: 5px;}
    .camera_next                           { right: 5px;}

    .camera_wrap .camera_caption           { padding: 0 50px;}
    .camera_wrap .camera_caption .wrapp.text-image .inner a { margin: 10px 0; line-height: 38px; width: 160px; font-size: 14px;}

    .articlesIntroBox .article.alignLeft,
    .articlesIntroBox .article.alignRight  { flex-direction: column;}
    .articlesIntroBox .article.alignLeft .articleText .inner { padding: 40px; }
    .articlesIntroBox .article.alignRight .articleText .inner { padding: 40px;}
    .articlesIntroBox .article.alignLeft .articleImage { min-height: 300px; order: 2;}
    .articlesIntroBox .article.alignLeft .articleText { order: 1;}
    .articlesIntroBox .article.alignRight .articleImage { order: 2; min-height: 300px;}
    .articlesIntroBox .article.alignRight .articleText { order: 1;}

    .articlesIntroBox .article.alignLeft .articleText .inner h2,
    .articlesIntroBox .article.alignRight .articleText .inner h2 { font-size: 30px; line-height: 28px;}

    .articlesIntroBox .article.alignLeft .articleText .inner p,
    .articlesIntroBox .article.alignRight .articleText .inner p { font-size: 14px;}


    .newsIntroBox                           { margin: 0; padding-top: 35px;}

    .news .owl-nav                          { display: block !important; }
    .news .owl-carousel                     { padding-bottom: 0;}
    .owl-carousel .owl-stage-outer          { margin-bottom: 20px;}

    .headerWrapper.navShadow .innerBox .stellarnav .menu-toggle span.bars span { background: #333;}

    .headerWrapper.fixed header .stellarnav .menu-toggle span.bars span { background: #333;}
    .headerWrapper.fixed header .headerWrapper.fixed header .logo img { max-width: 110px;}
    .headerWrapper.fixed header             { height: 65px;}
    .headerWrapper.fixed header .logo       { top: 7px;}
    .headerWrapper.fixed.navShadow          { height: 65px;}

}



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

    .camera_wrap .camera_caption .wrapp.text-image .inner { width: 60%;}
    .camera_wrap .camera_caption          { padding: 0 20px;}
    .camera_wrap .camera_caption .wrapp.text-image .inner h2 { font-size: 18px; }
    .camera_wrap .camera_caption .wrapp.text-image .inner p { font-size: 28px; line-height: 30px;}

    .postBox .imageBox                    { width: 100%; float: none; margin-bottom: 20px; }

    .gallery li                           { width: 48%;}
    .pg-header                            { text-align: center; }

    .contactInfo                          { display: block;}
    .contactInfo .infoContactBox          { width: 100%; margin-bottom: 30px;}

}

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

    *[class*="col_"]                      { float:none; clear:both; display:block; margin-left:0; margin-right:0; width:100%;}

    .camera_prev                          { left: 5px;}
    .camera_next                          { right: 5px;}

    .camera_wrap .camera_caption h3 span  { font-size: 20px; font-weight: 400; letter-spacing: -1px;}

    .camera_wrap .camera_caption .wrapp.text p {display: none;}
    .news .owl-carousel .item h3 span     { margin-bottom: 10px;}

    footer                                 { height: 120px;}

    .pagination                           { border-top: solid 1px #e9e7e7; border-bottom: solid 1px #e9e7e7;}
    .pagination li                        { display:none;}
    .pagination li:first-child,
    .pagination li:last-child             { display:inline!important;}
    .pagination.left,
    .pagination.right                     { text-align: center;}

    .documentBox                          { padding: 20px 20px 10px 20px;}
    .gallery                              { padding: 20px 20px 10px 20px;}

}

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

    .gallery li                           { width: 100%;}
    .gallery li a img                     { width: 100%; max-width: 100%;}
}