/* Responsive styles */

/* Media Querys */

body {
    max-width: 1600px;
    margin: 0 auto;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}




@media (max-width: 1024px) {

      /* Footer styles */
      .footer-link {
    width: 100%;
    float: none;
    text-align: center;
    display: block;
}
.footer-bottom .site-links {
    text-align: center;
}
.footsec-1 {
  float:none;
}
.footer-cp {
    display: block;
    text-align: center;
    width: 100%;
}




}

/* Desktop styles  */

@media (min-width:768px) {

  /*.img-right {
      float:right;
  }
  .img-right .howit-img {
      float:right;
  }*/


  .container.buynwsec-cont {
      width: 1000px;
  }


}


/* min with 1025 */

@media (min-width:1025px) {


  .container.buynwsec-cont {
      width: 1000px;
  }


}




@media all and (max-width: 1199px) and (min-width: 768px) {

.ourservice-sec.center, .ourservice-sec.left, .ourservice-sec.right {
    width: 33.3%;
    padding: 10px 1%;
}





}



@media all and (max-width: 1024px) and (min-width: 768px) {

  .habout-pod, .habout-bean {
      width: 200px;
  }
  .habout-pod h4, .habout-bean h4 {
      margin-right: 20px;
    }
  .habout-pod h4.about-htitle {
    margin-right: 51px;
}
.habout-txtalign {
    padding-top: 20px;
}
section.habout-sec .container {
    width: 714px;
  }


/* Banner styles */

.banner-img {
    width: 33%;
    z-index: 3;
  }
  .banner-text {
    width: 280px;
  bottom: 5%;
  right: 38%;
}

.banner-text img {
    padding-bottom: 10px;
}
.banner-txtcont h2 {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 34px;
}
.banner-txtcont h3 {
    margin-top: 0;
    padding-bottom:5px;
    font-size: 32px;
  }
.banner-txtcont h3 span {
  font-size: 32px;
}
.banner-txtcont {
  width: 290px;
}
.banner-txtcont span {
  font-size: 14px;
}
span.one-br:before, span.one-br:after {
    width: calc(180px - 62px);
}
.banner-txtcont h2 span {
  font-size: 34px;
}
span.double-br {
  font-size: 14px;
}
span.double-br:before, span.double-br:after {
    width: calc(180px - 84px);
}

/* How it works */
.how-tc p {
    font-size: 16px;
  }
  .how-tt {
      padding-right: 15px;
  }

/* Intrested */
.smartg-one.intrest h3 {
    font-size: 25px;
  }


/* Priceing section */
  .pricing-sec {
      width: calc(100% - 20px );
      margin: 0 auto;
  }
  .pricexs-cls {
      width: 468px;
      margin: 0 auto;
  }
  .pricing-table:nth-child(2) {
    margin-right:0;
}
.pricing-img {
    height: 270px;
  }


/* home page overview section */

.hoverview-toptext h4 {
    font-size: 18px;
  }

.hoverview-topimg h4 {
    font-size: 14px;
  }
  .h-overview .container {
    width: 92%;
}
.hoverview-toptext {
    padding: 0px 20px;
}
.hoverview-topsec {
    padding-bottom: 20px;
  }
  .header-right .navbar-default .nav>li>a {
    padding: 13px 10px 5px 10px;
font-size: 12px;
  }
  .banner-bot h4 span {
      font-size: 15px;
    z-index: 0;
    }

/* home page usecase section */
.imgsec-usecsetxt h4 {
    font-size: 14px;
}
.imgsec-usecsetxt p {
    font-size: 12px;
}

/* Buynow page styles */

.container.buynwsec-cont {
    width: 468px;
    padding: 0;
}
.buynwsec-cont .buynow-tab {
   margin-right: 36px;
}
.buynwsec-cont .buynow-tab:nth-child(2), .buynwsec-cont .buynow-tab:nth-child(6), .buynwsec-cont .buynow-tab:nth-child(10) {
    margin-right:0;
}


/* Products pages */
.spod-pbanner .banner-img {
  right: 0;
}

}



@media all and (max-width: 830px) and (min-width: 768px) {

  /* Buynow page styles */





}

/* Resposnvie styles */

@media only screen and (min-device-width: 360px)
                   and (max-device-width: 767px)
                   and (orientation: landscape) {

}



@media only screen and (min-device-width: 768px)
                   and (max-device-width: 1024px)
                   and (orientation: portrait) {


   .hoverv-cents {
       min-height: 378px;
     }


}




/* Mobile responsvie  */

@media (max-width:767px) {

.page-banner {
    background-position: 38% 21%;
}
.bynwtop-sec h3 {
    margin-bottom: 0;
}
/* Header menu */
.header-left {
    position: absolute;
    z-index: 1;
}
.navbar-collapse {
    margin: 0 !important;
}
.header-right .navbar-default .nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
    padding-left: 25px;
}
.header-right .navbar-default li.active {
    border-top: 0px solid #fff;
}
.header-right .navbar-default li.active a {
    background : #fff;
    color:#ff850a;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}
.navbar-default .navbar-nav li.dropdown.active.open a {
    background:none;
    color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu li.active a {
    background:#fff;
    color:#ff850a;
}

/* Banner styles */

.banner-img {
    width: 30vw;
  }
  .banner-text {
    width: 35vw;
  position: absolute;
  bottom: 3vw;
  right: calc(50vw - 10vw);
}
.banner-txtcont h2 {
    margin-top: 0.2vw;
    letter-spacing: 0.2vw;
    font-size: 4vw;
    margin-bottom: 0.7vw;
}
.banner-txtcont h2 span {
    font-size: 4vw;
    letter-spacing: 0.8vw;
}
.banner-txtcont {
    width: 35vw;
}
.banner-txtcont h3 span {
    margin-top: 0.7vw;
    font-size: 3.8vw;
}
.banner-txtcont h3 {
    margin-top: 0.2vw;
    font-size: 3.8vw;
    padding-bottom: 0.7vw;
}
.banner-txtcont span {
    font-size: 2vw;
}
.banner-text img {
    width: 100%;
    padding-bottom: 10px;
}
span.one-br:before, span.one-br:after {
  width: calc(22vw - 9vw);
top: 1vw;
}
span.double-br:before, span.double-br:after  {
  width: calc(22vw - 12vw);
top: 1vw;
}
.banner-bot h4 span {
    padding: 5px 5px 0 0;
    font-size: 12px;
}
.banner-btn h4.buyn-btn a {
     padding: 8px 15px;
    font-size: 12px;
}
h4.buyn-btn a {
     padding: 8px 15px;
    font-size: 14px;
}
.banner-btn {
    margin-top: 10%;
}

/* How it works styles */

.how-it-works .how-it-img {
    width: 100% !important;
    max-width: calc(100% - 40px) !important;
}
.how-it-img img{
width:100%;
}
.how-tt, .how-tc {
    width: 100%;
    float: left;
    text-align: center;
}
.how-tt {
    text-align: center;
    padding-right: 0;
}
.how-tc {
    padding: 0px 0px 10px 0px;
}
.how-tc p {
    font-size: 15px;
  }
  .howvid-sec h4 {
      font-size: 16px;
    }

  .modal-dialog {
      width: 80%;
      margin: 0 auto;
    }
    .howit-img {
        height: auto;
        margin-bottom: 25px;
    }
    .howit-sec {
        padding-top: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .pagebot-btn {
        padding: 10px 0 10px 0;
      }

/* Intrested section */

.smartg-two.intrest {
    width: 85%;
    padding: 0px 0%;
    max-width: 500px;
}
.smartg-one.intrest {
    width: 85%;
    max-width: 500px;
}
.smartg-one.intrest h3 {
    font-weight: 500;
    font-size: 4vw;
  }
.smartg-two {
    border-left: 0px dotted;
}


/* OVerview section homepage */

.hover-wrapper {
    display: block;
}
.hoverv-cents {
    width: 100%;
    margin: 0px;
    border-bottom: 0px dotted #ccc;
    min-height: auto;
}
.hoverview-topsec {
  margin-bottom: 20px;
}
.hoverv-centsxs {
    max-width: 340px;
    margin: 0 auto;
    border-bottom: 2px dotted #ccc;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width:100%;
}
.hoverv-bots {
    width: 100%;
    margin: 0px;
}
.hoverv-botxs {
  max-width: 340px;
  margin: 0 auto;
  border-bottom: 2px dotted #ccc;
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  width: 100%;
}
.hoverv-centsxs li {
   text-align:left;
}
.hover-mstitle {
    padding-top: 0px;
    margin-bottom: 15px;
}

/* Adventurous section */
section.habout-sec {
    padding:2vw 0;
}
section.habout-sec .container {
    width: 100%;
    padding:0;
    text-align:center;
    margin:0 auto;
}
 .habout-pod, .habout-bean{
    float:left;
    width:29.5vw !important;
    left: 6vw;
}
.habout-bean {
    left: 0;
}


/* Features section  */
section.features h4 {
    width: 80%;
    left: 10%;
}

/* Footer */
.footer-bottom .site-links ul {
    padding-left: 10px;
}
.footer-sec .pull-left {
    width:100%;
    text-align:center;
    disply:block;
    float:none;
}
.footer-sec .pull-left ul{
    text-align:center;
    disply:block;
    float:none;
}
.footer-cp.pull-right {
       width:100%;
    text-align:center;
    display:block;
    float:none;
}
.footer-cp.pull-right span {
text-align:center;
 margin: 0 auto;
 float:none;
}

.footer-bottom .site-links ul li{
      padding: 10px 10px 0px 10px;
}

.hadout-text {
    width: 37vw;
}
.habout-txtalign {
    padding-top: 0px;
    padding-bottom: 0px;
}
.hadout-text span {
    font-size: 2.3vw;
    letter-spacing: 0.2vw;
}
.hadout-text span:after, .hadout-text span:before  {
    width: calc(15vw - 5vw);
    bottom: 1.5vw;
}
.habout-txtalign .by-nature-ab {
    position: relative;
}
.habout-txtalign h3 span:before, .habout-txtalign h3 span:after {
    display:none;
}
.hadout-text h2 {
    letter-spacing: 2px;
    font-size: 4.2vw;
}
.hadout-text h3 {
    letter-spacing: 0.27vw;
    font-size: 3.7vw;
}
.hadout-text h3 span {
    font-size: 4vw;
    letter-spacing: 0.4vw;
}
.habout-pod h4.about-htitle {
    margin-right: 11.8vw;
}
.habout-pod h4, .habout-bean h4 {
    font-size:3vw;
}
.habout-pod h4, .habout-bean h4 {
    margin-right: 8.3vw;
}
.our-skillmsw {
    width: auto;
}
.aboutsec-nblogo {
    max-width: 325px !important;
    width: 70% !important;
  }



/* Priceing section */
  .pricing-sec {
      width: calc(100% - 20px );
      margin: 0 auto;
  }
  .pricexs-cls {
      width: 468px;
      margin: 0 auto;
  }
  .pricing-table {
    width: 224px;
    float: left;
    margin-right: 20px;
    padding-bottom: 20px;
}
.pricing-table:nth-child(2) {
  margin-right:0;
}
.pricing-img {
    height: 270px;
  }





/*  Overview section responsive  */
.ovsec-dis {
    padding-left: 10%;
    text-align: left;
    padding-right: 10%;
    padding-top: 0;
    padding-bottom: 0;
    border-left: 0px solid #fff;
}
.h-ovsec {
    margin: 30px 0;
}
.h-overview {
    padding: 30px 0;
}
.ovsec-logo {
  margin-top:0;
}

/* Home page use case */

.h-usecase.usecase-middlesec  .usecase-msec:nth-child(1)  {
    padding: 0px 10px 0px 10px;
}
.h-usecase.usecase-middlesec  .usecase-msec:nth-child(2)  {
    padding: 0px 10px 0px 10px;
}
.h-usecase.usecase-middlesec  .usecase-msec:nth-child(3)  {
    padding: 0px 10px 0px 10px;
}
.h-usecaseleft {
	padding: 10px 10px 0px 10px;
}
 .h-usecaseright {
	padding: 0px 10px 0px 10px;
}
.h-usecase .imgsec-usecse {
  margin-bottom:10px;
}
.uses-img {
  padding-bottom: 0px;
}
.h-usecase .imgsec-usecsetxt {
  bottom:0;
}


/* booknow styles */

.buyn-fimgxs {
    text-align: center;
    display:block;
}
.container.buynwsec-cont {
    width: 468px;
    padding: 0;
}
.buynwsec-cont .buynow-tab {
   margin-right: 36px;
}
.buynwsec-cont .buynow-tab:nth-child(2), .buynwsec-cont .buynow-tab:nth-child(6), .buynwsec-cont .buynow-tab:nth-child(10) {
    margin-right:0;
}
.nb-bsecimg {
    min-height: auto;
    margin-bottom: 10px;
}
.contact-info {
    margin-bottom: 30px;
}
.contact-input {
    padding-left: 0;
    margin-left: -10px;
}


/* Products styles */


.safep-rsec {
    height: auto;
    padding-bottom: 10px;
}
.spod-pbanner .container, .sbean-pbanner .container {
    max-height: 240px;
}
.sbean-pbanner .banner-img {
    width: 30%;
    top: 0px;
}
.sbean-pbanner h3, .spod-pbanner h3 {
    font-size: 18px;
    top: calc(50% - 20px);
}
.sbean-pbanner h4, .spod-pbanner h4 {
    font-size: 14px;
    top: calc(50% -  -10px);
}
.sbean-pbanner .banner-img, .spod-pbanner .banner-img {
    right:0;
}

/* intrested section */
.smart-chartsec {
    padding: 25px 0;
  }
  .smart-chartsec .row {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}






}






@media (max-width: 699px) {


/* About page styles */
  .our-skillmsw .our-skill:nth-child(1), .our-skillmsw .our-skill:nth-child(4) {
      width: calc(50% - 60px);
  }
  .our-skillmsw .our-skill:nth-child(1) .os-sec, .our-skillmsw .our-skill:nth-child(4) .os-sec {
      float:right;
  }
  .our-skillmsw .our-skill:nth-child(2), .our-skillmsw .our-skill:nth-child(5) {
      width: 130px;
  }
  .our-skillmsw .our-skill:nth-child(3), .our-skillmsw .our-skill:nth-child(6) {
      width: calc(50% - 70px);
  }
  .our-skillmsw .our-skill:nth-child(3) .os-sec, .our-skillmsw .our-skill:nth-child(6) .os-sec {
      float:left;
  }
  .our-skillmsw .our-skill:nth-child(7) {
    width: calc(50% - 0px);
margin-right: 5px;
  }
  .our-skillmsw .our-skill:nth-child(8) {
    width: calc(50% - 10px);
  margin-left: 5px;
  }
    .our-skillmsw .our-skill:nth-child(7) .os-sec {
      float: right;
  }
  .our-skillmsw .our-skill:nth-child(8) .os-sec {
      float: left;
  }
  .nb-brands .col-xs-6 {
      width: 100%;
      margin-bottom: 20px;;
  }
  .nb-brands .nb-brands-sec img {
      margin-bottom: 0;
  }




}


@media (max-width: 560px) {

/* Buy now page styles */
.container.buynwsec-cont {
    width: 70%;
    padding: 0;
    text-align: center;
}
.bynwtop-sec {
  text-align: center;
}
.buynw-midsec {
    width: 214px;
    margin: 0 auto;
    float: none;
}
.buynwsec-cont .buynow-tab {
    margin-right: 0px;
}


}




@media (max-width: 520px) {

  /* Priceing section */
  .pricexs-cls {
      width: 230px;
      margin: 0 auto;
  }
  .pricing-table {
      margin-right:0;
      width:100%;
  }
  .pricing-img {
      width:100%;
    height: 275px;
  }
  .hoverv-centsxs {
    width: 100%;
  }
  .banner-txtbg {
    right:0px;
  }


  /* About page styles  */
  .our-skillmsw .our-skill {
      width: calc(50% - 10px) !important;
      margin-right:5px !important;
      margin-left:5px !important;
  }
    .our-skillmsw .our-skill:nth-child(1) .os-sec, .our-skillmsw .our-skill:nth-child(3) .os-sec,
    .our-skillmsw .our-skill:nth-child(5) .os-sec, .our-skillmsw .our-skill:nth-child(7) .os-sec  {
    float: right;
    }
   .our-skillmsw .our-skill:nth-child(2) .os-sec, .our-skillmsw .our-skill:nth-child(4) .os-sec,
    .our-skillmsw .our-skill:nth-child(6) .os-sec, .our-skillmsw .our-skill:nth-child(8) .os-sec  {
       float: left;
    }



}




@media all and (max-width: 426px) {

  section.features h4 {
    font-size: 21px;
  }


  /* About page ADVENTUROUS */

  .habout-pod, .habout-bean {
    width:100% !important;
    left:0;
    right:0;
}
.habout-pod img, .habout-bean img{
   width: 50% !important;
   display:block;
   margin: 0 auto;
   text-align: center;
    padding-left: 15px;
}
.hadout-text {
    width:100%;
        left:0;
    right:0;
}
.habout-txtalign {
   display:block;
   margin: 0 auto;
   text-align: center;
   width: 230px;
   padding-bottom: 25px;
}
.habout-pod h4, .habout-bean h4 {
    font-size: 18px !important;
}
.hadout-text span{
    font-size: 14px !important;
    letter-spacing: 2px !important;
}
.hadout-text h3{
margin-top: 5px !important;
letter-spacing: 2px !important;
font-size: 22px !important;
}
.hadout-text h3 span{
    font-size: 22px !important;
    letter-spacing: 3px !important;
}
.hadout-text h2{
    letter-spacing: 2px !important;
    font-size: 26px !important;
}
.hadout-text span:after, .hadout-text span:before {
    width: calc(100px - 50px);
    bottom: 8px;
}



}





/* For general mobile layouts */
@media only screen and (max-width: 768px) {
.additional-text {
	width:100%;
	float:left;
}
.addit-table .text, .addit-table .price  {
	font-size: 13px;
}
}


/* For general desktops layouts */

@media only screen and (min-width: 992px) {
.additional-pod , .additional-bean {
	width: 20%;
}
.additional-text {
	width:60%;
}
.intrested-page{
	max-width:600px;
}
}