@media (max-width: 1920px) {
.industry {
    height: 588px;
}
}

@media (max-width: 1600px) {
	.presenceimg {width:45%;}
}

@media (max-width: 1440px) {
	.presenceimg {width:50%;}
	.industry {
    height: 390px;
}
.ems-industry{
        height: 450px;
}
}
@media (max-width: 1366px) {
	.presenceimg {width:50%;}
}
@media (max-width: 1280px) {
	.statdiv {background-size: 60%;}
    .search-box.w-100 {
        width: 30%;
    }
    .carousel-caption h5 {
        font-size: 40px;
    }
    .carousel-caption h1 {
        font-size: 21px;
    } 
}
@media (max-width: 1199px) {
    .team-hover .desk p {
        font-size: 10pt;
    }
}
@media (max-width: 1170px) {
    .ems-industry,.industry {
    height: auto;
}
}
@media (max-width: 1030px) {
}
@media (max-width: 1024px) {
	footer h5 {font-size:14px;}
	.presenceimg {top:115%;}	
	.cline {margin-bottom:100px;}
	.climbdiv .mt-6, .climbdiv .my-6 {margin-top:3rem !important;}
	.principle {width:80%;}
	.principle .carousel-caption {width:90%; margin:0 auto; top:-20px; left:0;}
}

@media (max-width: 1023px) {
    
    .preview-devices {
        display: none;
    }
}
@media (max-width: 991px) {
    	.navbar-light .navbar-toggler-icon {background-image:url("../images/hamburger-menu.png");}
    .team-hover .desk p {
        font-size: 12pt;
    }
}
@media (max-width: 990px) {
	.navbar {/**margin-top: -60px;**/ background-color: transparent !important; border-bottom: solid 1px #666;}
	/*.navbar-light .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}*/

	.navbar-brand {margin-left: 0.5rem;}
	.navbar .container {margin:0 10px;}
	.navbar-light .navbar-toggler {margin:5px 10px 20px; padding:2px 10px 2px; border-color: rgba(255,255,255, 0.5);    position: absolute;
    top: -75px;
    right: 25px;}
    .navbar-light .navbar-toggler:focus{
        outline:none;
    }
	.navbar-light .navbar-nav .nav-link {color: rgba(255,255,255,.5);}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: rgba(255,255,255,.9);}
	.dropdown-menu {background-color:#333;}
	.dropdown-item:hover {background-color:#ddd !important;}
	.dropdown-item {color: #eee;}
	.maincontent {margin-top: 78px;}
	.rightnav {text-align:center; display: none;}
	.rightnav .rightlink {float:none !important; display:inline-block !important; margin:10px 0;}
	.presencediv {padding:10% 10% 12% 37%;}
	.cline {margin-bottom:20px;}
	.climbdiv {width:100%;}
	.climbdiv .mt-6, .climbdiv .my-6 {margin-top:2rem !important;}
	.principle {width:100%;}
	.statdiv .w-75 {width:100% !important;}
	.testidiv h1 {font-size:50px;}
	small {font-size:60%;}
	footer .col-md-3 {width:100% !important;}	
	.principle .carousel-caption h1 {font-size:60px; margin-bottom:20px;}
	.offering, .graybox {padding:6%;}
	.stat h1, .stat1 h1 {padding-top:32%;}
	.footerbtm {padding-bottom:20px;}
	.footerbtm, .footerbtm .text-right {text-align:center !important;}
	.fabout h2 {font-size:25px;}
	.fabout p {font-size:12px; line-height:18px;}
	footer h5 {font-size:9px;}
	/*footer li a {font-size:10px;}*/
	.flogo  {margin:10px 0;}
	.flogo .navbar-brand {width:70px;}
	.flogo .logo-side {font-size:7px; margin-top:8px; padding-left:5px;}
	.language-drop {
    padding-right: 130px;
}

}
@media (max-width: 768px) {
    .navbar-light .navbar-toggler {
        right: 5px;
    }
.industry {
    padding: 7% 10% 5% 10%;
    }
.navbar-brand img {
    width: 110px;
}
/*.navbar-light .navbar-toggler {
    right: 5px;
}*/
.navbar-light .navbar-toggler {
     margin: 0; 
     padding:0; 
    top: -60px;
}
.language-drop {
    padding-top: 20px;
}

}
@media (max-width: 767px) {
    
    
    .navigate {
        float: none;
        margin: 0 auto;
        text-align: center;
        display: table; 
        padding-right: 0;
        width: 100%;
    }
    
    .navigate ul {
        float: none;
        text-align: center;
        margin: 0 auto;
    }
    
    .navigate .navigate-like {
        display: none;
    }
    
    .navigate a.download span {
        display: none;
    }
    
    
   .navigate ul li a.download {
        font-size: 20px;
        display: block;
        float: left;
        line-height: 1px;
        margin: 0 0 0 5px ;
    }
    
    .navigate ul li a.download i {
        font-size: 20px;
        float: none;
    }

    .navigate ul li a, .navigate ul li a.download  {
        width: 17%;
        margin-left: 2%;
        padding: 10px 0;
    }
	
	.presencediv {width:100%; padding:10%;}
	.presenceimg {width:100%; position:relative;}	
	header .ml-auto {width:100%;}	
	header .container {width:100%;}
	.navbar .ml-auto {width:auto;}
	.navbar-nav li {margin:0;}	
	.carousel-caption {position:relative; background-color:#231f20; right:0; left:0; bottom:0; padding: 20px;}
	.climbdiv {margin:20px 0;}
	.climbdiv img {margin-left:0;}
	.withinreach {padding:10% 2%;}
	h1 {font-size:50px;}
	.principle h3 {margin:10px 0;}
	.principle .carousel-thumb h4 {font-size:12px;}
	.principle .carousel-thumb li {margin:5px 10px;}
	.principle .carousel-caption h1 {font-size:40px; margin-bottom:20px;}
	.principle .carousel-caption {width:90%; margin:0 auto; top:-20px;}
	.graybox {margin-bottom:1px;}
	.graybox h1 {margin-bottom:20px;}
	.statdiv {z-index:0; margin-top: -50px; background-size: 100%}
	.stat, .stat1 {margin:20px;}
	.stat h1, .stat1 h1 {padding-top:17%;}
	.testidiv .w-100 {margin:0;}
	.search-form-wrapper {margin-top:0 !important;}
	footer li ul {margin-bottom: 15px;}
	
	.industry {
    padding: 7% 10% 7% 10%;
    width: 100%;
    height: auto;
    }
    .industry-img {
    position: static;
    width: 100%;
    top: 0;
}
.culture {
    width: 100%;
    position: static;

}
.culture p {
    padding: 0 10px;
}

    /*.carousel-caption h1 {
    font-size: 35px;}
    
    .carousel-caption h5 {
    font-size: 20px;
}*/
    /*.carousel-caption h1, .carousel-caption h2 {
        font-size: 20px;
        line-height: 1;
    }*/
    .carousel-caption h1, .carousel-caption h2 {
        font-size: 17px;
        line-height: 1;
    } 

    .carousel-caption h5, .carousel-caption h4 {
        font-size: 20px;
    }
.fabout img{
    width: 200px;
}
.language-drop {
       position: absolute;
    top: 1.5em;
    right: 0em;
}
.language-drop .dropdown button {
    font-size: 13px;
}

}

@media (max-width: 545px) {
.language-drop {
top: 3.5em;
    padding-right: 0.5em;
    right: 0em;
}
.language-drop .dropdown button img,.language-drop .dropdown a img {
    width:15px;
}
.language-drop .dropdown .dropdown-menu{
    left: -4em;
}
#header {
        padding: 5px 0;
}
.navbar {
    border-bottom: none;
}
}


@media (max-width: 480px) {
	p {font-size: 15px; line-height: 22px;}
	p small {font-size: 12px;}
	.cta a {font-size: 14px;}
	.fabout h2 {font-size: 35px;}
	footer h5 {font-size: 15px;}
	/*footer li a {font-size: 10px;}*/
    header .logo-side {
        font-size: 9px;
        line-height: 10px;
        /*max-width: 140px;*/
        /*margin-top: 25px;*/
        margin-top: 20px;
        padding: 10px 0 10px 10px;
        /* margin-left: -50px; */
    }
	.flogo .logo-side {font-size: 8px; margin-left: -20px;}
	.flogo img {width: 80%;}
    .benefits img {
    width: 35%;
}
.cd-horizontal-timeline .events-content li.selected{flex-wrap: wrap; align-items: center; justify-content: left;  text-align: center !important;   align-items: center;   flex-direction: column;}
  .cd-horizontal-timeline .events-content li > *{text-align:center;}
  .events-content ol{padding-left:0;}
  .testimonial {
    padding: 40px 10px;
}
.demonstrate a {
    font-size: 12px;
}
.culture h4 {
    line-height: 1;
}

    .navbar-brand img {
        width: 90px;
    }

    .search-box-mob {
        top: 25px;
    }

    .us {
        left: 9.3%;
        top: 18%;
    }

    .japan {
        right: 12%;
        top: 22%;
    }

    .china {
        right: 17%;
        top: 24%;
    }

    .vietnam {
        right: 20%;
        bottom: 49%;
    }

    .india {
        right: 29%;
        bottom: 49%;
    }

    .japan .tooltiptext {
        /*margin-left: -100px;*/
    }

        .japan .tooltiptext::after {
            left: 66%;
        }

    .right-map .tooltiptext {
        margin-left: -180px !important;
    }

    .us .tooltiptext {
        margin-left: -30px;
    }
    .language-drop {
    top: 2.8em;
}

}

@media (max-width: 375px) {	
	.principle .carousel-thumb h4 {font-size: 10px;}
	.principle .carousel-thumb li {margin: 5px;}
	.rightnav .rightlink a {padding:0 5px; font-size: 11px;}
	.stat h1, .stat1 h1 {width:120px; height: 120px; padding-top:12%;}
}