@media only screen and (max-width:1400px) { 
.banner-row.banner-sub-row aside .col {max-width: 400px}
.banner-row.banner-sub-row figure { padding-left: 0}
.banner-row.banner-sub-row .col { padding: 30px 30px 30px; border-top: 26px solid #ffb612}
.banner-logo { width: 200px}
.banner-row.banner-sub-row  aside p { margin: 15px 0 0}
.subsplan-sec { padding:30px 0 0!important}
	.subsplan-sec .col {padding:30px 15px 15px}
	.subsplan-sec .col h5, .subsplan-sec .col h2 { font-size: 24px; margin-bottom: 30px}
	.subsplan-sec .col span { font-size: 18px}
	.subsplan-sec .col {padding: 30px 15px 35px;}
	.subsplan-sec .plan-lbl, .subsplan-sec .col h5  { margin-bottom: 30px}
	.subsplan-sec li { padding: 0 10px; margin-bottom: 20px; width: 50%; -moz-flex: none !important;flex: none !important;flex: none !important;flex: none !important;flex: none !important;}
	.subsplan-sec .df-row {-moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.calculation-sec h6 { font-size: 32px}
	.calculation-sec p { font-size: 20px} 
	.calculation-sec .col h6 + p, .calculation-sec .left.middle h6 + p { font-size: 22px}
	.menu li {width:auto !important}
	.middle p {text-align:left !important;}
	.banner-row aside .col {padding:20px !important;}
	.banner-row figure img {height:470px !important;}
}
@media only screen and (max-width: 1329px) {
.container { padding: 0 30px}	
.nav > ul > li > a {}
	.nav-middle { padding-left: 67px}
	.nav ul { margin-right: 0; width: 100%}
	.nav { float:right; width: auto}
}

@media only screen and (max-width: 1200px) {
section, .sevices-sec { padding: 40px 0}
.optimize-sec{ padding: 0px 0 0!important}
.logo img, .custom-logo-link img  { width: 200px}
.nav-middle { padding-top: 15px}
.nav { margin: 0}
.header { padding: 0 0 5px}
.nav li a { font-size: 16px}	
.topbar .container { padding: 0 10px}
/*.topbar .right li {margin: 0 7px}*/
.topbar .left, .topbar .middle  {-moz-flex-grow:2;-o-flex-grow:2;-ms-flex-grow:2;-webkit-flex-grow:2;flex-grow:2;}
.topbar .right {-moz-flex-grow:2.5;-o-flex-grow:2.5;-ms-flex-grow:2.5;-webkit-flex-grow:2.5;flex-grow:2.5;}
.post-sec .desc-column p { height: 70px}
h4, .top-border.wpb_column.column_container.col-sm-12 h2{ font-size: 32px}
h4 + .top-lbl { font-size: 20px}
.ocean-wrapper { padding:30px 15px 30px;}
.bps-content p,  .bg-pic-sec .pg-text { font-size: 22px}
.bg-pic-sec figure, .bg-pic-sec figure img { height: 405px}
.footer-top-heading .col { width: 100%}
.footer-top-heading .col:last-child { text-align: left}
.ocean-row .col h6 { font-size: 22px}
.ocean-row li .col span {font-size: 16px}
.banner-row figure img { height: 514px}
.banner-row.banner-sub-row aside .col {max-width:330px}
.banner-row.banner-sub-row figure { padding-left:330px}
.banner-row.banner-sub-row figure {padding:-left:0 !important;}
.calculation-sec .left { width: 100%; margin-bottom: 30px}
.calculation-sec .left figure img{ /*height: 100px*/}
.calculation-sec .middle { padding: 0}
.calculation-sec .middle, .calculation-sec .left.middle { width: 50%}
.calculation-sec .left.middle { padding-left: 30px}
.calculation-sec .middle .footer-form .form-group, .calculation-sec .middle .one-half-column span.wpcf7-form-control-wrap { margin-bottom: 15px}
.calculation-sec .middle .one-half-column li figure img, .calculation-sec .middle .one-half-column li figure { width: 80px; height: 80px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 { font-size: 24px}
.calculation-sec p { font-size: 18px}
.calculation-sec .col h6 + p, .calculation-sec .left.middle h6 + p { font-size: 18px}
.calculation-sec h6 { margin-bottom: 20px}
.plant-row .col aside {min-height:360px;}
.video-section .col-sm-8, .video-section .col-sm-4 {width: 50%;}
.video-section .col-sm-4 .vc_custom_1614592284201 {padding-right:0 !important;}
.giving-back-text h2 {font-size:28px}
.two-column-sec .row {margin:0;}
.sevices-sec, .testimonial-sec, .video-sec {padding-top:30px !important}
.footer-top-heading h5 {font-size:26px;}
.sp-two-column {width:100%;}
.subsplan-sec .col {padding: 30px 15px 0;}
.subsplan-sec { padding-bottom:15px}
.subsbenefits-sec + .subsbenefits-sec {padding:0 30px;} 
.subsbenefits-sec .row {margin:0 0}
.plan-description { padding:20px 0 !important;}
plan-description .aside-column { min-height:420px;}
.optimize-sec { background:#fff}
.bg-pic-sec { padding:40px 0 !important}
.plan-description .aside-column { min-height:420px;}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:26px;}
}
@media only screen and (max-width:1038px) {
.nav-middle { padding-left: 36px}
}
@media only screen and (max-width: 1023px) {
.header { padding-bottom: 0}
.nav-right { margin: 10px 50px 0 0}
.nav-middle { top:0}
.close, .navMenu { display: block}
.icon-bar {width: 27px;height: 2px;background-color:#555;display: block;transition: all .2s;margin-top: 6px;position: relative;border: 0 solid #9b875e}
.navMenu.active .middle-bar {opacity: 1;left: 0}
.navMenu.active .bottom-bar {transform: rotate(0)}
.navMenu {border: none;background: 0 0!important;outline: none;position: absolute;right:15px; top:0}
.hr-top { border-bottom:0; float: left; margin-top: 18px}
.navMenu { top:19px; right: 20px;}
.navMenu.active .top-bar {-moz-transform: rotate(42deg);-o-transform: rotate(42deg);-ms-transform: rotate(42deg);-webkit-transform: rotate(42deg);transform: rotate(42deg);-moz-transform-origin: 3px 0;-o-transform-origin: 3px 0;-ms-transform-origin: 3px 0;-webkit-transform-origin: 3px 0;transform-origin: 3px 0;}
.navMenu.active .navMenu .middle-bar {left: 0}
.navMenu.active .middle-bar {opacity: 0;left: 100%}
.navMenu.active .bottom-bar {-moz-transform: rotate(-42deg);-o-transform: rotate(-42deg);-ms-transform: rotate(-42deg);-webkit-transform: rotate(-42deg);transform: rotate(-42deg);-moz-transform-origin: -1px 0;-o-transform-origin: -1px 0;-ms-transform-origin: -1px 0;-webkit-transform-origin: -1px 0;transform-origin: -1px 0;}
.navMenu .top-bar {transform: rotate(0)}
.navMenu, .close {color: #3a4267;border: none;margin-top: 0;z-index: 9999; float: right;background:none}
.close { position: absolute; right: 0; top:0; background: #008aff; width: 40px; height: 40px; color: #121834;padding: 0 5px 4px 8px; display: block}
.close .icon-bar {  background: #fff}
.close .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.close .navMenu .middle-bar {left: 0}
.close .middle-bar {opacity: 0;left: 100%}
.close .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
/*.nav-middle { margin-top:0; position: relative; height:auto;-moz-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}*/

/*.nav a:after{content: '\f105';position: absolute; right:12px; top:2px;color: #000;display: inline-block;font: normal normal normal 14px/1 FontAwesome;
font-size: inherit; font-size: 24px; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }*/

.logo, .custom-logo-link { margin: 10px 0}
.category-row li, .service-col1{ width: 100%; margin-bottom:30px; padding-left: 0; padding-right: 0}
.service-col1:last-child {margin-bottom:0;}
.video-sec ul li { width: 100% !important; margin-bottom:20px}
.category-row, .video-sec ul, .df-row{ -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.sevices-sec li span, .sevices-sec li p, .video-sec .col p { text-align: center}
.two-column-sec figure, .two-column-sec .desc-column { width: 100%; margin-bottom: 20px}
.two-column-sec .desc-column { padding: 15px 0}
body { font-size: 16px; overflow-x: hidden}
.nav-overlay {width: 100%;height: 100%;position: fixed;top:0; left: 0;background: rgba(0, 0, 0, 0.7);z-index:99999;display: none;}
.languges-menu {right: 65px; top: 29px;}
.logo.m-logo { float: left; margin: 0}
body.active .nav, body.active .nav-overlay{ top:68px}
.topbar .middle p:after { display: none}
.topbar .left p, .topbar .left .textwidget { padding-right: 0}
.topbar .left, .topbar .middle  {-moz-flex-grow:1.6;-o-flex-grow:1.6;-ms-flex-grow:1.6;-webkit-flex-grow:1.6;flex-grow:1.6}
.topbar .right {-moz-flex-grow:3;-o-flex-grow:3;-ms-flex-grow:3;-webkit-flex-grow:3;flex-grow:3}
.topbar .middle { text-align: left}
.topbar .middle p, .topbar .middle .textwidget { margin: 0 0 0 5px !important}
.nav .menu-toggle span.bars { margin-right: 0}
.search-bar {width: calc(100% - 250px)}
.nav.mobile li a {border-bottom: 1px solid rgba(255, 255, 255, 0)}
/*
.navMenu.active { top:19px; right:15px; }
.nav { position:static; right:0; top:50px; width:45px; height:auto; background: #fff; margin-top: 0; z-index: 999999; }
.nav li.logo { display: none}
.nav ul {overflow-y:scroll;text-align:left; margin-left: 0;width: 100%;}
.nav a.main-btn { position: relative; right:auto; left:auto; margin: 0 auto;}	
.nav li { display:block; margin: 0 0; padding:0; height: auto; position: relative}
.nav a { font-size: 16px; color:#000; font-weight: 400; position: relative; margin: 0 0 0}
.nav ul ul { border-top:0; height:auto !important; margin: 0; text-align: left; width: 100%; background: #fff; position:relative;  display: none;margin: 10px 10px 0}
.nav ul ul a:after { display: none}
.nav ul ul li { border-bottom:0; padding:2px 0}
.nav li:hover ul{  top:0; -moz-transform: none !important; -o-transform:  none !important; -ms-transform:  none !important;-webkit-transform: none !important; transform: none !important}
.nav li i{ position:absolute;font-size: 24px;color: #000; right:0; top:0; width:34px; height:40px;line-height:38px; display:inline-block; text-align:center}
.nav li:hover ul li a { color: #fff !important}
.nav li:hover ul li a:hover { color:#ff0000}
.nav .social-icon { margin-top:10px; width:100%}
.nav.mobile .menu-toggle { display: block !important;position: absolute; right:25px; top:18px}
.nav.mobile > ul > li > a { padding:10px; font-weight: 400}
.nav ul ul > li > a {color: #fff !important;}
.nav > ul > li > a { width:100%; float: left}
.nav ul ul:after { display: none}
.nav ul li > ul { padding-top: 0}
.nav ul ul > li > a { padding: 5px 15px}
.nav ul li { border-bottom: 1px solid #11b8f5}
.nav ul li:after {content: '';display: table;clear: both}*/
.sevices-sec li strong, .video-sec .col strong, .video-section h2,  .two-column-sec span { font-size: 22px}
.video-sec p {text-align:center;}
.sevices-sec li span, .two-column-sec strong, .ts-row strong { font-size: 18px}
h2 { font-size: 30px}
.ts-row p { font-size:20px}
.slick-prev { left:15px}
.slick-next { right:15px}
.slick-arrow { width: 36px; height: 36px; line-height: 36px}
.slick-arrow:after { font-size: 36px; line-height: 36px; font-size: 24px}
.slick-prev:after { left:-2px; top:-1px}
.slick-next:after { right:-2px; top:-1px}
.banner-row aside h5 { font-size: 19px !important }
.banner-row aside p, .banner-row.banner-sub-row .aside-column p { font-size: 13px} 
.banner-button { flex-direction:row}
.banner-button a { margin-right: 5px;width:123px}
.banner-row aside .col {padding: 10px}
.banner-row aside { top:auto; bottom:0}
.banner-row aside .col{ max-width:410px !important}
.banner-row figure img {height: 260px !important;}
.topbar .middle p span:after { display: none}
.topbar .middle p span { margin-left: 0; display: block}
.ocean-row { margin: 0 auto; width: 90%}
.ocean-row li {padding: 0; margin-bottom: 30px}
h4 { font-size: 28px}
h4 + .top-lbl { font-size: 18px}
.ocean-row .col h6 { font-size: 20px}
.ocean-row .col aside { min-height: inherit}
.ocean-row .col aside .btn { position: static; width:auto;}
.banner-wrapper .banner-row aside { height: 100%}
.banner-row.banner-sub-row .col {padding:20px;border-top: 18px solid #ffb612;}
.subsplan-sec .df-row { -moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.subsbenefits-sec .col p { font-size: 16px; padding-left: 35px}
.subsbenefits-sec .col p:before { width: 18px; height: 18px; background-size: 18px 18px}
.subsbenefits-sec li { margin-bottom: 40px}
.calculation-sec .middle .one-half-column li:last-child { margin-top: 30px}
.calculation-sec .middle .one-half-column span { font-size: 20px}
.closemenu-btn, .navMenu { display: block}
.icon-bar {width: 30px;height: 2px;background-color:#00aeeb;display: block;transition: all .2s;margin-top: 7px;position: relative;border: 0 solid #121834}
.navMenu.active .middle-bar {opacity: 1;left: 0}
.navMenu.active .bottom-bar {transform: rotate(0)}
.navMenu {border: none;background: 0 0!important;outline: none;position: absolute;right:15px; top:0}
.hr-top { border-bottom:0; float: left; margin-top: 18px}
.navMenu { top:22px; right: 0;}
.navMenu.active .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.navMenu.active .navMenu .middle-bar {left: 0}
.navMenu.active .middle-bar {opacity: 0;left: 100%}
.navMenu.active .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.navMenu .top-bar {transform: rotate(0)}
.navMenu, .close {color: #3a4267;border: none;margin-top: 0;z-index: 9999; float: right;background:none}
.header .container { padding:0 15px} 
.close { position: absolute; right: 0; top:0; background: #008aff; width: 40px; height: 40px; color: #121834;padding: 0 5px 4px 8px; display: block}
.close .icon-bar {  background: #fff}
.close .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.close .navMenu .middle-bar {left: 0}
.close .middle-bar {opacity: 0;left: 100%}
.close .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.nav-middle { margin-top:0; position: relative; height:auto;-moz-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.navMenu.active { top:27px; right:15px; }
.nav { position: fixed !important; right:-280px; top:0; max-width: 270px; width: 100%; height: 100%; background: #fff; margin-top: 0; z-index: 999999; padding-top:45px;
-moz-transform: translate(-280px 0);-o-transform: translate(-280px 0);-ms-transform: translate(-280px 0);-webkit-transform: translate(-280px 0);transform: translate(-280px 0);transform: translate(-280px 0); -moz-display: flex;-o-display: flex;-ms-display: flex;-webkit-display: flex;display: flex;-moz-flex-flow:column wrap; -o-flex-flow:column wrap; -ms-flex-flow:column wrap; -webkit-flex-flow:column wrap; flex-flow:column wrap; -moz-align-items: flex-start;-o-align-items: flex-start;-ms-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;}
.nav ul > li,  .nav .social-icon {-moz-transform: translateX(200%);-o-transform: translateX(200%);-ms-transform: translateX(200%);-webkit-transform: translateX(200%); transform: translateX(200%);-moz-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-o-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-webkit-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1)}
.nav.active ul > li, .nav.active .social-icon {-moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%)}
.nav.active { right: 0;-moz-transform: translate(0 0);-o-transform: translate(0 0);-ms-transform: translate(0 0);-webkit-transform: translate(0 0);transform: translate(0 0);} 
.nav.active ul > li:nth-child(1) {-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-ms-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}
.nav.active ul > li:nth-child(2){-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-webkit-transition-delay: 0.1s; transition-delay: 0.1s}
.nav.active ul > li:nth-child(3){-moz-transition-delay: 0.15s;-o-transition-delay: 0.15s;-ms-transition-delay: 0.15s;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.nav.active ul > li:nth-child(4){-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.nav.active ul > li:nth-child(5){-moz-transition-delay: 0.25s;-o-transition-delay: 0.25s;-ms-transition-delay: 0.25s;-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.nav.active ul > li:nth-child(6){-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s; }
.nav.active ul > li:nth-child(7), .nav.active .social-icon{-moz-transition-delay: 0.35s;-o-transition-delay: 0.35s;-ms-transition-delay: 0.35s;-webkit-transition-delay: 0.35s;transition-delay: 0.35s;}
.nav.active ul > li:nth-child(8){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.nav.active ul > li:nth-child(9){-moz-transition-delay: 0.45s;-o-transition-delay: 0.45s;-ms-transition-delay: 0.45s;-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}
.nav.active ul > li:nth-child(10){-moz-transition-delay: 0.50s;-o-transition-delay: 0.50s;-ms-transition-delay: 0.50s;-webkit-transition-delay: 0.50s;transition-delay: 0.50s;}
.nav.active ul > li:nth-child(11){-moz-transition-delay: 0.55s;-o-transition-delay: 0.55s;-ms-transition-delay: 0.55s;-webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
.nav li.logo { display: none}
.nav ul { height:auto; overflow-y:scroll;text-align:left; margin-left: 0;width: 100%;/*display: -webkit-flex;display: flex;-webkit-flex-flow:column;flex-flow: column;*/}
.nav a.main-btn { position: relative; right:auto; left:auto; margin: 0 auto;}	
.nav li { display:block; float: left; width:100%; margin: 0 0; padding:5px; height: auto; border-bottom: 1px solid #ddd}
.nav a { display: inline-block; padding:7px 25px 7px 7px; width:100%; float:left;font-size: 16px;color:#000; font-weight: 400; position: relative; margin: 0 0 0}
/*.nav a:after{content: '\f105';position: absolute; right:12px; top:2px;color: #000;display: inline-block;font: normal normal normal 14px/1 FontAwesome;
font-size: inherit; font-size: 24px; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }*/
.nav ul ul { border-top:0; padding-left: 20px; height:auto !important; margin: 0; text-align: left; width: 100%; background: #fff; position:static; top:0;opacity: 1; display: none; visibility: visible;  transition: all 0.2s ease-out;}
.nav ul ul a:after { display: none}
.nav ul ul li { border-bottom:0;display: inherit; float:left; width:100%; padding: 0}
.nav li:hover ul{  top:0; -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0)}
.nav li i{ position:absolute;font-size: 24px;color: #000; right:0; top:0; width:34px; height:40px;line-height:38px; display:inline-block; text-align:center}
.nav li:hover ul li a {color:#444 !important}
.nav li:hover ul li a:hover { color:#ff0000}
.nav .social-icon { margin-top:10px; width:100%}
.nav ul > li.has-child > a:after {}
.nav li:hover a { background:transparent; color:#000}
.nav li a.active, .nav li:hover a.active  { background:transparent !important; color:#00aeeb !important}
.nav > ul > li.menu-item-has-children:hover a:after {color:#00aeeb !important}
.nav ul ul li.menu-item-has-children > a.active:after {color:#00aeeb !important}
.nav ul ul ul ul ul a:hover, .nav ul ul ul ul a:hover, .nav ul ul ul a:hover, .nav ul ul a:hover { background:transparent !important; color: #000!important;}
.nav ul li.menu-item-has-children > a:after, .nav ul ul li.menu-item-has-children > a:after { content: "\f105";font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-size: 17px; top:2px; right: 5px; position: absolute}
.nav ul li.menu-item-has-children > a:after { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; font-size: 17px; display:none; !important}
.nav ul li.menu-item-has-children > a.active:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; font-size: 17px; }
.button_cl {font-size:17px !important;}
.button_cl.active:before {content: "\f107";} 
.nav ul ul li.menu-item-has-children a:hover:after { color: #00aeeb!important;}
.nav li a { font-size:14px}
.nav ul ul ul ul ul a, .nav ul ul ul ul a, .nav ul ul ul a, .nav ul ul a { padding: 7px 25px 7px 7px}
.nav ul ul {min-height:inherit}
.closemenu-btn { width:34px !important; height: 33px; position: absolute !important; background:#00aceb; padding: 0 !important; top:4px; right:4px; z-index:9999999;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;
-webkit-border-radius:3px;border-radius:3px;}
.closemenu-btn strong { position: relative; top:15px; left: 0;display: block !important;}
.closemenu-btn strong:before, .closemenu-btn strong:after {content: '';position: absolute;height: 4px;background-color: #fff; top: 50%;left: 15%;right: 15%;-moz-border-radius: 36px;-o-border-radius: 36px;-ms-border-radius: 36px;
-webkit-border-radius: 36px;border-radius: 36px;}
.closemenu-btn strong:before {-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); top: 50%;left: 15%;right: 15%;}
.closemenu-btn strong:after {-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 50%;left: 15%; right: 15%;}
.icon-Arrow-Down2 {display:none !important;}
.two-column-sec li {width:100%;}
section.two-column-sec {padding-bottom:0;}
.plant-img.df-row-center {-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.plant-img figure, .plan-description, .plant-row li .col {width:100% !important}
.plant-img figure, .plant-row li {margin-bottom:30px;}
.plant-row .col aside .btn {position:static; width:auto;}
.plant-row .col h6 {font-size:20px}
.plant-row .col strong {font-size:17px;}
.plant-row .col aside {min-height:inherit}
.sevices-sec .row {margin:0}
section.video-sec, section.sevices-sec {padding-top:30px !important}
section.video-sec .column_container, section.two-column-sec .column_container{ width:100%}
.two-column-sec .row {margin:0 0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
section.two-column-sec .column_container:nth-child(2), section.two-column-sec .column_container:nth-child(4) {margin-bottom:30px}
section.two-column-sec .column_container .vc_btn3-left {margin-bottom:0;}
section.video-sec .column_container:last-child {margin-top:30px} 
.two-column-sec strong {margin-bottom:20px;}
.footer .container .row > div {width:100%}
p.footer-para-col-1 {float:none}
.post-link + .container { padding:0}
/*.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {padding:28.125% 0;}*/
.plan-three-columns { width:100% !important}
iframe { min-height:inherit;}
.calculation-sec .left .wpb_single_image { text-align:left !important;} 
.calculation-sec p { font-size: 16px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 {font-size: 20px;}
h4, .top-border.wpb_column.column_container.col-sm-12 h2 { margin-bottom:10px;}
.optimize-sec-icon .col-sm-3 { width:50%;}
.ocean-para p { font-size:20px;}
.optimize-sec .container > .row, .ocean-sec .container > .row{ margin:0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;
-webkit-flex-direction:column;flex-direction:column;}
.plant-img { width:100% !important;}
.plant-img > div {padding:25% 0 25% 0 !important;}
.optimize-sec, .ocean-sec { padding:30px 0 !important;}
.ocean-aside-column { width:50%;}
.plan-description .ocean-offer-col.aside-column{padding-top:0 !important; padding-bottom:0 !important;}
.ocean-para p {margin-bottom:0;}
.banner-row.banner-sub-row .col-sub {height:390px;}
.banner-row.banner-sub-row .col.col-sub {width: 340px !important; float:left;}
.banner-row.banner-sub-row .col-sub {width: calc(100% - 340px); float:left;}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:22px;}
.first-btn, .first-btn a.vc_general.vc_btn3 { position:static}	
.service-col1 .vc_column-inner {padding: 40px 20px 40px;}
.giving-back-text .vc_column-inner { padding:18px 22px !important}
@-webkit-keyframes mymove {
  0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-moz-keyframes mymove {
  0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-o-keyframes mymove {
  0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@-ms-keyframes mymove {
  0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
@keyframes mymove {
  0% {top: 0px;}50% {top:0;}100% {top: 0;}
}
	
	
}
@media only screen and (min-width: 1024px) {
.fa.button_cl{ display: none !important}	
}

@media only screen and (min-width: 768px) {
.search-bar { display: inline-block !important}
}

@media only screen and (max-width: 767px) {
body { font-size: 14px}
.topbar { padding: 0 5px; z-index: 9999999}
.header { padding:15px 0 5px}
.header .container { padding: 0 15px}
.logo, .custom-logo-link {margin: 5px 0 10px}
.logo img, .custom-logo-link img, .f-logo img { width: 150px}
.navMenu { right: 2px}
h2 span, .about-sec-heading, .fav-product-sec .inner .heading, .banner-section h1, .subbanner-section h1 { font-size: 24px}
h2 span:before { top:38px}
.mandatory-text { margin: 30px 0 10px}
.footer .footer-col { width: 100%;margin-top: 0} 
.footer .footer-col .col{ width: 100%; margin: 0 auto}
.footer .footer-col:first-child .col { text-align:left}
.footer .footer-col h5 { display:none}
.footer .footer-col h5.footer-heading { display: block}
.footer .footer-col h5:after { width: 100%; height: 1px}
.footer-lbl:after, .footer-lbl:before { }
/*	.footer-collapse { display:none}*/
.footer-lbl { position: absolute; right:3px; top:8px; display: none}
.footer-lbl:before{ content: ''; position: absolute; left:-4px; top:4px; width:10px; height: 2px;background: #fff }
.footer-lbl:after{ content: ''; position: absolute; left:0; top:0; width:2px; height: 10px; background: #fff}
.footer .footer-col h5.footer-heading.active .footer-lbl:after {  display: none }
.footer .footer-col h5, .footer-top-heading h5 { font-size: 18px}
.footer-top-heading .col:last-child a, .footer-top-heading .col:last-child p {float:left !important; text-align:left !important}
.footer-top-heading .col:last-child p { margin-bottom:20px;}
ul#menu-footer-bottom {height:auto !important}
.menu-footer-bottom-container ul li a{margin:0 5px;}
.footer .footer-col { padding: 0!important}
.footer { padding:30px 0 30px}
h2 span:after { top:11px}
.category-row li { width:100%}
.topbar .left, .topbar .middle { width:50% !important; float: left}
.topbar .container, .category-row { display: block !important;}
.topbar .left { text-align:left}
.topbar .right { text-align:right}
.topbar .left, .topbar .middle, .topbar .right {-moz-flex-grow: initial-o-flex-grow: initial;-ms-flex-grow: initial;-webkit-flex-grow: initial;flex-grow: initial;flex-basis: auto !important}
.topbar .right { width:100%; float: left; padding: 5px 0;  text-align: center; border-top: 1px solid #fff;}
.topbar .middle p span { display:inline-block}
.topbar .middle p, .topbar .middle .textwidget { float: right; text-align:right}
.topbar .left, .topbar .middle { margin: 5px 0}
.topbar .right ul { float: none}
.topbar .right li:after { top:2px; height: 14px}
.search-menu-icon  { display: block}
.search-bar{ display: none; width: calc(100% - 0px); position: absolute; left:0; top:67px;padding: 15px 15px; background: #00adec; z-index:999; margin:0;}
.search-bar .search-box { border-color:#fff}
.search-bar .search-btn { background: #fff}
.nmi-right { position: absolute; padding-left: 0; width:100%; top:-6px; right: 18px; text-align: right}
.nmi-right p {display:inline-block}
.nmi-right .textwidget, .nmi-right .textwidget p { display: inline-block; font-size: 13px; font-weight: 400}
.nmi-right .textwidget p {display:inline-block;}
.nmi-right .textwidget {width:100%; float:left;}
.nav.mobile .menu-toggle, .search-menu-icon { top:20px}
 .search-menu-icon { top:24px; right:50px;}
.nav.mobile .menu-toggle { right: 15px}
.nmi-right a { margin-right: 15px; position: relative; font-size: 13px; font-weight: 400}
.nmi-right a:after{ content: ''; position: absolute; right:-11px; top:3px; background: #4d4f4f; height: 11px; width: 1px}
.search-bar input[type="text"]::-moz-placeholder {color: #fff}
.search-bar input[type="text"]:-ms-input-placeholder { color: #fff}
.search-bar input[type="text"]:-moz-placeholder{ color: #fff}
.search-bar input[type="text"]::-webkit-input-placeholder { color:#fff}
.search-bar input[type="text"]:placeholder { color: #fff }
.topbar .left, .topbar .middle, .topbar .right li a { font-size: 13px}
.banner-row aside .container { padding: 0}
.banner-row aside .col { padding-bottom: 0}
.banner-button a { padding: 6px 0; font-size: 13px}
.banner-row aside p { margin: 15px 0 !important}
.banner-row aside h5 { font-size: 16px}
.banner-row figure img, .banner-slider { height: 400px}
.banner-slider { height:100%;}
section { padding: 15px 0 !important}
.video-box video { height: 200px}
.sevices-sec li strong, .sevices-sec strong,  .video-sec .col strong, .video-section h2, .two-column-sec span { font-size: 19px}
.sevices-sec li span, .two-column-sec strong, .ts-row strong, .ts-row p { font-size: 15px}
.sevices-sec li p, .video-sec .col p, .two-column-sec p, .post-sec .col, .f-logo + p, .footer .fl li a, .post-sec .col span, .footer .fl li a, ul.fl.footer-collapse li a { font-size: 14px}
.post-link{ font-size: 15px}
.post-sec .desc-column p { height: auto; min-height: inherit; margin-bottom: 10px}
h2, .giving-back-text h2 { font-size: 20px}
.two-column-sec .col, .two-column-sec figure img { height: 200px}
.btn, .footer-form input[type="submit"] { padding: 9px 20px}
.two-column-sec strong { margin-bottom:15px}
.footer .social-icon a {margin: 0 20px 20px 0}
.footer .social-icon { text-align: left; margin: 0 0 15px}
.footer .social-icon a i { font-size: 36px}
.footer .footer-col.two-column .col { width:100%}
.footer-bottom { margin:20px 0 0}
section.two-column-sec { padding-bottom: 0}
.footer .footer-col.two-column{ margin-bottom: 30px}
 .footer .footer-col p { margin-bottom: 40px}
.footer .fl li { margin-bottom: 5px}
.f-logo { margin-bottom: 30px}
.footer .widget .col {width:100%}
.footer-top-heading .col:last-child a, .footer-top-heading .col:last-child p { font-size: 14px}
h4 { font-size: 24px} 
h4 + .top-lbl { font-size: 16px; margin-bottom: 20px}
.ocean-row .col h6 { font-size: 18px}
.bps-content p { font-size: 16px}
.bg-pic-sec figure, .bg-pic-sec figure img {height: 100%;min-height: 360px}
.ocean-wrapper {padding:30px 0px 30px !important}
.banner-wrapper .banner-row aside .col { padding-top: 0}
.banner-row aside .col { max-width:100% !important; padding-bottom: 0 !important;}
.banner-wrapper .banner-row figure img { height: 250px;}
.banner-row aside { height:auto; position:relative;}
.banner-button { -moz-flex-direction: row;-o-flex-dirowrection: row;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;}
.banner-row aside h5 { font-size: 15px !important}
.banner-row aside p { font-size: 12px; line-height: 1.1}
.sevices-sec li .col img { height: 50px}
.video-sec ul li:last-child img { height: 68px}
.banner-row.banner-sub-row aside .col {max-width:300px}
.banner-row.banner-sub-row figure { padding-left:300px}
.banner-logo {width: 144px;}
.banner-row.banner-sub-row .col {padding:15px;border-top: 10px solid #ffb612;}
.banner-button-sub { padding: 5px 30px; font-size: 13px}
.subsplan-sec .df-row { -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.subsplan-sec li {float: none;width:100%;margin-left: auto;margin-right: auto}
.subsplan-sec .col .btn { position: static; width:auto;}
.subsbenefits-sec .inner-content {padding: 20px 20px 20px}
.subsbenefits-sec .col span { padding-left: 35px}
.calculation-sec .middle, .calculation-sec .left.middle { width: 100%; padding:0 15px}
.calculation-sec .left.middle {margin-top: 0!important;}
.nav-middle {width:auto; padding-left:0;}
.search-bar .form-control {width: 100%; line-height: normal; border: 0;box-shadow: none !important; margin:0 !important;}
.optimize-sec li .col span {font-size:16px;}
.plant-row .col h6 {font-size:18px}
.plant-row .col strong {font-size:16px;}
.dropdown a:before {display:none} 
ul#menu-topmenu {margin:0 auto; float:none}
.printer-form { padding:0 30px !important;}
form input[type='text'], form input[type='address'], form input[type='url'], form input[type='password'],
form input[type='email'], form input[type="search"], form input[type="tel"], form textearea {
    margin-bottom:0 !important;
}
.calculation-sec p { font-size: 14px}
.calculation-sec h6, .calculation-sec h6, .calculation-sec h3 { font-size: 20px;}
.side-border .container { padding:10px 10px}
.plan-three-columns .col-sm-2 { padding-right: 10px; width: 50px; float: left}
.plan-three-columns .col-sm-8 { width:100%; padding-left:50px; padding-right:0;}
.two-column-features .wpb_column:first-child { float:left;}
.two-column-features .wpb_column:last-child { padding-left:60px;}
.optimize-sec-icon .container { max-width:400px;}
.subsplan-sec .col { padding:0; margin-bottom:15px;}
.two-column-features { padding:0 15px; width:50%; float:left;}
.optimize-sec-icon .container { max-width:94%;}
.plan-description .aside-column { min-height:inherit; margin-bottom:30px !important}
.plan-description .vc_btn3-container { position:static}
.plan-description .aside-column .vc_column-inner {padding-bottom:5px; height:auto}
.plant-row .col h6, .aside-column h6 + p, .ocean-aside-column h4 { font-size:19px;}
.plan-description .aside-column { padding:0 !important;} 
.plan-description .aside-column:last-child {margin-bottom:0 !important;}
.optimize-sec {padding:15px 0 0 !important;}
.bps-content p, .bg-pic-sec .pg-text { margin:15px 0 !important;}
.optimize-sec .container > .row { margin:0;}
.plant-img {padding:0;}
.ocean-para p {margin-bottom:30px !importan; font-size:18px}
.plant-row .col aside .btn, .plan-description .vc_btn3-container { width:auto;}
.bps-content p, .bg-pic-sec .pg-text, .ocean-para p { font-size:16px; font-size:14px;}
.ocean-aside-column {padding:15px 30px}
.ocean-aside-column {min-height:inherit !important;}
.ocean-aside-column:last-child {padding-bottom:0 !important}
.banner-row.banner-sub-row .col.col-sub{ width: 100% !important;max-width: 100% !important;z-index: 99; height: auto !important;}
.banner-row.banner-sub-row .container > .row { position:relative; -moz-display:flex;-o-display:flex;-ms-display:flex;-webkit-display:flex;display:flex;
-moz-flex-direction:column-reverse;-o-flex-direction:column-reverse;-msflex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;}
.banner-row.banner-sub-row .col-sub { width: calc(100% - 0px) !important; height:200px}
.banner-row.banner-sub-row .aside-column p, .banner-row.banner-sub-row .aside-column p a {margin-bottom:0 !important}
.banner-row .banner-img figure img {height: 200px !important}
.banner-row aside .col {max-width:100%}
.subpage-banner-button a {font-size:12px !important}
.banner-row.banner-sub-row .col.col-sub {padding:15px !important}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:20px}
.container, .giving-back .container {padding:0 15px}
.sevices-sec .container .row > .wpb_column {padding:0 !important}
section.video-sec, section.sevices-sec {padding-top:15px !important}
section.sevices-sec {padding:5px 0!important}
.sevices-sec li span, .sevices-sec li span p { text-align:center; font-size:14px}
.video-sec p {font-size:14px}
.category-row li .btn, .sp-two-column .vc_btn3-container {margin-bottom:0 !important}
.category-row li:last-child {margin-bottom:0}
.video-section .vc_btn3-container { margin-bottom:0 !important}
section.two-column-sec .column_container:nth-child(2), section.two-column-sec .column_container:nth-child(4), .post-sec h2 { margin-bottom:15px !important}
.sevices-sec, .testimonial-sec, .video-sec, .subsplan-sec {padding-top:15px !important} 
.post-slider { margin-top:0}
.post-slider .slick-prev { left:-10px}
.post-slider .slick-next { right:-10px}
.post-slider-parent { margin:0;}
.testimonial-sec .wpb_content_element{ display:none; margin-bottom:0 !important;}
.testimonial-sec {padding:0 0 15px!important;}
.testimonial-sec + .testimonial-sec{padding:15px 0 15px!important;}
.two-column-sec strong {margin-bottom:0 !important}
.post-row { padding:0;}
.category-row li, .subsplan-sec .plan-lbl, .subsplan-sec .col h5 { margin-bottom:15px;}
.two-column-features .vc_row-fluid { margin:0 auto;}
.optimize-sec.vc_custom_1615376886896 { padding-bottom:0 !important;}
.optimize-sec:first-child .column_container{ padding:0 !important;}
.subsplan-sec .col > div {padding:15px}
.subsplan-sec .col p, .subsplan-sec .col h3 { font-size:15px; margin-bottom:15px}
.subsplan-sec .col h2{ font-size:20px;margin-bottom:15px}
.top-border.wpb_column.column_container.col-sm-12 { border-top: 30px solid #ffb612}
h4, .top-border.wpb_column.column_container.col-sm-12 h2 { font-size:22px;}
.subsbenefits-sec, .ocean-sec {padding:15px 15px !important}
.subsbenefits-sec .container {padding:0}
.top-border.wpb_column.column_container.col-sm-12 {padding-top:15px !important}
.calculation-sec .left, .calculation-sec .right, .calculation-sec .middle, .calculation-sec h6, .calculation-sec h3,
.calculation-sec .middle .vc_column-inner .wpb_wrapper h2, .pp-calculator .wpcf7-form-control-wrap{ margin-bottom:15px !important}
.calculation-sec h3, .calculation-sec .middle .vc_column-inner .wpb_wrapper h2 { font-size:19px !important}
.calculation-sec .left.middle p { font-size:16px}
.calculation-sec { padding:15px 0 0 !important;}
.calculation-sec .middle .pp-calculator label, .calculation-sec .middle .pp-calculator input[type="text"] {font-size:14px}
span.half-col { font-size:19px; margin:10px 0 !important}
.middle .note p small { margin-bottom:15px}
.ocean-wrapper { padding:10px 15px 10px 15px !important}
.ocean-sec > .container {padding:0}
.ocean-aside-column {padding:0 !important; margin-bottom:15px}
.ocean-aside-column:last-child {margin-bottom:5px}
.btn .btn__text, a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {padding: 10px 15px !important}
.sevices-sec li .col {padding:15px !important;}
.bg-pic-sec {padding:15px 0 !important}
.ocean-para p {padding:0 !important}
.ocean-para p, .bg-pic-sec .pg-text {margin-top:0 !important}
.bg-pic-sec .pg-text, .bg-pic-sec .vc_btn3-container {margin-bottom:0 !important}
.aside-column h6 {font-size:16px;}
.bg-pic-sec .pg-text { margin-bottom:15px;}
} 
@media only screen and (max-width: 640px) {
.advertisement-2column .container { -moz-flex-direction: column;-o-flex-direction: column;-ma-flex-direction: column;-webkit-flex-direction: column;flex-direction: column}
.advertisement-2column .row { width: 100%; padding: 0; margin-bottom:30px}
.advertisement-2column .col figure { height: 160px; margin-bottom: 15px}
.advertisement-2column .col figure img { height: 140px; display: block; margin: auto}
.advertisement-2column .col figure, .advertisement-2column .col .content { width: 100%; text-align: center}
.banner-row.banner-sub-row aside .col {max-width:250px}
.banner-row.banner-sub-row figure { padding-left:250px}
.calculation-sec .left.middle { margin-bottom: 0}
.optimize-sec li { margin-bottom:0;-moz-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column; -moz-align-items: flex-start;-o-align-items: flex-start;-ms-align-items: flex-start;
 -webkit-align-items: flex-start;align-items: flex-start}
.optimize-sec li .col {width:100%;margin-bottom:15px}
.optimize-sec li .col img {height:30px}
.testimonial-sec .post-sec .wpb_wrapper > h2 {margin-bottom:15px}
.printer-form {padding:0 30px!important} 
.testimonial-sec {}
.banner-row.banner-sub-row .col.col-sub h3 { font-size:18px;}
}
@media only screen and (max-width: 570px) {
.top-features li { width: 100%}
.top-features li:last-child { margin-bottom: 0}

}
@media only screen and  (max-width: 540px) {
.nav, .nav-overlay { top:0}
.topbar .right ul{float: right; width: 100%}
.topbar .right li.social-icon { text-align: right ;width:auto; float: right}
.social-icon:before { display: none}
.category-row li, .two-column-features { width:100%} 
.topbar.active { top:-64px}
.banner-row.banner-sub-row aside .col {max-width:240px}
.banner-row.banner-sub-row figure { padding-left:240px}
.banner-row.banner-sub-row .col { padding: 10px}
.footer-form input[type="text"], .footer-form input[type="email"], .footer-form textarea {margin-bottom:0 !important}
}
@media only screen and  (max-width: 480px) {
.banner-row.banner-sub-row aside .col {max-width:220px}
.banner-row.banner-sub-row figure { padding-left:220px}
}
@media only screen and (max-width: 444px) {
.quote-sec .col .inputtext { width:190px}
.logo, .custom-logo-link {margin: 10px 0 10px}
.nmi-right { top:-17px}
.banner-button a { font-size: 12px}
.nav-middle {-moz-display:block;-o-display:block;-ms-display:block;-webkit-display:block;display:block}
.nmi-right { top: -11px;right: 0}
.search-bar {top:72px;}
}
@media only screen and (max-width: 420px) {
.footer-bottom p { display: block; text-align: center}
.pp-link{ float: none; text-align: center; margin: 15px 0 10px}
.banner-row aside .col { /*max-width: 180px !important;*/padding:15px 10px 10px!important;}
.banner-wrapper .banner-row aside .col { max-width: 190px}	
}
@media only screen and (max-width:389px) {
.quote-sec .col .inputtext {width:100%; border-right: 2px solid #000; -moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;-webkit-border-radius:50px; border-radius:50px}
.quote-sec .col .btn {margin:15px auto 0; float:none;-moz-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;-webkit-border-radius:50px; border-radius:50px}
.banner-row.banner-sub-row aside .col {max-width:200px}
.banner-row.banner-sub-row figure { padding-left:200px}
.banner-logo {width: 90px}
.banner-row.banner-sub-row aside p { margin: 7px 0 0}
}
@media only screen and (max-width:360px) {
.footer-bottom p { display:block; text-align:center}
}