/*

1 Reset Css #res
2 Font Face #face 
3 Inputs #input
4 Global Styles #glob
5 Wrappers #wrap
6 Custom CSS #custom
7 Media Query #media

*/

/*================================= 1 Reset Css ( #res ) =================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#006db7;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0}

img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle; transition:all 0.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.5s ease 0s;}

ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}

#wp-toolbar ul:after{content:none}

.last_li , .last{margin-right:0 !important; padding-right:0 !important}
.first_li, .first{margin-left:0 !important; padding-left:0 !important}

.clearfix:after , ul:after , ol:after ,  .full_row:after
{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/*================================= 2 Font Face ( #face ) =================================*/
/* TypoGraphy */
/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Shadows Into Light Two', cursive;
font-family: 'Oswald', sans-serif;
*/


/*================================= 3  Inputs ( #input ) =================================*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {color:#343434; font-style:normal;}
:-moz-placeholder {color:#343434; font-style:normal;}
::-moz-placeholder {color:#343434; font-style:normal;}
:-ms-input-placeholder {color: #343434; font-style:normal;}

button::-moz-focus-inner {border: 0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}

input[type=submit]{padding:12px 20px; background:red; font-weight:normal; color:#fff; display:block; margin:0 auto}
input[type=submit] , input[type=button]{cursor:pointer; border:0}
input:focus{outline:none;}
body textarea{resize:none; height:270px; font-size:18px; font-style:italic; color:#656565; line-height:31px; padding:15px 0 0 25px; border-color:#b7b7b7; }

input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{background:#f8f7f7; border: 1px solid #d6d5d2; border-radius:0; color: #343434; font-size: 21px; font-weight: 400; line-height: 26px; width:100%; height:50px; padding:5px 15px; box-shadow:none; -webkit-appearance:none}

input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {
background:#f3f3f3}

form label{color: #006db7; font-size: 16px; display: block; font-weight: 900; margin-bottom:10px; text-transform:uppercase}

.form_row{padding-bottom:25px}
.form_row.msg_row{padding-bottom:10px}
.form_row.submitrow{padding-bottom:0}

input:required{box-shadow:none}

/*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */

*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*================================= 4 Global Styles (#glob) =================================*/


/* Image Alignment */
.alignnone , a img.alignnone {margin: 5px 0 50px}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 60px auto}
.alignright , a img.alignright{float:right; margin: 5px 0 60px 60px}
.alignleft , a img.alignleft {float: left; margin: 5px 60px 60px 0}
a img.aligncenter {display: block;  margin-left: auto; margin-right: auto}

p , .content_row ul li, .content_row ol li{color: #343434; font-size: 20px; font-weight: 300; line-height: 30px; margin-bottom:20px}

p:last-child{margin-bottom:0}
p.intro{color: #666; font-size: 24px; font-weight: 300; line-height: 34px; margin-bottom:20px}

p a{color:#006db7; font-weight:bold}
p strong{font-weight:700}
p em{font-style:italic}

p a:hover{text-decoration:underline}

.content_row ul , .content_row ol{padding-bottom:10px}
.content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; color:#343434}

.content_row ul li{padding-left:20px}
.content_row ul li:before {color: #444444; content: "•"; font-weight: bold; left: 0; position: absolute; font-size:6px;}

.content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0}

.content_row ol{counter-reset: section}
.content_row ol li{padding-left:40px}

.content_row ol > li:before {color:#343434; content:counter(section, decimal) "."; counter-increment:section; padding-right:5px; font-size:18px; position:absolute; left:0}





/* ================================= 5 Wrappers #wrap ================================= */	
*, ::before, :after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{background:#ffffff; font-family: "Titillium Web", sans-serif; line-height: 1; color:#343434}
.container{max-width:1400px; width:100%; padding: 0 50px; margin: 0 auto;}
.row{
    display: flex;
    flex-wrap: wrap;
    margin-inline:-15px;
}
.full_row{width:100%; float:none; margin:0 auto}
.small_container{max-width:850px; margin:0 auto; float:none}
.site_full{max-width:1690px; margin:0 auto; position:relative}

h1{
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #044C8E;
    margin-bottom: 60px;
}
h2{
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #002D5D;
    margin-bottom: 60px;
}
p{
    font-size: 22px;
    line-height: 32px;
    color: #231F20;
    font-weight: 400;
    margin-bottom: 40px;
}
p:last-child{
    margin-bottom: 0;
}
ul li{
    font-size: 22px;
    line-height: 32px;
    color: #231F20;
    font-weight: 400;
    margin-bottom: 40px;
}
ul li strong{
    font-weight: 600;
}
ul li:last-child{
    margin-bottom: 0;
}
.btn, .btn.blue_btn{
    font-size: 22px;
    line-height: 30px;
    background-color: #F6921E;
    color: #fff;
    font-weight: 600;
    padding: 10px 36px;
    min-width: 280px;
    text-align: center;
    box-shadow: none;
    text-decoration: none;
    border-radius: 100px;
    display: inline-block;
}
.btn:hover{ 
    background-color: #F36C21;
}
.btn.blue_btn{
    background-color: #002D5D;
}
.btn.blue_btn:hover{ 
    background-color: #005BAA;
}

.btn.large, .btn.blue_btn.large{
    font-size: 30px;
    line-height: 36px;
    padding: 10px 20px;
    min-width: 425px;   
}


/* ================================= 6 Custom CSS #custome ================================= */	
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    padding-inline: 15px;
}
.col-md-12 {max-width: 100%; flex: 0 0 100%;}
.col-md-11 {max-width: 91.66666667%; flex: 0 0 91.66666667%;}
.col-md-10 {max-width: 83.33333333%; flex: 0 0 83.33333333%;}
.col-md-9 {max-width: 75%; flex: 0 0 75%;}
.col-md-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
.col-md-7 {max-width: 58.33333333%; flex: 0 0 58.33333333%;}
.col-md-6 {max-width: 50%; flex: 0 0 50%;}
.col-md-5 {max-width: 41.66666667%; flex: 0 0 41.66666667%;}
.col-md-4 {max-width: 33.33333333%; flex: 0 0 33.33333333%;}
.col-md-3 {max-width: 25%; flex: 0 0 25%;}
.col-md-2 {max-width: 16.66666667%; flex: 0 0 16.66666667%;}
.col-md-1 {max-width: 8.33333333%; flex: 0 0 8.33333333%;}

img{
    max-width: 100%;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------Header CSS--------------------------------------------------------------------------------- */

header.main_header .container{
    max-width: 1670px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
header.main_header .btn.blue_btn{
    font-size: 25px;
    line-height: 30px;
    padding: 18px 30px;
    min-width: 350px;
    display: inline-block;
}
header.main_header .menu_left_content{
    display: flex;
    align-items: center;
}
.bar_icons{
    margin-left: 40px;
    position: relative;
}
.bar_icons > a{
    position: relative;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bar_icons a .bar_icon{
    height: 35px;
    width: 50px;
    position: relative;
}
.bar_icons a span{
    height: 3px;
    width: 100%;
    background-color: #002D5D;
    position: absolute;
    left: 0;
    /* transition: all 0.5s ease 0s; */
}
.bar_icons a span:first-child{
    top: 0;
}
.bar_icons a span:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
}
.bar_icons a span:nth-child(3){
    bottom: 0;
}
.navigation_menu{
    position: absolute;
    right: 0;
    top: 100%;
    width: 400px;
    background-color: #002D5D;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    max-height: 500px;
    overflow: auto;
}
/* ::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
    background: #E1F4FD; 
  
}
::-webkit-scrollbar-thumb {
  background: #002D5D;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #002D5D;
} */
.menu_social_media{
    display: none;
}
@media (min-width:768px){
    .bar_icons:hover a{
    background-color: #002D5D;
    }
    .bar_icons:hover a span{
        background-color: #fff;
    }
    .bar_icons:hover a span:first-child{
        transform: rotate(-45deg) translateY(-50%);
        top: 50%;
    }
    .bar_icons:hover a span:nth-child(3){
        transform: rotate(45deg) translateY(-50%);
        top: 50%;
    }
    .bar_icons:hover a span:nth-child(2){
        display: none;
    }
    .bar_icons:hover .navigation_menu{
        opacity: 1;
        pointer-events: all;
        visibility: visible;
    }
}
.navigation_menu ul li{
    display: block;
    margin-bottom: 0;
}
.navigation_menu ul li a{
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    font-weight: 400;
    display: block;
    padding: 20px 46px;
}
.navigation_menu ul li a:hover{
    background-color: #005BAA;
}
.home header.main_header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}
.onedeploy_logo .homepage-logo{
    display: none;
}
.home .onedeploy_logo .homepage-logo{
    display: inline-block;
}
.home header.main_header .logo{
    display: none;
}
body:not(.home) header.main_header{
    position: relative;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    z-index: 999;
}
header.main_header .logo{
    display: inline-block;
}

/* -----------------------------------------------------------Footer CSS--------------------------------------------------------------------------------- */
footer.footer{
    background-color: #002D5D;
    padding: 70px 15px;
    text-align: center;
}
footer.footer > ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
footer.footer > ul li{
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
    margin: 0 25px;
    display: flex;
    white-space: nowrap;
}
footer.footer > ul li img{
    margin-right: 10px;
}
footer.footer > ul li:last-child a{
    margin-right: 10px;
}
footer.footer > ul li:last-child a img{
    margin-right: 0;
}

footer.footer > ul li a{
    font-size: 25px;
    line-height: 32px;
    color: #fff;
    font-weight: 600;
}
footer.footer > ul li strong{
    margin: 0 20px;
}
footer.footer > ul li img{
    height: 35px;
}
footer.footer > ul li:last-child img{
    height: 35px;
    width: 35px;
}
footer.footer p{
    margin-top: 45px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}
footer.footer p strong{
    font-weight: 400;
    margin-left: 15px;
}
footer.footer p a{
    margin-left: 15px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}

/* -----------------------------------------------------------Common CSS--------------------------------------------------------------------------------- */
.deployment_heading{
    background-color: #002D5D;
    padding: 30px 20px;
    text-align: center;
}
.deployment_heading h2{
    font-size: 90px;
    line-height: 90px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.version_section .container{
    position: relative;
    z-index: 1;
}
.version_section{
    background-color: #005BAA;
    position: relative;
    padding: 60px 0;
}
.version_section:after{
    content: "";
    height: 100%;
    width: 100%;
    background-image: url(../images/dots-mid-blue.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.version_section h2{
    color: #fff;
    font-size: 60px;
    line-height: 72px;
    font-weight: 600;
    text-align: center;
}
.version_section h2 strong{
    font-size: 80px;
    line-height: 72px;
    display: block;
    font-weight: 600;
}
.location_details ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    margin: 0 auto 60px;
}
.location_details ul:after{
    content: none;
}
.location_details ul li{
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}
.location_details ul li img{
    max-height: 47px;
    margin-right: 15px;
}
.version_section .btn_sec{
    text-align: center;
}
.timer{
    background-color: #14BDEF;
    border-radius: 20px;
    display: flex;
    padding: 20px;
    max-width: 720px;
    margin: 0 auto 60px;
}
.timer .time-box{
    flex: 1;
    text-align: center;
}
.timer .time-box:not(:first-child){
    border-left: 2px solid #fff;
}
.timer .time-box .number{
    font-size: 70px;
    line-height: 70px;
    color: #002D5D;
    font-weight: 600;
    display: block;
}
.timer .time-box .label{
    font-size: 30px;
    line-height: 30px;
    color: #002D5D;
    font-weight: 600;
    display: block;
}

.deployment_platform_sec{
    background-image: url(../images/gre_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}
.deployment_platform_sec h2{
    text-align: center;
}
.deployment_platform_sec .deployment_platform_content {
    max-width: 520px;
}

.benefits_sec {
    background-color: #F6921E;
    padding: 70px 0;
}
.benefits_sec h2{
    text-align: center;
    color: #000000;
}
.benefits_sec .benefits_box{
    position: relative;
    padding-left: 150px;
    margin-bottom: 60px;
}
.benefits_sec .benefits_box img{
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
    width: 100px;
}
.benefits_sec .benefits_box h3{
    font-size: 25px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
}
.benefits_sec .benefits_box ul li{
    margin-bottom: 8px;
    padding-left: 30px;
    position: relative;
}
.benefits_sec .benefits_box ul li:before{
    content: "";
    height: 8px;
    width: 8px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 12px;
}
.contact_form_section{
    background-image: url(../images/exhibtion-hall.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 15px;
}
.contact_form_section .contact_form_box{
    background-color: #FFFFFF;
    border-radius: 50px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 15px;
}
.contact_form_section .contact_form_box h2{
    text-align: center;
    margin-bottom: 20px;
}
.contact_form_section .contact_form_box p{
    color: #002D5D;
    text-align: center;
    max-width: 810px;
    margin: 0 auto 40px;    
}
.industry_leaders_section{
    padding: 70px 0;
}
.industry_leaders_section h2{
    text-align: center;
}
.industry_leaders_section ul{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.industry_leaders_section ul li{
    max-width: 50%;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    font-size: 30px;
    line-height: 38px;
    color: #002D5D;
    font-weight: 600;
    margin-bottom: 40px;
}
.industry_leaders_section ul li img{
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.industry_leaders_section blockquote{
    text-align: center;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 15px 0 10px;
}
.industry_leaders_section blockquote::before{
    content: "";
    background-image: url(../images/quote-left.svg);
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 50%;
    top: 0;
    background-position: 80%;

}
.industry_leaders_section blockquote::after{
    content: "";
    background-image: url(../images/quote-right.svg);
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    width: 50%;
    top: 0;
    background-position: 20%;
}
.industry_leaders_section blockquote p{
    font-size: 35px;
    line-height: 42px;
    font-weight: 600;
    font-style: italic;
    color: #002D5D;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
/* -----------------------------------------------------------Pages CSS--------------------------------------------------------------------------------- */
.page_title_content{
    padding: 80px 0;
    background-color: #CCECFC;
    position: relative;
}
.page_title_content:after{
    content: "";
    background-image: url(../images/dots-light-blue.svg);
    position: absolute;
    bottom: 0;
    background-position: bottom;
    background-size: cover;
    height: 100%;
    width: 100%;
    pointer-events: none;max-height: 200px;
}
.page_title_content .container{
    position: relative;
    z-index: 1;
}
.page_title_content .container > h2 {
    max-width: 920px;
    margin: 0 auto 60px;
    text-align: center;
}
.page_title_content .col-md-12{
    margin-top: 100px;
}
.page_title_content .col-md-12 h2{
    max-width: 1300px;
    text-align: center;
    margin:  0 auto 40px;
} 
.page_title_content video{
    width: 100%;
    border-radius: 20px;
    margin-bottom: 60px;
}
.page-id-104 .page_title_content .container > h2 {
    max-width: 820px;
}
.page_title_content .col-md-12 .btn{
    display: table;
    margin: 0 auto;
}
.blue_band{
    padding: 100px 0;
    background-color: #002D5D;
}
.blue_band h2{
    color: #14BDEF;
    max-width: 1000px;
    margin-inline: auto;
}
.blue_band p{
    color: #fff;
}
.blue_band .col-md-12{
    margin-top: 100px;
}
.blue_band .col-md-12 h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    max-width: 750px;
    color: #fff;
    margin: 0 auto 40px;
}
.blue_band .col-md-12 .btn{
    display: table;
    margin: 0 auto;
}
.light_blue_gradient_band{
    background-image: url(../images/gre_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.light_blue_gradient_band h2{
    max-width: 900px;
    margin-inline: auto;
    text-align: center;
}
.light_blue_gradient_band .col-md-12{
    margin-top: 80px;
}
.light_blue_gradient_band .col-md-12 h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    max-width: 750px;
    color: #002D5D;
    margin: 0 auto 40px;
}
.light_blue_gradient_band .col-md-12 .btn{
    display: table;
    margin: 0 auto;
}

.news_section{
    background-color: #E1F4FD;
    padding: 80px 0;
}
.news_section .normal_content_band{
    padding-right: 50px;
}
.news_section .normal_content_band img{
    margin-bottom: 40px;
}
.normal_content_band ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 30px;
}
.normal_content_band ul li:after{
    content: "";
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #231F20;
}
.news_section .col-md-4 h3{
    font-size: 30px;
    line-height: 40px;
    color: #002D5D;
    font-weight: 600;
    margin-bottom: 30px;
}
.news_sidebar_list .news_box{
    margin-bottom: 40px;
}
.news_sidebar_list .news_box a{
    border-radius: 15px;
    background-color: #fff;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    top: 0;
}
.news_sidebar_list .news_box a:hover{
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    top: -5px;
    transition: all 0.5s ease 0s;
}
.news_sidebar_list .news_box img{
    width: 100%;
}
.news_sidebar_list .news_box .news_box_content h2{
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #002D5D;
    margin-bottom: 16px;
}
.news_sidebar_list .news_box .news_box_content{
    padding: 25px;
}
.news_sidebar_list .news_box .news_box_content p{
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #231F20;
}
.news_sidebar_list .news_box .news_box_content h5{
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #231F20;
}
.not_found_content {
    padding: 60px 30px;
    text-align: center;
    background-color: #E1F4FD;
}
.not_found_content h1{
    margin-bottom: 30px;
}
.not_found_content p{
    margin-bottom: 20px;
}

.pipedriveWebForms {
    text-align: center;
}
.hero_section .mobile_banner{
    display: none;
}
/* ================================= 7 Media Query #media ================================= */	
/* ================================= Common For All mobile definitions #mx ================================= */
@media all and (max-width: 767px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    max-width: 100%;
    flex: 0 0 100%;
}
.container{
    padding: 0 20px;
}
.btn.large, .btn.blue_btn.large {
    font-size: 18px;
    line-height: 26px;
    min-width: 320px;
    padding: 8px 20px;
}
.btn, .btn.blue_btn {
    font-size: 16px;
    line-height: 22px;
    min-width: 220px;
}
h1 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 25px;
}
h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 25px;
}
p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
ul li{
    font-size: 18px;
    line-height: 28px;
}
.onedeploy_logo img{
    max-width: 140px;
}
header.main_header .btn.blue_btn {
    font-size: 12px;
    line-height: 18px;
    padding: 6px 15px;
    min-width: 0;
}
.bar_icons {
    margin-left: 12px;
}
.bar_icons > a {
    height: 17px;
    width: 25px;
}
.bar_icons a .bar_icon {
    height: 17px;
    width: 25px;
}
.bar_icons a span {
    height: 2px;
}
header.main_header{
    padding: 20px 0;
}
.hero_section img {
    min-height: 280px;
    object-fit: cover;
}
.deployment_heading {
    padding: 15px 20px;
}
.deployment_heading h2 {
    font-size: 30px;
    line-height: 40px;
}
.version_section{
    padding: 30px 0;
}
.version_section h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 25px;
}
.version_section h2 strong {
    font-size: 30px;
    line-height: 36px;
}
.location_details ul {
    flex-flow: column;
    margin-bottom: 20px;
}
.location_details ul li img {
    max-height: 22px;display:inline-block;max-width:26px;vertical-align:middle
}
.location_details ul li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 13px;
}
.timer .time-box .number {
    font-size: 32px;
    line-height: 32px;
}
.timer .time-box .label {
    font-size: 15px;
    line-height: 15px;
}
.timer {
    padding: 15px 20px;
    margin-bottom: 20px;
}
.deployment_platform_sec .row {
    flex-flow: column-reverse;
}
.deployment_platform_sec .col-md-7{
    margin-bottom: 30pxs;
}
.benefits_sec{
    padding: 30px 0;
}
.benefits_sec .benefits_box img {
    height: 34px;
    width: 34px;
}
.benefits_sec .benefits_box {
    padding-left: 50px;
    margin-bottom: 30px;
}
.benefits_sec .col-md-6:last-child .benefits_box{
    margin-bottom: 0;
}
.benefits_sec .benefits_box h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 7px;
}
.benefits_sec .benefits_box ul li:before {
    height: 6px;
    width: 6px;
}
.industry_leaders_section {
    padding: 30px 0;
}
.industry_leaders_section ul{
    margin-bottom: 40px;
}
.industry_leaders_section ul li {
    max-width: 100%;
    flex: 0 0 99%;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.industry_leaders_section {
    padding: 30px 0;
}
.industry_leaders_section ul li {
    max-width: 100%;
    flex: 0 0 99%;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}
.industry_leaders_section ul li img {
    height: 35px;
    width: 35px;
    margin-right: 14px;
}
.industry_leaders_section ul li:last-child {
    margin-bottom: 0;
}
.industry_leaders_section blockquote p {
    font-size: 20px;
    line-height: 28px;
}
.industry_leaders_section blockquote::before {
    background-position: left top;
}
.industry_leaders_section blockquote::after {
    background-position: bottom right;
}
.industry_leaders_section blockquote p:last-child {
    margin-bottom: 0;
}
footer.footer {
    padding: 30px 15px;
}
footer.footer > ul {
    flex-flow: column;
}
footer.footer > ul li a {
    font-size: 14px;
}
footer.footer > ul li {
    font-size: 16px;
}
footer.footer > ul li strong {
    margin: 0 5px;
}
footer.footer > ul li img {
    height: 25px;
    width: 25px;
}
footer.footer > ul li img {
    margin-right: 5px;
}
footer.footer p {
    margin-top: 22px;
    font-size: 14px;
    line-height: 24px;
}
footer.footer p a {
    font-size: 14px;
    line-height: 24px;
}
footer.footer > ul li:last-child img {
    height: 24px;
    width: 24px;
}
footer.footer p a {
    display: inline-block;
    margin: 0 5px;
}
footer.footer p strong {
    display: table;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
}
footer.footer p {
    margin-inline: auto;
    padding-inline: 20px;
}
.bar_icons.menu_show a{
    background-color: transparent;
}
.bar_icons.menu_show > a {
    position: relative;
    z-index: 9;
}
.bar_icons.menu_show a span{
    background-color: #fff;
}
.bar_icons.menu_show a span:first-child{
    transform: rotate(-45deg) translateY(-50%);
    top: 50%;
}
.bar_icons.menu_show a span:nth-child(3){
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
}
.bar_icons.menu_show a span:nth-child(2){
    display: none;
}
.bar_icons.menu_show > a{
    position: fixed;
    top: 30px;
    right: 30px;
}
.bar_icons.menu_show .navigation_menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-top: 100px;
    max-height: 100%;
}
.navigation_menu ul li a {
    font-size: 18px;
    line-height: 26px;
    padding: 14px 50px;
}
.menu_social_media{
    display: block;
    padding: 40px 50px 0;
}
.menu_social_media a{
    margin-right: 15px;
}
.navigation_menu ul#menu-main-menu {
    max-height: calc(100% - 140px);
    overflow: auto;
}
.page_title_content .row .col-md-5 {
    order: 2;
}
.page_title_content .row .col-md-7 {
    order: 1;
}
.page_title_content .row .col-md-12 {
    order: 3;
}

.light_blue_gradient_band .row .col-md-5 {
    order: 2;
}
.light_blue_gradient_band .row .col-md-7 {
    order: 1;
    margin-bottom: 30px;
}
.light_blue_gradient_band .row .col-md-12 {
    order: 3;
}
.page_title_content {
    padding: 40px 0;
}
.page_title_content .container > h2 {
    margin-bottom: 20px;
}
.page_title_content .col-md-12 {
    margin-top: 30px;
}
.page_title_content .col-md-12 h2 {
    margin-bottom: 30px;
}
.page_title_content video {
    margin-bottom: 30px;
}
.blue_band {
    padding: 40px 0;
}
.blue_band .col-md-12 {
    margin-top: 50px;
}
.blue_band .col-md-12 h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}
.light_blue_gradient_band {
    padding: 40px 0;
}
.light_blue_gradient_band .col-md-12 {
    margin-top: 40px;
}
.light_blue_gradient_band .col-md-12 h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}
.news_section {
    padding: 50px 0;
}
.news_section .normal_content_band {
    padding-right: 0;
    margin-bottom: 50px;
}
.news_section .col-md-4 h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 20px;
}
.news_sidebar_list .news_box:last-child{
    margin-bottom: 0;
}
.contact_form_section .contact_form_box {
    padding: 30px 20px;
    border-radius: 20px;
}

.contact_form_section {
    padding: 60px 15px;
}
.hero_section .mobile_banner{
    display: block;
    width: 100%;
}
.hero_section .desktop_banner{
    display: none;
}


html * {max-height:1000000px}	

/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none}

}
@media only screen and (min-width : 768px) and (max-width: 1024px) {
    .container{
        padding: 0 30px;
    }
    h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 40px;
    }
    h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        color: #002D5D;
        margin-bottom: 40px;
    }
    .btn.large, .btn.blue_btn.large {
        font-size: 24px;
        line-height: 30px;
        padding: 10px 20px;
        min-width: 400px;
    }
    header.main_header .btn.blue_btn{
        font-size: 20px;
        line-height: 26px;
        padding: 14px 30px;
        min-width: 300px;
        display: inline-block;
    }
    .bar_icons {
        margin-left: 20px;
    }
    .bar_icons > a {
        position: relative;
        width: 70px;
    }
    .bar_icons a .bar_icon {
        height: 30px;
        width: 40px;
    }
    
    footer.footer > ul li {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }
    footer.footer > ul li:last-child{
        margin-bottom: 0;
    }
    .hero_section img {
        height: 420px;
        object-fit: cover;
    }
    .timer .time-box .number {
        font-size: 60px;
        line-height: 60px;
    }
    .location_details ul li img {
        max-height: 30px;
        margin-right: 10px;
    }
    .location_details ul li {
        font-size: 24px;
        line-height: 30px;
    }
    .deployment_platform_sec .col-md-6:first-child{
        margin-bottom: 50px;
    }
    
    .deployment_platform_sec .row{
        flex-flow: column-reverse;
    }
    .deployment_platform_sec .col-md-5, .deployment_platform_sec .col-md-7{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .deployment_platform_sec .deployment_platform_content {
        max-width: 100%;
    }
    .benefits_sec .benefits_box img{
        width: 60px;
        height: 60px;
    }
    .benefits_sec .benefits_box {
        padding-left: 80px;
    }
    .industry_leaders_section blockquote p {
        font-size: 28px;
        line-height: 36px;
    }
    .industry_leaders_section ul li img {
        width: 60px;
        height: 60px;
    }
    .industry_leaders_section ul li{
        font-size: 22px;
        line-height: 28px;
    }
    .deployment_heading h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .version_section h2 {
        font-size: 42px;
        line-height: 52px;
    }
    .version_section h2 strong{
        font-size: 60px;
        line-height: 60px;
    }
    .page_title_content .col-md-5 ,.page_title_content .col-md-7, 
    .light_blue_gradient_band .col-md-5 , .light_blue_gradient_band .col-md-7{ 
        max-width: 100%;
        flex: 0 0 100%;
    }
    .blue_band .col-md-5, .blue_band .col-md-7{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .light_blue_gradient_band .col-md-7{
        margin-bottom: 40px;
        text-align: center;
    }
    .page_title_content .row .col-md-5 {
        order: 2;
    }
    .page_title_content .row .col-md-7 {
        order: 1;
    }
    .page_title_content .row .col-md-12 {
        order: 3;
    }
    .light_blue_gradient_band .row .col-md-5 {
        order: 2;
    }
    .light_blue_gradient_band .row .col-md-7 {
        order: 1;
    }
    .light_blue_gradient_band .row .col-md-12 {
        order: 3;
    }




/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter ,  .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 30px auto; float:none}

.visible_tab{display:block !important}

}
@media only screen and (min-width : 1025px) and (max-width: 1200px) {
    .deployment_heading h2 {
        font-size: 60px;
        line-height: 60px;
    }
    .version_section h2 {
        font-size: 50px;
        line-height: 62px;
    }
    .version_section h2 strong{
        font-size: 70px;
        line-height: 70px;
    }
    footer.footer > ul li:last-child {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }
}
@media only screen and (min-width : 1201px) and (max-width: 1400px) {
    .deployment_heading h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .version_section h2 {
        font-size: 50px;
        line-height: 62px;
    }
    .version_section h2 strong{
        font-size: 70px;
        line-height: 70px;
    }
}