/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

    /*=== main content start ===*/

    .smarter-title h2 {
        font-size: 51px;
    }

    /*=== detection area start ===*/

    .detection-item-left h2 {
        font-size: 80px;
    }

    /*=== industry area start ===*/

    .industry-item-inner ul {
        grid-column-gap: 48px;
    }

    /*=== studies area start ===*/

    .studies-item-left h2 {
        left: -30px;
    }

    /*=== faq area start ===*/

    .accordion-title h2 {
        font-size: 22px;
    }






}





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

    /*=== Header area start ===*/

    .header-navigation-link ul li a {
        margin-left: 22px;
    }

    /*=== main content start ===*/

    .smarter-title h2 {
        font-size: 40px;
    }

    .smarter-item-content {
        width: 53%;
    }

    .smarter-item-content p {
        font-size: 17px;
    }

    .smarter-item-image {
        width: 47%;
    }

    /*=== detection area start ===*/

    .detection-item-left {
        width: 50%;
        padding-right: 25px;
    }

    .detection-item-left h2 {
        font-size: 52px;
    }

    .detection-item-left p br {
        display: none;
    }

    .detection-item-right {
        width: 50%;
    }

    /*=== industry area start ===*/

    .industry-item-inner ul {
        grid-column-gap: 25px;
    }

    .industry-item-inner ul li a {
        font-size: 16px;
    }

    /*=== studies area start ===*/

    .studies-item-left {
        width: 120px;
    }

    .studies-item-left h2 {
        left: -40px;
    }

    .studies-item-right {
        width: calc(100% - 120px);
    }

    .studies-item-right-inner {
        grid-column-gap: 35px;
    }

    .studies-item-right-inner-third h2 {
        font-size: 26px;
    }

    .studies-item-right-arrow {
        left: -20px;
    }

    .studies-item-right-arrow img {
        max-width: 40px;
    }

    .studies-item-right-arrow-second {
        left: auto;
        right: -20px;
    }

    /*=== touch area start ===*/

    .touch-item-left {
        width: 50%;
        padding-right: 50px;
    }

    .touch-item-right {
        width: 50%;
    }

    /*=== footer area start ===*/

    .footer-area .container {
        max-width: 960px;
    }






}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

    /*=== Header area start ===*/

    .banner-item h2 {
        font-size: 62px;
    }

    /*=== main content start ===*/

    .smarter-title {
        margin-bottom: 45px;
    }

    .smarter-title h2 {
        font-size: 32px;
    }

    .smarter-item-content {
        width: 55%;
        padding-top: 0;
        padding-right: 20px;
    }

    .smarter-item-content p {
        font-size: 15px;
    }

    .smarter-item-image {
        width: 45%;
    }

    /*=== detection area start ===*/

    .detection-item-left {
        width: 50%;
        padding-right: 25px;
    }

    .detection-item-left h2 {
        font-size: 42px;
        margin-bottom: 300px;
    }

    .detection-item-left p br {
        display: none;
    }

    .detection-item-right {
        width: 50%;
    }

    /*=== industry area start ===*/

    .industry-item-inner ul {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 20px;
    }

    .industry-item-inner-second {
        padding-top: 50px;
    }

    /*=== studies area start ===*/

    .studies-area {
        padding-top: 100px;
    }

    .studies-item-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .studies-item-left h2 {
        font-size: 42px;
        position: initial;
        top: 0;
        left: 0px;
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        direction: inherit;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        text-align: center;
        height: auto;
    }

    .studies-item-right {
        width: 100%;
    }

    .studies-item-right-inner {
        grid-column-gap: 30px;
    }

    .studies-item-right-inner-third h2 {
        font-size: 20px;
    }

    .studies-item-right-arrow {
        left: -20px;
    }

    .studies-item-right-arrow img {
        max-width: 40px;
    }

    .studies-item-right-arrow-second {
        left: auto;
        right: -20px;
    }

    /*=== faq area start ===*/

    .faq-title h2 {
        font-size: 42px;
    }

    .faq-item {
        grid-column-gap: 30px;
    }

    .accordion-title h2 {
        font-size: 20px;
    }

    /*=== touch area start ===*/

    .touch-item-left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .touch-item-right {
        width: 100%;
    }

    /*=== footer area start ===*/

    .footer-area .container {
        max-width: 720px;
    }

    .footer-item {
        grid-template-columns: repeat(2, 1fr);
    }





}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	

    /*=== Header area start ===*/

    .header-area {
        padding: 25px 0 80px;
        background-size: cover;
    }

    .banner-item h2 {
        font-size: 42px;
    }

    .banner-item > p {
        margin-bottom: 20px;
    }

    .banner-item-inner-second div {
        width: 50%;
    }

    .banner-item-inner-third ul {
        flex-direction: column;
    }

    .banner-item-inner-third ul li:nth-of-type(1) a {
        margin-right: 0;
        margin-bottom: 20px;
    }

    /*=== main content start ===*/

    .smarter-title {
        margin-bottom: 35px;
    }

    .smarter-title h2 {
        font-size: 28px;
    }

    .smarter-item-content {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .smarter-item-content p {
        text-align: center;
    }

    .smarter-item-image {
        width: 100%;
    }

    /*=== detection area start ===*/

    .detection-item-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .detection-item-left h2 {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .detection-item-left p br {
        display: none;
    }

    .detection-item-right {
        width: 100%;
    }

    /*=== industry area start ===*/

    .industry-item-inner ul {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .industry-item-inner ul li a {
        font-size: 18px;
    }

    .industry-item-inner-second {
        padding-top: 30px;
    }

    .industry-item-inner-third {
        padding: 25px 15px;
    }

    .industry-item-inner-four {
        padding-right: 0;
    }

    .industry-item-inner-eight {
        width: 100%;
        margin-bottom: 30px;
    }

    .industry-item-inner-eleven {
        width: 100%;
        padding-left: 0;
    }

    /*=== studies area start ===*/

    .studies-area {
        padding-top: 70px;
    }

    .studies-item-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .studies-item-left h2 {
        font-size: 32px;
        position: initial;
        top: 0;
        left: 0px;
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: horizontal-tb;
        direction: inherit;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        text-align: center;
        height: auto;
    }

    .studies-item-right {
        width: 100%;
    }

    .studies-item-right-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .studies-item-right-inner-third h2 {
        font-size: 24px;
    }

    .studies-item-right-arrow {
        display: none;
    }

    /*=== faq area start ===*/

    .faq-area {
        padding-top: 60px;
    }

    .faq-title {
        margin-bottom: 30px;
    }

    .faq-title h2 {
        font-size: 32px;
    }

    .faq-item {
        grid-template-columns: repeat(1, 1fr);
    }

    .faq-item::after {
        display: none;
    }

    .accordion-title {
        padding: 10px;
    }

    .accordion-title h2 {
        font-size: 20px;
    }

    .accordion-body {
        padding: 0px 10px 10px;
    }

    /*=== touch area start ===*/

    .touch-area {
        padding: 70px 0;
    }

    .touch-item {
        padding-top: 0;
    }

    .touch-item-left {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .touch-item-left-inner {
        grid-template-columns: repeat(1, 1fr);
    }

    .touch-item-right {
        width: 100%;
    }

    /*=== footer area start ===*/

    .footer-area .container {
        max-width: 540px;
    }

    .footer-item {
        grid-template-columns: repeat(1, 1fr);
    }





}


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

    /*=== industry area start ===*/

    .industry-item-inner ul {
        grid-template-columns: repeat(1, 1fr);
    }

}