/*
 Media Query for Handheld
 ===============================*/

/*
 Media Query for Tablet
 ===============================*/
@media only screen and (min-width : 768px) and (max-width : 1121px) {
.navigation li a{font-size: 1.3em;}
.login-box a{font-size: 1.0em;}

#header{padding-left:9px;padding-right:9px;padding-top:10px; box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;border-bottom: 1px solid #d6dce0; }
.login-box a{min-width: 41px;}
.navigation li a{padding: 5px 15px;}
.navigation{margin-right: 0px;margin-top: 10px;}
.login-box{margin-top: 2px;}
h2{font-size: 3.0em !important;}
h4{font-size:17px!important;}
.partner{padding: 44px 0px;}
.partner ul{margin-top: 40px;}
.registration-form h4{margin-bottom: 20px;}
.registration-form strong, .registration-form label {font-size: 14px;}
.registration-form strong{margin-top: 20px;}
 .account-name a{font-size: 13px;margin-top: 5px;}
.registration-form label{width: 46%;}
.registration-form input[type="text"]{width: 92%;}
.registration-form label {    width: 47%;}
.account-name > div {    width: 57%;}
.account-name i{font-size: 10px;white-space: nowrap;clear: both;position: relative;left:-10px;}
.account-name{overflow: visible !important;margin-top: 25px;padding-bottom: 15px;}
.registration-form  input[type="text"]{font-size: 15px !important; }
.free-trial input[type="checkbox"]{margin: 0px;}
.free-trial label{font-size: 12px;}
.free-trial input[type="submit"]{font-size: 17px;}
.registration-form{padding: 45px 6.5% 25px;}
/* Pricing responsive */
.price {padding: 30px 10px 0px;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.price > p{font-size: 12px;margin-bottom: 25px;width: 90%;}
.start{font-size: 20px;min-width: 185px;}
.plan{margin: 40px 0px;}
.free:hover h4{font-size:24px !important; }
.free:hover h4:before {
    height: 60px;
    top: -2px;
    width: 18px;
    background-size: 100% 100%;
}
.free:hover h4{margin-top:-18px; }
.free li:first-child{font-size: 46px;}
.free li sup{font-size: 13px;top:-20px;}
.plan > div ul li:first-child{min-height: 80px;}
.features li , .free li{font-size: 13px;}
.free li a{font-size: 12px;min-width: 60px;}
.features li:last-child {
    min-height: 45px;
}
h1{font-size: 34px;}
.test-drive{margin-bottom: 50px;}
h6, .custom-solution p{font-size: 13px;}
.custom-solution{padding: 25px;padding-right: 0px;background-size: 36% 50%;}
.custom-solution a.start{font-size: 11px;padding: 10px;}
.custom-solution > div{width: 50%;}
.custom-solution > div:first-child{width: 45%;margin-right: 5%;}
.question{margin: 50px 0;}
.question strong{font-size: 14px;}
.question p{font-size: 13px;}
.wrap-slider{padding-left:9px;padding-right:9px;padding-top:40px; box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.slider h2{font-size:2.6em !important;letter-spacing: -1px; }
.slider-detail p {font-size: 13px;    padding:0px 0 7px;}
.slider-detail > a.start {    padding: 5px 39px 10px;}
.slider-detail > a.start strong{ font-size:20px; }
.slider-detail > a.start span{    font-size:11px;}
.slider3 .slider-detail li{font-size: 14px;}
.slider .help h2{font-size:2.1em !important;}
.help input[type="submit"]{font-size: 18px;padding: 10px;}
.help input[type="text"]{font-size: 11px;padding: 5px;}
.customer-love, .customer-love ul{margin-top: 30px;}
.customer-love p{padding-top:0px;font-size: 13px; }
.home-page , .customer-comment , .how-work , .started , .watch-video, .advantages-working, .contact-sales , .action , .help-center , .latest , .customer-love , .communication
{padding-left:9px;padding-right:9px; box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.customer-love h5{font-size: 14px;white-space: nowrap;}
.supply-chain{margin-top: 30px;}
.supply-chain > h2 {    margin-bottom: 35px;}
.supply-chain .help h2 {    font-size: 23px !important;margin-bottom: 0px;}
.supply-chain .help {padding: 20px 30px;}
.dd{margin-bottom: 20px;}
.supply-chain .diagram{width: 67%;}
.benefit{margin-top: 35px;}
.benefit > h2{margin-bottom: 35px;}
.buyers h3{font-size: 22px;}
.buyers span{font-size: 14px;}
.buyers p{font-size: 12px;}
.buyers > div{padding: 15px;min-height: 135px;}
.started{margin-top: 0px;}
.started > div span {    font-size: 1.3em;}
.started li{font-size: 15px;margin-top: 15px;}
.started > .primary-btn { font-size: 20px;    margin-top: 35px;    min-width: 0;    padding: 15px 25px;}
.latest {    margin-top: 60px;}
.latest li a{padding: 10px 0;font-size: 12px;}
.customer-comment{margin-top: 50px; padding: 45px 9px;}
.customer-comment h2{margin-bottom: 0px;}
.customer-slider strong{font-size: 14px;}
.customer-slider img{height: 85px;width: 85px;margin-top: -63px;}
.customer-slider .flex-direction-nav{margin-top: 24px;}
.customer-slider article{min-height: 110px;}

.customer-slider blockquote{font-size: 12px;}
.how-work > div h5{font-size: 14px;}
.how-work > div p{font-size: 13px;}
.how-work  div > img{	width: 70%;}
 .how-work  div + div img{    width: 80%; }
.how-work  div + div + div img{	width:46%;}
.watch-video .start{min-width: 165px;}
.integrate li p{font-size: 12px;}
.integrate li img{margin-bottom: 10px;}
.integrate li{width: 25%;}
.advantage h5{font-size: 14px;}
.advantage p{font-size: 12px;}
.advantage h3 , .support h4{font-size: 22px;}
.advantage > a{font-size: 13px;min-width: 110px; margin: 0px 0px 30px;}
.advantages-working{margin-top:30px; }
.advantages-working h2{margin-bottom:30px; }
.help-center li{min-height: 0px;padding-bottom: 30px;}
.integrate{margin-top: 10px;}
.watch-video {    margin-top: 35px;}
.how-work{margin-top: 30px;}
.watch-video > div {    margin: 0 auto;    width: 80%;}
.how-work > div {    margin-right: 1%;    width: 24%;}
.contact-sales h4 a{font-size: 16px;}
.contact-sales label{font-size: 13px;}
.contact-sales label input[type="text"]{margin: 10px 0 15px;}
.message-contant textarea{height: 170px;}
.contact-sales input[type="submit"]{font-size: 15px;padding: 15px 22px;}
.sidebar h3{font-size: 20px;}
address , .sidebar a, .sidebar span{font-size: 13px;line-height: 120%;}
.sidebar{width: 29%;}
.sidebar a{margin-top: 20px;}
.sidebar .social-link li a{ transform: scale(0.9);-webkit-transform: scale(0.9); border-radius:50%;margin-left: -1px;margin-top: 10px; }
.sidebar h4{margin-top: 26px;}
.action{margin-top: 10px;}
.action p{font-size: 13px;}
.action > div a.start{font-size: 13px;padding: 15px;}
.action > div:first-child{width: 44%;}
.map {    margin-top: 25px;}
.help-center input[type="text"]{font-size: 13px;padding: 10px 45px 10px 10px;}
.help-center > h3{font-size: 22px;margin-top: 20px;}
.help-center > strong{font-size: 13px;}
.help-center li span {    height: 85px;    width: 95px;}
.help-center li span i {    margin-top: 31px;}
.help-center h5 {    margin: 30px 0 0;}
.support p{font-size: 13px;}
.support{margin: 30px 0;}
.customer-love li{min-height: 0;padding-bottom: 10px;}
.first-dr:before {     right: -46px;    top: -21px;    width: 51%;}
.second-dr:before {    background-size: 100% 100% ;    right: -231px;    top: -77px;    width: 280px;}
.tabs strong , .tabs p{font-size: 13px;}
.tabs{padding: 15px;}
.benefit > h5{font-size: 13px;} 
.comm .buyers > div p{font-size: 13px;margin-top: 0px;}
.comm .buyers > div span{font-size: 16px;}
.comm .buyers > div span i{margin-top: -5px;}
.comm .buyers > div {    padding: 22px 19px;}
.home-page .customer-love li {   min-height: 300px;padding-bottom: 40px; }
.help-center input[type="submit"]{bottom: 10px;right: 10px;}
.registration{background-position:-50px top; }
.contact-us .started , .contact-sales {    margin-top: 35px;}
.standard h4:before {    background-size:100% 100%;    height: 44px;    width: 17px;}
.slider2 h2{font-size: 21px !important;letter-spacing: -1px;}
.slider2 h4{font-size: 14px !important;line-height: 1;}
.slider2 .slider-detail p{font-size: 12px; padding: 5px 0;}
.slider-detail > a {    font-size: 12px;    margin: 12px 0 0;}
.slider3 .slider-detail li {    font-size: 13px;    margin: 10px 0 0 10px;}
.slider3 .help{padding: 20px 35px;}

 .free-trial { margin-top:0 !important;}
    
  
	
}


/*
 Media Query for mobile
 ===============================*/
@media only screen and (max-width : 767px){
#header{padding: 10px;border-bottom: 1px solid #d6dce0; }
body{position: relative;left: 0px;overflow-x: hidden;}
#wrapper{
	overflow:hidden;
	height:auto !important;
}
.logo{width: 45%;}
.icon-btn{display: block;height: 20px;width: 20px;background-position:0px -100px;float: right;margin-top: 15px; }
.login-box a{background: #fff;color: #c11010;}
.login-box li:first-child a{color:#fff;}
.navigation li {float: none;text-align: center;}
.link{position: absolute;top:0px;left: 100%;height: 100%;background: red;width: 88%;}
.login-box ul{width: 174px;margin: 0 auto;}
#wrapper{height: 100%;position: relative;}

.login-box{float: none;}
.navigation{margin: 0px;float: none;margin-top: 10px;}
.navigation li a{padding: 10px 0px;color: #fff;}
.navigation li.active a , .navigation li a:hover{background: #fff; color: #c11010;}
.partner h2{font-size: 25px;}
.partner li{width: 22%;}
.partner li a{width: 100%;}
.primary-footer{padding: 25px 0;}
#footer nav{margin-top: 20px;}
.partner{padding: 30px 0px 15px;}
.partner ul{margin-top: 20px;}
.registration-form{border-width: 3px;width: 88%;padding: 20px 3% 30px}
.registration-form h2{font-size: 30px;}
.registration-form h4{font-size: 14px;margin-bottom: 20px;}

.registration-form strong{font-size: 14px;line-height: 130%;margin-top: 30px;}
.field{margin: 0px;}
.registration-form label{float: none;display: block;width: 100%;margin-left: 0px;}
input, .wrap-slider , .customer-love , .supply-chain > h2 , .latest , .customer-comment {
 box-sizing:border-box !important;-moz-box-sizing: border-box !important;-o-box-sizing: border-box !important;
}
.registration-form input[type="text"]{width: 100%;}
.registration-form label{line-height: 150%;font-size: 14px;margin-top: 10px;}
.registration-form > strong{text-align: center;margin-top: 0px;}
.account-name a{font-size: 14px;}
.account-name{margin-top: 15px;padding-bottom: 15px;}
.account-name > div , .registration-form .account-name input[type="text"]{float: none;width: 100%;clear: both;}
.registration-form .account-name input[type="text"] , .registration-form .account-name input[type="text"]{font-size: 12px;}
.account-name i{text-align: center;line-height: 150%;margin-top: 12px;}

.free-trial input[type="checkbox"]{margin: 0px;}
.free-trial label{font-size: 14px;}
.free-trial input[type="submit"]{float: none;width: 280px;
margin: 15px auto 0px;font-size: 18px;padding: 15px 22px; }
.price h2{font-size: 22px !important;}
.price{padding:20px 10px;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; }
.price > p{font-size: 13px;margin-bottom: 35px;}
.start{font-size: 17px;min-width: 150px;}
h1{font-size: 22px;margin-bottom: 25px;}
.primary-btn{padding: 10px;}
.test-drive{margin-bottom: 25px;}
.custom-solution{margin-top: 25px;text-align: center;padding: 10px 15px 140px;background-size:75% 34%;background-position: center bottom; }
.custom-solution > div{float: none;width: 100%; }
.custom-solution a.start{font-size: 13px;margin-top: 15px;}
.custom-solution > div:first-child{margin: 0px;}
.custom-solution p {font-size: 13px;}
h6{margin-bottom:5px;font-size: 13px;}
.custom-solution p a{display: inline-block;}
.question{margin: 25px 0px;}
.question strong{font-size: 14px;margin-top: 20px;}
.question p{font-size: 13px;margin-top: 10px;padding: 0px 0px 5px}
.plan h4{font-size: 17px !important}
.mobile-view{display: block;}
.plan > div{width: 50%;margin-bottom: 60px;}
.features li , .free li{font-size: 13px;}
.features li{line-height: 215%;}
.free li:first-child{font-size: 46px;}
.free li sup{top:-22px; font-size: 12px;}
.plan > div ul li:first-child{min-height: 75px;}
.free li a{font-size: 12px;padding: 0px 10px; min-width: 0px;}
.features li i{position: relative;top:-4px;}
.free h4{margin-top: -4px;line-height: 249%;}
.free{border-right:1px solid #d3d3d3;}
.features li:last-child {    min-height: 66px;}
.start{margin-bottom: 20px;}
.plan { margin: 25px 0;}
.free:hover h4{margin-top: -10px;font-size: 24px !important;line-height: 200%;}
.free h4:before{  height: 42px;background-size:100% 100%;top: -6px; width: 16px;}
.free:hover h4:before{  background-size:100% 100%;top: -2px;}
.slider-detail, .slider-image{float: none;width: 100%;}
.wrap-slider{padding:25px 10px;}
.slider h2 {font-size: 22px;letter-spacing: -1px;}
.slider-detail{text-align: center;}
.slider h4 {    margin-bottom: 0px;font-size: 15px;}
.slider-detail p {   
    font-size: 1.3em;
       padding: 7px 0 15px;
}
.slider-detail > a{font-size: 13px;margin-top:0px;display: block;}
.slider-detail > a.start{margin-top:25px;padding: 5px 30px 10px;display:inline-block;}
.wrap-slider .slider li >div , .customer-love li{float: none !important;width: 100% !important;}
.slider-detail > a.start strong {font-size: 20px;}
.slider-detail > a.start span{font-size: 13px;}
.help{box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding-bottom: 70px;}
.help input[type="text"]{font-size: 12px; padding: 5px;}
.help input[type="submit"]{font-size: 20px;padding: 15px;}
.slider3 .slider-detail li{font-size: 12px;}
.dd{margin-bottom: 15px;}
.customer-love h2 , .supply-chain h2{font-size: 22px;}
.customer-love p{font-size: 13px;padding-top: 0px;}
.customer-love{margin-top: 20px;padding: 0px 10px;}
.customer-love ul {margin-top: 25px;margin-left: 0px;}
.customer-love li{padding-left: 0px;padding-bottom: 50px;min-height: 0px;margin-bottom: 38px;}
.customer-love h5{margin-top: 25px;font-size:18px;}
.supply-chain{margin-top: 0px;}
 .supply-chain h2{margin-bottom: 25px;padding: 0px 10px;}
 .supply-chain > div{float: none !important;width: 100% !important;}
 .supply-chain .help h2{white-space: nowrap;}
 .supply-chain .diagram{margin-top: 25px;}
 .benefit > h2{font-size: 22px;margin-bottom: 22px;}
 .benefit {margin-top: 22px;}
 .buyers{float: none;width: 100%;}
 .buyers h3{font-size: 22px;}
 .buyers span{font-size: 16px;}
 .buyers > div{padding: 14px;}
 .latest {padding: 0px 10px;margin-top: 0px;}
 .latest h4{font-size: 18px;}
 .buyers .start{font-size: 13px;margin-top: 20px;min-width: 0px;}
 .supplier{margin-top: 23px;}
 .started > div span{font-size: 12px;}
 .started > div{padding: 15px 0px;}
 .started > div:after {
    border-width: 25px;
    bottom: -25px;
    margin-left: -25px;
}
 .started li{position: relative;font-size: 15px;}
 .started li strong {   left: 15px;    position: absolute;}
 .started li {
    font-size: 15px;
    padding-left: 70px;
    padding-right: 20px;
    position: relative;
    text-align: left;
}
.started > .primary-btn {
    font-size: 20px;
    font-weight: 300;
    margin-top: 15px;
    min-width: 0;
    padding: 10px 15px;
}
.latest > div , .latest > div:first-child{float: none;width: 100%;}
.latest h4 span{margin-top: 0px;}
.latest li a{font-size: 13px;padding: 10px 0;}
.customer-comment{margin-top: 0px; padding: 25px 10px;}
.customer-comment h2{font-size: 22px;padding: 0px 5px;}
.customer-slider article{margin-right: 0px;}
.contact-us .started {    margin-top: 35px;}
.contact-sales h2{font-size: 22px;text-align: center;}
.contact-sales h4{font-size: 14px;text-align: center;}
.contact-sales h4 a , .contact-sales label{font-size: 14px;}
.contact-sales form{float: none;width: 100%;margin-top: 20px;}
.contact-field , .message-contant{float: none;width: 100%;}
.contact-sales{padding: 0px 8px ;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-top: 35px;}
.contact-sales label input[type="text"]{margin-bottom: 10px; }
.contact-sales input[type="submit"]{font-size: 19px;margin:20px auto 0;padding: 15px;float: none;display: block;}
.sidebar{float: none;width: 100%;margin-top: 5px;}
.sidebar h3{font-size: 22px;}
.sidebar a{margin-top: 20px;}
.message-contant textarea{height: auto;}
.sidebar h4 {    margin-bottom: 11px;    margin-top:20px;    font-size: 24px;    text-align: left;}
.action{padding: 0px 8px ;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-top: 10px;}
.action > div {    float: none !important;    width: 100% !important;}
.action > div a.start{margin-top: 20px;}
.action h4{font-size: 22px;}
.action p{font-size: 13px;}
.map{margin-top: 10px;}
.help-center > span, .help-center > strong{font-size: 13px;}
.help-center input[type="text"]{font-size: 13px;padding: 10px 25px 10px 10px;margin-top: 20px;}
.help-center form{width: 100%;}
.help-center input[type="submit"]{transform:scale(0.7);bottom: 8px;right: 5px;-webkit-transform:scale(0.7); }
.help-center > h3{margin-top: 5px;font-size: 22px;}
.help-center h5{margin-top: 35px;}
.help-center li {    margin-bottom: 0px;    padding-bottom: 20px;}
.support h4{font-size: 22px;margin-bottom: 10px;}
.support {    margin-bottom: 30px;    margin-top: 0;    padding: 10px 2px;}
.how-work , .watch-video,.advantages-working{margin-top: 20px;box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 0px 8px;}
.watch-video{margin-top: 0px;}
.how-work h2 , .watch-video h2{font-size: 22px;}
.how-work > div{float: none;width: 100%;margin: 0px;padding-bottom: 50px;}
.how-work > div h5 {    margin :0 0 10px;font-size: 18px;}
.watch-video .start{margin-top: 20px;min-width: 273px;}
.watch-video > div{padding: 0px;}
.integrate{margin-top: 10px;padding: 10px;}
.integrate h2{font-size: 22px;}
.integrate li{width: 100%;margin: 0 0 20px;}
.integrate li img {    margin-bottom: 5px;}
.advantages-working h2 { font-size:22px;   margin-bottom:20px;}
.advantage h3{font-size: 22px;}

.advantage h5 {    font-size: 1.6em;    margin: 10px 0 6px;}
.advantage p{padding: 0px;}

.advantage > a {    margin: 0 0 30px;}
.how-work > div:before {top:auto;  bottom: 0px;    left: 50%;margin-left:-15px;   transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.how-work > h2 + div:before{display: block;}
.started{margin-top: 0px;}
.customer-love li {    margin-bottom: 0;    padding-bottom: 26px; }
.communication, .benefit {box-sizing:border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;padding: 0px 8px;}
.communication h2{font-size: 22px;}
.tab-link img{height: 45px;width: 45px;}
.tab-link a{font-size: 10px;line-height: 1;}
.first-dr:before {
    height: 12px;   
    right: -21px;
    top: -9px;
    width: 57%;
}
.second-dr:before {
    background-size: 100% 100% ;
    height: 22px;
    right: -131%;
    top: -21px;
    width: 159%;
}
.tabs strong{font-size: 13px;}
.tabs p{font-size: 13px;width: 100%;}
.tab-link li:after{border-width:10px; }
.tabs{padding: 10px;}
.tab-link li{width: 24%;}
.benefit > h5{font-size: 15px;margin-bottom: 0px;}
.benefit > h5 br{display: none;}
.comm .buyers > div p{font-size: 13px;margin-top: 0px;}
.comm .buyers > div span i{margin-top: -2px;}
.comm .buyers > div{padding: 10px 5px;}
.home-page .customer-love li {
    margin-bottom: 38px;
    min-height: 0;
    padding-bottom: 50px;
    padding-left: 0;
}
.tab-link{padding-top: 30px;}
.registration{background-position:-50px top; }
.link:before{height: 100%;width: 3px; box-shadow:3px 0 3px #6b0505;content: " ";position: absolute;left:-3px;top:0px;}
}