/* Screens Resolution : 992px
-------------------------------------------------------------------------- */

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

    body {overflow-x:hidden!important;}
    

    .paragraph {
        font-size: 2.5em; }

}

@media only screen and (max-width:1450px) {
    body {overflow-x:hidden!important;}
    

    .sec4-container {
        padding-top: 20px;
    }

    #CountingParagraph {
        font-size: 1.5em;
    }
}



@media only screen and (max-width: 1200px) {
    body {overflow-x:hidden!important;}
    
    
    
    p {font-size:15px; line-height:20px; word-wrap: normal; font-weight:100;}
    
    h1 {font-weight: 300; letter-spacing: 18px;  padding-top: 20px;font-size: 23px;}
    
    h4{ font-size: 2.9em;}
    h5 { font-size: 1.2em;}

    
    h2{ font-size: 3em; line-height: 1.1;   letter-spacing: 15px; text-indent:30px; }
    
    h3 {font-size: 3em; font-weight: 100; font-weight:lighter; letter-spacing: 15px; padding-top: 10px;}

    
    .S1-display-table-cell { display:relative; vertical-align:middle; width:100%; height:900px;}
    .display-table-cell2 { display:relative; vertical-align:middle; width:100%; height:900px;}




    

    
    .display-table-section-1 {height:900px;     min-height:0px;}
    .display-table-section-3 {display:relative; vertical-align:middle; width:100%; height:auto; max-height:unset;}
    
    img.logo {width:60%; vertical-align: inherit;}
    img.scrollicon {width:50px; align-content: center; vertical-align: inherit;}
    img.playicon {width: 60%; max-width:200px; min-width:50px; padding-top:30px;}
    img.playiconhover {width: 60%; max-width:200px; min-width:50px; padding-bottom:33px;}


    /*---------------------------- SECTION 1 -------------------------------*/

    .S1_videoContainer  {
                        position:absolute; 
                        top: 0; 
                        left: 0; 
                        height:900px;   
                        min-height:0px;
                    }
                    
    #S1_video   {
                height:900px;   
                padding:0px;
            }

    .S1_bg  { 
            height:900px;    
             min-height:0px;
            }

    .S1_logoContainer  {
        top:25%;
        }

    .paragraph2 {
                width:80%;
                font-size: 1.5em; 
                word-wrap: normal;
                line-height: 1.5;
                letter-spacing:1px;
                padding-left:10%;
                }


    /*---------------------------- SECTION 2 -------------------------------*/


    #buttonImage    {
                    width:80%;
                    height:auto;
                    position: relative;
                    float:left;
                    left:10%;

                    }

    .sec4-container {
                    width:100%;
                    display:inline-block;
                    position: relative;
                    padding-left:0px;
                    height:auto;
                    }

    .sec4-textbackground    {
                            display:inline-block;
                            height:auto;
                            padding-left:0;
                            background-image: url('../images/background2_light_2.png')  ;
                            }

    #CompanyLogo    {
                    width:30%;
                    padding-bottom: 30px;
                    }

    .buttonImage-container  { 
                            width:100%;
                            }

                            
    .paragraph3 { font-size:1.6em;
    }

}


/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {

    body {overflow-x:hidden!important;}
    
    .display-table-section-2 { display:relative; vertical-align:middle; width:100%; height:80vh;}
    .display-table-section-3 {display:relative; vertical-align:middle; width:100%; height:auto; max-height:unset;}

    .scroll-container {
        width:100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height:80vh;
    }   
     #S1_video {height:100%; width:auto; padding:0px;}

    .product-image {
        height:80vh;
    }

    .paragraph { font-size:1.8em;
    }
  
    .scenario_title {
        font-size: 2em;
        letter-spacing: 5px;
    }

    .sec4-textbackground {
        display:inline-block;
        height:auto;
    }

    #buttonImage {
        width:80%;
        height:auto;
        position: relative;
        float:left;
        left:10%;
        
    }


/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
    --------------------------------- */
    
    body {overflow-x:hidden!important;}
    
    img.logo {width:40%; vertical-align: inherit;}
    img.scrollicon {width:50px; align-content: center; vertical-align: inherit; }
    img.playicon {width: 90%; max-width:100px; min-width:50px; padding-top:30px;}
    img.playiconhover {width: 90%; max-width:100px; min-width:50px; padding-bottom:31px;}

    .display-table-section-1 {height:80vh;   display:inline-block;}
    

    #S1_video {height:100%; overflow:hidden;}

    .S1_bg { height:80vh;}


    
    .center-text { text-align: center; } 

 
    .S1-display-table-cell { display:relative; vertical-align:middle; width:100%; height:80vh;}
    .display-table-section-2 { display:relative; vertical-align:middle; width:100%; height:80vh;}
    .display-table-section-3 {display:relative; vertical-align:middle; width:100%;}
    .display-table-section-4 { height:450px;}

    .S1_videoContainer {position:absolute; top: 0; left: 0; height:80vh;}
    .logoContainer {top:20%;}

    .scroll-container {
        
        width:100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height:80vh;
    }


    .product-image {
        height:80vh;

    }

    .paragraph2 {
        width:90%;
        padding-left:5%;
        font-size:1.2em;
        padding-bottom:20px;
        
    }

    .paragraph3 { 
        font-size:1.3em;
        color: white;
         margin:0px;   
        padding-left:5%;
        width:95%;       
        
    }

    .whoweare_div1 {
        width:100%;
        height:auto;
        border-right:none;
        padding: 0px;
        margin: 0px;
        padding-bottom:20px;
    }

    .whoweare_div2 {
        width:100%;
        height:auto;
        margin: 0px;
        padding-bottom:20px;
    }

    .whoweare_hsimg {
        position: relative;
        padding-top:20px;
    }

    .whoweare_nuvechimg {
        position: relative;
        padding-top:20px;
    }


    #buttonImage {
        width:80%;
        height:auto;
        position: relative;
        float:left;
        left:10%;
    }

    .vl { 
        visibility: hidden;
        }

    .display-table-section-6    { 
                                height:auto;
                                }


    .linked-table-cell1 { display:inline-block; width:100%; vertical-align: middle;  }
    .linked-table-cell2 { display:none;}
    .linked-table-cell3 { display:inline-block; width:100%; vertical-align: middle;   }
    .table-cell1 { width:100%; vertical-align: middle;   }
    .table-cell2 { display:none }
    .table-cell3 { width:100%;vertical-align: middle;  }  
    
    p   { 
   
    font-weight:100;
    font-size: 14px; 
    color: lightgray; 
    vertical-align: top;  
    line-height: 20px;
    }

    .paragraph { font-size:1.2em;
    }
  
    .scenario-img1{height:400px;
    }

    h1 {
    font-weight: 100; 
    letter-spacing: 18px; 
    padding-top: 20px;
    font-size: 23px;
    }

    h3 {
        font-size: 1.7em; font-weight: 100; 
    letter-spacing: 10px; 
    padding-top: 10px;
    }
    
    h4{ font-size: 1.7em;}

    .scenario_title {
        font-size: 1.2em;
        letter-spacing: 5px;
    }
    
    
    h2{ font-size: 1.7em; line-height: 1.1; letter-spacing: 15px; text-indent:15px; font-weight:100; }

    
    img.video{ height:140px; }
    img.videooverlay { height:140px; }
    img.productdoc{  height:140px;  }
    img.documentoverlay { height:140px; }
    
    .details {font-size: 1.8em;
    }
    .email {font-size: 1.4em;}

    .fa {font-size:25px;}

    .contact {
        font-size:3em;
    }

    .contacticon {
        width:80px;
        padding-top:20px;
    }


    
.navBar {
    margin: 0px;
    overflow: hidden;
    position: fixed;
    display: block;
    width:100%;
    text-align: center;
    z-index: 3;
    padding-bottom:50px;
}

.navBar a {
    margin: 0px;
    width:110px;
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 20px 20px 20px 0px;
    text-decoration: none;
    font-size: 11px;
}

.navBar a:hover {
    margin:0px;
    color: #7da8c7;
}

.navBar .icon2 {
    margin: 0px;
    float:right;
    right:0px;
    text-align: right;
    top: 0px;
    position:relative;
    height:auto;
}

.navBar.responsive {position: fixed;padding-bottom:70px;}
.navBar.responsive .icon2 {
  margin: 0px;
  float:right;
  right:0px;
  text-align: right;
  position: absolute;
  padding: 20px 20px 20px 0px;

}
  
.navBar.responsive a {
  margin: 50px 0px 0px 0px;
  float: right;
  display: block;
  text-align: right;
  width:100%;
  margin-bottom:-60px;

}   


.carousel-inner {
    height:auto;
}

.item {
    height:auto;
}

.display-table-section-5 {
    height:auto;
}

.carousel-img{
    height:auto;
}

  
}