.navigation-mobile{
        display:none;
    }
    .web-view{
        display:block;
    }
    .mobile-view{
        display:none;
    }
    .relative-cart-icon{
        position:relative;
    }
    .absolute-cart-count{
        position:absolute;
        top:-10px;
        right:-10px;
        background-color:#EE7B1C;
        padding:2px 6px;
        color:#fff;
        border-radius:50%;
        font-size:10px;
    }
    .blog-detail-tags-col{
        display:flex;
    }
@media only screen and (max-width:767px){
    .navigation-web{
        display:none;
    }
    .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;
        padding-left: 20px;
        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 .card-body .head{
        font-size: 15px;
    }
    
    .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;
         justify-content: space-between;
        width:100%;
    }
    .boba-interior-logo-figure>img.top-logo{
        height:45px !important;
        width:110px !important;
    }
    .mobile-navbar-top .inside .icon{
        display:flex;
        align-items:center;
        height: 40px;
        padding-top: 26px;
    }
    .mobile-navbar-top .inside .icon >a>i{
        font-size:20px;
        color:#202020;
        font-weight:600;
    }
    .mobile-navbar-top .inside-1{
        padding-right: 25px;
    }
}

@media(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;
    background:#f8f8f8;
    padding-left:30px;
     padding-top:10px;
  }
  .navbar .lateral-left.open,
  .navbar .lateral-right.open{
    display:block !important;
    overflow-y:auto;
  }
  .navbar-toggle{
       height:50px;
      width:50px;
     background-color:#fff !important;
     border:none !important;
  }

    .navbar-toggle >i{
        color:#202020 !important;
        font-size:20px;
        padding-top:16px;
    }
    .navbar-nav >li{
        margin-bottom:12px;
    }
    .navbar-nav >li.sidebar-item >a{
        font-size:20px;
        color:#202020 !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;
    }
}

@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%; }
}