@charset "UTF-8";

@media screen and (max-width: 1400px) {
    /* START UNIVERSAL CLASSES */
    div.container {width: 1200px;}
    /* END UNIVERSAL CLASSES */

    /* START TOP PAGE */
    body.home [class*="-header"] {padding: 0 25px;}

    section.news .container > .news-body > .news-contents {width: 96%;}

    section.cycle-part-two .container {text-align: center;}
    section.cycle-part-two .container > ul li.col- {width: 33% !important;}

    section.works .container > .works-body {padding: 55px 0 0;  text-align: center;}

    section.service {margin-top: 80px;}
    /* END TOP PAGE */

    /* START SERVICE DETAILS PAGE */
    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div {width: 1200px;}

    section.service-content .service-boxes > .container > .box > img {width: 100%;}

    section.service-content .service-boxes-with-arrow > .container > .box {width: 33%;  padding: 0 20px;}
    /* END SERVICE DETAILS PAGE */

    /* START WORKS INDEX PAGE */
    section.works-body .container > .col-:nth-child(even) {margin-left: 37px;}
    section.works-body .container > .col-:not(:first-child):not(:nth-child(2)) {margin-top: 41px;}
    /* END WORKS INDEX PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 65%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 64%;}
    /* END BLOG INDEX PAGE */

    /* START BLOG DETAILS PAGE */
    section.blog-content .container > .col-:first-child {width: 65%;}

    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:first-child > .col-:last-of-type,
    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:last-child > .col-:first-of-type {width: 76%;}
    /* END BLOG DETAILS PAGE */

    /* START ABOUT PAGE */
    section.about-content .container > .col-:first-of-type {width: 65%;}
    /* END ABOUT PAGE */
}

@media screen and (max-width: 1220px) {
    /* START SERVICE DETAILS PAGE */
    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div,
    section.service-content .service-with-background > .container,
    section.service-content .service-client > .container,
    section.service-content .service-boxes > .container,
    section.service-content .service-boxes-with-arrow > .container {width: 1000px;}

    section.service-content .service-boxes > .container > .box > img,
    section.service-content .service-boxes-with-arrow > .container > .box > img {width: 100%;}

    section.service-content .service-boxes-with-arrow > .container > .box:not(:last-of-type):after {top: 35px;}
    /* END SERVICE DETAILS PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 65%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 64%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 1217px) {
    /* START UNIVERSAL CLASSES */
    div.container {width: 1000px;}

    div[class*="mw_wp_form"] form {width: 60%;}
    /* END UNIVERSAL CLASSES */

    /* START TOP PAGE */
    section.news .container > .news-body {padding: 0 25px 60px;}
    section.news .container > .news-body > .news-contents {width: 95%;}

    section.news .container > .news-body > .news-contents .news-individual > .col-:first-child {width: 100%;}
    section.news .container > .news-body > .news-contents .news-individual > .col- img {margin: 0 auto;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 100%;  margin: 0;}
    section.news .container > .news-body > .news-contents .news-individual > .col- p {text-align: center; font-size: 14px;}

    section.cycle-part-one .container {padding: 80px 25px;}
    section.cycle-part-one .container > .cycle-heading {text-align: center;}
    section.cycle-part-one .container > .col- {width: 100%;}
    section.cycle-part-one .container > .col-:nth-child(2).cycle-image {text-align: center;}
    section.cycle-part-one .container > .col-:not(.cycle-image) {height: auto;}

    section.cycle-part-two .container > ul li.col-:first-child .img-container {background-size: contain;}

    section.works .container > .works-body > .col- {display: block;  width: 600px;  margin: 0 auto !important;}
    section.works .container > .works-body > .col-:not(:first-child) {margin-top: 5px !important;}
    /* END TOP PAGE */

    /* START WORKS INDEX PAGE */
    section.works-menu .container {line-height: inherit;  padding: 20px 70px;}
    section.works-menu .container > .col-:last-child {float: none;  height: auto;  min-height: 0;  width: auto;  text-align: left;  margin: 20px 0 0;}

    section.works-body .container > .col- {display: block;  width: 600px;  margin: 0 auto !important;}
    section.works-body .container > .col-:not(:first-child) {margin-top: 5px !important;}
    /* END WORKS INDEX PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 62%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 62%;}

    section[class*="blog"] .container > .col-:last-child {width: 35%;  margin-left: 20px;}
    /* END BLOG INDEX PAGE */

    /* START BLOG DETAILS PAGE */
    section.blog-content .container > .col-:first-child {width: 62%;}

    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:first-child > .col-:last-of-type,
    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:last-child > .col-:first-of-type {width: 73%;}
    /* END BLOG DETAILS PAGE */

    /* START ABOUT PAGE */
    section.about-content .container > .col-:first-of-type {width: 64%;  padding: 0;}
    section.about-content .container > .col-:first-of-type > .row > .col-:first-child {width: 100%;}

    section.about-content .container > .col-:last-of-type > .box-container > .box {width: 100%;  background-size: contain !important;  background-position: center !important;}
    /* END ABOUT PAGE */
}

@media screen and (max-width: 1024px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 95%;}
    /* END TOP PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 62%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 62%;}

    section[class*="blog"] .container > .col-:last-child {width: 35%;  margin-left: 20px;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 1020px) {
    /* START SERVICE DETAILS PAGE */
    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div,
    section.service-content .service-with-background > .container,
    section.service-content .service-client > .container,
    section.service-content .service-boxes > .container,
    section.service-content .service-boxes-with-arrow > .container {width: 800px;  padding: 0;}

    section.service-content .service-boxes-with-arrow > .container > .box {width: 33%;}
    section.service-content .service-boxes-with-arrow > .container > .box:not(:last-of-type):after {top: 35px;}
    /* END SERVICE DETAILS PAGE */
}

@media screen and (max-width: 1017px) {
    /* START UNIVERSAL CLASSES */
    div.container {width: 800px;}

    div[class*="mw_wp_form"] form {width: 80%;}
    /* END UNIVERSAL CLASSES */

    /* START TOP PAGE */
    section.banner .container {padding: 90px 10%;}

    section.news .container > .news-body > .news-contents {width: 94%;}
    /* END TOP PAGE */

    /* START SERVICE DETAILS PAGE */
    section.service-menu .container {padding: 0;}
    section.service-menu .container > a:not(#menu-drawer) {right: 0;}

    section.service-content .service-image-box > .container {padding: 45px 0;}
    section.service-content .service-image-box > .container > .col- {padding: 10px 0;}
    section.service-content .service-image-box.text-center > .container > .col- {width: 80%;}

    section.service-content .service-tabulate > .container {padding: 0;}
    /* END SERVICE DETAILS PAGE */

    /* START WORKS INDEX PAGE */
    section.works-menu .container > .col- > a {display: inline-block;  padding: 0 35px;  margin-top: 10px;}
    /* END WORKS INDEX PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 100%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 64%;}

    section[class*="blog"] .container > .col-:last-child {margin: 10px 0 0; width: 100%;}
    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child {width: 72%;}
    /* END BLOG INDEX PAGE */

    /* START BLOG DETAILS PAGE */
    section.blog-content .container > .col-:first-child {width: 100%;}

    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:last-child {margin: 0 !important;}
    /* END BLOG DETAILS PAGE */

    /* START ABOUT PAGE */
    section.about-content .container {padding: 70px;}

    section.about-content .container > .col- {text-align: center;  width: 100% !important;  margin: 10px 0 0 !important;}
    section.about-content .container > .col-:last-of-type > .box-container > .box {margin: 0 auto;  width: 334px;}
    section.about-content .container > .col-:last-of-type > .box-container > .box:not(:first-of-type) {margin-top: 10px;}
    /* END ABOUT PAGE */
}

@media screen and (max-width: 820px) {
    /* START SERVICE DETAILS PAGE*/
    section.service-menu > .container {text-align: center;  padding: 0 25px;}
    section.service-menu > .container > .col {width: 100%;}
    section.service-menu > .container > a#menu-drawer {display: inline-block;  line-height: 60px;  height: 60px;  position: absolute;  left: 25px;}
    section.service-menu > .container > .col-:first-of-type {display: none;}
    section.service-menu > .container {height: 60px;  margin: 0;}

    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div,
    section.service-content .service-with-background > .container,
    section.service-content .service-client > .container,
    section.service-content .service-boxes > .container,
    section.service-content .service-boxes-with-arrow > .container,
    section.service-content .service-image-box:not(.text-center) > .container,
    section.service-content .service-tabulate > .container {width: 720px;  padding: 0 !important;}

    section.service-menu .container > a:not(#menu-drawer) {right: 30px;}

    section.service-content .service-text-image > div > p.content {text-align: justify;}

    section.service-content .service-text-image > div > img,
    section.service-content .service-text-right-image > div > img,
    section.service-content .service-text-left-image > div > img {margin-bottom: 10px !important;}

    section.service-content .service-text-image > div > h2,
    section.service-content .service-text-right-image > div > h2,
    section.service-content .service-text-left-image > div > h2,
    section.service-content .service-text-image > div > p,
    section.service-content .service-text-right-image > div > p,
    section.service-content .service-text-left-image > div > p {text-align: justify !important;}

    section.service-content .service-image-box > .container {padding: 10px 0;  min-height: 0;}
    section.service-content .service-image-box > .container > .col- {padding: 10px 0;}

    section.service-content .service-image-box.text-center > .container {width: 100%;  padding: 0 10px;}
    section.service-content .service-image-box.text-center > .container > .col- {width: 95%;}

    section.service-content .service-boxes > .container > .box {padding: 0;}

    section.service-content .service-boxes-with-arrow > .container > .box {padding: 15px;  width: 30%;}
    section.service-content .service-boxes-with-arrow > .container > .box:not(:last-of-type):after {top: 45px;}

    section.service-content .service-text-image > div > img,
    section.service-content .service-text-right-image > div > img,
    section.service-content .service-text-left-image > div > img {float: none;  width: 100%;  margin: 0;}
    /* END SERVICE DETAILS PAGE*/
}

@media screen and (max-width: 817px) {
    /* START UNIVERSAL CLASSES */
    div.container {width: 100%;}
    ul.nav li {margin-right: 0;}
    ul.nav li:not(:last-of-type) {margin-right: 20px;}

    body > section:last-of-type {padding-bottom: 0;}

    header .container {height: auto;  text-align: center;  padding: 0 25px;}
    header .container > .header-navigation {float: none;  text-align: center;  line-height: 0;  margin: 0;  height: 25px;}

    section[class*="banner"] .container {height: 250px;}
    section[class*="banner"] .container > .page-title-container {left: 0;  right: 0;  margin: auto;}
    section[class*="banner"] .container > .page-title-container p {text-align: center;}

    footer {position: relative;}
    footer .container {height: auto;  text-align: center;  padding-bottom: 10px; padding-right: 30px;}
    footer .container > .privacy-container-responsive {display: block;  margin: 15px auto;  height: 100px;}
    footer .container > .privacy-container {display: none;}
    footer .container > .footer-logo-container {display: block;  position: relative;  bottom: 0;  left: 0;}
    /* END UNIVERSAL CLASSES */

    /* START TOP PAGE */
    section.banner {min-height: inherit;}
    section.banner .container {padding: 90px 10%;}

    section.banner .container p:first-of-type {font-size: 55px;  line-height: 55px;}
    section.banner .container p:nth-of-type(2) {font-size: 24px;  line-height: 30px;}
    section.banner .container p:last-of-type {font-size: 14px;  line-height: 20px;}

    section.cycle-part-two .container > ul li.col- {width: 100% !important;  height: 350px;  margin: 0 !important;}
    section.cycle-part-two .container > ul li.col-:first-child .img-container {background-size: initial;}
    section.cycle-part-two .container > ul li.col-:last-child {background-position: right;  background-repeat: no-repeat;  background-color: #1F7F95;}
    section.cycle-part-two .container > ul li.col- .img-container {height: 210px;}
    /* END TOP PAGE */

    /* START SERVICE DETAILS PAGE */
    section.service-single-banner .container > .banner-text {margin: 39px 0 0 0;  text-align: center;}
    section.service-single-banner .container > .banner-logo {bottom: 10px;  left: 0;  right: 0;  text-align: center;}
    section.service-single-banner .container > .banner-logo img {max-width: 300px;}
    /* END SERVICE DETAILS PAGE */

    /* START WORKS INDEX PAGE */
    section.works-menu .container {text-align: center;}
    section.works-menu .container > .col-:last-child {text-align: center;}

    section.works-body .container {padding: 49px 0;}
    /* END WORKS INDEX PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container {padding: 55px 25px;}

    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child {width: 65%;}
    /* END BLOG INDEX PAGE */

    /* START BLOG DETAILS PAGE */
    body[class*="single-blog"] section[class*="banner"] .container {height: auto;}
    body[class*="single-blog"] section.blog-content .container {padding: 25px !important;}

    section.blog-content .container {padding: 55px 25px;}

    body[class*="single-blog"] .pagination-default {display: none;}

    body[class*="single-blog"] section.blog-content img {display: block;  float: none;  margin: 0 auto;}
    body[class*="single-blog"] .pagination-responsive {display: block;}
    body[class*="single-blog"] .pagination-responsive .container > .col- > .col-:only-of-type {margin: 0 !important;  width: 100%;}

    section.blog-content .container > .col-:first-child > .blog-pagination {margin: 0 !important;}
    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col- {border: 0 !important;}
    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:last-child > .col- {width: 100% !important;}
    section.blog-content .container > .col-:first-child > .blog-pagination > .container > .col-:last-child > .col-:last-of-type > img {right: 0;}
    /* END BLOG DETAILS PAGE */

    /* START CONFIRM PAGE */
    body[class*="page"] section[class*="banner"]:not([class*="about"]) .container {height: auto;}
    body[class*="page"] section.privacy-content .container {padding: 25px 25px 100px;}
    /* END CONFIRM PAGE */

    /* START ABOUT PAGE */
    section.about-content .container {padding: 25px;}
    /* END ABOUT PAGE */

    /* ----------- Error Page ----------- */
    section.error-page .container {
        min-height: 650px;
    }
    /* ----------- End Error Page ----------- */
}

@media screen and (max-width: 790px) {
    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {margin-left: 2%;  width: 67%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 782px) {
    /* START UNIVERSAL CLASSES */
    .admin-bar header {top: 46px !important;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 770px) {
    /* START SERVICE DETAILS PAGE */
    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div,
    section.service-content .service-with-background > .container,
    section.service-content .service-client > .container,
    section.service-content .service-boxes > .container,
    section.service-content .service-boxes-with-arrow > .container,
    section.service-content .service-image-box:not(.text-center) > .container,
    section.service-content .service-tabulate > .container {width: 100%;  padding: 0 25px !important;}
    /* END SERVICE DETAILS PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child {width: 100%;}
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {width: 64%;}

    section[class*="blog"] .container > .col-:last-child {margin: 10px 0 0; width: 100%;}
    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child {width: 72%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 768px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 93%;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:first-child {width: 100%;}
    section.news .container > .news-body > .news-contents .news-individual > .col- > img {margin: 0 auto;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 100%;  margin: 0;}
    section.news .container > .news-body > .news-contents .news-individual > .col- > p {text-align: center;}
    /* END TOP PAGE */
}

@media screen and (max-width: 748px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 93%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 732px) {
    /* START UNIVERSAL CLASSES */
    div[class*="mw_wp_form"] form .row > .col- {width: 100% !important;}
    div[class*="preview"] form .row > .col- {text-align: center;}
    /* END UNIVERSAL CLASSES */

    /* START CONFIRM PAGE */
    div[class*="preview"] form {width: 100%;}
    div[class*="preview"] form .row:not(:first-of-type) {margin: 0;}
    /* END CONFIRM PAGE */
}

@media screen and (max-width: 717px) {
    /* START TOP PAGE */
    section.banner .container {padding: 10%;}

    section.news .container > .news-body > .news-contents {width: 93%;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:first-child {width: 19%;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 78%;}
    section.news .container > .news-body > .news-contents .news-individual > .col- img {width: 100%;  height: auto;}
    /* END TOP PAGE */
}

@media screen and (max-width: 700px) {
    /* START TOP PAGE */
    section.cycle-part-one .container > .col-:nth-child(2).cycle-image {background-size: cover;  width: 100%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 695px) {
    /* START TOP PAGE */
    section.cycle-part-one .container > .col-:nth-child(2).cycle-image {height: auto;}
    section.cycle-part-one .container > .col-:nth-child(2).cycle-image > img {width: 100%;}
    /* END TOP PAGE */

    /* START BLOG INDEX PAGE */
    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child {width: 60%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 658px) {
    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child > .blog-post {padding: 30px 0;}
    section.blog-body .container > .col-:first-child > .blog-post > a {width: 100%;  height: 100%;  top: 0;}

    section.blog-body .container > .col-:first-child > .blog-post > .col-:first-of-type,
    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:first-child {width: 100%;  height: auto;}

    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type,
    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child{margin: 0 !important; width: 100% !important;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 650px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 92%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 645px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 70%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 643px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 70%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 630px) {
    /* START TOP PAGE*/
    section.works .container > .works-body > .col- {width: 100%;  border-radius: 0;  background-position: center !important;  background-size: cover !important;}
    /* END TOP PAGE */

    /* START WORKS INDEX PAGE */
    section.works-body .container > .col- {width: 100%;  border-radius: 0;  background-position: center !important;  background-size: cover !important;}
    /* END WORKS INDEX PAGE */
}

@media screen and (max-width: 620px) {
    /* START SERVICE DETAILS PAGE */
    section.service-content .service-text-image > div,
    section.service-content .service-text-right-image > div,
    section.service-content .service-text-left-image > div,
    section.service-content .service-with-background > .container,
    section.service-content .service-client > .container,
    section.service-content .service-boxes > .container,
    section.service-content .service-boxes-with-arrow > .container,
    section.service-content .service-image-box:not(.text-center) > .container,
    section.service-content .service-tabulate > .container {width: 100%;  padding: 0 25px !important;}

    section.service-content .service-client > .container > img {width: 32%;}

    section.service-content .service-boxes > .container > .box,
    section.service-content .service-boxes-with-arrow > .container > .box {display: block;  width: 100%;  margin: 0 auto;  padding: 15px 0;}

    section.service-content .service-boxes > .container > .box:not(:last-of-type) {margin: 0 auto 40px;  border: 0;}
    section.service-content .service-boxes-with-arrow > .container > .box:not(:last-of-type) {margin: 0 auto 15px;  border: 0;}

    section.service-content .service-boxes > .container > .box > h2.title,
    section.service-content .service-boxes-with-arrow > .container > .box > h2.title {min-height: 40px;}

    section.service-content .service-boxes-with-arrow > .container > .box:not(:last-of-type):after {display: block;  position: relative;  top: 0;  text-align: center;  margin: 40px auto 0;  transform: rotate(90deg);}

    section.service-content .service-boxes > .container > .box > p.content > span,
    section.service-content .service-boxes-with-arrow > .container > .box > p.content > span {text-align: center;}
    /* END SERVICE DETAILS PAGE */

    /* START BLOG INDEX PAGE */
    section.blog-body .container {padding: 55px 25px;}

    section[class*="blog"] .container > .col-:last-child > .blog-top-five > a > .col-:last-child {width: 65%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 790px) {
    /* START BLOG INDEX PAGE */
    section.blog-body .container > .col-:first-child > .blog-post > .col-:last-of-type {margin-left: 2%;  width: 67%;}
    /* END BLOG INDEX PAGE */
}

@media screen and (max-width: 617px) {
    /* START UNIVERSAL CLASSES */
    div.container {width: 100%;}

    [class*="-right-white"] {display: none;}
    .service-individual > .container {text-align: center;  padding: 55px;}

    footer .container > .footer-logo-container p {line-height: 12px;}
    footer .container > .footer-logo-container > a.sprasia-logo {display: block;  margin: auto;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 600px) {
    /* START UNIVERSAL CLASSES */
    #wpadminbar {position: fixed !important;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 577px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 91%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 559px) {
    /* START UNIVERSAL CLASSES */
    footer .container > ul.nav > li {display: block;  margin: 0 !important; padding: 10px 0px; border-bottom: 1px solid #555;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 553px) {
    /* START UNIVERSAL CLASSES */
    div[class*="mw_wp_form"] form .row > .col- > span[class*="radio"] {display: block;  margin: 0;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 549px) {
    /* START TOP PAGE*/
    section.cycle-part-one .container > .cycle-heading p {font-size: 35px;  line-height: 35px;}
    /* END TOP PAGE */
}

@media screen and (max-width: 548px) {
    /* START UNIVERSAL CLASSES */
    header .container {padding: 0;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 539px) {
    /* START SERVICE DETAILS PAGE */
    section.service-content .service-tabulate > .container > .row > .col- {width: 100% !important;}
    section.service-content .service-tabulate > .container > .row > .col-:first-child {margin-bottom: 10px !important;}
    /* END SERVICE DETAILS PAGE */
}

@media screen and (max-width: 521px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 90%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 499px) {
    /* START UNIVERSAL CLASSES */
    #menu-drawer {display: inline-block;}

    header .container {height: 50px;}
    header .container > .header-navigation {display: none;}
    /* END UNIVERSAL CLASSES */

    /* START SERVICE DETAILS PAGE */
    section.service-menu > .container {padding: 0;}
    section.service-menu > .container > a#menu-drawer {left: 0;}
    section.service-menu > .container > a:not(#menu-drawer) {right: 10px;}

    section.service-content .service-image-box > .container {height: auto;}
    /* END SERVICE DETAILS PAGE */

    /* START BLOG DETAILS PAGE */
    body[class*="single-blog"] section.blog-content img {width: 100%;}
    /* END BLOG DETAILS PAGE */

    /* START CONFIRM PAGE */
    div[class*="preview"] form p input {display: block;  margin: 0 auto !important;  height: 50px !important;}
    div[class*="preview"] form p input:not(:first-of-type) {margin-top: 10px !important;}
    /* END CONFIRM PAGE */
}

@media screen and (max-width: 475px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 89%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 438px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 88%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 425px) {
    /* START TOP PAGE */
    body.home [class*="-header"] {text-align: center;}
    body.home [class*="-header"] > a[class*="btn"] {display: none !important;}

    div[class*="responsive-btn"] {display: block;}

    section.cycle-part-one,
    section.works,
    section.service {margin-top: 80px;}

    section.news .container > .news-body {margin-top: 30px;}
    section.news .container > .news-body > .col- {line-height: 0 !important;}
    section.news .container > .news-body > .news-contents {width: 88%;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:first-child {width: 35%;}
    section.news .container > .news-body > .news-contents .news-individual > .col- img {width: 100%;  height: auto;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 63%;  margin: 0;}

    section.cycle-part-one .container {padding: 50px 25px;}
    section.cycle-part-one .container > .col-:last-child p:first-of-type {text-align: center;}
    section.cycle-part-one .container > .col-:last-child a.read-more {display: block;  float: none;  text-align: center;}

    section.works .container > .works-body {padding: 30px 0 0;}
    /*section.works .container > .works-body > .col- {padding-top: 50px;  background: #23AFD0 !important;}*/
    section.works .container > .works-body > .col- {padding-top: 20px;  height: 135px;  background-size: contain !important;}
    section.works .container > .works-body > .col- > a {top: 0;}
    section.works .container > .works-body > .col- > .works-container {position: relative;  bottom: 0;  left: 0;}
    section.works .container > .works-body > .col- > .tags-container {position: relative;  bottom: 0;  right: 0;  margin-top: 20px;}

    section.news .container > .news-body > .news-contents .news-individual > .col- p span {width: 100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
    /* END TOP PAGE */

    /* START SERVICE DETAILS PAGE */
    section.service-content .service-image-box:not(.text-center) > .container {text-align: center;}
    section.service-content .service-image-box:not(.text-center) > .container > .col- {width: 95%;}
    /* END SERVICE DETAILS PAGE */

    /* START WORKS INDEX PAGE */
    section.works-body .container {text-align: center;}
    section.works-body .container > .col- {padding-top: 20px;  height: 135px;  background-size: contain !important;}
    section.works-body .container > .col- > a {top: 0;}
    section.works-body .container > .col- > .works-container {position: relative;  bottom: 0;  left: 0;}
    section.works-body .container > .col- > .tags-container {position: relative;  bottom: 0;  right: 0;  margin-top: 20px;}
    /* END WORKS INDEX PAGE */
}

@media screen and (max-width: 407px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 87%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 400px) {
    /* START UNIVERSAL CLASSES */
    .service-individual > .container {padding: 55px 0;}
    /* END UNIVERSAL CLASSES */
}

@media screen and (max-width: 381px) {
    /* START TOP PAGE */
    section.news .container > .news-body {min-height: 200px;}
    section.news .container > .news-body > .news-contents {width: 86%;}
    section.news .container > .news-body > .col- {line-height: 0;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:first-child {width: 100%}
    section.news .container > .news-body > .news-contents .news-individual > .col- img {width: 35%;  margin: 0 auto;}
    section.news .container > .news-body > .news-contents .news-individual > .col-:last-child {width: 100%;  margin-top: 10px;}
    section.news .container > .news-body > .news-contents .news-individual > .col- p {text-align: center;}
    /* END TOP PAGE */

    /* START ABOUT PAGE */
    section.about-content .container > .col-:last-of-type > .box-container > .box {background-size: contain !important;  background-position: center !important;  width: 100%;}
    /* END ABOUT PAGE */
}

@media screen and (max-width: 369px) {
    /* START TOP PAGE */
    section.cycle-part-one .container > .cycle-heading img {width: 100%;}

    section.cycle-part-two .container > ul li.col- .img-container {background-size: contain !important;}
    /* END TOP PAGE */

    /* START BLOG INDEX PAGE*/
    section[class*="blog"] .container > .col-:last-child > .service-container > .blog-service:first-of-type > img {width: 95%;} /* sprasia studio logo */
    /* END BLOG INDEX PAGE*/
}

@media screen and (max-width: 358px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 85%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 351px) {
    /* START TOP PAGE */
    section.banner {height: 345px;}

    section.banner .container p:first-of-type {font-size: 45px;  line-height: 45px;}
    section.banner .container p:nth-of-type(2) {font-size: 20px;  line-height: 24px;}
    section.banner .container p:last-of-type {font-size: 14px;  line-height: 18px;}
    /* END TOP PAGE */
}

@media screen and (max-width: 339px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 84%;}
    /* END TOP PAGE */
}

@media screen and (max-width: 322px) {
    /* START TOP PAGE */
    section.news .container > .news-body > .news-contents {width: 83%;}
    /* END TOP PAGE */
}

@media only screen
and (min-width: 320px)
and (max-width: 568px) {

    /* ----------- News Page Index ----------- */
    section.news-body .news-individual {
        width: 100% !important;
    }

    section.news-body .news-individual img {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    section.news-body .news-individual p {
        margin-left: 0 !important;
        margin-top: 15px !important;
        width: 95% !important;
        text-align: center !important;
    }
    /* ----------- End News Page Index ----------- */

    /* ----------- News Page Detail ----------- */
    section.news-single-banner .container {
        height: auto !important;
    }

    section.news-content .container {
        width: 100% !important;
        padding: 0 25px !important;
        margin: 25px auto 0 !important;
    }

    section.news-content .container img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    section.news-content .container p img.pull-right {
        float: none !important;
        margin: 0;
        width: 100%;
        height: auto;
    }

    section.news-pagination .container {
        width: 100% !important;
        padding: 0 25px !important;
    }

    section.news-pagination .container .pagination-default {
        display: none;
    }

    section.news-pagination .container .pagination-responsive {
        display: inline-block;
        width: auto;
    }

    section.news-pagination .container .pagination-responsive img {
        width: 50px;
        height: auto;
    }
    /* ----------- End News Page Detail ----------- */

    /* ----------- Error Page ----------- */
    section.error-page .container {
        width: 100%;
        padding: 0 25px;
    }

    section.error-page > div.container div {
        height: 50%;
        width: 100% !important;
    }

    section.error-page > div.container div:first-child > p {
        font-size: 35vw;
    }

    section.error-page > div.container div:last-child > p {
        text-align: center;
        top: 25%;
    }
    /* ----------- End Error Page ----------- */
}

@media only screen
and (min-width: 569px)
and (max-width: 767px) {

    /* ----------- News Page Index ----------- */
    section.news-body .news-individual {
        width: 100% !important;
    }

    section.news-body .news-individual p {
        width: 70% !important;
    }
    /* ----------- End News Page Index ----------- */

    /* ----------- News Page Detail ----------- */
    section.news-single-banner .container {
        height: auto !important;
    }

    section.news-content .container {
        width: 100% !important;
        padding: 0 25px !important;
        margin: 25px auto 0 !important;
    }

    section.news-pagination .container {
        width: 100%;
        padding: 0 25px;
    }

    section.news-pagination .container .pagination-default {
        display: none;
    }

    section.news-pagination .container .pagination-responsive {
        display: inline-block;
        width: auto;
    }

    section.news-pagination .container .pagination-responsive img {
        width: 50px;
        height: auto;
    }
    /* ----------- End News Page Detail ----------- */

    /* ----------- Error Page ----------- */
    section.error-page .container {
        width: 100% !important;
        padding: 0 25px !important;
    }

    section.error-page > div.container div {
        height: 50%;
        width: 100% !important;
    }

    section.error-page > div.container div:first-child > p {
        font-size: 20vw;
    }

    section.error-page > div.container div:last-child > p {
        text-align: center;
        top: 25%;
    }
    /* ----------- End Error Page ----------- */
}

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

    /* ----------- News Page Index ----------- */
    section.news-body .news-individual {
        width: 100% !important;
    }

    section.news-body .news-individual p {
        width: 75% !important;
    }
    /* ----------- End News Page Index ----------- */

    /*----------- News Page Detail ----------- */
    section.news-single-banner .container {
        height: auto !important;
    }

    section.news-content .container {
        width: 100%;
        padding: 0 25px;
        margin: 25px auto 0;
    }

    section.news-pagination .container {
        width: 100% !important;
        padding: 0 25px !important;
    }

    section.news-pagination .container .pagination-default {
        display: none;
    }

    section.news-pagination .container .pagination-responsive {
        display: inline-block;
        width: auto;
    }

    section.news-pagination .container .pagination-responsive img {
        width: 50px;
        height: auto;
    }
    /* ----------- End News Page Detail ----------- */

    /* ----------- Error Page ----------- */
    section.error-page .container {
        width: 100% !important;
        padding: 0 25px !important;
    }

    section.error-page > div.container div {
        height: 50%;
        width: 100% !important;
    }

    section.error-page > div.container div:first-child > p {
        font-size: 20vw;
    }

    section.error-page > div.container div:last-child > p {
        text-align: center;
        top: 25%;
    }
    /* ----------- End Error Page ----------- */
}

@media only screen
and (min-width: 1025px)
and (max-width: 1217px) {

    /* ----------- News Page Index ----------- */
    section.news-body .news-individual {
        width: 100% !important;
    }
    /* ----------- End News Page Index ----------- */
}