.nav-tabs {display:none;}

@media(min-width:768px) {
  .dropdown:hover>.dropdown-menu {display: block;}
    .nav-tabs {display: flex;}    
    .card {border: none;}
    .card .card-header {display:none;}  
    .card .collapse{display:block;}
    .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-expand-lg .navbar-collapse {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
}

@media(max-width:1024px){
  .home-slider .slide {height: 340px;}
  .home-slider .slide__content--headings .top-title{font-size: 20px;line-height:25px}
  .home-slider .slide__content--headings .title{line-height: 34px;font-size: 26px;}
  .catagory-img img{height: 160px;}
  .catagory-text h6{font-size: 15px;}
}
@media(max-width:992px){
  header .navbar-brand img {width: 220px;}
  header .navbar-collapse .nav-item {margin: 0 12px;}
  header .navbar-nav .dropdown-menu{position: absolute;}
  .username{max-width: 134px;}

  .list-detail .title{font-size: 20px;}
  .list-detail p,.list-detail ul.content-list,.list-detail .content,.list-detail .collapse-box button{font-size: 12px;line-height: 22px;}
  .list-detail .btn, .custom-btn{min-width: 100px;}
  .list-detail .content{height: 40px;}

  .common-box h2{font-size: 20px;}
  .form-group{margin-bottom: 10px;}
  .common-box{padding: 20px 30px;}
}

@media(max-width:767px){
  .tab-content > .tab-pane {display: block !important;opacity: 1;}

  header{z-index: 1024;}
  body{padding-top: 48px;}
  header .dropdown-toggle {justify-content: center;}
  header .navbar-toggler{margin-right: 68px; z-index: 9; padding: 0; height: auto; outline: none; background-color: transparent;}
	header .navbar-toggler:focus{ background-color: transparent; outline: none; }
	header .navbar-toggler .icon-bar { width: 26px; transition: all 0.2s; margin: 4px 0; height: 2px; background: #fff; display: flex;transition: all 0.4s linear;border-radius: 10px;}
	header .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 20% 10%;}
	header .navbar-toggler .middle-bar { opacity: 0; }
  header .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 15% 65%;}
	header .navbar-toggler.collapsed .top-bar { transform: rotate(0);}
	header .navbar-toggler.collapsed .middle-bar {opacity: 1; width: 20px; margin: 0 auto; margin-right: 0;}
  header .navbar-toggler.collapsed .bottom-bar { transform: rotate(0);}
  header .navbar-brand{width: 150px;}
  header .navbar{padding: 10px 0;}
  header .navbar-collapse{ display: block !important; position: fixed; visibility: hidden;justify-content: flex-start; opacity: 0; top: 48px; right: -100%; background-color: #000000; height: calc(100% - 48px); width: 100%; z-index: 99; padding: 0 20px; transition: all 0.3s ease-in-out; text-align: center; align-items: center; justify-content: center; flex-direction: column; }
  body.menu-overlay .navbar-collapse{ right: 0; opacity: 1; visibility: visible;overflow-y: auto;}
  body.menu-overlay{ overflow: hidden; }
  header .navbar-collapse .navbar-nav{margin: 0; padding: 40px 0; width: 100%;}
  header.menu-open .dropdown a.dropdown-toggle:before{display: none;}
  header .dropdown-menu .dropdown-inner{padding: 20px 10px 0;}
  header .navbar-collapse .nav-item{margin: 0 0 20px;} 
  header .navbar-brand img {width: 180px;}
  header .search-box {z-index: 99;height: 48px;}
  .home-slider .slide__content--headings .top-title{font-size: 14px;line-height: 18px;}
  .home-slider .slide__content--headings .title{font-size: 20px;line-height: 23px;}
  .home-slider .slide{height: 200px;} 
  header .navbar-nav .dropdown-menu{margin: 0 auto;left: 0;right: 0 !important;max-width: 130px;}
  .slick-nav,.slick-nav svg{width: 30px;height: 30px;}
  .home-slider .slick-nav i{margin: -8px 0 0 -8px;width: 16px;height: 16px;}
  .carousel-title {margin-bottom: 15px;}
  .title{font-size: 16px;}
  footer .footer-bottom{flex-flow: wrap;}
  footer .footer-bottom h6{margin: 0 10px 5px 0;text-align: center;}
  .home-carousel {padding: 15px 15px 0;}
  .carousel-tab .card-header a{color: #fff;font-size: 14px;}
  .carousel-tab .card-header {padding: 0;margin-bottom: 5px; }
  .tab-content .card-header a.collapsed{background: transparent;padding: 5px;} 
  .tab-content .card-header a{background: #efb12e;color: #fff !important;border-top-left-radius: 4px;border-top-right-radius: 4px;padding: 5px;} 
  .common-layout{height: calc(100vh - 163px);}
  .common-box{border-top-left-radius: 50px;border-bottom-right-radius:50px}
}

@media(max-width:567px){
  header .search-box .input.active {width: 260px;}
  .home-slider .slide__content--headings .top-title{font-size: 12px;}
  .home-slider .slide__content--headings .title{font-size: 16px;}
  .catagory-img img {height: 140px;}
  body{padding-bottom: 85px;}

  .detail-img{margin-bottom: 15px;}
  .detail-title{flex-flow: column-reverse;}
  .list-detail{padding-top: 15px;}
}