@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*..............embedded fonts..............*/

/*..............custom fonts..............*/




/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size:16px; font-weight: 300; color:#555555; font-size: 18px;}
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; }
h1{ font-size:56px;}
h2{ font-size:48px;}
h3{ font-size:25px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
p{ font-size:18px; color: #555555; margin:0 0 20px; padding:0;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #555; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;} 

input, textarea, select{ font-family: 'Lato', sans-serif;font-weight: 300; font-size: 16px; outline: none;}
input[type="submit"]{font-weight: 400; font-size: 16px; transition:all 0.3s ease 0s; outline: none;}

/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.form-label {color:#555 !important; font-weight:bold !important;text-align:left;margin: 18px 0 8px 0; font-size:16px !important;}
.form-text {color:#555 !important; text-align:left;font-size:16px !important;}
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn {font-family: 'Lato', sans-serif;border: 0; display: inline-block; vertical-align: top; background: #2289be; color: #fff !important; padding: 12px 45px; font-size: 24px;  border-radius: 30px; }
.btn:hover {background: #000; text-shadow: none;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
.form-subheadings {font-size:24px; font-weight:bold;}
.new-list {width:100%;border:none;text-indent: -2.8em; padding-left:2.8em; color:#fff; text-align:left; font-size:22px;line-height:22px;margin-bottom:12px;}
.form-subheadings2 {font-size:30px !important; text-align:left !important; }
.btn.medium-size { /* Your custom Styles */ }
.submitbtn {width: 20%; display: inline-block; border-radius: 6px; height: 47px; vertical-align: middle; padding: 0 15px; font-size: 18px; color: #fff; font-weight: 600; background: #2289be; border: 0;cursor: pointer;}
.btn.large-size { /* Your custom Styles */}
/*--------------- Button Styles---------------*/

/*---------------row with equal height column---------------*/
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
/*---------------row with equal height column---------------*/

/*---------------checkbox and radio button Styles---------------*/

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/*---------------checkbox and radio button Styles---------------*/


.open-menu { color: #000; float: right; font-size: 28px; display: none;}
a.close-menu { display: none;}

/*---------------for header css---------------*/


.header { padding: 15px 0; position: absolute; left: 0; right: 0; top: 0; z-index: 3;}
header.header.fixed { position: fixed; top: 0; width: 100%; z-index: 99999; background: rgba(9, 131, 194, 0.91);}
.logo {padding-top: 10px; }
.logo a { display: inline-block;  }
.navigation { margin-top: 8px;}
.navigation ul { margin: 0; padding: 0; list-style: none;}
.navigation ul li { list-style: none; display: inline-block; vertical-align: top; font-size: 16px; font-weight: bold;}
.navigation ul li:last-child { margin: 0;}
.navigation ul li a { display: block; color: #fff;padding: 8px 18px; border-radius: 5px;}
.navigation ul li.login-btn a { border: 2px solid #fff; padding: 6px 18px; border-radius: 4px;margin: 0 8px;}
.navigation ul li:hover a, .navigation ul li.current-menu-item a { color: #fff; background: rgba(27,91,124,0.9);}

.navigation ul li.demo-btn a { padding: 8px 15px; color: #2289be; background: #fff; border-radius: 4px;}
.navigation ul li.demo-btn a:hover { opacity: 0.9;}
.navigation ul li.login-btn a:hover { background: #fff; color: #2289be;}



/*---------------for header css---------------*/

/*---------------for Slider css---------------*/

section.banner-wrap { position: relative; z-index: 1}
.banner-cntnt { position: absolute; top: 30%; transform: translateY(-30%); left: 0; right: 0; margin: 0 auto; text-align: center; }
.banner-cntnt h1 { color: #fff; font-weight: 300; line-height: 1.2;}
.banner-cntnt h1 b { font-weight: 900;}
.banner-cntnt p { color: #fff;font-size: 24px; font-weight: 300;line-height: 1.4;}

section.banner-wrap .banner-cntnt ul { padding: 0; margin: 50px auto 0; list-style: none; width: 60%;}
section.banner-wrap .banner-cntnt ul li {display: inline-block;margin-right: -4px; padding: 0 10px;}
section.banner-wrap .banner-cntnt ul li p { font-size: 16px; margin: 0 0 10px;}
.bannerbtn { border: 2px solid #fff; padding: 15px 14px; width: 250px; max-width: 100%; border-radius: 30px; text-align: left; font-size: 20px;
color: #fff; font-weight: 600;}
.bannerbtn span { padding: 8px 25px; background: #fff; border-radius: 30px; margin-right: 15px;}
.bannerbtn span svg { color: #2289be;}
section.banner-wrap .banner-cntnt ul li a .bannerbtn:hover { background: rgba(255,255,255,0.2);}
/*.banner-image { -webkit-clip-path: polygon(0 0, 100% 0, 100% 39%, 27% 65%, 0% 50%); clip-path: polygon(0 0, 100% 0, 100% 86%, 32% 100%, 0% 87%);}*/


/*---------------for Slider css---------------*/

.white-clr { color: #fff;}
.commn-bg { background-repeat: no-repeat; background-size: cover;position: relative; background-position: center;}
.about-section { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 80px 0 0;background-position: inherit;}
.about-section .abt-img { margin-top: -70px;}
.abt-cntnt { padding-top: 20px;}
.abt-cntnt h2{ color: #555555; font-weight: 300;}
.abt-cntnt h2 b { color: #2289be; font-weight: 900;}
.abt-cntnt p  {font-size: 22px;}
h2.page-title.white-clr { color: #fff; font-weight: 300;}
h2.page-title.white-clr b {font-weight: 900;}
.qualified_section p, .scale_section h4 {font-size: 22px ; color: #fff; padding-right: 60px; line-height: 1.4; font-weight: 300; }
.qualified_section { padding: 60px 0 0;    z-index: 2;}
.technology_section { padding: 250px 0 0;}
.qualified_section .img { position: absolute; top: -65%;}
.left-box ul { margin: 0; list-style: none; background: rgba(0,0,0,0.3); padding: 20px 20px;border-radius: 15px 15px 0 0;}
.left-box ul li { color: #fff; font-size: 20px; padding: 0 0 30px 30px; position: relative;}
.left-box .left-btn { position: absolute; left: 0; bottom: -100px; width: 100%; text-align: center;}
.left-box ul li:before { content: ""; position: absolute;left: 0; top: 7px;  width: 18px;height: 18px; border-radius: 50%; border: 2px solid #fff; z-index: 2;}
.left-box ul li:after { content: ""; position: absolute; left: 9px; top: 23px; height: 76%; width: 1px; background: #fff; z-index: 1;}
.left-box ul li:last-child:after { display: none;}
.video-img { padding:10% 8% 0;}
.tech-contnt-holder { padding: 80px 0 0;}
.technology_section .right-col .tech-contnt-holder { text-align: right;}
.page-title.black-clr { color: #555555; font-weight: 300;}
.technology_section h2.page-title.black-clr { font-size: 36px;}
.page-title.black-clr b { color: #2289be; font-weight: 900;}
.tech-contnt-holder p {font-size: 20px;padding-right: 30%;}
.technology_section .right-col .tech-contnt-holder p {padding-right: 0; }
.technology_section .right-col .tech-img-holder { margin-top: -80px;}
/*.technology_section .left-col .tech-img-holder:before { content: ""; position: absolute; left: 6px; top: -250px; height: 117%;width: 3px; background: #b0d9ef;}*/
.technology_section .right-col .tech-img-holder:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -130px; height: 199px;width: 3px; background: #c4c9cc;}
.technology_section .owl-dots { display: none;}
.owl-theme .owl-nav [class*=owl-] { padding: 0 !important; margin: 0 !important; background-color: transparent !important; font-size: 0 !important;}
.technology_section .owl-nav .owl-prev { background-image: url(../images/left-arw.png) !important; width: 38px; height: 78px; background-repeat: no-repeat !important; position: absolute;
left: 0; top: 55%; transform: translateY(-55%);}
.technology_section .owl-nav .owl-next { background-image: url(../images/right-arw.png) !important; width: 38px; height: 78px; background-repeat: no-repeat !important; position: absolute;
right: 0; top: 55%; transform: translateY(-55%);}
.technology_section .row.left-col { position: relative;}
.technology_section .row.left-col:after { content: ""; position: absolute; left: -32px; right: 0; margin: 0 auto; bottom: -18px; width: 44%; height: 3px; background: #c4c9cc; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(12deg); z-index: 1;}
.technology_section .row .tech-img-holder { position: relative; z-index: 2;}
.testimonial_section { padding: 300px 0 80px; margin-top: -250px;}
.testimonial-holder h4 { color: #fff; font-weight: 300; text-align: center; padding: 0 40px;}
.author-img { width: 118px; height: 118px; margin: 30px auto 20px; border-radius: 50%;}
.author-img img { border-radius: 50%;}
.testimonial-holder h4 { color: #fff; font-weight: 300; text-align: center; padding: 0 20px;margin-bottom: 40px; /*height: 432px;*/}
.testimonial-holder p { color: #fff; font-size: 18px;line-height: 1.2; text-align: center;}
.testimonial-holder p b { display: block;font-weight: bold;}
.testimonial-holder { position: relative;margin-bottom: 80px;}
.testimonial-holder:after { content: ""; position: absolute; right: -18px; height: 80%; width: 1px; background: #fff; top: 0;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important;}
.owl-theme .owl-dots .owl-dot span {background: #7fb8d5 !important;}
.testimonial_section .owl-dots { width: 400px; margin: 0 auto;}
.testimonial_section .owl-nav { position: absolute; left: 0; right: 0; bottom: 15px;width: 500px; margin: 0 auto; height: 2px; background: #7fb8d5; z-index: -1;}
.testimonial_section .owl-nav .owl-prev { position: absolute; left: -40px; width: 40px; height: 40px; border-radius: 50% !important; border: 3px solid #7fb8d5; top: 50%; transform: translateY(-50%);background-image: url(../images/left-arw1.png) !important;background-repeat: no-repeat !important; background-position: center !important;}
.testimonial_section .owl-nav .owl-next { position: absolute; right: -40px; width: 40px; height: 40px; border-radius: 50% !important; border: 3px solid #7fb8d5; top: 50%; transform: translateY(-50%);background-image: url(../images/right-arw1.png) !important;background-repeat: no-repeat !important; background-position: center !important;}
.scale_section a.btn { background: #fff; color: #2289be !important;}
.scale_section a.btn:hover {background: #2289be; color: #fff !important;}
.quote_box {width: 800px; max-width: 100%; margin: -30px auto 0; padding: 30px 25px; background: #fff; border-radius: 6px; box-shadow: 0px 3px 16px 0 #15161961;}
.linkedin_section { padding: 0 0 80px;}
.quote_box p { font-size: 26px; color: #5c5c5c; line-height: 1.4;padding-left: 80px;position: relative;}
.quote_box h4 { font-size: 18px; color: #5c5c5c; margin: 0;padding-left: 80px;}
.quote_box p:before { content: "“"; position: absolute; left: 0; color: #2289be; font-size: 120px; line-height: 120px; font-weight: 900; top: 0;}

.linkedin_section h4 { font-weight: 300; margin-bottom: 50px;}


/*---------------for main sections css--------------*/



/*---------------for about page css---------------*/

.inner-banner .banner-cntnt { top: 50%; transform: translateY(-50%);}
.our-story { padding: 0 0 60px;}
.technology_section.our-story  .left-col .tech-img-holder:before {left: 15px; top: -60px; height: 58%;}
.technology_section.our-story  .left-col .tech-img-holder:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -60px; height: 154px;width: 3px; background: #c4c9cc;}
.technology_section.our-story .row.left-col:after { display: none;}
.our-story p { padding: 0;}
.about-testimonial { padding: 80px 0; margin: 0;}
.linkedin_section h1.page-title.black-clr { padding-top: 80px;}
.philosophy-section .col-md-6.left-col { padding: 50px 30px 30px 15%; background: rgba(85,85,85,0.8);}
.about-testimonial h2 { margin-bottom: 70px;}
.philosophy-section p { font-size: 18px;}
section.inner-banner { height: 500px;}



/*---------------for howitwork page css---------------*/
section.howitwork-banner { -webkit-clip-path: polygon(0 0, 100% 0, 337% 55%, 0% 100%, 0% 50%); clip-path: polygon(0 0, 100% 0, 337% 55%, 0% 100%, 0% 50%);}
.action-section { padding: 100px 0; margin-top: -80px;}
.action-section p { font-size: 22px; font-weight: 400; font-family: 'Ubuntu', sans-serif;margin-bottom: 50px;}
.action-section .icon-holder { width: 750px; margin: 0 auto; max-width: 100%;}
.icon-img-holder { width: 181px; height: 181px; text-align: center; margin: 0 auto 20px; border-radius: 50%; background: #b0d9ef; border: 20px solid; border-color: rgba(248, 249, 250, 0.72); position: relative; z-index: 2;}
.border-middle { position: relative;}
.border-middle:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; width: 70%; height: 3px; background: rgba(176, 217, 239, 0.54); top: 30%; transform: translateY(-30%); z-index: 1;}
.icon-cntnt-holder h3 { font-size: 22px; text-align: center; font-weight: bold;}
.icon-cntnt-holder .bannerbtn { margin: 0 auto; background: #2187bb; border: 0;width: auto;}
.action-section .icon-holder .col-sm-6 { padding: 0 50px;}
.howitwork-full-wrap .col-md-6.left-col { -webkit-clip-path: polygon(0 0 , 94% 0 ,100% 50%, 94% 101%, -800% 523%); clip-path: polygon(0 0 , 94% 0 ,100% 50%, 94% 101%, -800% 523%); padding: 80px 100px 80px 15%;}
.method_section h4 { margin: 30px 0; font-weight: 300;}
.method_section .method-wrap {  position: relative; padding: 50px 0 0;}
.method_section .method-content-box { width: 350px; position: absolute;}
.method_section { padding: 80px 0 150px;}
.method_section .method-img { width: 665px; margin: 0 auto; position: relative; max-width: 100%;}
.method_section .method-content-box.box1 {  left: -3%; top: 10%; text-align: right;}
.method_section .method-content-box.box2 { right:0; top: 24%;}
.method_section .method-content-box.box3 { left: -5%; top: 50%; text-align: right;}
.method_section .method-content-box.box4 { right: 0; top: 65%;}
.method_section .button { position: absolute; bottom: 14%; left: 0; right: 0; margin: 0 auto; text-align: center;}
.method_section .method-content-box h2 span.number { width: 40px; height: 40px; line-height: 35px; display: inline-block; border-radius: 50%; text-align: center; border: 3px solid #99c7df;
font-size: 18px; font-family: 'Open Sans', sans-serif; color: #99c7df; font-weight: 800; vertical-align: middle; margin-right: 8px;margin-top: -20px;}
.method_section .method-content-box h2 { font-size: 36px; line-height: 40px; font-weight: 900;margin-bottom: 10px;} 
.method_section .method-content-box h2 b { color: #2186ba;font-size: 50px;}
.method_section .method-content-box p { font-size: 20px;}
.howitwork-linkedin { -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%, 0% 50%); clip-path: polygon(0 20%, 100% 0, 100% 100%, 0% 100%, 0% 50%);padding: 150px 0 80px; margin-top: -95px;}
.howitwork-linkedin a.btn, a.btn.transparent-btn { border: 2px solid #fff; background: transparent; border-radius: 40px;}
.howitwork-linkedin a.btn:hover, a.btn.transparent-btn:hover {background: rgba(255,255,255,0.2);}

.method_section .img-wrap { position: relative;} 
.method_section .screen-img-wrap {position: absolute; left: -3.5%; right: 0; top: 20%; margin: 0 auto; text-align: center;}



/*---------------for features page css---------------*/
section.features-banner { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%);}
.features-banner-bottom { padding: 100px 0 0; margin-top: -80px;}
.features-banner-bottom .quote_box { width: 40%; background: transparent; box-shadow: none; margin: 0;padding: 0;}
.features-banner-bottom .quote_box p { font-size: 20px; padding-left: 50px;}
.features-banner-bottom .quote_box p:before { font-size: 72px; line-height: 72px;}
.features-banner-bottom .quote_box h4 {padding-left: 50px;}

.features-banner-bottom .right-img { margin-top: -40%; position: absolute; z-index: 2; right: 0; bottom: 0; width: 80%;}
.features-banner-bottom .col-md-5.left-col { padding-left: 18%;}
.features-banner-bottom .left-box ul li:after { display: none;} 
.features-banner-bottom .left-box ul li { padding:0 0 15px 30px;}
.Program_section { padding: 75px 0 50px;-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); z-index: 2;}
.Program_section .Program-cntnt { padding-right: 25%;padding-bottom: 40px;}
.Program_section .Program-cntnt h2.page-title { font-size: 36px; margin-bottom: 40px;}
.Program_section .Program-cntnt h2.page-title b { font-size: 48px;}
.Program_section .Program-cntnt ul {margin: 0; padding: 0; list-style: none;}
.Program_section .Program-cntnt ul li { position: relative;}
.Program_section .Program-cntnt ul li i { width: 55px; position: absolute; left: 0; top: 0;}
.Program_section .Program-cntnt ul li h4 { display: inline-block; color: #fff; padding-left: 65px; font-weight: 300;margin-bottom: 25px;}
.Program_section .Program-cntnt ul li:last-child h4 { margin-bottom: 0;}

.Program_section .Program-cntnt ul li h4 b { font-weight: bold; text-transform: uppercase;}
.Program_section .Program-img { position: absolute; left: 0px; right: 15px; bottom: -25px;}
.tab_section h2.page-title { padding: 80px 0 0;}
.tab_section h4 { font-weight: 300; padding-bottom: 80px;}
.tab_section .tab-img { background-image: url(../images/tab-img-bg.png);height: 100%; background-size: cover; position: relative;}
.tab_section .tab-img img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%;  transform: translateY(-50%);}
.tab_section { margin-top: -83px; z-index: 1;-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); padding: 40px 0 30px;}
.features-page .testimonial_section, .pricing-page  .testimonial_section{padding: 130px 0;margin-top: -62px;}
.features-page .testimonial_section h2, .pricing-page  .testimonial_section h2, .setup-section h2 { margin-bottom:60px;}

/*---------------for partners page css---------------*/
.inner-banner .banner-cntnt img {  margin-bottom: 20px;}
.inner-banner .banner-cntnt a.bannerbtn { padding: 9px 14px 9px 30px; display: inline-block; color: #fff;width: auto;}
.inner-banner .banner-cntnt a.bannerbtn svg { width: 35px; height: 35px; line-height: 35px; border-radius: 50%; font-size: 14px !important; background: #fff; color: #2289be; padding: 8px;
 display: inline-block; vertical-align: middle; margin-left: 25px;}
.partners-page .action-section { margin: 0; padding: 80px 0;}
.partners-page .action-section h2 { margin-bottom: 60px;}
.partners-page .action-section p { font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 300; padding: 0 6%; margin: 0;}
.partner-quote h3 { padding: 0 15%; font-size: 30px; font-weight: 300;}
.partner-quote p { color: #fff;}
.partner-quote p b {  display: block; font-weight: bold;}
.fag-section .faq-wrap { background: rgba(0,0,0,0.3); border-radius: 15px; padding: 30px 15px;}
.fag-section .faq-wrap h4 { color: #fff; font-weight: bold; margin-bottom: 25px;}
.fag-section .faq-wrap p { color: #fff;}
.fag-section .faq-wrap .left-col { padding-right: 30px; border-right: 1px solid #fff;}
.partners-page .action-section .border-middle:after {top: 25%; transform: translateY(-25%);}
.fag-section h2 { margin-bottom: 30px;}
body.partners-page section.inner-banner { height: 600px;}

/*---------------for pricing page css---------------*/
section.banner-wrap.pricing-banner { height: 900px;}
section.banner-wrap.pricing-banner .planrow { padding-top: 100px;}
.plan-box { background: #fff; border-radius: 5px; padding: 0 0 30px;}
.top_bar_box {border-radius: 5px 5px 0 0; margin: 0; font-weight: 900; font-size: 30px; color: #fff; font-size: 30px;}
#plan-Box1 .top_bar_box { background: #989898;padding: 10px;}
#plan-Box2 .top_bar_box { background: #767676;padding: 20px 10px;}
#plan-Box3 .top_bar_box { background: #555555;padding: 25px 10px;}
#plan-Box4 .top_bar_box { background: #36b2f2;padding: 30px 10px;}
#plan-Box2 { margin-top: -20px;}
#plan-Box3 { margin-top: -30px;}
#plan-Box4 { margin-top: -40px;}
#plan-Box2 .plan_box_top { position: relative; top: -10px;}
#plan-Box3 .plan_box_top { position: relative; top: -20px;}
#plan-Box4 .plan_box_top { position: relative; top: -35px;}
.plan_middle_wrap { padding: 20px 30px;}
.plan_middle_wrap h5 { color: #555555; font-weight: bold;  text-align: left;}
section.banner-wrap .banner-cntnt .plan_middle_wrap ul { width: 100%; margin: 0 0 10px; text-align: left;}
section.banner-wrap .banner-cntnt .plan_middle_wrap ul li { display: block; font-size: 20px; font-weight: bold;padding: 0 0 15px;}
section.banner-wrap .banner-cntnt .plan_middle_wrap ul li.cross a { color: #cdcdcd;}
section.banner-wrap .banner-cntnt .plan_middle_wrap ul li.check a { color: #2289be;}
section.banner-wrap .banner-cntnt .plan_middle_wrap ul li svg { margin-right: 10px;}
.plan-box h3 { font-size: 36px; font-weight: 900; margin: 0 30px 30px; border-top: 1px solid #cdcdcd; padding: 30px 0 0;}
#plan-Box1 h3 { color: #989898;}
#plan-Box2 h3 { color: #767676;}
#plan-Box3 h3 { color: #555555;}
#plan-Box4 h3 { color: #36b2f2;}
.plan-box h3 small { font-size: 24px; font-weight: 900;}
.plan-box a.btn { font-size: 18px; font-weight: 600; padding: 15px 50px;}
.setup-section { margin-top: 0; padding: 60px 0 0; z-index: 1;-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 88%, 0% 50%);}
.setup-section .icon-holder h2 { margin-bottom: 15px; font-weight: 900;}
.setup-section .icon-holder a.get-btn { font-size: 24px; padding: 20px 0; display: block;}
.setup-section .icon-holder a.get-btn svg {width: 35px; height: 35px; line-height: 35px; border-radius: 50%; font-size: 14px !important; background: transparent; color: rgba(34, 137, 190, 0.46); padding: 8px;
 display: inline-block; vertical-align: middle; margin-left: 15px;border: 2px solid rgba(34, 137, 190, 0.46);}

body.pricing-page .setup-section {padding: 60px 0 15px;}





.comn-padd { padding: 80px 0; }
#mobile-banner, #mobile-visible { display: none;}
/*---------------for footer sections css---------------*/


.ftr-top { border-top: 1px solid #ddd; padding:30px 0;}
.ftr-logo { margin-bottom: 30px;}
ul.social li { display: inline-block; font-size: 30px; margin: 0 13px;}
ul.social li a { color: #2289be;}
ul.social li a:hover { color: #000;}
.ftr-top p { margin:0 0 20px 0; }
.ftr-top p span.yellow-text { display: block; color: #e5a922;}
.ftr-top h4 { margin-bottom: 10px; color: #2289be; font-size: 18px;font-weight: 600;}
.ftr-top ul { margin: 0; padding: 0; list-style: none;}
.ftr-top .ftr-menu ul li a { color: #989898; margin: 5px 0; display: block;} 
.ftr-col a { color: #fff;word-break: break-word;}
.ftr-top input[type="email"] { width: 75%; display: inline-block; height: 47px; background: transparent; border: 1px solid #ddd; text-transform: capitalize; border-radius: 0; vertical-align: middle;margin-right: 10px;}
.ftr-top button.submitbtn {width: 20%; display: inline-block; border-radius: 6px; height: 47px; vertical-align: middle; padding: 0 15px; font-size: 18px; color: #fff; font-weight: 600; background: #2289be; border: 0;cursor: pointer;}
.ftr-top ul.social { margin-bottom: 40px;}

.ftr-bottom p { font-size: 14px; text-align: center; padding: 40px 0; margin: 0; border-top: 1px solid #ddd;}

/*for footer sections css*/


/*Media Query css*/

@media only screen and ( min-width:1601px ) {
    .container { max-width: 1250px;}
   
}
@media only screen and (max-width:1600px ) {
    h1 { font-size: 50px;}
    h2, .Program_section .Program-cntnt h2.page-title b { font-size: 40px;}
    h4 { font-size: 20px;}
    .Program_section .Program-cntnt h2.page-title {font-size: 30px;}
    .banner-cntnt p { font-size: 20px;}
    section.banner-wrap {padding-bottom: 62px;}
    .abt-cntnt p {font-size: 18px;}
    section.banner-wrap .banner-cntnt ul {margin: 30px auto 0;}
    .banner-cntnt {top: 25%; transform: translateY(-25%);} 
    .technology_section .left-col .tech-img-holder:before {height: 120%;}
    .testimonial-holder h4 {font-size: 22px;}
    .technology_section .right-col .tech-img-holder:after {bottom: -119px; height: 185px;}
    section.howitwork-banner { padding: 0;}
    .howitwork-full-wrap .col-md-6.left-col {padding: 50px 50px 30px 12%;}
    .philosophy-section .col-md-6.left-col {padding: 50px 30px 30px 12%;}
    .method_section .method-content-box.box1 {left: -8%;}
    .method_section .method-content-box.box2, .method_section .method-content-box.box4 {right: -3%;}
    .method_section .method-content-box.box3 {left: -6%; top: 53%;}
    .features-banner-bottom .col-md-5.left-col { padding-left: 11%;}
    .tab_section .tab-img img {left: -58px;top: 56%;width: 90%;}
    
}

@media only screen and ( max-width:1366px ) {
    h1 { font-size: 40px;}
    h2, .Program_section .Program-cntnt h2.page-title b, .Program_section .Program-cntnt h2.page-title { font-size: 35px;}
    .technology_section h2.page-title.black-clr { font-size: 30px;}
    .bannerbtn {padding: 12px 12px; width: 210px;font-size: 18px;}
    .bannerbtn span {padding: 6px 20px;}
    .home section.banner-wrap .banner-cntnt ul { margin: 20px auto 0;}
    .banner-cntnt p { font-size: 18px;}
    .banner-cntnt { top: 20%; transform: translateY(-20%);}
    
    .Program_section .Program-cntnt {padding-right: 0;}
    .features-banner-bottom .quote_box {width: 60%;}
    .features-banner-bottom .left-box ul li:before {top: 12px;}
    
    
}
@media only screen and ( max-width:1024px ) {}
@media only screen and ( max-width:1199px ) {
    .abt-cntnt { padding: 0 0 20px;}
    .btn {padding: 10px 40px; font-size: 18px;}
    .qualified_section p, .scale_section h4, .tab_section h4, .action-section p {font-size: 18px;}
    .qualified_section .img {top: -60px;}
    .technology_section {padding: 180px 0 0;}
    .tech-contnt-holder p { font-size: 18px; padding-right: 35%;}
    .technology_section .left-col .tech-img-holder:before { height: 110%; top: -180px;}
    .left-box ul li {font-size: 16px; padding: 0 0 25px 30px;}
    .left-box ul li:before { top: 4px;}
    .left-box ul li:after {top: 20px; height: 73%;}
    .technology_section .row.left-col:after {width: 47%;}
    .technology_section .right-col .tech-img-holder:after { bottom: -100px; height: 165px;}
    .testimonial-holder h4 { font-size: 18px; line-height: 1.4;}
    .quote_box p {font-size: 22px;padding-left: 60px;}
    .linkedin_section h4 {margin-bottom: 20px;padding-left: 60px;}
    .quote_box p:before { font-size: 100px; line-height: 100px;}
    .testimonial_section .owl-nav {bottom: 16px;}
    .ftr-top button.submitbtn {padding: 0 10px; font-size: 16px;}
    .technology_section .owl-nav .owl-prev {left: 15px; background-size: 80% !important;}
    .technology_section .owl-nav .owl-next { right: 15px; background-size: 80% !important;}
    .about-section {bottom: -1px; padding: 60px 0 0; background-position: center;}
    .home .banner-cntnt h1 { margin-bottom: 10px; line-height: 1;}
    .bannerbtn {font-size: 16px;}
    .home section.banner-wrap { height: 800px;}
    
    .our-story { padding: 0 0 40px;}
    .technology_section.our-story .left-col .tech-img-holder:after {z-index: -1;bottom: -40px;height: 146px;}
    .our-story .tech-contnt-holder p { padding: 0;}
    .philosophy-section .col-md-6.left-col { padding: 50px 30px 30px 5%;}
    .our-story .tech-contnt-holder { padding: 0;}
    .technology_section.our-story  h2.page-title.black-clr { font-size: 30px;}
    
    .tab_section h4{padding-bottom: 50px;}
    .tab_section .tab-img img { width: 100%;}
    .tab_section h2.page-title { padding: 50px 0 0;}
    .tab_section {padding: 40px 0 22px;}
    .Program_section .Program-cntnt ul li i {width: 35px;}
    .Program_section .Program-cntnt ul li h4 {padding-left: 50px; margin-bottom: 20px; font-size: 16px;}
    .Program_section {padding: 40px 0 20px;}
    .features-banner-bottom h2.page-title { font-size: 25px;}
    .features-banner-bottom .quote_box { width: 80%;}
    .features-banner-bottom .quote_box p { font-size: 18px;}
    
    .method_section .method-content-box h2 { font-size: 25px;line-height: 20px;}
    .method_section .method-content-box h2 b {font-size: 30px;}
    .method_section .method-content-box h2 span.number {width: 30px; height: 30px;font-size: 14px; line-height: 24px;}
    .method_section .method-content-box.box2, .method_section .method-content-box.box4 { right: 0; width: 29%;}
    .method_section .method-content-box p { font-size: 16px;}
    .method_section .method-content-box.box3 { left: 0%; width: 25%;}
    .method_section .method-content-box.box1 { left: -2%; width: 21%; top: 6%;}
    .method_section { padding: 40px 0 100px;}
    .method_section .screen-img-wrap {left: -4.5%;}
    
    
    .plan_middle_wrap { padding: 20px 15px 0;}
    .plan_middle_wrap h5 {font-size: 18px;}
    section.banner-wrap .banner-cntnt .plan_middle_wrap ul li {font-size: 18px;}
    .top_bar_box { border-radius: 5px 5px 0 0;font-size: 25px;}
    .plan-box h3 { font-size: 30px; margin: 0 15px 20px; padding: 20px 0 0;}
    .plan-box a.btn {font-size: 16px;padding: 10px 50px;}
    .GetBtn { margin-bottom: 40px;}
    .setup-section .left-box { margin-top: 35px;}
    .setup-section h2 { margin-bottom: 30px;}
    body.pricing-page .setup-section { padding: 60px 0 0;}

    
    
    
    
    
    
    .partner-quote h3 {font-size: 25px;}
    .comn-padd { padding: 60px 0;}
    
    
    
    
}

@media only screen and ( max-width: 991px ) {
    h1 { font-size: 35px;}
    h2, .Program_section .Program-cntnt h2.page-title b, .Program_section .Program-cntnt h2.page-title { font-size: 30px;}
    p, .abt-cntnt p, .philosophy-section p, .tab_section h4, .method_section h4, .action-section p , .partners-page .action-section p { font-size: 16px;}
    .btn { padding: 10px 30px; font-size: 16px;}
    .comn-padd { padding: 40px 0;}
    
    
    .navigation { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; right: 0; background-color: #dcd9d9; overflow-x: hidden; transition: 0.5s; padding: 45px 0;margin: 0;}
    a.open-menu { display: block; font-size: 30px; color: #fff; float: right; cursor: pointer;}
    a.close-menu { display: block; color: #000 !important; font-size: 30px; cursor: pointer; position: absolute; top: 0; right: 15px;}
    .navigation ul li { margin: 0; font-size: 16px; display: block;}
    .navigation ul li a { padding: 15px; color: #000; border-bottom: 1px solid #c7c4c4; border-radius: 0;}
    .navigation ul li.login-btn a { padding: 15px;border:0; border-radius: 0; margin: 0; background: #fff;}
    .navigation ul li.demo-btn a { padding: 15px; color: #fff; background: #2289be; border-radius: 0; border-bottom: 0;}
    .navigation ul li:nth-child(4) a { border-bottom: 0;}
    .home section.banner-wrap .banner-cntnt ul {width: 100%;}
    
    #desktop-banner { display: none;}
    #mobile-banner { display: block;}
    #mobile-banner .banner-image { height: 550px;-webkit-clip-path: polygon(0 0, 100% 0, 400% 50%, 29% 100%, 0% 90%); clip-path: polygon(0 0, 100% 0, 400% 50%, 29% 100%, 0% 90%);
    z-index: 2;}
    #mobile-banner .about-section { position: relative; left: inherit; right: inherit; bottom: inherit; margin-top: -60px; z-index: 1; padding: 120px 0 0;}
    .home section.banner-wrap { height: auto; padding-bottom: 0;}
    .home .banner-cntnt { top: 50%; transform: translateY(-50%);}
    .about-section .abt-img { margin-top: 0;}
    .abt-cntnt { text-align: center;}
    .qualified_section p, .scale_section h4 {padding-right: 0;font-size: 16px;}
    .qualified_section .img { top: 0;}
    .left-box ul li { padding: 0 0 12px 30px;}
    .left-box ul li:after { display: none;}
    .technology_section h2.page-title.black-clr { font-size: 25px;}
    .technology_section .right-col .tech-img-holder { margin-top: -27px;}
    .left-box .left-btn {bottom: -70px;}
    .tech-contnt-holder { padding: 55px 0 0;}
    .tech-contnt-holder p { font-size: 16px; padding-right: 0;}
    .technology_section .left-col .tech-img-holder:before {height: 131%;left: 3px;}
    .technology_section .row.left-col:after { width: 60%;}
    .technology_section .right-col .tech-img-holder:after { bottom: -75px; height: 131px; z-index: -1;}
    .testimonial-holder h4 { padding: 0 15px;}
    .quote_box {margin: -20px auto 0; padding: 20px 20px;}
    .quote_box p { font-size: 18px; padding-left: 40px;}
    .quote_box p:before { font-size: 80px; line-height: 80px;}
    .linkedin_section h4 { padding-left: 40px;}
    .linkedin_section h1.page-title.black-clr { padding-top: 60px;}
    .linkedin_section { padding: 0 0 50px;}
    .logo {padding-top: 5px;}
    header.header.fixed { position: absolute; top: 0; width: 100%; z-index: 9; background: rgba(9, 131, 194, 0.91);}
    .philosophy-section .col-md-6.left-col { padding: 30px 20px 10px 20px;}
    
    
    .technology_section.our-story .left-col .tech-img-holder:before { left: 9px; top: -60px; height: 65%;}
    .about-testimonial { padding: 40px 0;}
    
    section.features-banner { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 92%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 92%, 0% 50%);}
    .features-banner-bottom .col-md-5.left-col { padding-left: 20px;}
    .features-banner-bottom .quote_box { width: 100%;}
    .features-banner-bottom .right-img { width: 100%;}
    .Program_section .Program-img { position: relative; left: 0; right: 0;}
    .Program_section {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 94%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 94%, 0% 50%); padding: 40px 0 0;}
    .Program_section .row { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important;}
    .Program_section .Program-cntnt h2 { text-align: center;}
    .tab_section { padding: 40px 0 0;}
    .tab_section h2.page-title { padding: 35px 0 0;}
    .icon-img-holder {width: 160px; height: 160px;}
    
    body.howItWork-page .philosophy-section .col-md-6.left-col { padding: 30px 40px 10px 20px;}
    .howitwork-linkedin { padding: 90px 0 50px;}
    .method_section h4 br { display: none;}
    .method_section .method-img {width: 400px;}
    .method_section .method-content-box p { font-size: 14px;}
    .method_section .method-content-box.box1 {left: 0%;top: 3%; width: 25%;}
    .method_section .method-content-box h2 {margin-bottom: 10px;}
    .action-section {padding: 100px 0 50px;}
    .partners-page .action-section p { padding: 0;}
    .partners-page .action-section .border-middle:after {top: 21%;}
    .partners-page .action-section { margin: 0; padding: 40px 0;}
    .partner-quote h3 { font-size: 20px; padding: 0;}
    .method_section .screen-img-wrap {left: -3.5%;width: 31%;}
    
    section.banner-wrap.pricing-banner { height: 110vw;}
    section.banner-wrap.pricing-banner .planrow { padding-top: 30px;}
    #plan-Box1, #plan-Box2, #plan-Box3, #plan-Box4 { margin-top: 0;margin-bottom: 20px;}
    #plan-Box2 .plan_box_top, #plan-Box3 .plan_box_top, #plan-Box4 .plan_box_top {top: 0;}
    #plan-Box1 .top_bar_box, #plan-Box2 .top_bar_box, #plan-Box3 .top_bar_box, #plan-Box4 .top_bar_box { padding: 20px 10px;}
    section.banner-wrap.pricing-banner { height: 100%; padding: 0 0 30px;}
    section.banner-wrap.pricing-banner .banner-cntnt { position: relative; left: 0;  right: 0; margin: 0 auto; top: inherit; transform: inherit; padding-top: 75px;}
    
    body.pricing-page .setup-section { padding: 40px 0 0;}
    .setup-section .icon-holder a.get-btn {font-size: 18px;padding: 20px 0 0;}
    .GetBtn { margin-bottom: 35px;}
    .setup-section .icon-holder a.get-btn svg {width: 30px; height: 30px; line-height: 30px;padding: 5px;}
    .pricing-page .testimonial_section {padding: 100px 0 40px;}
    
    
    
    .ftr-top .logo {margin-bottom: 10px; width: 130px;}
    .ftr-top p, .ftr-top .ftr-menu ul li a {font-size: 14px; }
    .ftr-top input[type="email"] {font-size: 14px;width: 100%;margin-bottom: 10px;}
    .ftr-top button.submitbtn { width: 100%;}
    
    
}
@media only screen and ( max-width: 767px ) {
     p, .abt-cntnt p { font-size: 15px;}
    #desktop-visible { display: none;}
    #mobile-visible { display: block;}
    .qualified_section .img { position: relative; top: inherit; bottom: inherit;margin-bottom: 20px;}
    .left-box .left-btn { bottom: inherit; position: relative;}
    .qualified_section { padding: 30px 0;}
    .qualified_section h2.page-title, .qualified_section p { text-align: center;}
    .left-box ul {margin: 0 0 20px;border-radius: 15px; padding: 20px 15px;}
    .left-box ul li { padding: 0 0 12px 25px;}
    .left-box ul li:before {width: 15px;top: 5px; height: 15px;}
    .technology_section { padding: 40px 0 0;}
    .tech-contnt-holder { padding: 30px 0; text-align: center;}
    .technology_section .right-col .tech-contnt-holder { text-align: center;}
    .technology_section .row.left-col:after, .technology_section .right-col .tech-img-holder:after { display: none;}
    .video-img { padding: 0 15% 0;}
    .testimonial-holder h4 { font-size: 16px;}
    .technology_section .left-col .tech-img-holder:before { height: 65%; left: 7px; top: -40px;}
    .technology_section .owl-nav .owl-next { right: 30px; background-size: 60% !important;}
    .technology_section .owl-nav .owl-prev { left: 37px; background-size: 60% !important;}
    .testimonial_section .owl-nav { width: 80%;}
    .testimonial_section .owl-nav .owl-prev { left: 0; background-color: #0e75aa !important;}
    .testimonial_section .owl-nav .owl-next { right: 0; background-color: #1980b5 !important;}
    .testimonial_section .owl-dots { width: 60%;}
    .scale_section .row { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important;}
    .scale_section { padding: 30px 0 0; text-align: center;}
    .scale_section a.btn { margin-bottom: 20px;}
    .quote_box { margin: -40px auto 0;}
    .ftr-top { text-align: center;}
    .linkedin_section .text-center h4 { padding-left: 0;margin-bottom: 20px;}
    section.banner-wrap .banner-cntnt ul li {margin-bottom: 15px;}
    .bannerbtn { padding: 8px 12px 10px; width: 170px;font-size: 14px;}
    .bannerbtn span { padding: 6px 15px; font-size: 12px; margin-right: 10px;}
    .testimonial-holder:after { display: none;}
    .technology_section.our-story .left-col .tech-img-holder:before {left: 65px; top: -40px; height: 54%;}
    .technology_section.our-story .row .tech-img-holder {text-align: center;width: 70%; margin: 0 auto;}
    .technology_section.our-story .left-col .tech-img-holder:after { display: none;}
    .our-story { padding: 0 0 20px;}
    .about-page .philosophy-section .col-md-6.left-col { z-index: 2; position: relative; text-align: center; background: transparent;}
    .about-page .philosophy-section:after { background-color: rgba(85,85,85,0.8); content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
    .about-testimonial h2 { margin-bottom: 30px;}
    .about-page section.inner-banner {padding-bottom: 0;height: 400px;}
    .features-page .testimonial_section { padding: 90px 0 40px; margin-top: -80px;}
    .tab_section { padding: 0 0 70px; margin-top: -55px; text-align: center;}
    .tab_section h4 { padding-bottom: 0;}
    .tab_section .tab-img { background-image: none; height: auto;}
    .tab_section .tab-img img { width: 100%; position: relative; left: inherit;  right: inherit; top: inherit; transform: inherit;}
    section.features-banner { height: 400px;}
    section.features-banner h1 br { display: none;}
    .features-banner-bottom .right-img { width: 100%;position: relative; margin-top: 0; right: -15px;}
    .features-banner-bottom h2.page-title { text-align: center;font-size: 30px;}
    .features-page .testimonial_section h2, .pricing-page .testimonial_section h2, .setup-section h2 { margin-bottom: 20px;}
    .tab_section h2.page-title { padding: 20px 0 0;}
    
    .method_section .method-img { width: 100%;}
    .method_section h4 {margin: 20px 0;}
    .action-section .icon-holder .col-sm-6 { padding: 0 40px;}
    
    .icon-cntnt-holder h3 { font-size: 18px;}
    body.howItWork-page .philosophy-section:after { background-color: rgba(85,85,85,0.8); content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
    body.howItWork-page .philosophy-section .col-md-6.left-col { z-index: 2; position: relative; text-align: center; background: transparent;padding: 30px 15px 10px 15px;}
    .method_section .method-content-box { position: relative;}
    .method_section .method-wrap {padding: 0;}
    .method_section .method-content-box p { font-size: 16px;}
    .method_section .method-content-box.box1, .method_section .method-content-box.box3 { left: inherit; top: inherit; width: 100%; text-align: center;} 
    .method_section .method-content-box.box2, .method_section .method-content-box.box4 {right: inherit; top: inherit; width: 100%; text-align: center;}
    .method_section .button {position: relative; bottom: inherit;}
    section.howitwork-banner {height: 400px;-webkit-clip-path: polygon(0 0, 100% 0, 520% 55%, 0% 100%, 0% 50%); clip-path: polygon(0 0, 100% 0, 520% 55%, 0% 100%, 0% 50%);}
    .howitwork-linkedin {-webkit-clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%, 0% 50%); clip-path: polygon(0 11%, 100% 0, 100% 100%, 0% 100%, 0% 50%);padding: 60px 0 40px;margin-top: -34px;}
    .method_section { padding: 40px 0 60px;}
    .method_section .method-content-box h2 { font-size: 20px; line-height: 1.4;}
    .method_section .method-content-box h2 b {font-size: 25px;}
    .method_section .method-content-box h2 span.number {margin-top: -10px;}
    .method_section .mobile-img-wrap { margin-bottom: 20px;}
    .method_section .mobile-img-wrap img { width: 50%;}
    
    .partners-page .action-section .border-middle:after { display: none;}
    .partners-page .action-section h2 { margin-bottom: 30px;}
    body.partners-page .icon-cntnt-holder { margin-bottom: 20px;}
    .fag-section .faq-wrap .left-col {border: 0;padding-right:0;}
    .inner-banner .banner-cntnt img { width: 100px;}
    body.partners-page section.inner-banner { padding-bottom: }
    .partner-quote h3 {font-size: 16px;}
    .fag-section .faq-wrap {padding: 30px 0; margin: 0;}
    
    .setup-section .left-box {margin-top: 0;}
    .setup-section .left-box ul {border-radius: 15px 15px 0 15px;margin-bottom: 0; padding-bottom: 55px;}
    
    
    
    .technology_section h2.page-title.black-clr br, .qualified_section h2.page-title br, .home .banner-cntnt h1 br, .banner-cntnt br,  .Program_section .Program-cntnt h2.page-title br, .banner-cntnt h1 br, h2.page-title br { display: none;}
    section.banner-wrap.pricing-banner .planrow { padding-top: 0;}
    
    .ftr-top h4 { margin: 20px 0;}
    .ftr-top ul.social { margin-bottom: 10px;}
    .ftr-bottom p {padding: 20px 0;}
    
  
    
    
}

@media only screen and ( max-width: 575px ) {
    .border-middle:after { display: none;}
    .action-section .icon-cntnt-holder .bannerbtn { width:auto; }
    body.howItWork-page .icon-cntnt-holder { margin-bottom: 20px;}
    .action-section { padding: 100px 0 20px;}
    .action-section { padding: 100px 0 20px;}
    
}



@media only screen and ( max-width: 479px ) {
    h1 { font-size: 25px;}
    h2, .Program_section .Program-cntnt h2.page-title b , .technology_section h2.page-title.black-clr, .Program_section .Program-cntnt h2.page-title, .features-banner-bottom h2.page-title, .technology_section.our-story h2.page-title.black-clr  { font-size: 22px;}
    h3 { font-size: 20px;}
    h4 { font-size: 18px;}
    .banner-cntnt p { font-size: 16px;}
    
    .linkedin_section h4 { font-size: 16px; padding-left: 30px;}
    .linkedin_section h4 b { display: block;}
    .quote_box p { font-size: 16px; padding-left: 30px;}
    .quote_box p:before { font-size: 60px; line-height: 60px;}
    
    
    #mobile-banner .banner-image { -webkit-clip-path: polygon(0 0, 100% 0, 400% 74%, 34% 100%, 0% 94%); clip-path: polygon(0 0, 100% 0, 400% 74%, 34% 100%, 0% 94%); }
    .technology_section .left-col .tech-img-holder:before { height: 70%; left: 4px;}
    .home .testimonial_section {padding: 180px 0 80px; margin-top: -162px;}
    .technology_section .owl-nav .owl-next { right: 0; background-size: 50% !important;}
    .technology_section .owl-nav .owl-prev { left: 14px; background-size: 50% !important;}
    .linkedin_section h1.page-title.black-clr { padding-top: 30px;}
    .linkedin_section { padding: 0 0 30px;}
    section.banner-wrap .banner-cntnt ul li p { font-size: 14px;}
    .bannerbtn { padding: 6px 8px 8px;width: 142px;}
    .bannerbtn span { padding: 4px 12px; font-size: 10px; margin-right: 8px;}
    #mobile-banner .about-section { padding: 95px 0 0;}
    
    .Program_section {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 96%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 96%, 0% 50%);}
    .tab_section {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 96%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 96%, 0% 50%); padding: 30px 0 40px;}
    .features-banner-bottom .quote_box p { font-size: 16px;}
    
    .howitwork-linkedin {padding: 60px 0 40px;} 
    .setup-section {-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 50%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%, 0% 50%);}
    .setup-section .left-box ul { padding-bottom: 30px;}
    .pricing-page .testimonial_section { padding: 90px 0 40px;}
    #plan-Box1, #plan-Box2, #plan-Box3, #plan-Box4 {width: 70%; margin: 0 auto 20px;}
    
    .action-section .icon-cntnt-holder .bannerbtn { width: 65%; padding: 8px 14px 11px;}
    
    
    
    .ftr-top input[type="email"] { width: 100%; display: block; margin-bottom: 15px; width: 100%; margin-right: 0; }
    .ftr-logo { margin-bottom: 20px;}
    .ftr-top button.submitbtn { width: 100%;}
    ul.social li {margin: 0 8px; font-size: 20px;}
    
    
}
@media only screen and ( max-width: 380px ) {
    #plan-Box1, #plan-Box2, #plan-Box3, #plan-Box4 {width: 80%; }
    .action-section .icon-cntnt-holder .bannerbtn {width: 75%;}
    
    
    
}

/*Media Query css*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;	
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sftr-logo {
	max-height: 50px;
	float: left;
	clear: right;
}