@charset "utf-8";
/* CSS Document */


@font-face { font-family: 'robotobold'; src: url('roboto-bold-webfont.woff2') format('woff2'),  url('roboto-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotocondensed'; src: url('roboto-condensed-webfont.woff2') format('woff2'),  url('roboto-condensed-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotomedium'; src: url('roboto-medium-webfont.woff2') format('woff2'),  url('roboto-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotoregular'; src: url('roboto-regular-webfont.woff2') format('woff2'),  url('roboto-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
body { font-family: 'robotoregular'; overflow-x: hidden }
.header { background: #ffffff; border-bottom: 1px solid #ededed; }
.header .topMenu { background: #009deb; height: 50px; }
.header .topMenu .arrow { display: none; }
.header .topMenu ul { float: right; padding: 11px 0; margin: 0; list-style: none; }
.header .topMenu ul li { float: left; border-right: 1px solid #007fbf; margin: 0; padding: 0 4px; color: #ffffff; height: 28px; }
.header .topMenu ul li .email { background: url(../images/email.png) no-repeat 1px 0px; display: block; text-decoration: underline; padding: 5px 5px 5px 40px; color: #fff; }
.header .topMenu ul li .call { background: url(../images/call.png) no-repeat 1px 0px; padding-left: 35px; }
.header .topMenu ul li .caplication { background: url(../images/ca.png) no-repeat 1px 0px; display: block; text-decoration: underline; padding: 5px 5px 5px 40px; color: #fff; }
.header .topMenu ul li .call span.callNo { font-size: 22px; display: block; line-height: 20px; }
.header .topMenu ul li .call span.time { font-size: 12px; line-height: 12px; display: block; color: #B7D8E8; }
.header .topMenu ul li .search img { cursor: pointer; }
.header .topMenu ul li .search .searchInput { position: relative; margin: 0px; height: 28px; width: 0px; line-height: 28px; border: none; background: #13b1ff; transition: all 500ms ease; outline: none; padding: 0; }
.header .topMenu ul li .search:hover .searchInput { width: 150px; padding: 0 10px; }
.socialLinks a { display: inline-block; padding: 0 1px; }
.header .logo { float: left; padding: 10px 10px 10px 0; }
.header .logo .img { float: left; }
.header .log .sap { }
.header .menuToggle { width: 40px; float: right; margin: 30px 10px 0 0; display: none; }
.header .menuToggle span { margin: 4px; height: 4px; display: block; background: #009deb; }
.header .menu { float: right; margin: 0; padding: 6px 0 0 0; list-style: none; }
.header .menu li { float: left; border-right: 1px solid #ededed; padding: 16px 16px; text-align:center; }
.header .menu li:first-child {  padding: 10px 30px 10px 0px; }
.header .menu li:last-child { border: none; padding: 10px 0px 10px 30px; }
.header .menu li img { margin: 5px auto; display: block; transform: rotate(0deg); /*transition:all 200ms ease-in;*/ }
.header .menu li:hover img { /* transform:rotate(20deg);*/ animation: iconAnimation 500ms linear; -webkit-animation: iconAnimation 500ms linear; -moz-animation: iconAnimation 500ms linear; }
.header .menu li p { margin: 0; font-size: 13px; }

@keyframes iconAnimation { 0% {
transform:scale(1, 1;
);
-webkit-transform:scale(1, 1;
);
-moz-transform:scale(1, 1;
)
}
50% {
transform:scale(.70, .70);
-webkit-transform:scale(.70, .70);
-moz-transform:scale(.70, .70);
}
100% {
transform:scale(1, 1;
);
-webkit-transform:scale(1, 1;
);
-moz-transform:scale(1, 1;
)
}
}
.banner { background: url(../images/banner-img.jpg) center top; position: relative; }
.banner .text { padding: 10px 0px 0 0; }
.banner .logo { padding: 16px 0px; }
.banner .img { float: right; margin: 10px 0 20px 0; }
.banner h2 { font-size: 30px; color: #ffffff; margin: 0 0 0 0; }
.banner h3 { font-size: 22px; color: #ffffff; margin-top: 10px; }
.banner .buy-now { display: block; margin: 0 0 20px 0 }
.banner .buy-now a { padding: 8px 20px; border-radius: 22px; background: #f9c126; text-decoration: none; display: inline-block; color: #5e1f21; font-size: 15px; font-weight: bold; }
.banner p.small-text { font-size: 12px; color: #fff; }
.banner p.small-text2 { font-size: 12px; color: #fff; float: right; padding: 27px 0 0 0; }
/*******************************/
.banner .col1 { color: #134eb2 !important; font-family: 'robotocondensed'; }
.banner .col2 { color: #4a4a4a !important; font-size: 18px; }
.banner .buy-now2 { display: block; margin: 0px 0 7px 0; float: left; }
.banner .buy-now2 a { padding: 8px 20px; border-radius: 22px; background: #107ed6; text-decoration: none; display: inline-block; color: #fff; font-size: 15px; font-weight: bold; }
/******************************/

.bodySection { padding-top: 0px; }
.bodySection .planHead { display: table; width: 100%; }
.bodySection .planHead h2 { margin: 0; padding: 0; font-size: 25px; display: table-cell; vertical-align: middle; height: 60px; text-align: center; }
.bodySection .planHead h2 span { display: block; font-size: 16px; }
.bodySection .planHead.blue { border-bottom: 3px solid #107ed6; color: #107ed6; margin: 0px 0 15px 0; }
.bodySection .planHead.green { border-bottom: 3px solid #81ac1f; color: #81ac1f; margin: 0px 0 24px 0; }
.bodySection .planHead.yellow { border-bottom: 3px solid #dda304; color: #dda304; margin: 0px 0 24px 0; }
.bodySection .planBox { padding: 0; text-align: center; margin-bottom: 30px; }
.bodySection .planBox > div { padding: 0 3px; }
.bodySection .planBox .box { padding: 0px 0; border-right: 5px solid #f4f4f4; }
.bodySection .planBox .box.noBorder { border: none; }
.bodySection .planBox .logoIcon { margin: 10px auto; display: block; }
.linkBtn { padding: 5px 0; border-radius: 20px; width: 100px; background: #f9c126; margin: 10px 3px; display: inline-block; border: 1px solid #f9c126; font-size: 12px; text-align: center; color: #333; text-decoration: none; }
.linkBtn.buyNow { background: #fff; }
/********************/
.banner3-text { width: 100%; margin: 0 auto 0 10%; text-align: center; }
.banner3-text .img { width: 100%; }
.banner3-text .btn-box { width: 320px; margin: 0 auto 0 auto; padding: 20PX 0 0 0; }
.banner3-text .btn-box .buy-now2 { display: block; float: right }
.banner3-text .btn-box .buy-now2 a { padding: 8px 15px; border-radius: 22px; background: #107ed6; text-decoration: none; display: inline-block; color: #fff; font-size: 15px; font-weight: bold; }
.banner3-text .btn-box .buy-now { display: block; float: left }
.banner3-text .btn-box .buy-now a { padding: 8px 20px; border-radius: 22px; background: #f9c126; text-decoration: none; display: inline-block; color: #5e1f21; font-size2: 15px; font-weight: bold; }
.text-bg { width: 100%; padding: 5px 0 5px 0; background: url(../newimages/MainHome/text-bg.png) repeat; text-align: center; font-size: 22px; margin-top: -10px; font-weight: bold; display: inline-block; color: #fff; }
/********************/


/* Banner slider */
.sliderPgIn { width: 100%; margin: 0 auto; padding: 0; height: 100%; background-color: #CCC; top: 0; left: 0px; position: absolute; }
.sliderPgIn .btns { width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; }
.sliderPgIn .prev { left: 40px; /*background:url(../images/mainhome/prev.png) no-repeat;*/ }
.sliderPgIn .next { right: 40px; /*background:url(../images/mainhome/next.png) no-repeat;*/ }
.autoSliser { position: relative; overflow: hidden; }
.autoSliser .slideDiv { position: absolute; z-index: 1; }
.autoSliser .slideDiv > img { width: 100%; }
.autoSliser .slideDiv.active { z-index: 10; /*background-color:#F00;*/ }
.autoSliser .slideDiv.ind { z-index: 8; /*background-color:#0F0;*/ }
.paginationBox { position: absolute; z-index: 20; /*background-color:rgba(0,0,0,0.2);*/ padding: 5px; bottom: 25px; left: 50%; }
.paginationBox .pageNo { line-height: 20px; text-align: center; padding: 5px; width: 18px; height: 18px; background: #f9c126; /*background:url(../images/paginationBg.png) center center no-repeat;*/ color: #333; font-size: 10px; cursor: pointer; margin: 3px 3px 3px 3px; float: left; border-radius: 50%; background: #f9c126; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3); }
.paginationBox .pageNo.pageNoActive {/*background:url(../images/paginationBgAct.png) center center no-repeat;*/ background: #ffffff; box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.8); color: #fff; width: 20px; height: 20px; margin: 2px 3px 3px 3px; }
.shadow { width: 100%; height: auto; position: absolute; }
.shadow > img { width: 100%; }
.onSlid1 { background: url(../newimages/MainHome/banner-img.jpg) no-repeat; background-size: cover; }
/*.onSlid2 { background: #d4e5f1 url(../images/banner-incomeshiled1.png) no-repeat right bottom; background-size: contain; }*/
.onSlid2 {background: #d4e5f1 url(../newimages/MainHome/banner-incomeshiled.png) no-repeat right bottom;}
.onSlid3 { background: url(../images/banner3-bg.png) no-repeat; background-size: cover; }
.onSlid4 { background: url(../newimages/MainHome/banner4-bg.png) no-repeat; background-size: cover; }
/*.onSlid4 { background: url(../images/banner4-bg.png) no-repeat; background-size: cover; }*/
.onSlid5 { background: url(../images/banner-img.jpg) no-repeat; background-size: cover; }
.slidBox { height: 100%; position: relative; width: 100%; margin: 0 auto 20px auto;  /*display:none;*/ }
.slidBox .slidBtn { width: 25px; height: 25px; position: absolute; top: -40px; margin-top: auto; margin-bottom: auto; z-index: 1; cursor: pointer; }
.slidBox .slidBtn.active { }
.slidBox .slidBtn.disable { opacity: 0.3; }
.slidBox .slidBtn.next { background: url(../images/sliderArrowNext.png) right top no-repeat; right: 0px; }
.slidBox .slidBtn.prev { background: url(../images/sliderArrow.png) left top no-repeat; right: 30px; }
.slidBox .slideDivWrap { height: 100%; width: 100%; position: relative; margin: 0 auto; overflow: hidden; }
.slidBox .sliderDiv { left: 0; position: absolute; width: auto; height: 100%; }
.slidBox .sliderDiv .thDiv { float: left; width: auto; padding: 0; }
.bodySection .insuranceBox { position: relative; }
.bodySection .insuranceBox:before { background: #fef3d4; position: absolute; height: 100%; width: 50%; left: 0; top: 0; content: ''; display: block; }
.bodySection .insuranceBox:after { background: #ccebfb; position: absolute; height: 100%; width: 50%; right: 0; top: 0; content: ''; display: block; z-index: -1; }
.bodySection .headtext { display: table; margin-bottom: 30px; }
.bodySection .headtext .icon { float: left; display: table-cell; margin-right: 15px; }
.bodySection .headtext h3 { font-size: 22px; border-bottom: 2px solid #67bff1; display: table-cell; vertical-align: middle; text-align: left; margin: 0; }
.bodySection .insurance { padding: 30px 15px; background: #fef3d4; }
.bodySection .insurance.award { background: #ccebfb; }
.bodySection .insurance.award ul { list-style: none; margin: 0; }
.bodySection .insurance.award ul li { font-size: 18px; border-bottom: 1px solid #a3bcc9; color: #107ed6; padding: 10px; position: relative; }
.bodySection .insurance.award ul li:before { position: absolute; left: -21px; top: 17px; height: 10px; width: 10px; background: #107ed6; border-radius: 50%; content: ''; }
.bodySection .insurance.award ul li p { font-size: 15px; color: #333333; }
.article { background: #009deb; padding-top: 20px; padding-bottom: 20px; }
.article .headtext h3 { color: #fff; }
.article p { font-style: italic; color: #fff; }
.article p.heading { font-size: 18px; color: #ffd85c; }
.article p.date { margin: 25px 0 10px 0; border-bottom: 1px solid #007ebc; text-align: right; vertical-align: baseline; }
.footer { background: #efefef; padding-top: 30px; padding-bottom: 30px; }
.footer .linkBox { width: 20%; padding: 0 15px; float: left; box-sizing: border-box; }
.footer .linkBox .icon { margin: 15px 0; }
.footer .linkBox ul { list-style: none; margin: 0; padding: 0; }
.footer .linkBox ul li { margin-bottom: 5px; }
.footer .linkBox ul li a { color: #333; }
.footer .linkBox h4 { color: #009deb; }
.footer .linkBox h3 { font-weight: normal; font-size: 22px; margin: 7px 0; }
.footer .linkBox h3 span { font-size: 12px; }
.disclaimer { font-size: 12px; padding-top: 20px; padding-bottom: 20px; }
.disclaimer p.border { padding: 10px; display: block; border: 1px solid #838383; }
.disclaimer .blueBar { background: #009deb; padding: 5px; color: #ffffff; text-align: center; }
/*[+][Yatish Gharat][02.MAY.2016][Adding code for hover sub-menu]*/
/* Vertical Navigation */
#vertical-navigation li ul { display: none; transition: all 400ms ease-in; }
#vertical-navigation li:hover ul { display: block; }
#vertical-navigation li { position: relative; }
#vertical-navigation li ul { list-style: none; position: absolute; top: 95px; left: 0px; background-color: #0093dd; padding: 0px; z-index: 999; }
#vertical-navigation li:last-child ul { right: 0px; left: auto; }
#vertical-navigation li ul li { border: none; border-bottom: 1px solid white; width: 100%; }
#vertical-navigation li ul li:hover { background-color: #00aaff; }
#vertical-navigation li ul a { color: White; display: inline-block; width: 100%; }
#vertical-navigation li ul a:hover { text-decoration: none; }
#vertical-navigation li > a { text-decoration: none; color: rgb(51,51,51); }
/*[-][Yatish Gharat][02.MAY.2016]*/

/*[+][Yatish Gharat][03.MAY.2016][For popup window]*/
.popupwindow { background: url(../Images/eShield_New/blank.png) repeat; height: 100%; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 99; }
.popcontInstru { width: 680px; /*height: 380px;*/ /*width:90%;
    height:90%;*/ background: #FFF; margin: 0 auto; /*margin-top: 50px;*/ margin-top: 175px; padding: 20px; border: 5px solid #373737; font-size: 12px; overflow: auto; }
#imgCloseInstruction { cursor: pointer; }
.popcontInstruEIS { /*width: 680px;*/ /*height: 380px;*/ width: 90%; height: 80%; background: #FFF; margin: 0 auto; /*margin-top: 50px;*/ margin-top: 5%; padding: 20px; border: 5px solid #373737; font-size: 12px; overflow: auto; }
#imgCloseInstruction { cursor: pointer; }
.popcontInstruEIS h3 { font-size: 18px; font-weight: bold; color: #333; padding: 5px; text-shadow: 1px 1px 1px #1AA3FF; }
.popcontInstruEIS p { color: Black; font-style: normal; }
.popcontInstruEIS table.pTableIllustration { width: 95%; border: 1px solid #007acc; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; min-width: 375px; box-shadow: 0px 0px 10px 2px #999; }
.popcontInstruEIS table.pTableIllustration tr:nth-child(even) { background-color: #e6f3ff; }
.popcontInstruEIS table.pTableIllustration tr:hover { font-weight: bold; background-color: #80ccff; }
.popcontInstruEIS table.pTableIllustration th { color: White; background-color: #007acc; padding: 7px; }
.popcontInstruEIS table.pTableIllustration td { padding: 7px; text-align: center; }
ul.product-tab { margin: 0; padding: 0px; /*[+][Yatish Gharat][26.MAY.2017]*/width:128%;/*[-][Yatish Gharat][26.MAY.2017]*/}
ul.product-tab li { min-width: 19.5%; cursor: pointer; background-color: #134eb2; padding: 10px; float: left; list-style-type: none; color: #fff; min-height: 66px; border-right: 1px solid #0d367c; }
ul.product-tab li:hover { background-color: #009deb; }
ul.product-tab li.active { min-width: 19.5%; cursor: pointer; background-color: #009deb; padding: 10px; float: left; list-style-type: none; color: #fff; min-height: 66px; border-right: 1px solid #0d367c; }
ul.product-tab li a { color: #fff; text-decoration: none; }
ul.product-tab li:last-child { border-right: 0px solid #0d367c; }
ul.product-tab li .img-icon { margin: 0 20px 0px 10px }
.product-cont { margin: 0; padding: 20px 0 20px 0; clear:both;  }
.product-data h2 { font-size: 20px; padding: 0 0 7px 0; color: #000000; border-bottom: 2px solid #67bff1; display: inline-block; vertical-align: middle; text-align: left; margin: 0 0 10px 0; }
.product-cont p { color: #515151; font-size: 14px; }
.key-benifit-wapper { background-color: #fef1cd; padding: 20px 0px; }
.product-snapshot-wapper { background-color: #ccebfb; padding: 20px 0px; }
.data { display: none; }
.data.active { display: block; }
.key-benifit-wapper .num { background-color: #009deb; border-radius: 50px; float: left; color: #fff; padding: 0px 10px; line-height: 27px; margin-top: -3px; margin-right: 10px; margin-bottom: 46px; }
.key-benifit-wapper .t1 { font-size: 17px; text-align: center; }
.key-benifit-wapper .features { min-height: 80px; margin: 20px 0 0 0; }
.tandc-text { font-size: 12px; color: #515151; border-top: 1px solid #cbc1a4; padding: 20px 0 20px 0; }
.tabulardata { border: 1px solid #dadada; font-size: 13px; color: #4f4f4f;  border-right: none; }
.tabulardata th { color: #fff; font-weight: bold; padding: 10px 20px; border-right: 1px solid #d3d3ca; border-bottom: 1px solid #fff; background: #1aa3ec; }
.tabulardata td { padding: 10px 20px; border: 1px solid #dadada; color: #4f4f4f; border-left: none; border-bottom: none; background-color: #FFF }
.tabulardata tr:hover { background: #fbfbf9; }
.tabulardata span { font-size: 11px; line-height: 11px; font-weight: normal }
.table-wapper { overflow-x: auto; overflow-y: hidden }
.tabulardata2 { border: 1px solid #dadada; font-size: 13px; border-right: none; }
.tabulardata2 th { color: #fff; font-weight: bold; padding: 10px 20px; border-right: 1px solid #d3d3ca; text-align: center; border-right: 1px solid #fff; background: #1aa3ec; }
.tabulardata2 td { padding: 10px 20px; border: 1px solid #dadada; text-align: center; color: #275ab7; border-left: none; border-bottom: none; background-color: #FFF }
.tabulardata2 tr:hover { background: #fbfbf9; }
.tabulardata2 span { font-size: 11px; line-height: 11px; font-weight: normal }
.planwork-wapper { float: left; font-size: 15px; }
.planwork-wapper .stape-name { color: #009deb; font-size: 17px; }
.planwork-wapper hr { border-top: 1px solid #67bff1 }
.mobile-tab { display: none }
.exsp { height: 300px; }
.exsp img { display: none; }
.po-fixed{ position: fixed; width: 100%; background-color: #fff; z-index: 1;top: 0px;}
.producttab-fixed{ position: fixed; z-index: 1; width: 100%; top: 113px;}
.active2{display:block;}


 @media (max-width: 1400px) {
ul.product-tab li { min-width: 15.5%; }
ul.product-tab li.active { min-width: 15.5%; }
.key-benifit-wapper .features { min-height: 30px; margin: 20px 0 0 0; }
.key-benifit-wapper .num { margin-bottom: 25px; }
.product-data h2 { padding: 20px 0 7px 0; }
.exsp { height: auto; }
.exsp img { display: inline; }
.onSlid1 { background: url(../newimages/MainHome/banner-img.jpg) no-repeat; background-size: cover; }
.onSlid2 { background: #d4e5f1 url(../newimages/MainHome/banner-incomeshiled.png) no-repeat right bottom;}
.banner .logo { padding: 1px 0px; }
.banner .col2 { color: #4a4a4a !important; font-size: 14px; }
.banner h2 { font-size: 21px; }
.product-snapshot-wapper { background-color: #ccebfb; padding: 0px 0px; }
.header .menu li:first-child {  padding: 10px 16px 10px 16px; }
.header .menu li:last-child { border: none; padding: 10px 16px 10px 16px; }
}
 @media (max-width: 992px) {
.header .logo { width:85%;  padding: 15px 0 15px 0; }

.header .logo .sap { display: none; }
ul.product-tab { display: none; ; }
.mobile-tab { min-width: 96%; display: inline; cursor: pointer; padding: 10px; float:left; list-style-type: none; color: #fff; min-height: 66px;  border-bottom: 1px solid #42a5f5; font-size: 22px; color: #fff; margin: 0px 2%; background: #134eb2 url(../images/arrow-dactive.png) no-repeat 96% center; }
a.mobile-tab { color: #fff }
.mobile-tab.active { background: #009deb url(../images/arrow-active.png) no-repeat 96% center; }
.mobile-tab .img-icon { margin: 0 20px 0px 10px }

.header .topMenu { height: auto; position: relative; top: 0px; transition: all 400ms ease-in; z-index: 22; border:2px solid #009deb; }
.header .topdata{ display:none;}
.header .topMenu.mobile { top: 0px; }
.header .topMenu ul { float: none; position: relative; padding: 3px; overflow: auto; }
.header .topMenu ul li { display: block; float: left; padding: 4px 0 4px 0; width: 50%; border: none; height: inherit; }
.header .topMenu ul li.mob { display: none; }
.header .topMenu.mobile ul li.mob { display: block; }
.header .menu { margin-top: 20px; }
.header .topMenu .arrow { position: absolute; display: block; left: 49%; color: #ffffff; display: block; bottom: -14px; height: 62px; width: 95px; margin-left: -30px; background: url(../images/arrow.png) center 90% no-repeat #009deb; z-index: 0; border-radius: 50%; transform: rotate(0deg); cursor: pointer; }
.header .menu li img { height: 40px; }
.footer .linkBox { width: 33.33%; min-height: 300px; }
.header .topMenu ul li .search .searchInput { width: 150px; padding: 7px 15px; }
.banner .text { padding: 10px 0 0 0; }
.mobileimg { width: 100%; }
#vertical-navigation li ul { top: 85px; }
.header .menuToggle { display: block; cursor: pointer; }
.header .menu { position: relative; background: #ffffff; float: none; width: 100%; right: 0px; z-index: 20; top: 0; height: 0px; transition: all 400ms ease-in; overflow: hidden; }
.header .menu.mobile { /*display:block;*/ height: 344px; }
.header .menu li { height: auto; width: 50%; border: 1px solid #ededed; }
.header .menu li:last-child { border: 1px solid #ededed; }
.header .menu li img { height: auto; }
.header .menu li p { text-align: center; }
.footer .linkBox { width: 50%; display: inline-block; min-height:20px; }
.linkBtn { margin: 3px; }
.bodySection .planBox { margin-bottom: 15px; border-bottom: 3px solid #F4F4F4; }
.bodySection .planBox .box { border: none; }
.bodySection .planHead h2 { font-size: 20px; }
.bodySection .planHead h2 span { font-size: 14px; }
.banner h2 { font-size: 28px; }
.banner h3 { font-size: 16px; }
.banner .img { margin: 20px auto; float: none; }
.header .topMenu ul li .call span.callNo { font-size: 18px; line-height: 18px; }
.banner3-text { width: 100%; margin: 0 auto 0 auto; }
.text-bg { font-size: 18px; margin-top: 10px; }
#vertical-navigation li:nth-child(1) ul { width: 100%; top: 0px; left: 70%; right: auto; }
#vertical-navigation li:nth-child(2) ul { width: 100%; top: 0px; left: auto; right: 70%; }
#vertical-navigation li:nth-child(3) ul { width: 100%; top: auto; bottom: 0px; left: 70%; right: auto; }
#vertical-navigation li:nth-child(5) ul { width: 100%; top: auto; bottom: 0px; left: 70%; right: auto; }
.popcontInstru { width: 90%; }
.banner .col1 { color: #134eb2 !important;  }
.banner .col1 br{ display:none;}
.footer { background: #efefef; padding-top: 10px; padding-bottom:10px; }
.footer .linkBox { width: 100%; padding: 0 15px; float: left; box-sizing: border-box; border-bottom:1px solid #bfbfbf;  }
.footer .linkBox.active {  border-bottom:1px solid #efefef;  }
.footer .linkBox .icon { margin: 5px 0; float:left }
.footer .linkBox ul { list-style: none; margin:10px 0 10px 20%; padding: 0;  }
.footer .linkBox ul.links { display:none; clear:both; }
.footer .linkBox ul.active { list-style: none; margin:0 0 0 20%; padding: 0; display:block; }
.footer .linkBox ul li { margin-bottom: 5px; }
.footer .linkBox ul li a { color: #333; }
.footer .linkBox h4 { color: #009deb; float:left;  padding: 10px 15px; }
.footer .linkBox h3 { font-weight: normal; font-size: 22px; margin: 0px 0 7px 20% ; }
.footer .linkBox .socialLinks{  margin: -7px 0 7px 20% ;}
.footer .linkBox .socialLinks h4{padding: 0px 0px !important;}
.click-menu{ width:100%; display:inline-block; float:left; cursor:pointer;  background: url(../images/f-arrow-dactive.png) no-repeat 96% 50%;}
.click-menu.active{ background: url(../images/f-arrow-active.png) no-repeat 96% 14%;}
.po-relative .container{ padding:0px !important;}
.header .menu li:first-child {  padding: 16px 16px 16px 16px; }
.header .menu li:last-child {  padding: 16px 16px 16px 16px; }
}
 @media (max-width: 480px) {
/*.bodySection .planBox .box, .bodySection .planBox > div { width:100%; }*/
.footer .linkBox { width: 100%; min-height: inherit; padding:0; }

.pa-in{ margin:0 15px 15px 15px !important;}
.pa-none{ padding:0 0px !important;}
.banner .col1 { color: #134eb2 !important; font-size:22px; line-height:22px;  }
.banner .col2 { font-size:14px; line-height:14px; margin:5px 0; padding:0; }
.banner .buy-now2 { display: block; margin: 5px 0 0px 0; float: left; }
.banner .logo { padding: 5px 0px; }
.mobile-tab { font-size: 15px;  }
.mobile-tab.active { font-size: 15px; }
.mobile-tab .img-icon { margin: 0 20px 0px 10px }
.header .topMenu .arrow { position: absolute; display: block; left: 45%;}
}
 @media (max-width: 420px) {
.header .topMenu ul li { width: 100%; }
.header .logo { width:80%;  padding: 15px 0 0px 0; }
}