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

*
{
  padding:0;
  margin:0;
}

@font-face {
  font-family: 'Lato-Light';
  src:url('../lato/Lato-Light.eot');
  src:url('../lato/Lato-Light.woff2') format('woff2'),
  url('../lato/Lato-Light.woff') format('woff'),
  url('../lato/Lato-Light.ttf') format('truetype'),
  url('../lato/Lato-Light.svg#Lato-Light') format('svg'),
  url('../lato/Lato-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/ProximaNovaRegular.otf');
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('..fonts/ProximaNovaLight.otf');
}

@font-face {
  font-family: 'ProximaNovaBold';
  src: url('../fonts/ProximaNovaBold.ttf');
}
@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/ProximaNovaRegular.otf');
}
@font-face {
  font-family: 'ProximaNovaLight';
  src: url('../fonts/ProximaNovaLight.otf');
}
@font-face {
  font-family: 'ProximaNovaBold';
  src: url('../fonts/ProximaNovaBold.otf');
}
@font-face {
  font-family: 'Lato-Medium';
  src: url('../fonts/Lato-Medium.ttf');
}
@font-face {
  font-family: 'ProximaNova-Black';
  src: url('../fonts/ProximaNova-Black.otf');
}
@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url('../fonts/ProximaNova-Semibold.otf');
}

body
{
  font-family: 'ProximaNovaRegular';
  -webkit-font-smoothing: antialiased;
}
button
{
  outline:none !important;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.cust_style{  float: none !important;   display: inline-block;  vertical-align: top;  width: 24.6% !important;}
.navbar-toggle
{
  background:#068ff8;
  top:22px; margin:0 0 0 10px; padding: 12px;
}
.header-scroll .navbar-toggle{top:23px}
.header-logo, .header-logo1{ float: left; }
.navbar-toggle .icon-bar
{
  background:#fff;
}
.text-size-26
{
  font-size:26px;
}
.header-body
{
  background:url(../images/header-bg.png) no-repeat top left;
  background-size:cover;
  padding-top: 35px;
  background-attachment: fixed;
}
header{
  background:#fff;
  width:100%;
  height:142px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition:  all 0.5s ease;
  transform: translate3d(0, 0px, 0);
  position: fixed;
  z-index: 999; margin-top: 35px
}
.header-scroll
{
  position:fixed;
  z-index:998;
  background:#068ff8;
}

.logo-default
{
  margin: -50px -70px -102px 0;
  position:absolute;
  z-index: 2;
  opacity: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition:  all 0.3s ease;
}
.header-container 
{
  width:85%;
}
.system-container
{
  width:71%;
}
.system{
  padding-top:350px;
  padding-bottom:80px;
}
.header-logo1
{
  text-align:center;
}
.header-scroll .header-logo1
{
  text-align: left;
  display: inline-flex;
}

.logo-small
{
  opacity:0;
}
.header-scroll .logo-small
{
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition:  all 0.3s ease;
  padding-top:18px;
  opacity:0;
  margin-left: 50px;
}
.header-scroll .logo-small
{
  margin-left:0px;
}
.system .head
{
  font-family: 'ProximaNova-Semibold';
  font-size:38px;
  color:#333333;
}
.system .contents
{
  font-size:22px;
  line-height: 35px;
  padding:20px 0px 25px;
  color:#5d7485;
}
.select-package
{
  width:auto;
  height:63px;
  background:#57bb57;
  color:#fff;
  font-family: 'ProximaNova-Semibold';
  font-size:23px;
  border:3px solid #57bb57;
  border-radius: 8px; box-shadow: none
}
.market-service
{
  width:auto;
  height:63px;
  background:transparent;
  color:#333333;
  font-family: 'ProximaNovaBold';
  font-size:23px;
  border:3px solid #333333;
  border-radius: 8px;
  margin-left:20px;
}
.system .btn:hover, .system .btn:focus
{
  background:#0075d2;
  color:#fff;
  border:3px solid #0075d2;
}
.main-menu li
{
  padding-top:54px;
}
.main-menu li:hover, .main-menu li:focus, .nav .open>a:focus
{
  background:none;
}
.main-menu li a{
  font-family: 'ProximaNovaBold';
  font-size:15px;
  color:#777;
  text-transform: uppercase;
}
.main-menu li.demo
{
  padding-top:44px;
}
.main-menu li.login button{
  font-family: 'ProximaNovaBold';
  font-size:15px;
  color:#777;	
}

.main-menu li.demo button
{
  background: #57bb57;
  color: #fff;
  border: 1px solid #57bb57;
  font-size: 15px;
  text-transform: uppercase;
  height:40px; text-shadow: inherit;
}
.main-menu li.login button:hover, .main-menu li.login button:focus, .main-menu li.login button.active, .main-menu li.demo button:hover, .main-menu li.demo button:focus, .main-menu li.demo button.active
{
  background:#068ff8;
  color:#fff;	
  border:1px solid #068ff8;
}
.main-menu li a:hover, .main-menu li a:focus, .main-menu li a.active
{
  background-color:transparent;
  color:#333;
}
.main-menu .dropdown-menu
{
  transition: display 0.8s ease;
  -webkit-transition: display 0.8s ease;
  -moz-transition: display 0.8s ease;
  -o-transition:  display 0.8s ease;
}
.main-menu .dropdown-menu li
{
  padding-top:8px;
}
.system .btn:hover, .system .btn:focus{
  background: #0075d2;
  color: #fff;
  border: 3px solid #0075d2;
}
.package button:hover, .package button:focus  {
  background: #0075d2;
  color: #fff;
}
/*Mega menu start */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  top: 98%;
  border-radius: 0px;
  border: none;
  border-top: 1px solid #ccc;
}
.yamm-content p
{
  padding-bottom:15px;
  margin:0;
}
.yamm-content p.head
{
  color:#068ff8;
  font-size:20px;
  font-family: 'ProximaNovaBold';
}
.yamm-content p.contents
{
  color:#5d7485;
  font-size:21px;
  font-family: 'ProximaNovaLight';
  min-height: 105px;
}
.yamm-content p a
{
  margin-top:15px;
  color:#068ff8;
  text-transform:capitalize;
  text-decoration:underline;
  font-size:18px;
}

.yamm-fw .dropdown-menu
{
  position:fixed;
}

/*Mega menu end */
.header-logo1 img
{
  float:left;
}
.header-logo1 .phone-number
{
  float: left;
  padding-top: 59px;
  padding-left: 20px;
  font-size: 24px;
  color: #7bc6ff;
  opacity: 0;
  display:none;
} 
.header-scroll .header-logo1 .phone-number
{
  opacity:1;
  display:block;
}
#header.header-scroll .main-menu  li a
{
  color:#fff;
}
#header.header-scroll .main-menu  li a:hover, #header.header-scroll .main-menu  li a:focus, #header.header-scroll .main-menu  li a.active
{
  color:#fff;
}
.header-scroll ul.dropdown-menu
{
  /*	z-index:99999;*/
}
.header-scroll #logo1
{opacity:0 !important;}
.features{
  padding-top:50px;
}
.features .head
{
  font-family: 'ProximaNova-Semibold';
  font-size:48px;
  color:#333;
}
.bor
{
  width:62px;
  height:7px;
  background:#068ff8;
  margin:auto;
  margin-top: 10px;
}
.features-contents
{
  padding:100px 0px;
  border-bottom:2px solid #d1d1d1;
}
.features-contents .heading
{
  font-family: 'ProximaNovaLight';
  font-size:40px;
  color:#000;
  padding-top:35px;
}
.features-contents .content
{
  font-family:'ProximaNovaLight';
  font-size:23px;
  color:#606060;
}
.features-contents:last-child
{
  border:none;
}
.video-sty
{
  padding:50px 0px;
}
.package{
  padding:80px 0px 50px;
  background:#068ff8 url(../images/sales-bg.png) repeat center center;
  background-attachment:fixed; position: relative;
}
.package p
{
  font-family: 'ProximaNova-Semibold';
  font-size:26px;	
  color:#fff;
  text-transform: uppercase;
}
.package .sales
{
  font-family: 'ProximaNova-Semibold';
  font-size: 60px;
  text-transform: capitalize;
  color: #fff;
  padding:20px 0px 30px;
  margin: 0;
}
.package button
{
  width:300px;
  height:63px;
  color:#fff;
  text-transform:capitalize;
  background:#47b545;
  font-family:'ProximaNovaBold';
  font-size:23px;	
}
.arrow, .package_b:before
{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #fff;
  position: relative;
  left: 48%;
  top: 42px;
}
.package_b:before{ content: ''; position: absolute; border-width: 30px; top: 0; left: 50%}
.features .boxes
{
  padding-top:80px;
}
.remain-contents {
  cursor: pointer;
}
.box
{
  border:1px solid #dcdcdc;
  padding:0;
  padding-bottom:50px;
  min-height:712px;
}
.box p
{
  padding:0px 30px;
  font-family:'ProximaNovaRegular';
  font-size:17px;	
  color:#728593;
}
.box p.names
{
  padding: 50px 30px 25px;
}
.box p.names b
{
  color:#333333;
  font-size:20px;
  font-family:'ProximaNovaBold';
}
.yamm-content p a:hover, .yamm-content p a:focus
{
  color:#068ff8;
}
/*.yamm-content p img
{
  border: 1px solid #aeb9c2;
  border-radius: 50px;
  padding: 6px;
  width: 66px;
  height: 58px;
}*/
.footerTop
{
  padding: 30px 0px 10px;
}
.footerTop ul li
{
  list-style:none;
  padding:5px 0px;
}
.footerTop ul li a
{
  color:#728593;
  font-family:'ProximaNovaRegular';
  font-size:17px;	
  text-decoration:none;
}
.footerTop ul li a:hover, .footerTop ul li a:focus
{
  color:#068ff8;
}
.footerTop .vip-button
{
  background: #068ff8;
  font-family: 'ProximaNovaRegular';
  font-size: 18px;
  border-radius: 0px;
  margin-top: 15px;
  line-height: 25px;
  border:none;
  text-transform:uppercase;
}

.footerTop ul.nav.nav-tabs{ border: 0; margin-bottom: 10px}
.footerTop ul.nav.nav-tabs li{ padding: 0; width: 50% }
.footerTop ul.nav.nav-tabs li, .footerTop ul.nav.nav-tabs li a{ border: 0; margin: 0; background: none; border-radius: 0; text-align: center}
.footerTop ul.nav.nav-tabs li a:hover, .footerTop ul.nav.nav-tabs li.active>a:hover, .footerTop ul.nav.nav-tabs li.active>a:focus{ background: none; color: #808080; border: 0}

.footerTop .links, .footerTop .links_b
{
  float:left;
  width:23%;
}
/*.footerTop .links_b{ margin-top: 31px }*/
.footerTop .links1
{
  float:left;
  width:13%; margin-top: 31px
}
.footerTop .links2
{
  float:left;
  width:13%;
}
.btn-sty
{width:20%;float:left;}
.forms{width:28%;float:left}
.forms .form-horizontal
{
  padding:0px 15px 0px;
  border:1px solid #e3e3e3;
}
.forms .form-horizontal p
{
  font-family:'ProximaNovaBold';
  font-size:15px;	
  color:#7b7b7b;
}
.forms .form-horizontal label
{
  color:#728593;
  text-align:left;
  font-size:17px;
  font-family: 'ProximaNovaLight';
  font-weight:100;
}
.forms .form-horizontal input
{
  border-radius:0px;
  box-shadow:none;
}
.forms .form-horizontal button
{
  margin:0px;
  line-height: normal;
}
.forms .form-group
{
  margin-bottom:10px;
}
footer
{
  padding-bottom:30px;
}
footer .container, .custom-container
{
  width:75%;
}
footer ul li
{
  float:left;
  padding:0px 15px;
  width:auto;
  font-size:15px;	
  color:#728593;
  border-right:1px solid #ccc;
}
footer ul li a
{
  color:#728593;
  font-size:16px;
}
/*footer ul li:first-child
{
    padding-left:0px;	
    }*/
    footer ul li.copyright a
    {
      color:#068ff8;
    }
    footer ul li.phone-number
    {
      font-size:20px;
      padding-top:12px;
      color: #4c4c4c;
      height: 49px;
    }
    footer ul li.diff-sty
    {
      padding:0px 10px;
      margin-top:15px;
      border:none; position: relative;
    }
    footer ul li.diff-sty:after{width:2px; height:13px; background:#727272; content: ''; position:absolute; right:-1px; top:4px;}
    footer ul li.copyright{background:none}
    footer ul li.diff-sty.copyright:after{display:none}
    footer ul.list-unstyled{height:52px}
    footer ul.list-unstyled.social-icons{ height: inherit; width: 100%}
    .social-icons li
    {
      border:none;
      padding:0px;
    }
    .social-icons li:first-child a
    {
      padding:5px 12px !important;
    }
    .social-icons li a
    {
      padding:5px 8px !important;
      border-radius: 50%;
      text-align: center;
      background: #000;
      margin: 0 5px;
      color:#fff;
      transition: background 2s ease;
    }
    .social-icons li a.fb
    {
      background:#4669ad;
    }
    .social-icons li a.twit
    {
      background:#5ea8dc;
    }
    .social-icons li a.linkedin
    {
      background:#005883;
    }
    .social-icons li a.gplus
    {
      background:#dc4335;
    }
    .social-icons li a:hover, .social-icons li a:focus {
      background:#2b88d9;
      color:#fff;
    }
    .bor1{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      right: 0;
      bottom: -137px;
    }
    .bor2{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      left: 0;
      bottom: -151px;
    }
    .bor3{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      right: 0;
      bottom: -120px;
    }
    .bor4{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      left: 0;
      bottom: -100px;
    }
    .bor5{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      right: 0;
      bottom: -100px;
    }
    .bor6{
      width: 105px;
      height: 5px;
      background: #d1d1d1;
      position: absolute;
      left: 0;
      bottom: -128px;
    }
    .request-demo
    {
      background:#57bb57;
      height:150px;
      width:130px;
      position:absolute;
      right:0;
      border-top-left-radius:3px;
      border-bottom-left-radius:3px;
      text-align:center;
      color:#fff;
      font-family:'ProximaNovaRegular';
      font-size:21px;	
      padding-top: 16px;
      line-height: 25px;
      cursor:pointer;
      z-index:999;
      transition: all 1.2s ease-in-out;
      -webkit-transition: all 1.2s ease-in-out;
      -moz-transition: all 1.2s ease-in-out;
      -o-transition: all 1.2s ease-in-out; display: none
    }
    a.request-demo, a.request-demo:hover
    {
      color:#fff;
      text-decoration:none;
    }

    .all-products
    {
      padding:50px 0px;
    }
    .all-products .col-sm-4
    {
      cursor:pointer;
    }

    .all-products .col-sm-4.col-middle{border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
/*.all-products .col-md-4:last-child
{
    border:none;
    }*/
    .all-products .product-image
    {
      margin:auto;
      padding-top: 46px;
    }
    .all-products .title
    {
      color:#333;
      font-family: 'ProximaNovaBold';
      text-align:center;
      padding-top:75px;
      font-size:24px;
    }
    .see-products{
      margin-top:50px;	
    }
    .see-products a
    {
      color:#068ff8;
      text-transform:capitalize;
      font-family: 'ProximaNova-Semibold';
      font-size:40px;
      border-bottom:1px groove #068ff8;
      text-decoration:none;
    }
    .see-products a:hover, .see-products a:focus {
      color: #57bb57;
      border-bottom: 1px solid #57bb57;
    }
    /*image hover on contents */
    .view {

      margin: 10px;
      float: left;
      cursor: pointer;
      width: 100%;
    }
    .view .mask,.view .content {
      width: 100%;
      height:100%;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 990;
    }

    .view h2 {
      text-transform:capitalize;
      color: #fff;
      position: relative;
      font-size:22px;
      padding: 10px;
      padding-left:25px;
      margin: 20px 0 20px 0;
      line-height:normal;
      font-family: 'ProximaNovaBold';
    }
    .view  .mask p
    {
      text-align: justify;
      color: #fff;
      font-size:19px;
      line-height: 30px;
      padding: 0px 25px 25px;
    }
    .view-first img {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
    }
    .view-first .mask {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      background-color:#068ff8;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      border-radius:6px;
    }
    .view-first h2 {
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      transform: translateY(-100px);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }

    .view-first:hover img {
      -webkit-transform: scale(1.1,1.1);
      -moz-transform: scale(1.1,1.1);
      -o-transform: scale(1.1,1.1);
      -ms-transform: scale(1.1,1.1);
      transform: scale(1.1,1.1);
    }
    .view-first a.info {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    .view-first:hover .mask {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .view-first:hover h2,
    .view-first:hover p,
    .view-first:hover a.info {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
    }
    .view-first:hover p {
      -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      -ms-transition-delay: 0.1s;
      transition-delay: 0.1s;
    }
    .view-first:hover a.info {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
    }
    /*Image hover end */


    /*Aboutus Page start */
    .aboutus-header
    {
      background:url(../images/about-banner.png) no-repeat top center;
      background-size:cover;
      height:600px;
    }
    .aboutus-contents
    {
      padding:50px 0px 0px;
    }
    .aboutus-contents .col-md-4
    {
      padding:40px 20px;
      text-align:center;
    }
    .aboutus-contents .head, .faq .head, .contactus .head
    {
      font-family: 'Lato-Light';
      font-size:33px;
      line-height: normal;
      color:#000;
    }
    .aboutus-contents .contents p
    {
      padding:7px 0px;
      text-align:left;
      -webkit-font-smoothing: antialiased;
    }
    .content-about
    {
      padding-top:50px;
    }
    .content-about .title
    {

      font-family: 'Lato-Light';
      font-size:26px;
      color:#068ff8;
      padding:25px 0px 0px;
      line-height: normal;
    }
    .content-about .contents
    {

      font-family: 'Lato-Light';
      font-size:15px;
      color:#606060;
      line-height: normal;
      min-height:222px;
      margin: 0;
    }
    .content-about .col-md-4
    {
      border-right:1px solid #e2e2e2;
      border-bottom:1px solid #e2e2e2;
    }
    .content-about .col-md-4:nth-child(3), .content-about .col-md-4:nth-child(6) {
      border-right:none;
    }
    .content-about .col-md-4:nth-child(4), .content-about .col-md-4:nth-child(5), .content-about .col-md-4:nth-child(6)  {
      border-bottom:none;
    }
    /*Aboutus Page End */
    /*Contact Page start */
    .contactus-header
    {
      background:url(../images/contactus.png) no-repeat top center;
      background-size:cover;
      height:600px;
    }
    .contactus
    {
      padding:50px 0px;
    }
/*.contactus .head
{
    font-family: 'ProximaNovaLight';
    font-size:54px;
    line-height: normal;
    color:#000;
    }*/
    .contacts
    {
      padding-top:50px;
    }
    .contacts p
    {
      color:#728593;
      font-size:19px;
      line-height:normal;
      text-align:justify;	
    }
    .faq .contacts p{text-align:left}
    .contacts p b
    {
      font-family: 'ProximaNovaBold';
      letter-spacing:1px;
      font-weight:100;
    }
    .contacts .head1
    {
      color: #048ef8;
      font-size: 23px;
      text-transform: uppercase;
      font-family: 'ProximaNova-Semibold';
      letter-spacing: 3px;
      padding-bottom: 10px;
    }
    .contacts .content, .contacts .contact-submit
    {
      font-family: 'ProximaNovaRegular';
      color:#728593;
      font-size:19px;
      line-height:25px;
      -webkit-font-smoothing: antialiased;
      font-weight: 500;
    }
    .contacts .form-control, .contacts textarea
    {
      box-shadow:none;
      height:65px;
      border:1px solid #dfdfdf;
      border-radius:5px;
      font-size:18px;
    }
    .contacts textarea
    {
      height:auto;
      padding-top:10px;
      outline:none;
      width:100%;
    }
    .contacts .contact-submit
    {
      font-size:16px;	
    }
    .contacts .contact-submit button
    {
      background:#47b545;
      color:#fff;
      font-size:21px;
      font-family: 'ProximaNovaBold';
      border:none;
      padding:7px 22px;
      outline:none;
    }
    ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder{color:#979797; font-family: 'ProximaNovaLight'}
    /*Contact Page End */
    /*Faq page start */
    .panel-heading .accordion-toggle:after {
      content: url('../images/downarrow.png');
      float: right;
      position: absolute; right: 0    

    }
    .panel-heading .accordion-toggle.collapsed:after {
      content: url('../images/toparrow.png');
      vertical-align: -50%;

    }
    .contacts .panel-heading
    {
      background:none;
      border:none;
    }
    .contacts .panel-default
    {
      border:none;
    }
    .contacts .panel-title>a
    {
      text-decoration:none;
      font-family: 'ProximaNovaBold';
      color:#333;
      line-height:25px;
      font-size:22px;
    }
    .contacts .panel-title{padding:15px 30px 0 0; position: relative;}
    .contacts .panel-group .panel-heading+.panel-collapse .panel-body
    {
      border-top:none;
    }
    .contacts .panel
    {
      box-shadow:none;
      border-bottom:1px solid #d1d1d1;
    }
    .contacts .panel p
    {
      color: #777777;
      font-size: 18px;
      line-height: 27px;
      text-align: justify;
      padding: 4px 0px;
    }
    .contacts .panel p a
    {
      color:#068ff8;
    }
    .contacts .panel:last-child
    {
      border:none;
    }
    .faq
    {
      padding:50px 0px 0px;
    }
    .faq-header
    {
      background:url(../images/faq.png) no-repeat right top;
      background-size:cover;
      height:600px;
    }
    .search-btn
    {
      margin:0px;
      border-bottom: 1px solid #e3e3e3;
      padding-bottom: 30px;
    }
    .search-btn input[type="text"]
    {
      height:60px;
      border-radius:8px;
      background:url(../images/search-btn.png) no-repeat left 6px center;
      padding-left:50px;
    }
    .input-group-addon:last-child{
      padding:6px 50px;
      background:#068ff8;
      color:#fff;
      font-family: 'ProximaNova-Semibold';
      font-size:20px;
      border:1px solid  #068ff8;
      border-top-right-radius:8px; 
      border-bottom-right-radius:8px;
      cursor:pointer;
    }
    .search-btn button
    {
      height:60px;
      border-radius:0px;
      background:#2b88d9;
      color:#fff;
      min-width:195px;
      border:none;
      outline:none;
      font-family: 'ProximaNova-Semibold';
      font-size:20px;
    }

    /* VIP START */
    .vip-body
    {
      background:url(../images/vip.png) no-repeat top center;
      background-size:cover;
      padding-top: 35px;
    }
    .vip-head-content
    {
      color:#333;
      font-family: 'ProximaNova-Semibold';
      font-size:44px;
    }
    .vip-package
    {
      padding:80px 0px 70px;
      background: #068ff8 url(../images/sales-bg.png) repeat center center;
      background-attachment: fixed;
    }
    .vip-page-video{margin-top: 5px;}
    .vip-package p
    {
      color:#fff;
      font-family: 'ProximaNovaRegular';
      font-size:31px;
      text-align: justify;
      text-align-last: center;
    }
    .vip-marketing
    {
      padding:100px 0px 50px;
    }
    .vip-marketing-large, .have_say{padding:50px 0}
    .vip-marketing .head
    {
      color:#333;
      font-family: 'ProximaNova-Semibold';
      font-size:45px;
      line-height: normal;
    }
    .vip-marketing .contents .heading
    {
      color:#333;
      font-family: 'ProximaNova-Semibold';
      font-size:42px;
      line-height: normal;
      padding-top:50px;
    }
    .vip-marketing .bor
    {
      margin-bottom:40px;
    }
    .vip-marketing .contents p
    {
      font-size:22px;
      color: #728593;
      font-family: 'ProximaNovaRegular';
      padding: 6px 0px;
      -webkit-font-smoothing: antialiased;
    }
    .vip-marketing .contents img
    {
      margin-top:15px;
    }
    figcaption
    {
      color:#2b88d9;
      font-family: 'ProximaNovaRegular';
      font-size:19px;
      padding-top:10px;
      word-wrap: break-word;
      white-space: normal;
    }
    figure a, figure a:hover,  figure a:focus
    {
      text-decoration:none;	
    }
    .vip-team
    {
      background:#068ff8 url(../images/vip-bg.png) no-repeat bottom  left;
      padding:50px 0px 0px;

    }
    .vip-call button
    {
      font-family: 'ProximaNovaRegular';
      font-size: 55px;
      min-width: auto;
      width:auto;
      background: transparent;
      padding: 10px 30px;
      border:none;
      height: auto;
      color: #fff;
      border-radius: 15px;
      outline:none;
      margin-top:15px;
    }
    .team
    {
      background:#fff;
      padding:25px; 
      min-height:460px; 
      margin-bottom: 50px;
    }
    .vip-team .head
    {
      font-family: 'ProximaNovaRegular'; 
      font-size:60px;
      color:#fff;
      padding-bottom: 40px;
    }
    .team img{
      padding:55px 15px 40px;
    }
    .team p{
      color:#728593;
      text-align:center;
      line-height: normal;
      font-size:21px;
      font-family: 'ProximaNovaRegular'; 
    }
    .your-upgrade
    {
      color:#333;
      font-family: 'ProximaNovaBold';
      font-size:22px;
      padding-top: 40px;
    }
    .upgrade-feature
    {
      border:1px solid #e9e9e9;
      border-radius:15px;
      padding: 40px 0px;    
      margin:40px 20px; 
      -webkit-box-shadow:0px -1px 13px 0px rgba(165, 165, 165, 0.65);
      -moz-box-shadow:0px -1px 13px 0px rgba(165, 165, 165, 0.65);
      box-shadow:0px -1px 13px 0px rgba(165, 165, 165, 0.65);
      background: #fff;
    }
    .upgrade-feature p
    {
      font-family: 'ProximaNovaRegular';
      font-size:22px; 
      color:#728593;
    }
    hr {
      border-top: 1px solid #e3e3e3;
    }
    .diff-bg
    {
      background: url('../images/diff-bg.png') repeat;
      margin: 0px;
    }
    .vip-services
    {
      background:#068ff8;
      padding:50px 0px;
    }
    .vip-services img
    {
      padding-top:100px;
    }
    .vip-services h1
    {
      color:#fff;
      font-family: 'ProximaNova-Semibold';
      font-size:50px; 
      padding-bottom:25px;
    }
    .vip-services p
    {
      font-family: 'ProximaNovaRegular';
      font-size:20px; 
      color:#fff;
      padding-bottom:10px;
    }
    /* VIP END */
    /*Large Sidebar Start */
    .sidebar
    {
      height:500px;
      position:fixed;
      right:0;
      top:200px;
      max-width:250px;
      display:none;
      -webkit-transition: display 5s ease-in-out; 
      transition: display 5s ease-in-out;
    }
    .sidebar ul li
    {
      list-style: none;
      padding: 14px 0px;
      font-size: 20px;
      border-bottom:1px solid #0670c1;
      background:#068ff8;
      padding-right:10px;
    }
    .sidebar ul li a
    {
      color:#fff;
      display: flex;
      display: -webkit-flex;
      text-decoration:none;
      font-family: 'ProximaNovaLight';
    }
    .sidebar ul li:last-child
    {
      border:none;
    }
    .sidebar ul li:hover, .sidebar ul li:focus, .sidebar ul li.active
    {
      background:#fff;
      box-shadow:5px 5px 5px 5px #ccc;
    }
    .sidebar ul li:hover a, .sidebar ul li:focus a, .sidebar ul li.active a
    {
      color:#000;
      font-family: 'ProximaNovaBold';
    }
    .sidebar ul li img
    {
      filter:brightness(100000%);
      -webkit-filter:brightness(100000%);
      padding-right:10px;
    }
    .sidebar ul li:hover img, .sidebar ul li:focus img, .sidebar ul li.active img
    {
      filter:brightness(100%);
      -webkit-filter:brightness(100%);
    }
    .hr-margin
    {
      margin:50px 0px;
    }
    .lft-bor
    {
      width:105px;
      border:2px solid #d1d1d1;
      margin-bottom: -20px
    }
    .rgt-bor
    {
      width: 105px;
      border: 2px solid #d1d1d1;
      float: right;
      margin-top: -4px;
    }
    .faq .contacts .panel
    {
      border:none;
    }
    .faq .hr-margin
    {
      margin:10px 15px;
    }
    /*Large Sidebar End */

    /*Package start */
    .package-header
    {
      background: url(../images/package.png) no-repeat top center;
      background-size: 100% 100%;
      padding-bottom: 600px;
    }
    .price-tables .prices
    {
      border:1px solid #e3e3e3;
      min-height:1125px;
      border-radius:10px;
      padding:0;
      -webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.07);
      -moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.07);
      box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.07);
    }
    .price-head
    {
      color:#333333;
      font-size:20px;
      padding:35px 0px;
      border-bottom:1px solid #e8e8e8;
      background:#fcfcfc;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      text-transform:uppercase;
      font-family: 'ProximaNovaBold';
    }
    .price-bor
    {
      width:35px;
      height:4px;
      background:#d0d0d0;
      margin:10px auto 0px;
    }
    .contact-btn
    {
      border-bottom:1px solid #e8e8e8;
      padding:20px 0px;
    }
    .contact-btn .btn
    {
      background:#57bb57;
      color:#fff;	
      font-family: 'ProximaNovaBold';
      font-size:20px;
      border:none;
      text-transform:uppercase;
      padding: 8px 20px;
    }
    .price-options
    {
      padding:20px 0px;
    }
    .price-options p
    {
      color:#5d7485;
      font-family: 'ProximaNovaLight';
      font-size:19px;
    }
    .price-tables .prices .bold
    {
      color:#068ff8;
      font-family: 'ProximaNova-Semibold';
      font-size:19px;
      padding:15px 10px;
    }
    .price-options a
    {
      text-decoration:none;
      font-family: 'ProximaNovaLight';
      color: #5d7485;
      cursor: pointer;
    }
    /*Package End */
    .content-about img:hover, .vip-marketing .contents img:hover
    {
      -webkit-transform: scale(1.02);
      transform: scale(1.02);
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor:pointer;
    }
    .team:hover img
    {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor:pointer;
    }
    .contact-submit button:hover, .contact-submit button:focus, .search-btn button:hover, .search-btn button:focus, .contact-btn .btn:hover, .yamm-content a .btn:hover, .yamm-content a .btn:foucs
    {
      background: #0075d2;
      color: #fff;
    }

    .nav_area{ float: left; width: 75% }
    .login_right{ float: right; width: auto}
    .nav_left{ float: left; width: auto}
    ::-moz-selection { 
      color: #fff;
      background: #068ff8;
    }

    ::selection {
      color:#fff;
      background: #068ff8;
    }

    .logo{width:142px; height:246px; background: #068FF8; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:82px; top:-122px; z-index:2; opacity:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease}
    .logo img{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); position:relative; left:-3px; top:127px; max-width:140px}
    .logo div{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); position:relative; left:-55px; top:157px; max-width:256px; width: 256px; color: #fff; font-size: 24px; text-align: center;}
    .package_tabs{ float: left; width: 100%; margin: 40px 0 0 }
    .package_tabs .nav-tabs{ text-align: center; border:0; padding-bottom: 20px}
    .package_tabs .nav-tabs li{ display: inline-table; float: none; margin: 0}
    .package_tabs .nav-tabs li a{ border:0; text-transform: uppercase; font-size: 15px; border-bottom: 2px solid #D0D0D0; color: #acabab}
    .package_tabs .nav-tabs li a:hover{ background: none }
    .package_tabs .nav-tabs li.active a{border:0; border-bottom:2px solid #068ff8; color: #068ff8}
    .footerTop ul.nav.nav-tabs li.active a, .footerTop ul.nav.nav-tabs li.active a:hover, .footerTop ul.nav.nav-tabs li.active a:focus{ background: #068ff8; color: #fff}
    .background-loader{background-color: hsl(0, 0%, 20%); display:block; height:100%; left:0; opacity:0.3; position:fixed; top: 0; width:100%; z-index:10000}
    .image-laoding{border-radius:3px; height:auto; left:50%; opacity:0.99; padding:3px; position:fixed; top:40%; width:auto; z-index:100001}
    .price{ display: table; width: 100%; margin-top: 10px; color:#068ff8; font-family: Lato-Bold}
    .price span{ font-size: 16px; text-transform: lowercase; color:#858585; font-family: Lato-Regular; margin: 0 3px}
    .banner_video{background:url(../images/system.png) no-repeat top center; background-size:578px; padding: 37px 20px 53px; width: 577px; height: 406px}
    .banner_video iframe{ width: 533px; height: 312px; margin: 0 auto; display: table;}
    .banner_video img{width:auto; height:auto;}
    .footer_logo{background: #068ff8; padding:0 7px; width:160px; height:52px; text-align:center}
    .footer_logo img{width:160px; max-height: 40px;}

    .mid_video{margin:20px auto; display: table; float: none}
    .mid_video iframe{height:315px; display: table;}

    .brand_text{ padding:16px 0; color: #fff }

    .left{float:left}
    .right{float:right}
    @media only screen and (max-width:1800px){
      .system-container{width:80%}
      footer .container, .custom-container, .header-container{width:98%}
    }
    @media only screen and (max-width:1500px){
      .system-container{width:90%}
    }
    @media only screen and (max-width:1400px){
      footer .pull-right{float:none !important; margin-top:70px}
    }
    @media only screen and (max-width:1280px){
      .select-package, .market-service{font-size:20px}
      .header-container{width:100%}
      .main-menu li a{padding:10px 13px}
      footer ul li{padding:0 10px}
      footer ul li.diff-sty{padding:0 6px}
      .select-package, .market-service
      {
        font-size:20px;
      }
    /*.footerTop .links, .btn-sty
    {
        width:25%;
        }*/
    /*.footerTop .links2 {
        width:25%;
        float:none;
    }
    .forms {
        width:300px;
        }*/
        .header-container  {
          width:100%;
        }
        footer ul li, footer ul li.phone-number{padding:12px 10px 0}
        footer ul li.diff-sty{padding:0 6px}
      }


      @media only screen and (max-width:1200px){
        header .container{width:100%}
        .main-menu li a{padding: 10px 9px}
        footer .pull-right{margin-top:0px}
        .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{bottom: -100px}
        .features .head{font-size:40px}
        .contacts .contact-submit button{float:none !important;margin-top:40px}
        footer ul li img{text-align:center;margin:auto}
        footer ul li.diff-sty{}.social-icons li{float: left;margin: auto;width: auto}
        .social-icons li a{width: 26px;height: 26px;line-height: 25px}
        .social-icons li a i{font-size: 13px}
        .social-icons.pull-right{display: inline-block}
        .view .mask,.view .content{height:auto}
        .price-tables .prices{margin-top:25px}
        .vip-head-content{font-size:30px}
        /*.header-logo .logo{width:196px; height:418px}*/
        .header-logo .logo img{max-width:200px}
        .footerTop ul li a{ font-size: 14px }
        .footerTop .vip-button{ font-size: 16px }
        footer ul.list-unstyled{ height: 42px }
        .footer_logo{ width: 140px; height: 42px;  }
        footer ul li.phone-number{ font-size: 16px; padding-top:8px; height: 42px}
        footer ul li.diff-sty{ margin-top: 10px }

        header .container
        {
          width:100%;
        }
        .main-menu li a
        {
          padding: 10px 9px;
        }
        footer ul li
        {
          border:none;
          background:none;
          padding:0;
        }
        footer ul li.diff-sty, .social-icons li
        {
          float:left;
          margin:auto;
        }
        footer .pull-right
        {
          margin-top:0px;
        }
        .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{
          bottom: -100px;
        }
        .features .head
        {
          font-size:40px;
        }
        .contacts .contact-submit button
        {
          float:none !important;
          margin-top:40px;
        }
   /* footer, footer ul li
    {
        text-align:center;
        margin:auto;
        width:100%;
        }*/
        footer ul li img
        {
          text-align:center;
          margin:auto;
        }
        footer ul li.diff-sty {
         /* float: none;*/
         margin: auto;
         background:none;
         padding:0 6px;
       }
       .social-icons li {
        float: left;
        margin: auto;
        width: auto;
      }
      .social-icons li a
      {
        display: inline-flex;
        float: left;
        margin:5px;
      }
      .social-icons.pull-right
      {
        display: inline-block;
      }
      .view .mask,.view .content
      {
        height:auto;
      }
      .price-tables .prices{
        margin-top:25px;
      }
      footer ul li.diff-sty{ margin-top: 10px }
      .brand_text{ padding:10px 0;}
    }

    @media only screen and (max-width:1199px){
      .banner_video{background-size: 588px; width: 590px; height: 412px; margin:50px auto 0; padding:38px 26px 80px}
      .banner_video iframe{height:410px; width:698px }
      .system{padding-top:210px; padding-bottom:50px}
      .vip-page-video iframe{ height: 320px }
      .vip-package{ padding: 167px 0px 30px} 
      .vip-package p{ font-size: 26px }
      .system .contents{padding:10px 0 15px}
      .footerTop ul li a{font-size:13px}
      .footerTop .vip-button{font-size:15px}
      .vip-marketing{padding:50px 0 0}
      .vip-marketing-large{padding:40px 0}
      .vip-marketing .head{font-size:40px}
      .vip-marketing .contents .heading{font-size:36px}
      .vip-marketing .contents p{font-size:16px}
      .hr-margin{margin:30px 0}
      .vip-marketing-large .contents p{margin-bottom:0}
      .aboutus-contents .contents p br{display:none}
      .content-about .col-sm-4 .title{font-size:26px}
      .content-about .col-sm-4 .contents{font-size:18px}
      .vip-marketing .contents .vp_sevices_tx p{font-size:18px}
      .your-upgrade{ font-size: 19px; padding-top: 30px }
      .upgrade-feature{ padding: 30px 0 }
      .upgrade-feature p{ font-size: 21px }
      .vip_video iframe{ height: 330px }
      .header-logo1 .phone-number{font-size:22px}
      .all-products .title{font-size:22px; padding-top:55px}
    }
    @media only screen and (max-width:1130px){
      header{height:auto}
      .yamm{padding:0}
      .main-menu li a{padding:10px 5px}
      .header-logo .logo img{max-width:180px}
      .nav-pills>li+li{margin-left: 2px}
      .main-menu li{padding:32px 0}
      /*----------- Scroll -----------*/
      footer ul li{ padding: 0 5px }
      footer ul li.phone-number img{ width: 22px }
      .footer-logo{ display: table; margin: 0 auto }
      footer ul.list-unstyled{ text-align: center; height: auto }
      footer ul li.diff-sty{ float: none; display: inline-table}
      footer ul.list-unstyled.social-icons{text-align: center;}
      footer ul.list-unstyled.social-icons li{ float: none; display: inline-table }
      footer ul li.phone-number{border:0}
      .header-logo .logo div{ top: 143px; font-size: 18px; left:-70px}
      header{height:auto}
      .main-menu li{padding:34px 0 28px}
      .main-menu li.demo{padding:23px 0}
      .header-logo .logo{height:214px; width:114px; left:74px}
      .header-logo .logo img{max-width:120px}
      /*----------- Scroll -----------*/
      .header-scroll .header-logo1 .logo-small{ width: 55px; padding-top: 13px}
      .header-scroll .header-logo1 .phone-number{ padding: 42px 0 0 5px}
      .header-scroll .logo_area{ padding: 0 }
      .faq-header, .contactus-header, .aboutus-header{ height: 500px }
    }
/*@media only screen and (max-width:1070px){
   #header ul.nav.navbar-collapse{ padding: 0 }
   }*/
   @media only screen and (max-width:991px){
    .logo-default{margin:-38px 0px 2px}
    .logo-small{opacity:1 !important}
    .footerTop .links,.footerTop .links_b, .btn-sty, .footerTop .links1, .footerTop .links2{width:25%}
    footer{padding-bottom:5px}
    .footerTop .vip-button{padding:4px 8px; font-size:13px; line-height:18px; margin:4px 0 0}
    .forms{width:66%}
    .forms .form-horizontal button{width:100%; padding:7px}
    .features-contents .heading, .features-contents .content{text-align:center}
    .box{margin-bottom:30px}
    .main-menu li a{}
    .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{bottom:-110px}
    .features .head{font-size: 30px}
    .content-about .col-md-4, .all-products .col-md-4{border:none}
    .content-about .contents{min-height:188px}
    header{height:auto}
    .header-scroll .header-logo1 .logo-small{width: 50px;padding-top: 25px}
    .header-scroll .logo_area{width: inherit}
    .footerTop ul li a, .footerTop .vip-button, .forms{}.team{margin:20px auto;min-height: auto}
    .content-about .contents{padding:20px 15px}
    .yamm .yamm-content{height: 400px;overflow: scroll}
    .team img{padding:0px 15px 0px}
    #side{display:none !important}
    .view .mask,.view .content{height:100%}
    .navbar-collapse.collapse{padding-bottom: 10px}
    .main-menu li{ padding:24px 0 0}
    .navbar-collapse.collapse li.login, .navbar-collapse.collapse li.demo{ padding: 0 }
    .navbar-collapse.collapse li.login a, .navbar-collapse.collapse li.demo a{ padding-top: 0 }
    .header-container .col-sm-4{ width: inherit; }
    .header-container .col-sm-8{ float: right; width: inherit;}
    .all-products{padding: 70px 0 0}
    .view{ width: initial; margin: 0}
    .all-products .product-image{ padding: 0 }
    /*.view-first img{ width: 72px }*/
    .all-products .title{ padding-top: 20px; font-size: 20px }
    .see-products{ margin: 20px 0 0 }
    .see-products a{ font-size: 34px }
    .video-sty{ padding: 10px 0 }
    .package.package_sale{padding:70px 0 60px}
    .package.package_sale p{ font-size: 32px}
    .package.package_sale .sales{font-size: 50px}
    .package.package_sale button{ font-size: 21px; width: 360px; height: 66px; margin-top: 10px }
    .features .boxes{ padding: 50px 0 20px; text-align: center;}
    .features .boxes .col-md-4.col-sm-6{ float: none; display: inline-table; width: 49%}
    .features .boxes .box{ min-height: 507px; padding: 0; text-align: left;}
    .features .boxes .last .box{ min-height: initial; margin: 0; padding-bottom: 10px}
    .features .boxes .box p{ padding: 0 20px }
    .features .boxes .box p.names{ padding: 20px 20px 5px }
    .video-sty iframe{height:400px; display:table}
    .large_page_video iframe{height:260px; display:table}
    /*.footerTop{padding:0}*/
    .links2, .forms{margin-top:10px}
    .vip-marketing .head{font-size:32px}
    .vip-marketing .contents .heading{font-size: 26px; padding:30px 0 0; margin-bottom: 0}
    .vip-marketing .contents p{font-size: 15px; margin-bottom: 0 }
    .vip-services h1{font-size:38px; padding-bottom:0}
    .vip-services p{font-size:16px; padding-bottom:0}
    .mid_video{ margin:10px auto }
    .mid_video iframe{height: 260px}
    .yourtime h1{ font-size: 30px }
    .content-about .contents{ font-size: 18px }
    .content-about .contents p{ margin: 0 }
    .aboutus-contents img{ width:70% }
    .aboutus-header, .products-header{padding-bottom:500px}
    .aboutus-contents .col-sm-4 img{width:inherit}
    .content-about .col-sm-4 .title{ font-size:20px; padding:0; display: block; margin: 15px 0 0}
    .content-about .col-sm-4 .contents{font-size:16px; padding:0; margin:5px 0 0; line-height: inherit}
    .system{padding:150px 0 40px}
    .vip-head-content{font-size:25px}
    .vip-page-video{width:80%; margin:5px auto 0}
    .vip-package p{ font-size: 22px; margin: 0 }
    .vip-page-video iframe{ height: 240px }
    .vip-package{ /*margin-top: -170px;*/ padding: 148px 0px 30px }
    .vip-marketing .contents .vp_sevices_tx p{font-size:17px}
    .your-upgrade{ font-size: 17px; padding-top: 20px }
    .upgrade-feature{ padding: 20px 0 }
    .upgrade-feature p{ font-size: 19px }
    .logo-default{margin:-38px 0px 2px 0}
    .logo-small{opacity:1 !important}
    /*.footerTop .links, .btn-sty, .footerTop .links1
    {
        width:100%;
        float:none;
        }*/
    /*.forms
    {
        width:auto;
        }*/
        .features-contents .heading, .features-contents .content
        {
          text-align:center;
        }
        .box
        {
          margin-bottom:30px;
        }
        .main-menu li a {
          padding:10px 8px;
        }
        .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{
          bottom: -110px;
        }
        .features .head {
          font-size: 30px;
        }
        .content-about .col-md-4, .all-products .col-md-4
        {
          border:none;
        }
        .content-about .contents{
          min-height:auto;
        }
        header
        {
          height:auto;
        }
        .view
        {
          float:none !important;
        }

        .header-scroll .header-logo1 .phone-number
        {
          padding:27px 0 27px 10px
        }
        .header-scroll .header-logo1 .logo-small{padding-top:4px }
        .header-scroll .logo_area{ width: inherit; }
    /*.footerTop ul li a, .footerTop .vip-button, .forms
    {
        margin-left:40px;
        }*/
        .team
        {margin:20px auto;min-height: auto;}
        .content-about .contents
        {
          padding:20px 15px;
        }
        .yamm .yamm-content {
          height: 400px;
          overflow: scroll;
        }
        .team img {
          padding:0px 15px 0px;
        }
        #side
        {
          display:none !important;
        }
        .view .mask,.view .content
        {
          height:100%;
        }
        .login_right .main-menu li a{ padding-bottom: 0 }
        .main-menu li.demo{padding:23px 0 0}
        .main-menu li.demo a{ padding: 0 }*/
        .header-logo .logo{ left: 83px; height: 216px; width: 118px}
        /*.header-scroll#header .login_right{width:185px}*/
        .header-scroll .nav_area{ width: inherit; float: none }
        .header-logo .logo{height:194px; width:100px; left:69px}
        .logo_area .header-logo .logo div{ top: 134px; font-size: 16px; left:-77px}
        .package_b{margin-top:30px}
        .package_b:before{border-width: 25px }
        .faq-header, .contactus-header, .aboutus-header{height:400px}
        .contacts .panel-title>a{font-size:20px}
        .contacts .head1{font-size:21px}
        .contacts p{font-size:17px}
        .contacts p.content{font-size:15px}
        .aboutus-contents .col-sm-4 img{width:inherit}
      }
      @media only screen and (max-width:882px){
        .main-menu li a{ padding:10px 5px; font-size: 14px }
        .main-menu li.demo button{ font-size: 12.5px }
        .header-scroll#header .login_right{padding-left: 0}
        /*.header-scroll#header .nav_left{ padding: 0 }*/
      }
      @media only screen and (max-width:840px){
        .banner_video iframe{height:333px; width:565px}
        .system .head{font-size:34px}
        .system .contents{font-size:19px; line-height:30px; padding:0 0 10px}
        .select-package, .market-service{ font-size: 18px; height: 54px }
      }
      @media only screen and (max-width:767px){
        .main-menu li{padding:5px 0; width:33%}
        .main-menu .dropdown-menu li
        {
          width:100%;
        }
        .main-menu li.login {
          padding-top: 7px;
        }
        .main-menu li.demo
        {
          padding-top:0px; width: auto
        }
        .header-scroll .logo-small
        {padding:10px 0px;margin-left:0px !important;}
        .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{
          display:none;
        }

        footer .pull-right {
          margin-top:0px;
        }
        #logo2
        {
          float:none !important;
        }
        .logo-default {
          position:absolute;
          margin: -70px 0px 2px 0;
        }
        .aboutus-contents .head, .faq .head, .vip-team .head
        {
          font-size:30px;
        }
        .vip-call button
        {
          font-size:23px;
        }
        .system .contents, footer ul li
        {
          padding:20px 0px;
        }
        .package button
        {
          margin-top:20px;
        }
        .upgrade-feature p
        {
          text-align:justify;
        }

        .footerTop {
          padding: 20px 0 0;
        }
        .aboutus-header, .contactus-header, .faq-header
        {
          background-size:cover;
        }
        .yamm-content p.contents, .price-tables .prices
        {
          min-height: auto;
        }
        .upgrade-feature
        {
          margin:40px 0px;
        }
        .yamm-content p.contents
        {
          padding:0;
        }
        .search-btn
        {
          border:none;
        }
        .search-btn div
        {
          padding:0px;
        }
        .logo_area{ float: left; width: 225px }
        .main-menu li a{ padding: 0 }
        .nav_area{ width: inherit; float: none}
        #header .login_right{ width: auto; margin: 22px 0 0; padding-left: 0}
        #header .login_right.login_rightV2{ display:flex; align-items:center; }
        #header .login_right.login_rightV2 .navbar-toggle{
          position: initial;
        }
        .nav_left{width: 100%}
        .login_right .main-menu li.login{padding:11px 11px 0 0; width: auto}
        .header-scroll .logo_area{width:auto}
        .header-scroll#header .login_right{width:auto; padding-left: 0}
        .header-scroll .header-logo1 .phone-number{padding-top:32px; font-size:20px}

        .header-scroll .navbar-toggle{ background: #fff }
        .header-scroll .navbar-toggle span.icon-bar{ background: #068FF8 }

        .main-menu li{padding:5px 0; width:33%}
        .main-menu .dropdown-menu li{width:100%}
        .main-menu li.login, .main-menu li.demo{padding-top:7px}
        .logo-small{margin-left:0px !important}
        .system{padding-top:120px}
        .bor1, .bor2, .bor3, .bor4, .bor5, .bor6{display:none}
        footer .pull-right{margin-top:0}
        .header-scroll .header-logo1 .logo-small{padding:5px 0 19px}
        .logo-default{position:absolute; margin:-70px 0 2px}
        .aboutus-contents .head, .vip-team .head, .faq .head, .contactus .head{font-size:30px}
        .vip-call button{font-size:23px}
        .system .contents, footer ul li{padding:20px 5px}
        .package button{margin-top:20px}
        .system .contents, .upgrade-feature p{text-align:justify}
        .aboutus-header, .contactus-header, .faq-header, .products-header{background-size:cover}
        .yamm-content p.contents, .price-tables .prices{min-height:auto}
        .yamm-content p.contents{padding:0}
        .search-btn{border:none}
        .search-btn div{padding:0}
        .main-menu li.login, .main-menu li.demo{ padding: 0 }
        .header-container .nav{ width: 100%; padding:0}
        .header-container .col-sm-8{float: left; width: 100%}
        .header-container .nav.main-menu li a{ padding:0; margin-left: 10px;}
        .header-container .nav.nav-pills>li+li{ margin: 0 }
        .header-scroll .navbar-toggle{ background: #fff }
        .banner_video{background-size:514px; width:505px; height:360px; margin:30px auto 0; padding:33px 17px 69px}
        .banner_video iframe, .banner_video img{height:279px; width:473px}
        .system .contents{padding:0 0 10px; font-size: 16px; line-height: 24px}
        .system .head{ font-size: 30px; }
        .view{ width: 100%;}
        .features .boxes .col-md-4.col-sm-6{ width: 100% }
        .features .boxes .box{ min-height: initial; padding-bottom: 10px; margin-bottom: 20px }
        .all-products{padding:40px 0 0}
        .all-products .title{padding-top:10px}
        .all-products .col-sm-4{width:100%; display:table;}
        .all-products .col-sm-4.col-middle{border:0; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 10px; margin-bottom: 20px; }
        .all-products .col-sm-4.col-middle .view{padding:25px 0 5px}
        .video-sty{ padding: 0 }
        .video-sty iframe{height:320px}
        .large_page_video iframe{height:220px}
        .see-products{ margin: 10px 0 0 }
        .see-products a{ font-size: 28px }
        .arrow{ border-width: 40px }
        .package.package_sale p{font-size:28px}
        .package.package_sale .sales{font-size:44px}
        .package.package_sale button{font-size:19px; width:300px; height:56px}
        .features, .features .boxes{padding:30px 0 0 }
        .vip-marketing .contents img{width:50%; margin-top:0}
        .vip-marketing .contents.yourtime img{width:70%}
        .vip-marketing .contents .heading{padding-top:10px}
        .vip-marketing .contents .heading, .vip-marketing .contents p{text-align: center}
        .hr-margin{margin:25px 0 0}
        .left, .right{float:none}
        .vip-marketing .bor{margin-bottom:30px}
        .vip-marketing.vip-marketing-large{ padding: 20px 0 }
        .vip-marketing-large .contents p, .vip-marketing.vip-marketing-large .contents #show-sidebar p{padding-bottom:0}
        .vip-marketing.vip-marketing-large .contents #show-sidebar img{width:auto; margin:0 0 10px}
        .vip-services{text-align:center; padding:20px 0 10px}
        .vip-services img{padding:0; width:50%}
        .vip-services h1{ font-size: 30px }
        .vip-services p{font-size:14px}
        .mid_video{ margin: 10px auto}
        .mid_video iframe{ height: 168px }
        .yourtime h1{ font-size:24px; text-align: center; }
        .content-about .contents{ font-size: 17px; padding:10px 15px 0}
        .content-about{ padding-top: 40px }
        .aboutus-contents{padding:40px 0 0}
        .aboutus-header, .products-header{ padding-bottom: 400px }
        .content-about .col-sm-4 .contents{ min-height: auto }
        .aboutus-contents .col-sm-4{ border: 0; padding: 20px 15px; text-align: center;}
        .aboutus-contents .col-sm-4, .content-about .col-sm-4:nth-child(4), .content-about .col-sm-4:nth-child(5){border-bottom: 1px solid #ddd;}
        .vip-page-video{ margin-top: 5px }
        .vip-package{ /*margin-top: -160px;*/ padding: 138px 0px 30px;  }
        .vip-head-content{ font-size: 21px }
        .vip-package p{ font-size: 18px }
        .vip-marketing .contents .vp_sevices_tx p{font-size:15px; line-height: inherit;}
        .upgrade-feature p{ font-size: 17px; margin: 10px 0 0}
        .upgrade-feature{margin:20px 0}
        .your-upgrade{ font-size: 15px; padding-top: 10px }
        /*.logo_area .header-logo .logo div{ top: 284px; left: -82px; max-width: 286px; width: 286px; font-size: 19px}*/
        .vip_video{ width: 80%; margin: 0 auto }
        .vip_video iframe{ height: 280px;}
        .package p{ font-size: 22px }
        .package p.sales{ padding: 0; font-size: 54px }
        .package_b{ margin-top: 15px }
        .package_b:before{border-width: 20px; margin-left: -10px }
        .features br{ display: none }
        .search-btn input[type="text"]{ margin: 0 0 20px }
        .contacts .panel-title>a{font-size:17px;}
        .contacts .panel-title{ padding-top: 0 }
        .contacts .panel-heading{ padding: 10px 0 }
        .faq .hr-margin{margin:10px 0}
        .contacts .panel-body{padding:0 30px 0 0}
        .contacts .panel p{ font-size: 16px; line-height: 22px }
        .faq-header, .contactus-header, .aboutus-header{height:300px}
        .contactus{padding:50px 0 0}
        .contacts .contact-submit button{margin-top:20px}
      }

      @media only screen and (max-width:680px){
        .vip-marketing .head{ font-size: 26px }
        .vip-marketing{padding:40px 0 0}
        .have_say .head{ padding-bottom: 10px }
      }

      @media only screen and (max-width:640px)
      {
        .select-package, .market-service {
          width:100%;
          margin:15px auto;
        }
        .features .head, .features-contents .heading, .vip-marketing .contents .heading
        {
          font-size:30px;
        }
        .system .head{ font-size: 27px }
        .features-contents
        {
          padding: 40px 0px;
        }
        .arrow
        {
          left:42%;
        }
        .view-first .mask
        {
          z-index:999;
        }
        .all-products .title
        {
          padding-top:13px;
        }
    /*.view
    {
        padding-bottom:40px;
        }*/
        .yamm-content .head br
        {
          display:none;
        }

        .features .head, .features-contents .heading{font-size:30px}
        .system .contents{ font-size: 14px; line-height: 21px; padding:0 0 5px}
        .banner_video{background-size:414px; width:405px; height:292px; padding:26px 13px 0}
        .banner_video iframe, .banner_video img{height:224px; width:381px}
        .select-package, .market-service{ height: 48px; padding:6px 9px; font-size: 17px  }
        .market-service{ margin-left: 10px }
        .features-contents{padding:40px 0}
        .arrow{margin-left:-20px; border-width: 24px}
        .view-first .mask{z-index:999}
        .all-products .title{padding-top:13px}
        .view{}
        .yamm-content .head br{display:none}
      .all-products .product-image{/*width:120px; height:120px; line-height:120px*/}
      .all-products .product-image img{width:85px}
      .all-products .title{ font-size: 18px }
      .video-sty iframe{ height: 260px }
      .package.package_sale{padding: 60px 0 50px}
      .package.package_sale p{font-size: 26px; margin-bottom: 0}
      .package.package_sale .sales{ font-size: 40px }
      .package.package_sale button{ font-size: 17px; width: 290px; height: 50px; margin-top: 4px}
      .footerTop .links, .footerTop .links_b, .footerTop .links1, .footerTop .links2{ width: 50% }
      .btn-sty, .forms, .footerTop .vip-button{width:100%}
      .footerTop ul li{padding:3px 0}
      .footerTop .links1, .footerTop .links_b{margin-top:26px}
      .vip-marketing .head{font-size:22px}
      .vip-marketing .contents .heading{ font-size: 23px }
      .vip-marketing .contents p{ font-size:14px; line-height:18px}
      .aboutus-header, .products-header{ padding-bottom: 298px }
      .vip-head-content{ font-size: 17px }
      .vip-package p{ font-size: 15px }
      .vip-page-video iframe{height:200px}
      .vip-package{/*margin-top:-140px;*/ padding:113px 0 20px; }
      .vip_video iframe{height:240px}
      .package button{ height: 53px; font-size: 19px; width: 260px }

    }
    @media only screen and (max-width:510px){
      .header-scroll#header .login_right{ margin:28px 0 0}
      .login_right .main-menu li.login{padding:0 7px 0 0; margin-right:7px}
      .login_right .main-menu li a{width:22px; height:29px; overflow:hidden; color:#5b5755}
      .main-menu li.demo button{display:none}
      .main-menu li.login a:before{content: '\f090'; font-family:'FontAwesome'; display: inline-table; font-size: 22px}
      .main-menu li.login:after{content: ''; width: 1px; height: 18px; background: #5b5755; position: absolute; right:0; top: 7px }
      .header-scroll .main-menu li.login:after{ background: #fff }
      .main-menu li.demo a:before{content: '\f14b'; font-family:'FontAwesome'; display: inline-table; font-size: 22px}
      #header .login_right{ margin:28px 0 0;}
      .navbar-toggle{ padding: 6px; top: 28px }
      .header-scroll .navbar-toggle{ top: 30px }
      .package p{ font-size: 18px }
      .package p.sales{font-size: 48px }
      .package{padding: 50px 0 30px }
      .faq .head, .contactus .head, .aboutus-contents .head{ font-size: 25px }
      .contacts .form-control{ height: 55px }
      .contacts textarea{ height: 202px }

      .header-container .nav.main-menu1{
        display: flex;
        align-items: center;
        width: auto;
      }
      #header .login_right.login_rightV2{ height: 30px; display: flex; align-items: center; float: none; justify-content: flex-end;}
      #header .login_right.login_rightV2 .navbar-toggle{ position:initial; }

      .login_right.login_rightV2 .main-menu li.demo.LoginbtnV2 a{
        width: auto;
        height: auto;
        display: flex;
      }

      .login_right.login_rightV2 .main-menu li.demo.LoginbtnV2 a button{
        display: block !important;
        padding: 4px 8px;
        margin: 0 5px 0 0;
        height: 28px;
      }

      .login_right.login_rightV2 .main-menu li.demo.LoginbtnV2 a:before{
        display: none;
      }

      .login_right.login_rightV2 .main-menu li.demo.LoginbtnV2 a button:before{
        display: block;
      }

      .login_right.login_rightV2 .main-menu li.demo.tryitfreeV2 a{
        width: auto;
        height: auto;
        display: flex;
        margin: 0;
      }

      .login_right.login_rightV2 .main-menu li.demo.tryitfreeV2 a button{
        display: block !important;
        padding: 4px 8px;
        margin: 0;
        background: none;
        color: #333333;
        font-size: 0;
        height: 28px;
      }

      .login_right.login_rightV2 .main-menu li.demo.tryitfreeV2 a:before{
        display: none;
      }

      .login_right.login_rightV2 .main-menu li.demo.tryitfreeV2 a button:before{
        display: block;
        content: 'Demo';
        font-size: 12px;
      }

      

      #header.header-scroll .login_right.login_rightV2{ margin: 32px 0 0; }

      #header.header-scroll .login_right.login_rightV2 .main-menu li.demo.tryitfreeV2 a button{
        color: #fff;
        border-color: #fff;
      }


      
    }
    @media only screen and (max-width:480px){
      footer ul li, footer ul li img
      {
        text-align:center;
        margin:auto;
      }
      footer ul li.diff-sty
      {float:none;text-align:center;background:none;padding: 8px 0px;}
      footer ul li
      {
        padding:15px 0px;
      }
      .social-icons li
      {
        float:left;
      }
      footer .pull-right {
        margin-top: 30px;
        display: flex;
      }
      .navbar-toggle
      {
        /*position:initial;*/
      }
      .vip-marketing .head, .vip-head-content{
        font-size:30px;
      }
      .vip-marketing .contents p, .content-about .contents
      {
        text-align:justify;
        text-align-last:center;
      }
      .aboutus-contents .col-md-4
      {
        padding:0px 20px;
      }
      .aboutus-contents {
        padding:50px 0px 0px;
      }
      .main-menu li
      {
        width:100%;
      }
      .vip-package p
      {
        font-size:22px;
      }
      .input-group-addon:last-child{
        padding:6px 15px; 
      }
      .main-menu li.demo button{ height: auto; padding:8px 8px 5px; font-size: 12px }
      .header-scroll .header-logo1 .phone-number{ font-size: 18px; padding:32px 0 0 5px}
      .package button{ height: 45px; width: 220px; font-size: 17px; margin-top: 10px}
      footer ul li, footer ul li img{text-align:center; margin:auto}
      footer ul li.diff-sty{float:none; text-align:center; font-size:14px}
      footer ul li{padding:15px 5px}
      .testimonials{background:#F5F5F5;padding:20px 0 50px}.testimonials ul li{text-align:center}.testimonials ul li img{border:3px solid #FFF;border-radius:100%;height:80px;width:80px}.testimonials ul li p{color:#505050;font-size:14px;line-height:22px;margin:5px 0}.testimonials ul li span{color:#555;font-size:12px}.testimonials ul li span strong{color:#2072B9}
      .footer_logo{width:134px; height:34px}
      footer ul li.phone-number{font-size:15px; padding:5px 3px; height:inherit}
      .footer-logo{padding-bottom:5px}
      .social-icons li{float:left}
      footer .pull-right{margin-top:0; display:flex}
    .navbar-toggle{/*position:initial;*/}
    .vip-marketing .contents p{text-align-last:center}
    .aboutus-contents .col-md-4{padding:0 20px}
    .aboutus-contents{padding:30px 0 0}
    .main-menu li{width:100%; padding:5px 0 0}
    .view h2{font-size:22px}
    .yamm .yamm-content{height:150px; overflow:scroll; padding:0 10px}
    .yamm-content p.head, .yamm-content p.contents{font-size:16px; padding-bottom:5px}
    .request-demo{display:none}
    .view h2{margin:20px 0 10px}
    .view  .mask p{font-size:18px; line-height:25px}
    .system{padding: 100px 0 20px}
    .system .head{font-size:25px}
    .system .contents{font-size:13px; line-height: 18px }
    .select-package, .market-service{ width: 100%; margin: 15px 0 0; height: 44px }
    .system .contents{ padding: 0 }
    .banner_video{background-size:335px; width:330px; height:236px; padding:21px 11px 0}
    .banner_video iframe, .banner_video img{height:181px; width:308px}
    .video-sty iframe{ height: 200px }
    .package.package_sale{padding:50px 0 40px}
    .package.package_sale p{font-size: 21px}
    .package.package_sale .sales{font-size:32px}
    .package.package_sale button{font-size:15px; width:230px; height:42px}
    .features .head{ font-size: 26px }
    .vip-marketing .head{font-size:18px}
    .vip-marketing{padding:30px 0 0}
    .have_say .head{ padding-bottom: 0 }
    .vip-marketing .contents .heading{ font-size: 19px }
    .hr-margin{margin:15px 0 0}
    .hr-margin hr{margin:10px 0 15px}
    .rgt-bor, .lft-bor{ width: 75px }
    .lft-bor{ margin-bottom: -10px }
    .vip-services h1{ font-size: 26px }
    .yourtime h1{font-size:20px}
    footer ul li.diff-sty{ padding: 0 5px }
    footer ul li.diff-sty:after{ right: -4px }
    .content-about .contents{font-size:16px; }
    .content-about .contents p{padding:5px 0px}
    .content-about{padding-top:30px}
    .aboutus-header, .products-header{padding-bottom:250px}
    .content-about .col-sm-4 .title{ font-size: 17px }
    .content-about .col-sm-4 .contents{ font-size: 15px }
    .vip-page-video iframe{ height: 140px }
    .vip-package{padding: 93px 0 20px}
    .upgrade-feature p{ font-size: 15px; margin:5px 0 0}
    .your-upgrade{ font-size: 14px; padding-top: 5px }
    .upgrade-feature{margin:15px 0; padding: 15px 0}
    .brand_text{ padding:6px 0}
    .vip_video iframe{ height: 280px;}
    .header-scroll .navbar-toggle{top:29px}
    .see-products a{ font-size: 24px}
    .forms .form-horizontal label{font-size:16px}
    .contacts p.content{ font-size: 14px }
    .contacts p{font-size:16px}
    .search-btn input[type="text"]{ margin-bottom: 10px }
    .search-btn button{ width:100%; height: 50px; }
    .contacts .panel-title>a{font-size:15px; line-height:18px}
    .contacts .panel p{ font-size: 14px; line-height: inherit; padding: 0}
    #header ul.nav.navbar-collapse .dropdown.yamm-fw{padding-top:10px}
  }

 /* @media only screen and (max-width:406px){
    #header .login_right.login_rightV2 {
      margin: -56px 0 0;
    }
  }*/


  @media only screen and (max-width:400px){
    .view-first .mask{height:auto}
    #header .login_right{padding:0 10px 0 0}
    .footerTop ul li a, .footerTop .vip-button, .forms{}
    .view-first .mask{height:auto}
    .arrow{margin-left: -15px; top: 36px; border-width: 20px}
    .system .head{ font-size: 20px }
    .system .contents{ font-size: 12px; line-height: 16px; text-align:left}
    .banner_video{background-size:276px; width:280px; height:195px; padding:18px 14px 0; margin-top: 20px}
    .banner_video iframe, .banner_video img{height:150px; width:255px}
    .video-sty iframe{ height: 170px }
    .package.package_sale{padding:40px 0 30px}
    .package.package_sale p{font-size: 18px}
    .package.package_sale .sales{font-size:27px}
    .package.package_sale button{font-size:13px; width:190px; height:38px}
    .features .head{ font-size: 23px }
    .features .head br{ display: none }
    .vip-marketing .head u{display:initial;}
    .vip-marketing .head.absolute u{ display: initial; }
    .vip-marketing .head br{display:none }
    .vip-marketing{padding:25px 0 0}
    .vip-marketing .contents .heading{ font-size: 17px }
    .vip-marketing .contents p{ font-size: 13px }
    .have_say .head{ margin-bottom: 5px }
    .mid_video iframe{ height: 158px }
    .yourtime h1{font-size:18px; margin-top: 10px}
    footer ul li.diff-sty{ padding: 0 6px; margin-top: 0 }
    .footer-logo{ padding-bottom: 10px }
    footer ul li.diff-sty.copyright{ margin-top: 5px }
    .large_page_video iframe{height:160px}
    .features .boxes .box iframe{ height: 158px }
    .content-about{padding-top: 20px }
    .content-about .contents{ font-size: 15px }
    .content-about .col-sm-4 .title{ font-size: 15px }
    .content-about .col-sm-4 .contents{ font-size: 14px }
    .vip-page-video iframe{ height: 110px }
    .vip-head-content{ font-size: 15px }
    .vip-package p{ font-size: 13px }
    .vip-package{padding: 68px 0 15px }
    .package p{ font-size: 15px }
    .package p.sales{font-size: 42px }
    .package{padding:40px 0 30px}
    .forms .form-horizontal label{font-size:15px}
    .faq .head, .contactus .head, .aboutus-contents .head{font-size:22px}
  }
  @media only screen and (max-width:370px){
    .header-logo .logo{ height: 202px;  width: 86px }
    .header-logo .logo img{ top: 146px;  max-width: 90px }
    .logo_area{ width: 205px }
    .logo_area .header-logo .logo div{top: 148px; font-size: 14px; left:-82px}
    .header-scroll .logo_area{ padding: 0 }
    .package p.sales{font-size: 38px }
    .footerTop .links, .footerTop .links_b, .footerTop .links1, .footerTop .links2{width:100%; margin:0}
    .footerTop .links ul, .footerTop .links_b ul, .footerTop .links1 ul, .footerTop .links2 ul{margin:0}
    .footerTop{ padding: 0 }
    .forms .form-horizontal label{font-size:14px}
    .contacts .form-control{height: 45px }
    .contacts textarea{ height: 162px }
  }
  @media only screen and (max-width:340px){
    .banner_video{background-size:226px; width:230px; height:158px; padding:14px 12px 0}
    .banner_video iframe, .banner_video img{height:121px; width:207px}
    .select-package, .market-service{ height: 40px; margin: 10px 0 0; font-size: 16px }
    .video-sty iframe{ height: 140px }
    .package.package_sale .sales{font-size:23px}
    .package.package_sale button{font-size:12px; width:170px; height:36px}
    .features .head{ font-size: 21px }
    .links2{ margin: 0 }
    .footerTop .links_b{ margin-top: 0px }
    .footerTop .links ul, .footerTop .links1 ul{ margin: 0 }
    /*.header-scroll .header-logo1 .logo-small{padding:8px 0 19px}*/
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1) {
    ::i-block-chrome, .yamm .dropdown.yamm-fw .dropdown-menu {
      top: 139px;
    }
    ::i-block-chrome, .sidebar ul li img
    {
      display:none;
    }
    ::i-block-chrome, .sidebar ul li a
    {
      font-size:17px;
      font-family: 'ProximaNovaRegular';
      font-weight:bold !important;
    }
  }

  @media only screen and (-webkit-min-device-pixel-ratio: 1) {
   ::i-block-chrome, .yamm .dropdown.yamm-fw .dropdown-menu{top:139px}
   ::i-block-chrome, .sidebar ul li img{display:none}
   ::i-block-chrome, .sidebar ul li a{font-size:17px; font-family: 'Lato-Regular'; font-weight:bold !important}
 }
 .p-0{padding: 0;}
 .panel-group .date_time{background: #db4e41;border-radius: 3px;padding: 5px 0;}
 .panel-group .blog_disc h2{margin-top: 0;}
 .panel-group .date_time span{color: #fff;text-align: center;font-size: 16px;display: block;}
 .panel-group .blog_post_footer{clear: both;padding-top: 10px;margin-bottom: 40px;}
 .panel-group .blog_post_footer .border_bottom{background: url(../images/border.png);background-repeat: repeat;height: 3px;width: 100%;clear: both;margin-top: 10px;margin-bottom: 10px; }
 .panel-group .blog_post_footer a{color: #db4e41;transition: 0.5s}
 .panel-group .blog_post_footer a:hover{color: #000;transition: 0.5s;text-decoration: none;}
 .panel-group .blog_post_footer a.right{text-align: right;}
 .cat h4{text-transform: uppercase;}
 .cat .border_bottom{background: url(../images/border.png);background-repeat: repeat;height: 3px;width: 100%;clear: both; }
 .cat ul{list-style-type: none;padding-left: 30px;margin-bottom: 40px;}
 .cat ul li{margin: 10px 0;}
 .cat ul li a{color: #000;transition: 0.5s}
 .cat ul li a:hover{color: #db4e41;text-decoration: none;transition: 0.5s}
 .cat ul li:before{position: absolute;content: '';height: 21px;width: 21px;left: 15px;background:url(../images/list_arrow.png);background-repeat: repeat }
 .cat .related_posts a{font-size: 18px;color: #000;text-decoration: none;transition: 0.5s;}
 .cat .related_posts a:hover{color: #db4e41;transition: 0.5s;}
 .cat .related_posts a h2{font-size: 18px;}
 .cat .related_posts p{font-size: 16px;margin-bottom: 0}
 .cat .related_posts hr{margin-top: 5px;}
 .cat_name .content a{font-size: 14px;margin-top: 20px;color: #db4e41 !important;font-weight: 600;}
 .comment_sec .form-group .form-control{margin-bottom: 0px;height: 48px;}
 .comment_sec input[type="submit"]{color: #fff;background: #db4e41; height: 48px;border: 0;width: 200px;float: right;transition: 500ms;}
 .comment_sec input[type="submit"]:hover{background: #000;transition: 500ms;}
 .comment_sec .form-group textarea.form-control{height: 150px;margin-bottom: 15px;}
 .comment-content p {font-size: 14px !important; font-weight: normal;}
 .blog-header{background:url(../images/faq.png) no-repeat top center;background-size:100% 100%; height: 180px}
 
 /*Cookie Consent Begin*/
#cookieConsent {
  background-color: rgba(20,20,20,0.8);
  min-height: 26px;
  font-size: 14px;
  color: #ccc;
  line-height: 26px;
  padding: 8px 0 8px 30px;
  font-family: "Trebuchet MS",Helvetica,sans-serif;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999;
}
#cookieConsent a {
  color: #4B8EE7;
  text-decoration: none;
}
#closeCookieConsent {
  float: right;
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: -15px 0 0 0;
  font-weight: bold;
}
#closeCookieConsent:hover {
  color: #FFF;
}
#cookieConsent a.cookieConsentOK {
  background-color: #F1D600;
  color: #000;
  display: inline-block;
  border-radius: 5px;
  padding: 0 20px;
  cursor: pointer;
  margin: 0 18px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
  background-color: #E0C91F;
}
.box-content ul
{
  margin-left: 45px;
}
.box li
{
    font-size: 15px;
    color: #606060;
}
.box div
{
  font-size: 15px;
    color: #606060;
    padding-left: 20px;
}
.box div div
{
  font-size: 15px;
    color: #606060;
    padding-left: 0px;
}
/*Cookie Consent End*/