.show-1200 {
    display:none
}

.Self-Monitoring{
    width:100%
}

.welcome-text p {
    font-size: 140%;
    line-height: 33px
}

.welcome-text h1 {
    font-size: 330% !important
}

.btn-more {
    display: none
}

.absolute {
    top: 36%
}


.Technology-area{
    margin-top:100px
}


@media only screen and (max-width:1500px) {
    .custom-container {
            width: 1100px
        }

        .workflow-section {
            padding: 100px 0 0 !important
        }


        .Technology-area h1{
            font-size:280%  
        }


        .Technology-area .main-parageraph{
            font-size:19px;
        }


        .Technology-area .area-title{
            margin-top:-252px
        }


        .Live-Tracking-content{
            padding:3% 0
        }


        .Probe-content{
            padding:0
        }


        .welcome-text h1 {
            font-size: 290% !important
        }


        .welcome-text p{
            font-size:122%;
            line-height:31px
        }
    }


    @media only screen and (max-width:1300px){
        .custom-container{
            width:1000px
        }

        .workflow-section .area-title h1{
            font-size:210% 
        }


        .col-lg-4{
            padding:0 5px
        }


        .single-workflow h2{
            margin:17px 0 7px
        }


        .workflow-details {
            padding:0 2%
        }


        .Technology-area .area-title{
            margin-top:-180px
        }


        .Self-Monitoring{
            padding-top:50px;
            width:100%
        }


        .absolute-play-icon {
            right: 41.5% !important
        }

        .Self-Monitoring-content{
            padding-top:1%
        }


        .Scan-Prinzip-content{
            padding-top:12%
        }


        .Self-Monitoring-image .absolute-play-icon{
            right:41.5% !important;
            top:46%
        }


        .Blue-Light-image .absolute-play-icon {
            right: 39.5% !important;
            top: 53%
        }

        .annual-reports-image img {
            height: 100%;
            width:100%
        }

        .annual-reports-image{
            height:100%
        }


        .Live-Tracking-content {
            padding: 0
        }


        .Technology-area .col-lg-6 {
            width:85%
        }
    }


    @media only screen and (max-width:1260px){
        .welcome-text h1{
            font-size:250% !important
        }
    }


    @media only screen and (max-width:1200px){
        .blog-image{
            max-width:100%
        }

        .workflow-section{
            padding:80px 0 0 !important
        }


        .custom-container{
            width:900px;
        }


        .workflow-section .area-title h1{
            font-size:196%
        }




            .Technology-area h1{
                font-size:240%
            }


        .col-lg-6{
            width:70%
        }


        .Self-Monitoring-content{
            padding:0 0 16px
        }


        .Scan-Prinzip-content {
            padding: 5% 0px 0 30px
        }


        .Blue-Light-content{
            padding:20px 0 0 
        }


        .hide-1200{
            display:none
        }

        .show-1200{
            display:block;
            margin-top:20px
        }


        .display-grid{
            display:grid
        }


        .promo-area h4{
            font-size:170%
        }


        .atos-technologies{
            position:absolute;
            left:0;
            width:100% !important
        }

        .Technology-area .area-title{
            width:900px;
            margin:-157px auto 0;
            padding:0
        }


        .Technology-area .main-parageraph{
            padding-right:20%
        }

        .Technology-area .main-parageraph {
            font-size: 17px;
            line-height: 23px
        }

        .User-Calibrationt-content{
            padding:9% 0
        }

        .Live-Tracking-content{
            padding:7% 0 0 
        }
    }


    @media only screen and (max-width:1080px){
        .welcome-text h1{
            font-size:220% !important
        }
    }


    @media only screen and (max-width:1100){
        .atos-technologies{
            left:7%
        }

    }





    @media only screen and (max-width:991px){
        .display-grid-{
            display:grid
        }


        .single-workflow {
            display: flex;
        }


        .blog-image{
            max-width:50%
        }

        .workflow-details {
            max-width: 50%;
            padding: 6% 5% 4% 5%;
            background-color: #f7f7f7
        }


        .custom-container{
            width:700px
        }


        .order-2{
            order:2
        }

        .order-1 {
            order: 1
        }


        .workflow-section .col-lg-4 {
            margin-bottom:0
        }

        .Technology-area .area-title {
            width: 700px;
            margin:-73px auto 0
        }


        .Technology-area .main-parageraph{
            font-size:19px;
            line-height:27px;
            padding:0
        }


        .technology-bg-color {
            padding-top: 170px
        }


        .technology-bg-color .custom-container .row{
            display:grid
        }


        .technology-bg-color .custom-container .row .col-md-6{
            flex:0 0 100%;
            max-width:100%;
            width:100%
        }


        .Technology-area p{
            font-size:16px;
            letter-spacing:0
        }



        .image {
            padding:3% 10%
        }


        .Scan-Prinzip-image{
            order:2
        }


        .Scan-Prinzip-content{
            padding:0
        }


        .Blue-Light{
            padding:8% 0
        }


        .Blue-Light-image .absolute-play-icon {
            right: 45% !important
        }

        .Self-Monitoring-image .absolute-play-icon {
            right: 45% !important
        }


        .absolute-play-icon {
            width: 80px;
            top: 46% !important;
        }

        .annual-reports .row{
            display:grid
        }


        .order-2-{
            order:2
        }


        .annual-reports .col-md-6{
            width:100%;
            max-width:100%
        }


        .annual-reports-image {
            padding: 5% 22%
        }

        .User-Calibrationt-content{
            padding:1% 0
        }

        .section-padding{
            padding:50px 0 0 
        }


        .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
            margin: -4px 0 0 10px
        }

        .welcome-text h1{
            font-size:180% !important
        }


        .welcome-text p{
            font-size:107%;
            line-height:25px
        }

        .absolute{
            width:100%
        }
    }


@media only screen and (max-width:768px){
    .custom-container{
        width:500px
    }


    .single-workflow {
        display: grid;
        margin-bottom: 50px;
        padding: 2% 5% 7% 8%
    }

    .blog-image{
        max-width:100%
    }

    .workflow-details{
        max-width:100%
    }

    .order-2{
        order:1
    }


    .area-title{
        margin-bottom:30px
    }


    .Technology-area{
        margin-top:30px
    }


        .Technology-area .area-title {
            width: 500px;
            margin: -30px auto 0
        }
    .technology-bg-color{
        padding-top:250px
    }


    .image {
        padding: 11% 10% 7%
    }


    .Self-Monitoring-image .absolute-play-icon {
        right: 43% !important
    }

    .Blue-Light-image .absolute-play-icon {
        right: 43% !important
    }


    .annual-reports-image{
        padding:5% 0
    }


    .absolute{
        width:100%;
        text-align:center;
        left:0 !important
    }
}


@media only screen and (max-width:575px){
    .custom-container{
        width:80%;
        margin:0 auto
    }


    .Technology-area .area-title {
        width: 77%;
        margin: -10px auto 0
    }

    .technology-bg-color{
        padding-top:290px
    }


    .Self-Monitoring-image .absolute-play-icon {
        right: 40% !important
    }

    .Blue-Light-image .absolute-play-icon {
        right: 40% !important
    }

    .footer-bg{
        padding-top:500px
    }
}

@media only screen and (max-width:500px){
    .workflow-section .area-title h1{
        font-size:140%
    }


    .single-workflow h2{
        font-size:150%
    }

    .single-workflow p{
        line-height:24px
    }

    .single-workflow{
        margin-bottom:10px
    }

    .Technology-area .main-parageraph{
        font-size:17px;
        line-height:24px
    }


    .Technology-area h1{
        font-size:170%
    }

    .Technology-area h2{
        font-size:150%
    }


    .footer-bg{
        padding:0
    }


    .Technology-area p{
        text-align:justify
    }
}


@media only screen and (max-width:400px){
    .absolute{
        width:90%;
        left:5% !important;
        top:24% !important
    }


    .welcome-text h1{
        font-size:1560%;
        font-weight:500
    }


    .welcome-text p{
        font-size:100%;
        line-height:21px
    }


    custom-container{
        width:90%
    }

    .Technology-area .area-title{
        width:80%;
        margin:0 auto
    }


    .technology-bg-color .custom-container .row .col-md-6{
        padding:0
    }


    .technology-bg-color .custom-container .row{
        margin:0
    }



    .Self-Monitoring-image .absolute-play-icon {
        right: 35.5% !important
    }

    .Blue-Light-image .absolute-play-icon {
        right: 35.5% !important
    }


    .promo-area{
        padding-bottom:50px
    }


    .single-workflow{
        padding:0
    }


    .workflow-section {
        padding: 50px 0 0 !important
    }


    .show-1200{
        text-align:justify
    }



    .promo-area span{
        text-align:justify
    }
}