@charset "utf-8";
/* CSS Document */
.show-mob, .show-tab {display: none;}
.show-desk {display: block;}

/*---------Media Querry---------*/

@media only screen and (max-width:1186px){
.container{width:1004px;}

ul.topMenu{ margin:16px 0 0 45px;}

.common-heading{ font-size: 32px; line-height: 44px;}
.bnr-sec{  }
.s1-img {
	margin-top: 70px;
	max-width: 540px;
  }
.banner-text1 {
    font-size: 53px;
    line-height: 63px;}


.s1-box-cont{ padding:25px 20px 20px 10px;}

.todayHelp-box{ padding:22px 10px 20px;}
.todayHelp-box p{ font-size:17px; line-height:25px;}

.track-boxleft{ width:230px; top:0; transform:none;}
.track-boxright{ width:calc(100% - 190px)}
.manage-track-box.fr .track-right-col img{ right:0;}
.s2-midleft .martop0 {
    margin-top: 18px;
    line-height: 28px;}
.section3 {
    padding: 70px 0 40px;}
.solutions-div span {
    font-size: 19px;
    line-height: 32px;}
.cbd-prod{    max-width: 145px;
}
.prd-txt2{     font-size: 16px;}
.s5-list li {
    font-size: 19px;
    line-height: 32px;}
.s6-doct-img{ width:540px;}
.s6-right{ margin-top:0;}

.s8-rgt{ width:73%;}
.s8-product-col{ width:330px;}

.mail-field{ width:40%;}
.mail-strp-lft p{ font-size:23px; line-height:30px;}

.ftr-links-col-1{ width:30%;}
.ftr-links-col-3{ width:22%;}
.ftr-links-col-4{ padding-left:30px; width:31%;}

/*==============================
CONTACT_PAGE
===================================*/
.cntct-lft{ padding:50px;}
.contct-txt1{font-size: 22px; line-height: 24px;}
.cntct-rgt{ padding:50px;}
.frmElement{ margin-top:10px;}
}

@media only screen and (max-width:1023px){
.container{width:750px;}
.show-desk, .show-mob {display: none;}
.show-tab {display: block;}

.top-strip p{ font-size:13px; line-height:13px;}

a.header-btn{ margin-right:50px;}
.mob-mnu-ic{ right:10px; top:21px;}
.mobilemenu{ top:109px; border-top:1px solid #ddd;}
.mobimenu-top{ top:75px;}
.mobilemenu li a{ font-size:18px; line-height:26px;}

.banner-text1{     font-size: 50px;
    line-height: 60px;}
.banner-head{ font-size:45px; line-height:50px;}
.banner-text2{ font-size:18px; line-height:26px;}
.bnr-lft {
    width:67%;}
.img-box{ max-width:560px;}
.sms-box2{bottom: 125px;}
.common-text{ font-size:17px; line-height:27px;}

.section1{ padding: 50px 0 15px;
    height: 978px;}

.s1-tx span {
    font-size: 46px;
    line-height: 56px;}
.s1-cmn-tx {
	width:100%;
   font-size: 18px;
    line-height: 28px;}
.banner-img {
    margin: 1px auto 0 65px;}
.sec1-text{ font-size:38px; line-height:44px;}
.s1-box-cont{    padding: 10px 10px;}
.s1-ico{ width:40px; top:-20px; left:10px; }
.solutions-div img{ right:-50px;}
.solutions-div span{ margin-bottom:5px}

.solutions-div {
	    margin: 30px 0px;
   }
.common-heading span {
    font-size: 39px;
    line-height: 49px;}
.s2-midleft .martop0 {
    margin-top: 16px;
    line-height: 26px;
    width: 100%;}
.s2-video {    max-width: 470px;
    margin: 40px auto 0 0;}|
.s2-midleft a.comn-button{ width:55%;}
.common-heading{ font-size: 28px; line-height: 38px;}
.s2-midright{ width:48%;}
.s2-right-img{ right: 20px; width: 280px;}
.s2-midleft{ width:50%;}
.common-text{ font-size:18px; line-height:26px; padding:0 0 0;}
ul.s2-left-list li{ padding-left:40px;}
ul.s2-left-list li span{ font-size:23px; line-height:28px;}
.s2-midleft{ width:44%;}

.todayHelp-box{ width:24%; margin:20px 0.5% 0; padding:15px 5px;}
.todayHelp-box p{ font-size:15px; line-height:20px;}

.track-boxleft{ position:static; display:block; margin:0 auto;}
.s4-img{width: 190px;
    position: static;
    display: block;
    margin: 0 auto;
}
.manage-track-box.fl{ padding:25px 30px 30px 20px;}
.manage-track-box.fr{ padding:25px 30px 30px 20px;}
.manage-track-box:before{ display:none;}
.track-boxright{ width:100%; margin-top:10px;}
.track-right-col{ padding:25px 0 25px 0;}
.track-right-col img{ right:0;}
.track-right-col p{ font-size:18px; line-height:26px; margin-top:15px;}

.s5-img-right{ width:350px; right:-370px; top:0;}
.section5 {
    padding: 25px 0 30px;}
.s5-list li {
    font-size: 18px;
    line-height: 30px;
    padding: 0 15px;}
.s6-right{ width:54%;}
.s6-doct-img{ width:320px; left:0;}
ul.s6-right-list{ margin:0;}
ul.s6-right-list li{ padding-left:75px; margin-top:30px;}
ul.s6-right-list li span{ font-size:22px; line-height:28px;}
ul.s6-right-list li p{ font-size:18px; line-height:26px;}
ul.s6-right-list li img{ width:60px;}

.prd-txt2{ font-size: 18px;}
.prodSection a.comn-button{ margin-top:15px; height: 45px; line-height:45px;}
ul.prod-list li {
    width: 49.33%;}
.comp-col1{ width:52%;}
.row{ padding:0 10px 0 20px;}
.row p{ font-size:17px; line-height:24px;}
.comp-col2{ width:24%;}
.row:nth-child(1){ padding:20px;}
.row:nth-child(9){ padding:10px 10px;}
.row:nth-child(9) a.comn-button{ font-size:17px;}

.section8{ padding:55px 0 40px;}
.s8-cont{ width:35%;}
.s8-rgt{ width:65%;}
.s8-product-col .common-text{ font-size:17px; line-height:25px;}

.accordion{ font-size:19px; line-height:27px;}
.acdn-para{ font-size:17px; line-height:25px;}

.mail-strp-lft{ padding:0; text-align:center;width:100%;}
.mail-strp-lft p{ line-height:28px;}
.mail-field{ width:100%;margin-top: 20px;}

.ftr-links-col-1{}
.ftr-links-col-2, .ftr-links-col-3, .ftr-links-col-4{ margin-top:40px;}
.ftr-links-col-2{ width:26%; padding-left:0;     margin-top: 0;}
.ftr-links-col-3{ width:30%;}
.ftr-links-col-4{ width:44%;     margin-top: 0;}
.ftr-tx{ font-size:15px; line-height:20px;}
.ftr-tx a{ padding:0 5px;}
.ftr-log{ max-width:200px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:60px 0;}
.proDetails-left {width: 35%;}
.proDetails-right { width: 62%;}
.prod-nameHdng{ font-size:30px; line-height:40px;}
.prd-prc{ font-size:38px; line-height:38px; margin-top:15px;}
.prd-p1 img{ width:120px;}
.prd-p2{}
.select-mg{ margin:0 5px 0 0;}
.qty-txt{ margin-top:20px;}
.prd-as-seenDv { width: 100%;margin: 30px 0 0 0;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-Box{ margin-top:-15px;}
.cntct-lft {padding: 30px;}
.cntct-hdng { font-size: 26px;line-height: 30px;}
ul.cntct-list li{margin-top: 24px; padding: 0 0 0 33px;}
.contct-txt1 {font-size: 20px;line-height: 22px;}
.cntct-rgt {padding: 30px;}
.msgbx-txt {font-size: 30px;line-height: 30px;}
.msgbx-txt2 {font-size: 20px;line-height: 28px;}
.frmElement input, .frmElement textarea{ font-size:20px;}

}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}
.show-mob{display:block;}
.hide-mob{ display:none;}

.top-strip{ padding:2px 0 3px;}
.top-strip p{ display:none;}
ul.stripList{display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  width: 100%; justify-content: space-between;}
ul.stripList li a{font-size: 12px;}

.top-fix-bar{ margin-bottom:55px;}
.header{ height:55px; margin-top:-55px; top:55px;}
.logo{ width: 130px; margin-top: -3px;}
.mob-mnu-ic{ top:10px; right:15px;}
.mobilemenu{ top:82px;}
.mobimenu-top{ top:55px;}
.mobilemenu li a{ font-size:16px; line-height:20px; padding:15px 20px;}

.banner{     background: #f0f5f8;
    padding: 20px 0 30px;
    background-size: cover;
    height: auto;}

.bnr-lft {
    width: 100%;
    text-align: center;
    margin-top: 10px;}
.banner:before{ height:60px;}
.banner-text1{font-size: 28px; line-height: 32px;}
.bnr-model{max-width: 250px;  margin: -10px auto 0;  display: inline-block;}
.banner-head{ font-size: 32px; line-height: 40px; margin-top: 5px;}
.banner-text2{ font-size:16px; line-height:26px; margin-top:15px; width:100%;}
a.comn-button{ margin-top:20px;     width: 70%;}
.banner-box{ margin-top:25px;}

.banner-img-mob{ display:block; margin:0 auto; max-width:100%;}
.sms-box{width: 200px; border-radius: 15px 20px 0 15px; padding: 6px 6px 6px 10px; top: 5%;}
.sms-box p{width: calc(100% - 30px);}
.sms-box2{ bottom:45%; top:auto;padding:6px 6px 6px 6px;border-radius:20px 15px 15px 0;}
.sms-box2 p {width: calc(100% - 37px);}
.sms-img{ margin-top:0; width:30px;}
.sms-box:after{ right:10px; top:9px; width:5px; height:5px;}
.sms-box2:after{ left:30px; top:9px;}
.s1-rgt {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px;}
.s1-tx span {
    font-size: 28px;
    line-height: 38px;}
.section1{ padding:25px 0 15px;     background: #fff; height:auto;}
.sec1-text{ font-size:28px; line-height:32px; margin-top:10px;}
.sec1-row{  margin: 0 auto; display: block;  padding:0 10px;}
.s1-ico{     position: static;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 30%;}
.solutions-div { margin: 10px 0px; font-size: 17px;   line-height: 24px;}
.sce1-box{     float: left;  margin: 10px 0px;  width: 100%;}
.solutions-div span{}
.s1-box-cont {padding:20px 20px 18px 20px;}
.solutions-div img{ right:-5px;}

.section2{ padding:25px 0 30px;}
.s2-video {max-width: 360px;  margin: 10px auto -10px 0px;  width: 100%;  display: inline-block;}
.sec2-top{ padding:0; text-align:center;}
.common-heading, .section3 .common-heading{  font-size: 25px; line-height: 33px; margin:0;}
.common-heading span {   font-size: 24px;  line-height: 32px;}
.sec2-top .common-heading {margin-top: 30px;}
.sec2-mid{ margin-top:0px;}
.s2-midright{ width:100%; margin-top:0;}
.s2-right-img{position: static; display: inline-block;  margin: -100px auto -29px -130px;  max-width: 220px;}
.s2-midleft{ width:100%; margin-top:0px; text-align:center;}
.common-text{ font-size:17px; line-height:24px; margin-top:18px;}
.s2-midleft .common-text{ text-align: center;}
ul.s2-left-list{ margin-top:10px;}
ul.s2-left-list li{ margin-top:15px; padding-left:35px; background-size:22px;}
ul.s2-left-list li p{ line-height:24px;}
ul.s2-left-list li span{ font-size:20px; line-height:26px;}

.section3{ padding:25px 0 35px; height: auto;}
.section3 .common-heading {}
.todayHelp-box{width: 49%;  margin: 0; padding: 0;}
.todayHelp-box:nth-child(even) {border:none}
.todayHelp-box p{ font-size:16px; line-height:24px;}

.section4{ padding:25px 0 30px;}
.portal-box{ margin-top:0;}
.manage-track-box{ width:100%; margin-top:20px;}
.manage-track-box.fl, .manage-track-box.fr{ padding:20px 25px 25px 20px;}
.s4-img{ width:150px;}
.track-boxright{ margin-top:20px;}
.track-right-col img{ top:15px; width:37px;}
.track-right-col{ padding:20px 0;}
.track-right-col p{ font-size:17px; line-height:24px; padding-right:10px;}

.section5{ padding:25px 0; height:auto;}
.s5-left{ width:100%; text-align:center;}
.s5-img-right{ position:static; display:inline-block; vertical-align:top; margin:20px auto 0; max-width:80%;}
.s5-list li {
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0px;
    width: 50%;}
.section6{ padding:25px 0 30px;}
.s6-right{ width:100%; text-align:center;}

.section6 .common-heading{ padding-bottom:20px;}
.s6-doct-img{ position:static; display:block; margin:0 auto; max-width:65%;}
ul.s6-right-list{ padding-bottom:0;}
ul.s6-right-list li span{     font-size: 17px;
    line-height: 27px;}
ul.s6-right-list li p{ font-size:17px; line-height:24px; margin-top:5px;}

ul.prod-list{ margin-top:30px;}
ul.prod-list li{width:100%; padding:20px 20px 20px 160px;}
ul.prod-list li a.comn-button {
    font-size: 16px;
    line-height: 26px;
    padding: 6px 0;
}
.prd-txt2 {
    font-size: 15px;
    line-height: 25px;}
.cbd-prod {
    max-width: 135px;
}


.prodSection{padding: 30px 0;}
.prodSection .common-heading {
       font-size: 26px;
    line-height: 40px;}
.section7{ padding:25px 0 30px;}
.compare-chart{ margin-top:30px; margin-bottom:10px;}
.comp-col1{ width:55%;}
.comp-col2{ width:24%;border-radius: 15px 15px 0 0;}
.comp-col3{ width:21%;}
.row{ padding:5px 7px 5px 10px; height:60px;}
.comp-col1 .row {border-radius: 10px 0 0 10px;}
.comp-col3 .row { border-radius: 0 10px 10px 0;}
.row p{ font-size:15px; line-height:18px;letter-spacing:0.3px;}
.comp-col2 .row{ padding:0 5px;}
.comp-img{ width:25px;}
.row:nth-child(1){ padding:5px; height:60px;}
.comp-col3 .row{ padding:0 5px 0 2px;}
.comp-col3 .row p{ font-size:11px; line-height:14px; letter-spacing:0;}
.row:nth-child(9){ height:65px; display:none;}
.row:nth-child(9) a.comn-button{ margin-top:5px; font-size:13px; line-height:35px; height:35px;}
.row:nth-child(9) a.comn-button .btn-arw{ display:none;}

.section8{ padding:25px 0 35px;}
.s8-cont{ padding:0 0; width:100%; text-align:center;}
.s8-rgt{ width:100%;  padding:0; margin-top:20px; padding-bottom:8px;}
.s8-product-wrap{ width:100%;}
.s8-product-col{ width:100% !important;box-shadow:0 3px 9px 4px rgba(83,167,231,0.1);-webkit-box-shadow:0 3px 9px 4px rgba(83,167,231,0.1);}

.section9{ padding:25px 0 35px;}
.faq-container{ margin:5px 0 15px;}
.up-slide-dwn{ padding:10px;}
.accordion{padding:5px 55px 5px 5px; font-size:18px; line-height:26px;}
.acdn-content{ padding:0 5px 15px 5px;}

.mail-strip{ padding:20px 0 25px;}
.mail-strp-lft{ width:100%; text-align:center; padding:0 0;}
.mail-field{ width:100%; margin-top:20px;height: 50px;}
.signUp{line-height: 45px;}

.ftr-links-sec{ padding:25px 0 25px;}
.ftr-links-inr{ padding-bottom:25px;}
.ftr-log { width:160px}
.ftr-log-tx{ font-size:16px; line-height:24px;}
.ftr-links-col-2, .ftr-links-col-3, .ftr-links-col-4{ width:100%; margin-top: 10px; padding-left:0;}
.ftr-links-hd{ font-size:18px; line-height:24px; margin-bottom:0;}
.ftr-links-list{ margin-top:0;}
.ftr-links-list li{ font-size:15px; line-height:20px; margin-top:8px;}
.ftr-tx{ font-size: 16px; line-height: 24px; width: 100%; margin: 5px 0 10px;}
.footer-txt{ margin-top:10px;}
.ftr-links-col-1 { width: 100%;}
.ftr-tx a { padding: 0 0px;}

/*===============================
	PRODUCTS_DETAILS_PAGE
==================================*/
.proDetails-sec1{ padding:25px 0 30px;}
.proDetails-left{ width:100%; margin-top:15px;}
.proDetails-right{ width:100%; margin-top:10px;}
.select-mg { margin: 0 4px 0 0; width:80px;}
.select-mg p{ font-size:18px;}
.prod-nameHdng {font-size: 34px;line-height: 28px;}
.prd-p1{ font-size:16px;}
.prd-p1 img{ width:90px;}
.prd-as-seenDv{ text-align:center; margin-top:20px;}
.prd-as-seenDv p{ width:100%;}
.qty-div{ width:100%;}
.prd-prc {
    font-size: 25px;
    line-height: 35px;}

/*==============================
CONTACT_PAGE
===================================*/
.contact-sec {padding: 0 0 35px;}
.contact-Box{ margin-top:-10px; box-shadow:none;}
.cntct-lft{ width:100%; padding:10px 12px 25px;}
ul.cntct-list li { margin-top: 30px;padding: 0 0 0 40px;}
.contct-txt1 {font-size: 18px;line-height: 22px;}

.cntct-rgt{ width:100%;padding:0;}
.cntct-rgt img{max-width:100%}
.frmElement { margin-top: 0;}
.frmElement input, .frmElement textarea {font-size: 18px; padding: 15px 15px 15px 10px;}
.frmElement textarea{min-height: 120px;}
.continue-btn {
    width: 273px;
    font-size: 17px;
    line-height: 34px;    padding: 10px 0;}

}

@media only screen and (max-width:360px){
.row p{ font-size:14px;}

.sms-box{ display:none;}

ul.prod-list li { width: 100%;}
	
}
