.mobile-view-navigation-position{
    position:sticky;
    top:0;
    width:100%;
    z-index:9999;
}
.navigation-mobile{
    display:none;
}
.sub_desc_col >div>p{
    padding:8px;
}
/*.sub_desc_col{*/
/*    padding-left:3rem !important;*/
/*}*/
.web-view{
    display:block;
}
.mobile-view{
    display:none;
}
.relative-cart-icon{
    position:relative;
}
.absolute-cart-count{
    position:absolute;
    top:-10px;
    right:-10px;
    background-color:#cf2e2e;
    padding:2px 6px;
    color:#fff;
    border-radius:50%;
    font-size:10px;
}
.absolute-cart-count-mobile{
    position:absolute;
    top:-6px;
    right:5px;
    background-color:#cf2e2e;
    padding:2px 6px;
    color:#fff;
    border-radius:50%;
    font-size:8px;
}
.relative-cart-icon .mobile-icon{
    font-size:14px;
    color:#fff;
}
.blog-detail-tags-col{
    display:flex;
}
.owl-carousel {
-ms-touch-action: none;
touch-action: pan-y;
}

/*media starts*/
@media only screen and (max-width:767px){
    .navbar .navbar-collapse.collapsing{ 
height:auto !important;
}
.navbar .lateral-left{
left:-100%; 
animation: slide-out-left 200ms forwards;
}
.navbar .lateral-left.open{ 
animation: slide-in-left 200ms forwards;
}
.navbar .lateral-right{
right:-100%;
animation: slide-out-right 200ms forwards;
}
.navbar .lateral-right.open{ 
animation: slide-in-right 200ms forwards;
}
.navbar .navbar-collapse{ 
top:0px; bottom:0px; 
position:fixed; 
width:70%; 
z-index:99;
max-width:320px; 
height:auto !important;
padding-left:16px;
padding-top:10px;
background:#000;

}
.navbar .lateral-left.open,
.navbar .lateral-right.open{
display:block !important;
overflow-y:auto;
}
.navbar-toggle{
   height:50px;
  width:50px;
 background-color:transparent !important;
 border:none !important;
}
.navbar-toggle >i{
    color:#fff !important;
    font-size:30px;
    padding-top:23px;
}
.navbar-nav >li{
    margin-bottom:12px;
}
.navbar-nav >li.sidebar-item >a{
    font-size:16px;
    color:#fff !important;
}
.sidebar-login-btn >a{
    background-color: #EE7B1C;
    color:#fff !important;
    width:150px;
}
 .sidebar-login-btn >a:hover{
    background-color: #EE7B1C;
    color:#fff !important;
    width:150px;
}
.sidebar-logo{
    padding-left:0px !important;
}
.sidebar-close-btn-position{
    position:absolute;
    top:0;
    right:1%;
}
.navbar-collapse-inner{
    position:relative;
}
    .about-para-container{
        height:auto !important;
    }
    .common-h1{
        font-size:20px;
    }
    .contact-detail-div{
        padding-left:0px;
    }
    .about-figure>img{
        height:250px !important;
    }
    .watch-nav-link{
        color:#000 !important;
    }
    .about-figure{
        padding-right:0px !important;
    }
    .about-figure-1{
        margin-top:16px;
        padding-left:0px !important;
    }
     .about-figure-1>img{
        height:250px !important;
    }
    .nav{
        justify-content:flex-start;
    }
.navigation-web{
    display:none;
}
.email-div{
    margin-right:40px;
}
.email-div>p{
    font-size:15px;
    display:flex;
    color:#fff;
    margin-bottom:0px;
    margin-top:8px;
}
.email-div>p>i{
  margin-right:4px;
}
.navigation-mobile{
    display:block;
}
.web-view{
    display:none;
}
.mobile-view{
    display:block;
}
/*.sidebar-position-fixed{*/
/*    position:fixed;*/
/*    top:0;*/
/*    left:0;*/
/*}*/
.progress{
width:300px !important;
}
.get-quote-content{
    height:auto;
}
.get-quote-btn{
    justify-content:center;
}
.landing-head .inner>h1{
    font-size:24px;
    text-align:center;
    padding-left:10px;
}
.landing-banner-section{
    height:300px;
}
.landing-head-outer{
    height:300px;
}
.footer-ul-2>li>p{
    font-size:13px;
}
.footer-head-2{
    text-align:center;
}
.footer-ul-1 .inside >li>a{
    font-size:13px;
}
.footer-ul-2>li>p>i{
    padding-right:2px;
}
.footer-head-1{
    font-size:17px;
}
.footer-head-2{
    font-size:17px;
}
.footer-section{
    background-position:right;
    background-size:cover;
}
.progress-form-container .form-outer form{
    width:300%;
}
.hire-consultant-head{
    font-size:30px;
}
.get-quote-head{
    font-size:30px;
    text-align:center;
}
.get-quote-para{
    font-size:17px;
    text-align:center;
}
h4{
    font-size:30px;
    text-align:left;
}
.calculation-form-col{
    padding-left:10px;
}
.calculation-layer{
    height:750px;
}
.calculator-col-5{
    height:auto;
}
.get-gift-head{
    font-size:24px;
    padding-left:12px;
    padding-right:12px;
}
.calculator-section{height:750px;}
.strip-col-6-inner{
    display: block;
}
.strip-col-6-outer{
    display: block;
    margin-bottom: 12px;
}
.strip-col-6-inner .inside .content>p{
    font-size: 14px;
}
.strip-col-6-inner .inside .icon>i{
    font-size: 14px;
}
.boba-interior-logo-figure{
    display: block;
    margin: 0px;
}
.navbar-toggler{
    line-height: unset;
}
.nav-link{
    padding: 8px !important;
}
.nav-item{
    padding: 0px !important;
}
.carousel-content-position{
    width: 300px;
}
.carousel-content-position .content .head{
    font-size: 24px;
}
.carousel-img{
    height: 250px;
}
.carousel-content-position .content .content-btn>a{
    width: 170px;
}
h2{
    font-size: 24px;
}
.service-card .inside >div .head{
    font-size: 14px;
    text-align:center;
    color:#202020;
}
.service-card .inside .head{
    font-size: 15px;
    font-weight:600;
}
.service-card .inside .card-body .head{
    font-size: 15px;
    font-weight:600;
}
.service-card .inside .card-body .para{
    font-size: 13px;
}
.book-card{
    margin-bottom:12px;
}
.service-content{
    height:auto !important;
}
.footer-ul-2>li>p>i{
    font-size:13px;
}
.tag-container-main-inner{
    display:block !important;
}
.tag-container-main-inner>li{
    margin-top:8px !important;
}
.tag-container-main-inner{
    margin-bottom:0px !important;
}
.form-check{
    margin-bottom:2px !important;
}
.form-outer form .page .title{
    font-size:20px !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
    width:350px!important;
}
.progress-form-container{
    padding:25px 35px 10px 35px !important;
}
form .page .field button{
    height:40px !important;
}
.mobile-navbar-top-display{
    display:flex !important;
    width:100%;
}
.mobile-navbar-top{
    display:flex;
     justify-content: space-between;
    width:100%;
}
.mobile-navbar-top .inside{
    display:flex;
    width:100%;
}
.boba-interior-logo-figure>img.top-logo{
    height:75px !important;
    width:100px !important;
    object-fit:contain;
}
.mobile-navbar-top .inside .icon{
    display:flex;
    align-items:center;
    height: 40px;
    padding-top: 26px;
}
.mobile-navbar-top .inside .icon >a>i{
    font-size:15px;
    color:#fff;
    font-weight:600;
}
.mobile-navbar-top .inside-1 .icon{
    margin-right:16px;
}
.mobile-navbar-top .inside-1 .icon >a{
    font-size:10px;
    color:#fff;
}
/*tabs*/

.product-detail-img{
    padding-right:0px !important;
}
.product-detail-img>img{
    width:100%;
    object-fit:fill;
}
.product-detail .head{
    margin-top:8px;
}
.sub_desc_col{
    padding-left:10px;
}
.product-card-outer{
    border: none !important;
    justify-content:center;
}
.product-card-outer .inner{
    border:2px solid #d0d0d0;
}
.tabs-nav{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding-left:0px;
    margin-bottom:0px !important;
}
.tabs-nav li {
  padding-right:12px;
  padding-left:6px;
}
.tabs-nav li:first-child a {
  border-right: 0;
  border-top-left-radius: 6px;
}
.tabs-nav li:last-child a {
  border-top-right-radius: 6px;
}
.tabs-nav>li>a {
  background: #fff;
  color: #202020;
   border-bottom: 1px solid white;
  display: block;
  font-weight: 600;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size:14px;
}
a:hover {
  color: #ff7b29;
}
.tab-active a {
  background: #fff;
  border-bottom: 2px solid green !important;
  color: green !important;
  cursor: default;
  padding-bottom:8px;
}
.tabs-stage {
  border-radius: 0 0 6px 6px;
  border-top: 0;
  clear: both;
  padding: 0px 30px;
  position: relative;
  top: -1px;
}
.book-div{
    padding-left:12px;
}
.tabs-box-shadow{
    box-shadow:0px 0px 4px #d0d0d0;
    border-radius:18px;
}
}


/*media ends*/


@keyframes slide-in-left{ 
0%		{ left:-100%; }
100%	{ left:0px; }
}
@keyframes slide-out-left{
0%		{ left:0px; }
100%	{ left:-100%; }
}
@keyframes slide-in-right{ 
0%		{ right:-100%; }
100%	{ right:0px; }
}
@keyframes slide-out-right{
0%		{ right:0px; }
100%	{ right:-100%; }
}


@media only screen and (max-width:767px){
    
    .user-image-container >figure >img{
        height:50px !important;
        width:50px !important;
    }
    .user-detail >p{
        font-size:13px !important;
        margin-bottom:2px !important;
    }
    .user-image-container >figure{
        margin-top:4px !important;
        margin-bottom:4px !important;
    }
    .mobile-nav{
        justify-content: center;
    }
    .mobile-order-table{
        overflow:scroll;
    }
    .product-detail-img>img{
        height:200px !important;
        border:none !important;
    }
    .sub_desc_col{
    padding-left:0.8rem !important;
}
.product-detail .head{
    font-size:20px !important;
    margin-top:16px;
}
.product-detail .price{
     font-size:18px !important;
}
.product-desc-section .col-md-10{
    padding:6px;
}
.home-watch-container{
    display:flex;
    flex-wrap : wrap;
    list-style:none;
    justify-content:space-around;
}
.home-watch-card >a .inner{
    display:flex;
}
.home-watch-card >a .inner >figure>img{
    height:50px;
    width:50px;
}
.home-watch-card >a .inner .category-name{
    height:50px;
    display:flex;
    align-items:center;
 
}
.home-watch-card >a .inner .category-name >p{
    font-size:10px;
    font-weight:600;
    color:#202020;
    margin-bottom:0px;
    padding-left:4px;
}
.home-watch-card{
    padding-right:12px;
}
.home-watch-card >a .inner .shop-category-name>p{
    font-size:13px;
    font-weight:600;
    color:#202020;
    margin-bottom:0px;
    padding-left:4px;
 
}
.shop-watch-card >a .inner >figure>img{
    height:60px;
    width:40px;
}
.shop-watch-card >a .inner .shop-category-name>p{
    font-size:10px;
    /*font-weight:600;*/
    color:#202020;
    margin-bottom:0px;
    padding-left:4px;
    padding-top:2px;
 
}
.shop-watch-card >a .inner{
    display:flex;
    box-shadow: 0px 0px 2px #c0c0c0;
    margin-bottom:8px;
}
.shop-watch-card >a .inner>figure{
    margin-bottom:0px;
}
.shop-watch-card{
    padding-right:12px;
    padding-left:0px !important;
}
.owl-carousel-shop{
    padding-left:0px !important;
}
}
@media only screen and (max-width:347px){
    .home-watch-card >a .inner .category-name{
        width:80px;
    }
    
}
    @media only screen and (min-width:348px) and (max-width:400px){
    .home-watch-card >a .inner .category-name{
        width:100px;
    }
    }
       @media only screen and (min-width:401px) and (max-width:767px){
    .home-watch-card >a .inner .category-name{
        width:100px;
    }
}

@media only screen and (max-width:767px){
    .mobile-top-bar-section .first-container{
        background-image:url('/public/assets/img/mobile-top-banner.jpg');
        /*background-position: center;*/
        background-size: cover;
        position:relative;
    }
     .mobile-icons-position{
         position:absolute;
         top:8%;
         right:2%;
     }
        
     .mobile-icons-position .inside{
         display:flex;
         
     }
     .mobile-icons-position .inside .icon{
         padding-right:16px;
     }
        .mobile-icons-position .inside .icon>a{
          color:#fff;
          font-size:14px;
     }
     .mobile-top-email-div{
           position:absolute;
         top:20%;
         right:2%;
     }
     .mobile-top-email-div >p{
         font-size:14px;
         color:#fff;
     }
       .mobile-top-email-div >p>i{
        padding-right:3px;
     }
     .mobile-icons-for-different-pages{
         position:absolute;
         top:50%;
         right:2%;
         transform: translate(-0%,-50%)
     }
     .mobile-icons-for-different-pages .inside{
         display:flex;
         
     }
     .mobile-icons-for-different-pages .inside .icon{
         padding-right:16px;
     }
        .mobile-icons-for-different-pages .inside .icon>a{
          color:#fff;
          font-size:14px;
     }
     .navbar{
         background-color:transparent !important;
     }
     .mobile-home-tab-outer{
        background-color:rgba(1,1,1,0.8);
        padding:12px;
          border-bottom-left-radius:48px;
          border-bottom-right-radius:48px;
     }
     .mobile-top-bar-section .first-container{
         border-bottom-left-radius:48px;
          border-bottom-right-radius:48px;
     }
     .top-search-bar{
         border-radius:24px;
     }
     .mobile-home-tab-button{
         background-color: rgba(255,255,255,0.4) !important;
         color: #fff !important;
         font-weight:600;
         font-size:13px;
     }
      .mobile-home-tab-button.active{
         background-color: green !important;
          color: #fff !important;
           font-weight:600;
     }
     .radius-btn-1{
         border-top-left-radius:24px !important;
         border-bottom-left-radius:24px !important;
         border-top-right-radius:0px !important;
         border-bottom-right-radius:0px !important;
     }
       .radius-btn-2{
         border-top-right-radius:0px !important;
         border-bottom-right-radius:0px !important;
          border-top-left-radius:0px !important;
         border-bottom-left-radius:0px !important;
     }
     .radius-btn-3{
         border-top-right-radius:0px !important;
         border-bottom-right-radius:0px !important;
          border-top-left-radius:0px !important;
         border-bottom-left-radius:0px !important;
     }
     .radius-btn-4{
         border-top-right-radius:24px !important;
         border-bottom-right-radius:24px !important;
          border-top-left-radius:0px !important;
         border-bottom-left-radius:0px !important;
     }
     /*.owl-carousel-shop-menu .owl-item{*/
     /*    padding-right:24px;*/
     /*}*/
     
/*     .owl-carousel-shop-menu .owl-item:nth-child(1) {*/
/*  width: 120px !important; */
/*}*/
/*     .owl-carousel-shop-menu .owl-item:nth-child(2) {*/
/*  width: 120px !important; */
/*}*/
/*     .owl-carousel-shop-menu .owl-item:nth-child(3) {*/
/*  width: 100px !important; */
/*}*/
/*  .owl-carousel-shop-menu .owl-item:nth-child(4) {*/
/*  width: 140px !important; */
/*}*/
/*  .owl-carousel-shop-menu .owl-item:nth-child(5) {*/
/*  width: 100px !important; */
/*}*/
/*  .owl-carousel-shop-menu .owl-item:nth-child(6) {*/
/*  width: 100px !important; */
/*}*/
.shop-tab-item >a{
    color:#000;
    font-size:12px;
}
.shop-tab-item{
    margin-right:10px;
}
.mobile-shop-tabs{
    display:flex;
    border-bottom: 1px solid #f6f0f0;
    padding: 8px;
}
.owl-carousel-shop .owl-pagination{
    display:block !important;
}
.mobile-navbar-background{
    background-color:#000 !important;
}
.owl-theme .owl-controls .owl-page.active span{
    background-color:red !important;
}
.owl-theme .owl-controls .owl-page span{
    width:6px;
    height:6px;
    background-color:#c0c0c0;
}
.mr-zee-image-container{
    display:flex;
    justify-content:space-between;
}
.mr-zee-image-container > figure >img{
    height:50px;
    width:100px;
    object-fit:cover;
}
.browse-product-head{
    font-size:14px;
    font-weight:600;
    color:#202020;
    margin-bottom:6px !important;
    padding-top:12px;
    padding-left:12px;
}
.latest-episode-section{
    margin-top:20px;
    padding-bottom:20px;
}

.latest-episode-section-col{
   
}
.latest-episodes-display{
    display:flex;
    justify-content:space-between;
}
.latest-episode-section-col-inside{
    box-shadow:0px 0px 4px #d0d0d0;
    padding-top:12px;
    padding-left:12px;
    padding-right:12px;
    border-radius:18px;
}
.view-all-btn{
     margin-bottom:0px !important;
}
.view-all-btn>a{
    color:#202020;
    font-size:12px;
    
}
.latest-head>p{
    font-size:14px;
    color:#202020;
    margin-bottom:0px !important;
    font-weight:600;
}
.latest-episodes-card >a .inner>figure>img{
    height:100px;
    width:100%;
}
.latest-episodes-card >a .inner .body >p{
    font-size:10px;
    color:#202020;
    margin-bottom:0px !important;
}
.latest-episodes-card .inner>figure{
    margin-bottom:6px !important;
}
.mobile-service-card{
    padding:6px;
}
.mobile-service-card .inside{
    display:flex;
}
.mobile-service-card .inside>figure>img{
    height:50px;
    width:50px;
}
.mobile-service-card .inside .body >p{
   font-size:12px;
   color:#202020;
   padding-left:6px;
}
.mobile-service-card .inside .icon>i{
    color:red;
    
}
.latest-card-footer{
    margin-top : 6px;
}
.latest-card-footer .price{
    color:#202020;
    font-size:10px;
    margin-bottom:6px;
}
.latest-card-footer .add-to-cart>a{
    background-color:#cf2e2e;
    color:#fff;
    font-size:10px;
}
.side-bar-col{
    padding-left:10px !important;
}
.modal-dialog{
    margin-left:100px;
}
.addtocart-modal-dialog{
    max-width:250px;
}
.addtocart-modal-content .modal-header{
    padding:0px;
    padding-right:8px;
}
.modal{
    z-index:9999;
}
.cart-image{
    height:50px;
    width:50px;
}
.cart-container{
    overflow-x:hidden;
}
.table-condensed >thead >tr>th{
    font-size:13px !important;
}
.table-condensed >tbody >tr>td{
    font-size:12px !important;
}
.cart-product-name{
    font-size:13px !important;
}
.cart-container .row{
    overflow-x:scroll;
}
.quantity{
    width:45px !important;
}
.total-head{
    font-size:14px !important;
}
.continue-shopping-btn{
    font-size:13px !important;
}
.shopping-checkout-btn{
    font-size:13px !important;
}
.checkout-success-section{
    overflow-x:hidden;
}
.checkout-success-section .container-fluid{
    overflow-x:scroll;
}
.checkout-card-col{
    padding-left:10px !important;
}
 .book-card .name{
        color:#202020;
        font-size:12px;
        text-align:center;
        background-color:yellow;
        margin-bottom:0px;
        padding:8px;
        font-weight:600;
    }
     .book-card .price{
        color:#202020;
        font-size:16px;
        text-align:center;
        margin-bottom:0px;
        padding:8px;
        font-weight:600;
    }
    .book-btn >button{
         background-color:yellow;
         margin-bottom:12px;
    }
    .book-card{
        box-shadow:0px 0px 6px #d0d0d0;
    }
       .service-package-img{
        height:70px;
        width:100%;
    }
    .service-card .inside >figure{
        margin-bottom:0px !important;
    }
    .service-card .inside >figure >img{
        height:100px;
        width:100px;
    }
    .service-card{
        padding-left:2px !important;
        padding-right:2px !important;
    }
   .visa-service-card .inside >figure>img{
        height:100px;
        width:100%;
    }
        .visa-service-card .inside .card-body .head{
            font-size:14px;
            font-weight:600;
            text-align:center;
            color:#202020;
        }
      .visa-service-card .inside .card-body .para{
            color:#202020;
        }
        .visa-service-card .inside >div .head{
            font-size:14px;
            font-weight:600;
            text-align:center;
            color:#202020;
        }
      .visa-service-card .inside >div .para{
            color:#202020;
        }
    
    .blog-card-img{
        height:100px !important;
    }
}