@charset "utf-8";
/* CSS Document */
@media (max-width: 1170px) {
    .container-cus{width:100%;}
.inner-tab1 li a { padding: 10px;}
.left-content{padding-left:20px;}
.also-like li{width:19%;}
    
     }

@media (max-width: 1090px) { 
.menuu .container-fluid { padding: 0;} 
.menuu .navbar-nav > li > a{padding:10px 6px; font-size:13px;}
.banner-img h1{padding-top:0;}
.get-started .get-1{padding:0 0 20px;}
.get-started .get{width:100%;}
}

@media (max-width: 1024px) {
    .right-content #myTab li .nub{font-size:40px;}
    .right-content #myTab li .text{font-size:14px;}
    .billing li{font-size:13px;}
    .discount-right li{font-size:13px;}
    .right-cart{width:40%;}
     }


@media (max-width: 1023px) { 
collapse-display {display:block;}
}


@media (max-width: 990px) { 
.menuu .navbar-nav > li > a{font-size:11px;}
.header-fixed{padding:10px 0;}
.inner-tab1 li a {  padding: 10px 5px;}
.billing li{font-size:12px;}
    .discount-right li{font-size:12px;}
    .number{padding:0 20px;}
    .product1 p{padding-left:0;}
    .product1 h3{padding-bottom:20px;}
 }



 @media screen and (max-width:800px) {
   
.header-fixed .col-md-8.col-sm-8 {padding: 0;}
.menuu .navbar-nav > li > a{padding:10px 4px;}
.top-menu li a,.top-menu li a.log-in,.top-menu .btn-default{font-size:12px;}
.get-started .get-1 p{font-size:11px;}
.inner-phi{width:85%;}
.right-content #myTab li .text { font-size: 11px;}
.right-content #myTab li .nub {  font-size: 25px;}
.inner-header .menuu .navbar-nav > li > a {font-size: 10px;}
.inner-footer a{padding:0 10px;}
.product-img{width:30%;}
.product1 p{font-size:14px;}
.number{height:30px; line-height:30px; padding:0 10px;}
.gray { font-size: 14px;height: 30px; line-height: 30px;width: 30px;}
.product1 h4{font-size:16px;}
.action a{padding-right:10px;}
.banner-inner h5{font-size:40px;padding-bottom:25px; }
.banner-inner h1{font-size:30px; padding:25px 0;}
.image1 p{font-size:12px;}
}

 @media screen and (max-width:768px) {
    .inner-header .menuu .navbar-nav > li > a{font-size:10px;}
    .menuu .navbar-nav > li > a { padding: 10px 2px;}
    .menuu li { margin-left: 1px;}
    .right-content #myTab li .nub{padding-right:0px;}
    .custom-tab { padding-right: 30px;}
    .new-logo,.new-register{text-align:center;}
    .congrates h1{font-size:4em;}
    .also-like li{margin-right:4px;}
 }
  @media screen and (max-width:767px)
 {
     .banner-img{top:42%;}
     .slider{padding-top:180px;}
     .top-menu {
    padding-top: 25px;
    text-align: center;
}
.bot-header {
    text-align: center;
}
.menuu.text-right {
    padding-right: 10px;
}
.menuu .nav.navbar-nav{width:100%; padding:0;}
.header-fixed nav li{display:block; width:100%; text-align:center;}
.menuu .navbar-nav > li > a{font-size:13px;}
.footer{text-align:center;}
.footer p{text-align:center;}
.menuu li{margin:0;}
.menuu.text-right {
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.header-fixed nav li{background:#fff;}
.nav.navbar-nav{padding:10px 0 0;}
.menuu .navbar-nav > li > a{padding:3px 0; }
.menuu .navbar-nav > li > a:hover{border:0;}
.modal-dialog{width:95%;}
.top-menu {
    margin: 0 auto;
    padding-top: 25px;
    position: relative;
    width: 80%;
    z-index: 999;
}
.inner-header{position:relative;}
.inner-header .nav.navbar-nav { margin-left: 0;  margin-right: 0; margin-top:0;}
.inner-header .navbar-collapse.collapse.in {   margin-top: 7px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{border:0;}
.left-content{padding-bottom:30px;}
.right-content .nav-tabs li { width: 25%;}
.inner-tab1{width:100%; margin:0 auto;}
.container-cus{width:95%;}
.box-inner{width:95%; padding:10px;}
.check-Outs,.inner-tab1,.cart-page{padding-top:0;}
.check-text > p{padding-right:0;}
.right-check0ut { padding-top: 30px;}
.check-input input{width:100%;}
.bottom-check h4{padding:10px 0;}
.bottom-check .check-input > input{width:100%;}
.check-input{padding-bottom:10px;}
.check-input .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.check-custom{display:inline-block; vertical-align:top; }
.check-custom1{display:inline-block; vertical-align:top; width:92%; word-break:break-all; }
.tab-new { margin: 30px auto;}
.right-checkout { padding: 0;}
.discount-right .col-md-5.col-sm-5 { display: inline-block;}
.discount-right .col-md-7.col-sm-7 { display: inline-block;}
.product1 .col-md-2.col-sm-2 { display: inline-block; vertical-align: top; padding-right:30px;}
.product1 .col-md-4.col-sm-4 { display: inline-block; vertical-align: top;}
.proceed{text-align:center;}
.right-cart .col-md-4.col-sm-4 {display: inline-block;}
.right-cart .col-md-6.col-sm-6 { display: inline-block;}
.also-like li { margin-bottom: 15px; width: 31%;}
.also-like li{width:38%;}

}

 @media screen and (max-width:640px) {

.banner-img h1{font-size:30px; line-height:35px;}
.banner-img{top:42%; margin:0; width:100%; left:0; right:0;}
.journey h1{font-size:30px;}
.menuu .navbar-nav > li > a{padding:3px 0; }

.inner-tab1 .top-heading br { display: none;}
.right-content .nav-tabs li{width:100%;}
.custom-tab{padding-bottom:20px;}
.button .btn{width:100%; margin-top:5px;
 }
.inner-footer a{display:block; padding:5px;}
.top-heading h1 br {  display: none;}
.product1 .col-md-4.col-sm-4{display:block;}
.product1 .col-md-2.col-sm-2{display:block;}
.product1{text-align:center;}
.product1 p{display:block; text-align:center;}
.product1 h3 { padding: 15px 0;}
.number,.gray{display:inline-block; vertical-align:top; float:none;}
.proceed-check, .OR, .pay{display:block; text-align:center; padding:10px 0;}
.also-like{text-align:center;}
.also-like li{width:38%;}
 }
 @media screen and (max-width:639px){
     .banner-img{top:47%;}
     .menuu .navbar-nav > li > a{padding:3px 0; }
      .congrates h1{font-size:3.5em;}
}
 @media screen and (max-width:480px) {
 .banner-img > p br,.banner-img h1 br{display:none;}
.banner-img h1{font-size:20px; line-height:25px;}
.banner-img > p{padding:10px; line-height:20px; font-size:15px;}
.banner-img .btn.btn-default{padding:10px 25px;}
.journey h1,.philosophy h1{font-size:20px;}
.journey h3{font-size:16px;}
.menuu .navbar-nav > li > a{padding:3px 0; }
.congrates h1{font-size:3em;}
.check-custom1{display:inline-block; vertical-align:top; width:85%; word-break:break-all; }
.coupon { text-align: center;}
.right-cart .col-md-6.col-sm-6,.right-cart .col-md-4.col-sm-4,.right-cart{display:block; text-align:center; width:100%;}
.right-cart p{text-align:center;}
.also-like li{width:100%;}
.also-like li img{width:100%;}
.product-img{width:100%;}
.coupon .input-group{width:100%;}


  
}
 @media screen and (max-width:360px) {
     .congrates h1{font-size:2em;}
     .banner-img h1{font-size:16px; line-height:20px; }
     .banner-img > p {  font-size: 14px;  line-height: 16px;  padding:0;}
     .banner-img .btn.btn-default{font-size:15px;}
     .header-fixed li{width:100%; padding:10px 0; display:block;}
 .select-lag .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:50%; margin:0 auto;}
 .steps{background-size:75%;}
 .steps li:nth-child(4) {
    left: 0;
    margin-top: -50px;
    top: 38%;
}
.steps li:nth-child(2) {
    margin-top: -50px;
    right: 0;
    top: 38%;
}
.steps li:nth-child(3){bottom:40px;}
.menuu .navbar-nav > li > a{padding:3px 0; }
.banner-img { top: 53%;} 
.slider { padding-top: 210px;} 
.menuu.text-right{z-index:9999;} 
.log-out { margin: 0 auto;  width: 33%; padding:7px 0;}
.bottom-footer{font-size:12px;} 
 }
 @media screen and (max-width:320px) {
     .banner-img > p {
    font-size: 12px;
    line-height: 16px;
     }
     .bottom-footer .container-cus > a{font-size:12px;}
     .menuu .navbar-nav > li > a{padding:3px 0; }
     .log-out { margin: 0 auto;  width: 36%;} 
}