@media only screen and (min-width:990px){
            #div_owl{
                width: 100%;
                height: 280px;
                position:relative;
                background: url(../img/owl.webp) calc(50% - 50px) 65% no-repeat;
                z-index:9;
                padding-top:85px;
                margin:auto;
                text-align: left;
                background-size:550px;
            }
            #div_owl img{
                /*width:220px;*/
                width:290px;
                /*margin-top:15px;*/
                text-align: left;
                /*margin-left: calc(75% - 160px);*/
                margin-left: calc(50% + 15px);
            }
    
            /**** DIAGRAM ****/
            #div_diagram{
                width: 900px;
                background: white;
                margin: auto;
                height: ;
                padding: 15px;
                border-radius: 10px;
            }
            #div_diagram img{
                width:100%;
            }
            #div_diagram p{
                /*font-size:12px; */
                font-size:16px;
                width: 300px;
                text-align: justify;   
            }
    

            #difference{
                /*#background-color: rgba(100,100,100,0.1);*/
                background-color: rgba(255,245,245,1);
                padding: 35px;
                position: relative;
                z-index: 8;
                margin-top:-35px;
                min-height: 200px;
            }
    
    
    
            /****** Testimonial *******/
            #div_testimonials{
                width: 900px;/*700px*/
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
            }
            #div_testimonials p{
                width: 600px;/*450px*/
                text-align: justify;
                /*font-size: 12px;*/
                font-size:16px;
            }
            .div_signatures{
                width: 600px;/*450px*/
                margin: auto;
                text-align: right;
                margin-top: -15px;
                /*font-size: 12px;*/
                font-size:16px;
            }
            .div_signatures span{
                font-size: 14px;   
            }
    
    
            /***** REASONS *****/
            #div_reason{
                width: 900px;/*700px*/
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
                /*height:180px;*/
                overflow: auto;
            }
            #div_reason_content{
                width:600px;/*450px*/
                margin:auto;
            }
    
            #left_panel{
                width: calc(49% - 20px);
                float:left;
                text-align: left;
                font-size: smaller;
                /*padding-left:40px;*/
                padding-right:20px;
                font-size: 30px;/*22px;*/
                /*font-weight: bold;*/
            }
            #right_panel{
                /*width: calc(50% - 50px);
                float: left;
                margin-left: 50px;
                width: calc(50% - 5px);*/
                width:50% ;
                float: left;
                /*margin-left: 5px;*/
                text-align: justify;
                /*font-size:13px;*/
                font-size:17px;
            }
    
            /***** QUOTE *****/
            #btn_quote{
                background-color:black;
                color:white;
                border-radius: 16px;
                height: 40px;
                width: 160px;
                font-size: 19px;
                border:none;
                margin-top:15px
            }
    
    
            /******* INFOS ******/
    
            #div_info{
                color:grey;
            }
            .div_citation{
                width:60%;
                margin: auto;
                font-size: x-large;
                margin-top:50px;
                margin-bottom:50px;
                line-height: 30px;
                font-weight: lighter;
                max-width: 450px;
            }
            #signature{
                font-size: 18px;
                color: black;
                font-weight: bolder;
            }
    
            #div_video{
                /*background-color:black;*/
                margin-top:10px;/*25px;*/
                width: 330px;
                height:150px;
                border-radius: 10px;
            }
            video{
                width:100%;
                max-width: 800px;/*600px;*/
                border-radius: 5px;
            }
    
    
            /***** TITLES *****/
            h2{
                font-size: 36px;/*27px;*/
                font-weight: initial;
                margin-top: 0px;
                margin-bottom: 35px;
            }
            h3{
                font-size: 35px;/*26px;*/
                font-weight: initial;
                margin-top: 50px;
                margin-bottom: -3px;
                color:black;
            }
            .subtitle3{
                color:black;
                margin-left: 17px;
                font-size: 18px;/*16px;*/
                font-weight: lighter;
                /*margin-top:-3px;*/
                margin-bottom: -28px;
            }
    
    
            /******* TABLE *********/
            .header{
                background-color:rgba(80,80,80,1);
                color:white;
                font-weight: lighter;
                font-size:20px;
            }
            tr td.gray{
                /*background-color: rgba(245,245,245,0.5);*/
                background-color: rgba(245,245,245,1);
                border:none;
                text-align: center;
                padding-left: 5px;
                align-content: center;
            }
            tr td.grayCat{
                background-color: rgba(235,235,235,0.5);
                border:none;
                text-align: left;
                align-content: center;
                padding-left: 15px;
                font-size: 16px;
                color: black; 
            }  
            tr td.darkgray{
                background-color: rgba(227,227,227,1);
                border:none;
                text-align: right;
                font-size: medium;
                padding-right: 5px;
                color: black;
            }
            tr td.lightgray{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: center;
            }
            tr td.lightgrayCat{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: left;
                padding-left: 15px;
                font-size: 16px;
                color: black;
            }
            tr {
                height: 50px;
                border:none;
            }
            tr td{
                width:32%;
            }
            table{
                width: 800px;/*550px;*/
                border-spacing: 3px 0px;
                border-collapse: separate;
                margin-top:50px;
                border:none;
            }
            .circle{
                border-radius: 50%;
                width: 17px;
                height: 17px;
                border: 7px solid #679403;
                display: block;
                margin:auto;
            }
            .triangle{  
                /*background:url(../triangle.png);*/
                  --t:6px;  /* Thickness */
                  --c:#feea22; /* Color */

                  width:18px;
                  height:18px;
                  display:inline-block;
                  border:var(--t) solid transparent;
                  border-bottom-color:var(--c);
                  background:
                    /* Left side */
                    linear-gradient(to bottom left,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) right,
                    /* right side */
                    linear-gradient(to bottom right,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) left;
                  background-size:50% 100%;
                  background-origin:border-box;
                  background-repeat:no-repeat;
            }
    
            /**** Links and btns ******/
            a{
                color:red;
            }
            a:hover{
                color:red;
            }
            #btn_quote:hover{
                cursor:pointer;
            }
            #btn_quote a:hover{
                text-decoration: none;
            }
        }
        

/* Tablets */
@media only screen and (max-width:990px) and (min-width:500px){
            #div_owl{
                /*max-width: 900px;*/
                /*width:100%;
                height: 280px;
                position:relative;
                background: url(../img/owl.png) calc(50% - 60px) 77% no-repeat;
                z-index:9;
                padding-top:85px;
                margin:auto;
                text-align: left;*/                
                width: 100%;
                height: 240px;
                position:relative;
                background: url(../img/owl.webp) calc(50% - 20px) 65% no-repeat;
                z-index:9;
                padding-top:85px;
                margin:auto;
                text-align: left;
                background-size:440px;
            }
            #div_owl img{
                /*width:160px;*/
                width:200px;
                margin-top:22px;
                text-align: left;
                margin-left: calc(50% + 25px);
            }

            #btn_quote{
                background-color:black;
                color:white;
                border-radius: 16px;
                height: 50px;
                width: 205px;
                font-size: 19px;
                border:none;
                margin-top:15px;
            }
            #difference{
                /*#background-color: rgba(100,100,100,0.1);*/
                background-color: rgba(255,245,245,1);
                padding: 15px;
                position: relative;
                z-index: 8;
                margin-top:-35px;
                min-height: 200px;
                overflow-y: auto;
                overflow-x: hidden;
            }
    /*
            #left_panel{
                width: calc(49% - 90px);
                float:left;
                text-align: left;
                font-size: smaller;
                padding-left:70px;
                padding-right:20px;
            }
            #right_panel{
                width: calc(50% - 0px);
                float: left;
                margin-left: 0px;
                margin-top:50px;
            }
    */
    
            #left_panel{
                width: calc(49% - 20px);
                float:left;
                text-align: left;
                font-size: smaller;
                /*padding-left:40px;*/
                padding-right:20px;
                font-size: 22px;
                /*font-weight: bold;*/
            }
            #right_panel{
                /*width: calc(50% - 50px);
                float: left;
                margin-left: 50px;
                width: calc(50% - 5px);*/
                width:50% ;
                float: left;
                /*margin-left: 5px;*/
                text-align: justify;
                font-size:13px;
            }
    
    
            #div_video{
                margin-top:10px;
                max-width: 330px;
                border-radius: 10px;
                width:90%;
                margin-left: 5%;
                margin-right: 5%;
            }
            #div_info{
                color:grey;
            }
            #div_scheme img{
                width:100%;   
            }
            .div_citation{
                width:60%;
                margin: auto;
                font-size: 25px;
                margin-top:50px;
                margin-bottom:50px;
                line-height: 30px;
                font-weight: lighter;
                max-width: 450px;
            }
            #signature{
                font-size: 18px;
                color: black;
                font-weight: bolder;
            }
            .header{
                background-color:rgba(80,80,80,1);
                color:white;
                font-weight: lighter;
                font-size:20px;
            }
            tr td.gray{
                background-color: rgba(235,235,235,0.5);
                border:none;
                align-content: center;
                text-align: center;
                padding-left: 5px;
            }
            tr td.grayCat{
                background-color: rgba(235,235,235,0.5);
                border:none;
                text-align: left;
                align-content: center;
                padding-left: 5px;
                padding-left: 15px;
                font-size: 18px;
                color: black;
            }
            tr td.darkgray{
                background-color: rgba(175,175,175,0.5);
                border:none;
                text-align: right;
                font-size: medium;
                padding-right: 5px;
                color: black;
            }
            tr td.lightgray{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: center;
            }
            tr td.lightgrayCat{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: left;
                padding-left: 15px;
                font-size: 18px;
                color: black;
            }
            tr {
                height: 50px;
                border:none;
            }
            tr td{
                width:32%;
                font-size:small;
            }
            table{
                width: 90%;
                border-spacing: 3px 0px;
                border-collapse: separate;
                margin-top:50px;
                border:none;
                max-width:450px;
            }
            .circle{
                border-radius: 50%;
                width: 17px;
                height: 17px;
                border: 7px solid #679403;
                display: block;
                margin:auto;
            }
            .triangle{  
                background:url(../triangle.png);
                width:50px;
            }
            a{
                color:grey;
            }
            #btn_quote:hover{
                cursor:pointer;
            }
            #btn_quote a:hover{
                text-decoration: none;
            }
            video{
                border-radius: 5px;
                width:100%;
                max-width:450px;
            }
            h2{
                font-size:25px;
                font-weight: initial;
            }
    
            h3{
                font-size: 26px;
                font-weight: initial;
                margin-top: 50px;
                margin-bottom: -3px;
                color:black;
            }
            .subtitle3{
                color:black;
                margin-left: 17px;
                font-size: 16px;
                font-weight: lighter;
                /*margin-top:-3px;*/
                margin-bottom: -28px;
            }
            #difference p{
                /*font-size:small;*/
                font-size: 16px;
                font-weight: lighter;
            }
            #div_testimonials{
                width: 500px;
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
            }
            #div_testimonials p{
                width: 400px;
                text-align: justify;
                font-size: 12px;
            }
    
    
            .div_signatures{
                width: 400px;
                margin: auto;
                text-align: right;
                margin-top: -15px;
                font-size: 12px;
            }
            .div_signatures span{
                font-size: 14px;   
            }
            /*
            #div_reason{
                width: 400px;
                margin: auto;
                text-align: right;
                margin-top: -15px;
                font-size: 12px;
                height:100px;
            }
            #div_reason_content{
                width:400px; 
                margin:auto;
            }
            */
    
    
            #div_diagram{
                width: 450px;
                background: white;
                margin: auto;
                height: ;
                padding: 15px;
                border-radius: 10px;
            }
            #div_diagram img{
                width:450px;
            }
            #div_diagram p{
                font-size:12px; 
                width: 300px;
                text-align: justify;   
            }
        
            .triangle{  
                /*background:url(../triangle.png);*/
                  --t:6px;  /* Thickness */
                  --c:#feea22; /* Color */

                  width:18px;
                  height:18px;
                  display:inline-block;
                  border:var(--t) solid transparent;
                  border-bottom-color:var(--c);
                  background:
                    /* Left side */
                    linear-gradient(to bottom left,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) right,
                    /* right side */
                    linear-gradient(to bottom right,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) left;
                  background-size:50% 100%;
                  background-origin:border-box;
                  background-repeat:no-repeat;
            }
    
            #div_reason{
                width: 500px;
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
                height:100px;
            }
            #div_reason_content{
                width:400px; 
                margin:auto;
            }
    
            a{
                color:red;
            }
            a:hover{
                color:red;
            }
        }



/* Mobile */
@media only screen and (max-width:500px){
            #div_owl{
                width: 100%;
                height: 225px;
                position:relative;
                background: url(../img/owl.webp) calc(50% - 25px) 0% no-repeat;
                z-index:9;
                padding-top:63px;
                margin:auto;
                text-align: left;
                background-size:300px;
                /*
                max-width: 900px;
                height: 280px;
                position:relative;
                background: url(../img/owl.png) 35% 30% no-repeat;
                z-index:9;
                padding-top:85px;
                margin:auto;
                padding-left:208px;
                background-size:85%;
                */
            }
            #div_owl img{
                width:140px;
                margin-top:10px;
                text-align: left;
                margin-left: calc(50% + 15px);
            }
            #btn_quote{
                background-color:black;
                color:white;
                border-radius: 16px;
                height: 40px;
                font-size: 16px;
                border:none;
                width:155px;
                margin-top:15px;
            }
            #difference{
                /*#background-color: rgba(100,100,100,0.1);*/
                background-color: rgba(255,245,245,1);
                padding: 15px;
                position: relative;
                z-index: 8;
                margin-top:-70px;
                min-height: 200px;
                overflow-y: auto;
                overflow-x: hidden;
            }
            /*
            #left_panel{
                width: calc(49% - 40px);
                float:left;
                text-align: left;
                font-size: smaller;
                padding-left:20px;
                padding-right:20px;
            }
            #right_panel{
                width: calc(50% - 0px);
                float: left;
                margin-left: 0px;
                margin-top: 50px;
                margin-bottom: 50px;
            }*/
            #left_panel{
                width: calc(49% - 20px);
                float:left;
                text-align: left;
                /*font-size:11px;
                margin-top: 5px;
                font-size: smaller;*/
                /*padding-left:40px;*/
                padding-right:20px;
                font-size: 22px;
                /*font-weight: bold;*/
            }
            #right_panel{
                /*width: calc(50% - 50px);
                float: left;
                margin-left: 50px;
                width: calc(50% - 5px);*/
                width:50% ;
                float: left;
                /*margin-left: 5px;*/
                text-align: justify;
                font-size:13px;
            }
    
    
    
            #div_video{
                margin-top:10px;
                max-width: 330px;
                border-radius: 10px;
                width:90%;
                margin-left: 5%;
                margin-right: 5%;
            }
            #div_info{
                color:grey;
            }
            #div_scheme img{
                width:100%;   
            }
            .div_citation{
                width:60%;
                margin: auto;
                font-size: large;
                margin-top:50px;
                margin-bottom:50px;
                line-height: 30px;
                font-weight: lighter;
                color:black;
            }
            #signature{
                font-size: 18px;
                color: black;
                font-weight: bolder;
            }
            .header{
                background-color:rgba(80,80,80,1);
                color:white;
                font-weight: lighter;
                font-size:16px;
            }
            tr td.gray{
                background-color: rgba(235,235,235,0.5);
                border:none;
                text-align: center;
                align-content: center;
                padding-left: 5px;
            }
            tr td.grayCat{
                background-color: rgba(235,235,235,0.5);
                border:none;
                text-align: left;
                align-content: center;
                padding-left: 15px;
                font-size: 12px;
                color: black;
            }
            tr td.darkgray{
                background-color: rgba(175,175,175,0.5);
                border:none;
                text-align: right;
                font-size: medium;
                padding-right: 5px;
                font-size:12px;
                color: black;
            }
            tr td.lightgray{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: center;
            }
            tr td.lightgrayCat{
                background-color: rgba(200,200,200,200,0.5);
                border:none;
                text-align: left;
                padding-left: 15px;
                font-size: 12px;
                color: black;
            }
            tr {
                height: 50px;
                border:none;
            }
            tr td{
                width:32%;
                font-size:small;
            }
            table{
                width: 90%;
                border-spacing: 3px 0px;
                border-collapse: separate;
                margin-top:50px;
                border:none;
            }
            .circle{
                border-radius: 50%;
                width: 17px;
                height: 17px;
                border: 7px solid #679403;
                display: block;
                margin:auto;
            }
            .triangle{  
                background:url(../triangle.png);
                width:50px;
            }
            a{
                color:grey;
            }
            #btn_quote:hover{
                cursor:pointer;
            }
            #btn_quote a:hover{
                text-decoration: none;
            }
            video{
                border-radius: 5px;
                max-width:90%;
            }
            h2{
                font-size:initial;
            }
    
            h3{
                font-size: /*26px*/20px;
                font-weight: initial;
                margin-top: 50px;
                margin-bottom: -3px;
                color:black;
            }
            .subtitle3{
                color:black;
                margin-left: 17px;
                font-size: 14px;
                font-weight: lighter;
                /*margin-top:-3px;*/
                margin-bottom: -28px;
            }
            #difference p{
                font-size:small;
            }
            #div_testimonials{
                width: 90%;
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
            }
            /*
            #div_testimonials p{
                width: 450px;
                text-align: justify;
                font-size: 12px;
            }
            */
            #div_testimonials p{
                /*width: 400px;*/
                max-width:90%;
                text-align: justify;
                font-size: 12px;
            }
    

            .div_signatures{
                /*width: 450px;*/
                max-width:90%;
                margin: auto;
                text-align: right;
                margin-top: -15px;
                font-size: 12px;
            }
            .div_signatures span{
                font-size: 14px;   
            }
            /*
            #div_reason{
                width: 450px;
                margin: auto;
                text-align: right;
                margin-top: -15px;
                font-size: 12px;
            }
            */
            #div_reason{
                /*width: 450px;*/
                max-width:90%;
                margin: auto;
                margin-top: 50px;
                border-bottom: 1px solid black;
                padding-bottom: 60px;  
                height:100px;
            }
            #div_reason_content{
                /*width:450px; */
                max-width:90%;
                margin:auto;
            }
    

            #div_diagram{
                /*width: 450px;*/
                background: white;
                margin: auto;
                height: ;
                padding: 15px;
                border-radius: 10px;
                max-width:100%;
            }
            #div_diagram img{
                width:100%;
            }
            #div_diagram p{
                font-size:12px; 
                width: 300px;
                text-align: justify;   
            }
            .triangle{  
                /*background:url(../triangle.png);*/
                  --t:6px;  /* Thickness */
                  --c:#feea22; /* Color */

                  width:18px;
                  height:18px;
                  display:inline-block;
                  border:var(--t) solid transparent;
                  border-bottom-color:var(--c);
                  background:
                    /* Left side */
                    linear-gradient(to bottom left,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) right,
                    /* right side */
                    linear-gradient(to bottom right,
                      transparent 49.5%,var(--c) 50% calc(50% + var(--t)),
                      transparent calc(50% + var(--t) + 1px)) left;
                  background-size:50% 100%;
                  background-origin:border-box;
                  background-repeat:no-repeat;
            }
    
            a{
                color:red;
            }
            a:hover{
                color:red;
            }
        }