@media (min-width: 1800px) and (max-width: 3000px) {
    .catalog-img {
    position: relative;
        left: 70%;
    top: 60px;
}
}
@media (min-width: 1400px) and (max-width: 1700px) {
    .catalog-img {
    position: relative;
    left: 130px;
    top: 100px;
}
}
@media (min-width: 200px) and (max-width: 1199px) {
}
@media (min-width: 1200px){
.container {
max-width: 1170px;
}
}
/* ===================================================== */
/* =============   TABLET LANDSCAPE VIEW CSS =========== */
/* ===================================================== */	
@media (min-width: 991px) and (max-width: 1024px){
h4 {
    font-size: 20px;
}
    h2 {
    font-size: 40px;
}
.header_style_01{
padding: 27px 0px;
}
.header_style_01.fixed-menu {
padding: 20px 0px;
}
.header_style_01.fixed-menu .linegreytop {
margin-top: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link{
font-size: 14px;
padding: 5px 6px;
margin-left: 10px;
margin-right: 10px;
}
.mrtl-header {
width: 133%;
}
.padtop165 {
padding-top: 112px;
}
.header_style_01 .navbar-brand img {
margin-top: 0px;
}
.w100ipad-pro{
width: 100%;
} 
.padlr70 {
padding-right: 10px;
padding-left: 25px;
}
.d-none-ipadpro{
display: none!important;
}
.mrtl-header {
margin-left: -134px;
}
.padr0-ipadp{
padding-right: 0!important;
}
    .font40 {
    font-size: 33px;
}
    .call-back-btn{
        font-size: 20px;
    }
    .font80 {
    font-size: 60px;
}
    .padtop140 {
    padding-top: 80px;
}
    .padleft40 {
    padding-left: 50px;
}
    .padtop190 {
    padding-top: 75px;
}
 .font70 {
    font-size: 54px;
}
 .catalog-img {
    left: 39px;
    top: 80px;
}
    .font35 {
    font-size: 21px;
    padding-left: 45px;
}
 .font25 {
    font-size: 18px;
}
    .padall25 {
    padding: 25px 10px 25px 16px;
}
    .pos-rel25p {
    left: 0;
}
    .border-btm-wht:after{
        display: none;
    }    
    .padright15-pro{
        padding-right: 15px!important;
    }
      .needs-box {
    padding: 28px 30px 48px 30px;
}
 .bg-lite-blue2 {
    padding: 25px 24px;
}
    .bg-wht-box3 {
    padding: 30px 20px;
}
    .wht-bx {
    padding: 100px 27px 60px 20px;
}
 .font70-title {
    font-size: 55px;
}
    .padall55 {
    padding: 25px 40px 25px 67px;
}
  .font35-title {
    font-size: 30px;
    line-height: 40px;
} 
    .padtop25 {
    padding-top: 10px;
}
  iframe{
        width: 100%;
    }
    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{
        margin-top: -8px;
    }
    .nav.nav-tabs li {
    padding: 0px 20px;
    width: 295px;
}
}
/* ===================================================== */
/* =============   TABLET POTRAIT VIEW CSS ============= */
/* ===================================================== */	
@media (min-width: 768px) and (max-width: 1023px){
h1 {
font-size: 90px;
line-height: 90px;
}

h3 {
font-size: 45px;
}
.header_style_01 {
position: absolute;
top: 0px;
width: 100%;
z-index: 3;
height: 80px;
padding: 13px 0px;
box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
}
.navbar-collapse{
margin-left: -24px;
margin-right: -24px;
}
.header_style_01 .header-nav {
}
.header_style_01 .navbar-brand img {
width: 85%;
margin-top: 0;
}
.navbar-nav{
height: 220px;
margin-top: 10px;
padding-top: 20px;
border-top: solid 1px #d8d9d9;
background: #e6e6e6;
}
.navbar-expand-lg .navbar-nav .nav-link{
margin-top: 12px;   
}
.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{
padding: 8px 9px 5px 23px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0px 28px;
}
.w100ipad{
width: 100%;
} 
.d-none-ipad{
display: none!important;
}
    .d-block-ipad{
display: block!important;
}
    .padtop10-ipad{
padding-top: 10px!important;
} 
.padtop30-ipad{
padding-top: 30px!important;
} 
    .pos-rel25p {
    left: 0px;
}
    .pos-rel25 {
    left: 0px;
}
    .explore-box {
    padding: 05px 45px 25px 45px;
}
.font-pos {
margin-top: -92px;
margin-left: 16px;
}
    .bg-protechnic{
        padding: 0px 30px;
    }
    .font70{
        line-height: 80px;
    }
    .padright50 {
    padding-right: 15px;
}
    .padleft40 {
    padding-left: 15px;
}
    .bg-wht-box{
        padding: 30px 30px;
    }
    .grab-btn {
    padding: 0px 25px;
}
    .font35 {
    font-size: 19px;
    padding-left: 50px;
}
    .font19{
        font-size: 19px;
        line-height: 25px;
    }
    .padright35 {
    padding-right: 15px;
}
    .formarea {
    padding-right: 0px;
}
    .blue-pad-box {
    padding: 30px 20px;
}
    .footerfont13 {
    font-size: 12px;
    line-height: 21px;
        padding-top: 10px;
}
.padtop80 {
    padding-top: 40px;
}
.padtop120 {
padding-top: 60px;
}
.font30-heebo {
font-size: 25px;
line-height: 30px;
}
.br-right::after{
display: none;
}
.mrtl-header {
margin-left: -32px;
}

.padright70 {
padding-right: 10px;
}
.padtop100 {
padding-top: 60px;
}
.padbot100 {
padding-bottom: 60px;
}
.footerbg {
background: #151f29;
} 
   
.padtop140 {
    padding-top: 55px;
}
    .font80 {
    font-size: 53px;
    line-height: 60px;
}
.padtop375 {
    padding-top: 200px;
}
     .box-leadership2 {
    padding: 30px 20px;
}  
.w90-ipad {
    width: 190%;
}   
 .font55 {
    font-size: 38px;
}
    .padleft58 {
    padding-left: 0px;
}
    .padright4-ipad {
    padding-right: 4px;
}
    .wht-bg {
    padding: 45px 55px 0px 53px;
    margin-top: -90px;
}
    .padtop150 {
    padding-top: 35px;
}
    .padleft25 {
    padding-left: 15px;
}
 .free-box {
    padding: 50px 30px 50px 30px;
}
.padtop190 {
    padding-top: 89px;
}
    .achieve-box{
            padding: 25px 20px;
    }
    .padleft55 {
    padding-left: 10px;
}
    .case-studies-box{
            padding: 30px 25px 30px 25px;
    }
     .font_70 {
    font-size: 60px;
    line-height: 80px;
}
    .bg-lite-blue3 {
    padding: 45px 40px;
}
    .font45 {
    font-size: 40px;
}
 .font70-title {
    font-size: 40px;
}
    
.padleft0-ipad {
    padding-left: 0;
}
    h2 {
    font-size: 36px;
    line-height: 60px;
}
    .font30{
        font-size: 21px;
        line-height: 35px;
    }   
    .partner-box {
    padding: 60px 65px;
}
      .partner-box2 {
    padding: 60px 65px;
}
     .wht-spac{
    white-space: normal;
}
    
    .border-btm-wht:after{
        display: none;
    }
    .padleft35 {
    padding-left: 20px;
}
    .pos-glance-sec {
    position: relative;
    left: 0px;
}
    .wht-bx {
    padding: 100px 30px 60px 30px;
}
    .call-back-btn{
        font-size: 21px;
    }
     .padall55 {
    padding: 30px 20px;
}
 .font35-title {
    font-size: 27px;
    line-height: 37px;
}
 .font_120 {
    font-size: 90px;
    line-height: 95px;
}   
 .font25 {
    font-size: 25px;
    line-height: 39px;
} 
    .font17 {
    font-size: 17px;
    line-height: 25px;
}
    .bg-expert{
        background-position: right top;
    }
     .padtopxs0ipad{
padding-top: 0px!important;
} 
    .padrightxs0ipad{
padding-right: 0px!important;
}   
    .padall20 {
    padding: 25px 24px 25px 22px;
}
    .nav.nav-tabs li {
    width: 219px;
}
     iframe{
        width: 100%;
    }
    .box-wht-contact {
    padding: 25px 70px 80px 30px;
}
    video, .video_wrapper, .videoPoster{
        width: 100%!important;
        height: 300px;
    }
}
/* ===================================================== */
/* =================   MOBILE VIEW CSS ================= */
/* ===================================================== */	
@media (min-width: 320px) and (max-width: 767px){
h1{
font-size: 70px;
line-height: 75px;
} 
h2 {
font-size: 28px;
line-height: 40px;
}   
h3 {
font-size: 28px;
}
    .wht-spac{
    white-space: normal;
}
.header_style_01 {
position: absolute;
top: 0px;
width: 100%;
z-index: 3;
height: 70px;
padding: 9px 0px;
box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
border-bottom: solid 1px #d8d9d9;
}
    .padleft55 {
    padding-left: 15px;
}
    .font14{
        line-height: 20px;
    }
    .font30{
       font-size: 24px;
    line-height: 35px;
    }
    .font60 {
    font-size: 40px;
}
    .font45 {
    font-size: 28px;
}
    .font50 {
    font-size: 38px;
}
    .font55 {
    font-size: 30px;
}
    .padall25 {
    padding: 25px 25px 25px 25px;
}
    .partner-box {
    padding: 30px 0px 100px 0px;
    margin-top: 0px;
}
      .partner-box2 {
    padding: 30px 0px 100px 0px;
    margin-top: 0px;
}
    .footerfont13 {
    font-size: 14px;
    line-height: 24px;
}
    .padbot40 {
    padding-bottom: 20px;
}
    .pos-rel25p {
    position: relative;
    left: 0;
}
    .pos-rel25 {
    position: relative;
    left: 0;
}
    .explore-box {
    background: #ffffff;
    padding: 20px 25px;
}
    .border-right{
        border-right: none!important;
    }
    .font28 {
        font-size: 20px;
            padding: 3px 10px;
    }
    .padright50 {
    padding-right: 10px;
}
    .padleft40 {
    padding-left: 15px;
}
    .bg-protechnic{
        padding: 0px 20px;
    }
    .bg-wht-box{
        padding: 30px 25px;
    }
    .grab-btn{
        padding: 0px 30px;
    }
    .text-center-xs{
        text-align: center!important;
    }
    .font35 {
    font-size: 20px;
    padding-left: 0;
    padding-top: 4px;
}
    .font70{
        font-size: 40px;
    }
    .achieve-box {
    padding: 0px 0px;
    margin-top: 0px;
}
    .padbot165 {
    padding-bottom: 50px;
}
    .case-studies-box{
         padding: 30px 30px;  
    }
    .free-box{
        padding: 30px 30px;
    }
.navbar-collapse{
}
body.app_version .header_style_01.fixed-menu {
top: 0px;
}
.navbar-toggler{
margin-right: 25px;
}
.header_style_01 .navbar-brand {
width: 80%;
padding: 2px 15px 0 25px;
}
.header_style_01 .header-nav {
padding-left:0;
padding-right:0;
padding-top: 0;
padding-bottom: 0;
}
.header_style_01 .navbar-brand img {
margin-top: 3px;
width: 75%;
}
.navbar-nav {
padding-top: 25px;
padding-bottom: 25px;
height: 220px;
margin-top: 8px;
border-top: solid 1px #d8d9d9;
background: #e6e6e6;
}
.navbar-expand-lg .navbar-nav .nav-link{
margin-top: 0;
padding: 8px 20px;
margin-left: 5px;
margin-right: 5px;
}
.header_style_01.fixed-menu .navbar {
padding: 0rem 0;
}
.header_style_01.fixed-menu .navbar-brand img {
margin-top: 0;
}
.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {
padding: 8px 9px 8px 23px;
}
.w100xs{
width: 100%;
}
.kit-pos-tl {
    margin-top: 0px;
}
.discuss-box{
    padding: 50px 30px;
}
.padleftxs0{
padding-left: 0!important;
}
.padrightxs0{
padding-right: 0!important;
}
    .padtopxs0{
padding-top: 0px!important;
} 
.padtopxs10{
padding-top: 10px!important;
} 
    .padtopxs20{
padding-top: 20px!important;
} 
.padtopxs30{
padding-top: 30px!important;
} 
.padtopxs50{
padding-top: 50px!important;
} 
.padbotxs20{
padding-bottom: 20px!important;
}
.padleft10f{
padding-left: 15px;
}
.padright10f{
padding-right: 15px;
}

.padlrxs{
padding-left: 15px;
padding-right: 15px;
}
.padlrxs25{
padding-left: 25px;
padding-right: 25px;
}  
.padtop70 {
padding-top: 35px;
}
.padtop100 {
padding-top: 50px;
}
.padbot100 {
padding-bottom: 50px;
}
.padtop50 {
padding-top: 25px;
}
.padtop40 {
padding-top: 20px;
}
.padbot80 {
padding-bottom: 40px;
}
.padtop30 {
padding-top: 15px;
}
.padleft35 {
padding-left: 10px;
}
.padtop80 {
padding-top: 40px;
}
.mrtl-header {
margin-left: 0;
}
.funding-submit{
    font-size: 18px;
        padding: 12px 10px 12px 10px;
}
    .font23-heebo{
        font-size: 18px;
        line-height: 30px;
    }
    .padall25n {
    padding: 20px 20px 30px 30px;
}
    .mrleftm15 {
    margin-left: 18px;
}
   .font_100 {
    font-size: 60px;
    line-height: 70px;
} 
    .needs-box {
    padding: 30px 30px 30px 30px;
}
.padtop80h {
padding-top: 45px;
}
.font-pos {
margin-top: -35px;
margin-left: 35px;
position: relative;
top: -68px;
}    
.text-border::after{
display: none;
} 
.text-border2::after{
display: none;
} 
.padright70 {
padding-right: 15px;
}
.padtop120 {
padding-top: 50px;
}
.br-right::after{
display: none;  
}
.padtop60 {
padding-top: 30px;
}
.footerbg {
background: #151f29;
}
    video, .video_wrapper, .videoPoster{
        width: 100%!important;
        height: 300px;
    }
    .footer-font16{
        margin-left: 0;
            padding-top: 5px;
    }
  .padbot50{
padding-bottom: 50px;
}
.padleft65 {
padding-left: 20px;
} 
    .text-xs-left{
        text-align: left!important;
    }
    .padtop140 {
    padding-top: 70px;
}
    .pos-glance-sec {
    position: relative;
    left: 0px;
        text-align: center;
}
 .font23 {
    font-size: 19px;
}  
 .font21 {
    font-size: 16px;
    padding: 3px 15px;
}
.border-btm-wht:after {
        display: none;  
    }
    .dnone-xs{
        display: none!important;
    }
    .padleft58 {
    padding-left: 0px;
}
.product-text-pos {
       margin-top: 30px;
    margin-left: 0px;
} 
.font80-title {
    font-size: 54px;
    line-height: 56px;
}
    .font21-whtbox {
    font-size: 19px;
    margin-top: 30px;
}
    .padbot60 {
    padding-bottom: 30px;
}
    .font40 {
    font-size: 30px;
}
 .font_120 {
    font-size: 47px;
    line-height: 52px;
}  
 .bg-expert{
    background: #ffffff;    
    }   
    .wht-bx {
    padding: 35px 25px 35px 25px;
}
    .font_70 {
    font-size: 45px;
    line-height: 55px;
}
    .font70-title {
    font-size: 36px;
}
    .bg-dark-blue-half {
    background: linear-gradient(to bottom, #003a59 95%, #ffffff 5%);
}
    .mrleftm18 {
    margin-left: 26px;
}
   
    .bg-lite-blue3 {
    padding: 25px 25px;
}
  .font100 {
    font-size: 75px;
    line-height: 75px;
}  
 .font35-title {
    font-size: 31px;
    line-height: 45px;
}
    iframe{
        width: 100%;
    }   
   .box-wht-contact {
    padding: 25px 30px 40px 30px;
}
    .funding-submit2{
        font-size: 17px;
            padding: 15px 15px 15px 15px;
    }  
    .formarea {
    padding-right: 0px;
}
    .font19{
        font-size: 19px;
        line-height: 25px;
    }
    .font23-wht {
    font-size: 20px;
}
 .padright35 {
    padding-right: 15px;
}
    .address-box50 {
    padding: 30px 30px;
}
 .blue-pad-box {
    padding: 25px 25px;
}
    .nav.nav-tabs li {
    padding: 0px 8px;
    width: 120px;
}
    .padall15-n {
    padding: 5px 5px 5px 5px;
        text-align: center;
}
    .font16-xs {
    font-size: 16px!important;
        line-height: 25px;
        padding-top: 10px;
}
    .w35-xs{
        width: 35%;
    }
    
}
/* ===================================================== */
/* ===============  iPHONE 5S SMALL VIEW CSS =========== */
/* ===================================================== */	
@media (min-width: 320px) and (max-width: 340px) {
}