/*================ home resp start =================  */
@media only screen and (max-width: 1399px) and (min-width: 1301px) {
    .navbar{
        padding: 0 30px;
    }
}
@media( max-width: 1300px){
    .navbar{
        padding: 0 30px;
    }
    header{
        padding-top: 40px;
    }
    .navbar-brand{
        max-width: 200px;
    }
    header .bdr{
        padding-top: 20px;
    }
    .hero {
        padding-top: 190px;
        padding-bottom: 150px;
    }
    .collection {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .footer-brand{
        max-width: 200px;
    }
    .video {
        padding-bottom: 100px;
    }
    footer {
        padding-bottom: 50px;
    }
    footer ul{
        margin-top: 30px;
        justify-content: space-around;
    }
}
@media (max-width: 1159px){
    .navbar-brand {
        max-width: 180px;
    }
    .text-inner h3{
        font-size: 30px;
    }
    .collection{
        padding-top: 44px;
    }
}
@media(max-width: 991px){
    .navbar-toggler-icon
    {
        display: block;
        margin-top: 9px;
        width: 28px;
        height: 1px;
        background: #FFF;
    }
    .navbar-toggler-icon:first-child
    {
        margin-top: 0;
    }
    .navbar-toggler-item > .navbar-toggler-icon
    {
        background: #281E03;
    }
    .navbar-toggler{
        background: transparent;
        border: 0;
        padding: 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .menu-brand{
        display: none;
    }
    .navbar{
        align-items: center;
        flex-direction: row-reverse;
    }
    .navbar-collapse {
        background: #353434;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        z-index: 100;
        padding: 100px 65px 0 41px !important;
        transition: all 0.2s ease-in-out;
    }
    .navbar-collapse.show{
left: 0;
transition: all 0.5s ease-in-out;
    }
    .collapse:not(.show) {
        
        display: block;
    }
    .btn-close{
        position: absolute;
        top: 50px;
        right: 50px;
        z-index: 999;
        display: none;
        filter: invert(1);
        opacity: 1;
    }
    .navbar-collapse.show .btn-close{
        display: block !important;
    }
    .navbar-brand{
        position: relative;
        z-index: 999;
        margin-inline: auto;
    }
    .nav-item{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .nav-item .nav-link:hover{
        text-decoration: none;
        color: #F6B60D;
    }
    .navbar-nav .dropdown-menu{
        background: transparent;
        box-shadow: none;
        margin-left: 5px;
    }
    .navbar-nav .dropdown-menu li{
        font-size: 15px;
        line-height: 40px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .navbar-nav .dropdown-menu li:last-child{
        margin-bottom: 0;
    }
    .navbar-nav .dropdown-menu li:first-child{
        margin-top: 20px;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
        color: #FFF;
        line-height: 1;
    }
    .dropdown-toggle{
        color: #FFF !important;
        font-weight: 600;
    }
    .dropdown-toggle::after{
        display: none;
    }
    .nav-dropdown{
        display: block !important;
    }
    .dropdown-toggle:hover{
        color: #F6B60D !important;
    }
   .mbl-filter .dropdown-menu{
        width: 100%;
    }
    .nav-resp{
        display: none;
    }
    .dropdown-item.active, .dropdown-item:hover{
        background: transparent !important;
    }
    .dropdown-lst {
        position: relative;
    }
    .dropdown-lst::before {
        position: absolute;
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        top: 50%;
        transform: translate(0, -50%);
        left: 0;
        background: #FFF;
    }
    ul:last-child .nav-item:last-child{
        margin-bottom: 0;
    }
    .text-box .main-heading {
        font-size: 32px;
        line-height: 45px;
    }
    .text-box .main-heading{
        margin-bottom: 20px;
    }
    .collection .text-box {
        margin-bottom: 30px;
    }
    .text-box .main-heading {
        margin-bottom: 15px;
    }
}
@media(max-width: 767px){
    header {
        padding-top: 26px;
    }
    .btn-close{
        top: 36px;
    }
    .text-box p{
        font-size: 16px;
    }
    .collection .col-inner .image-holder{
        margin-bottom: 42px;
    }
    .collection .col-inner .img-resp{
        margin-bottom: 0;
    }
    .navbar-brand {
        max-width: 130px;
    }
    .navbar {
        padding: 0;
    }
    .text-box .main-heading {
        font-size: 28px;
        line-height: 34px;
    }
    .text-box p {
        font-size: 14px;
        line-height: 17px;
    }
  .collection   .text-box .main-heading, .story   .text-box .main-heading{
        font-size: 25px;
        line-height: 30px;
    }
    .story .text-box p{
        margin-bottom: 25px;
    }
    .video {
        padding-bottom: 69px;
    }
    .footer-brand {
        max-width: 158px;
        margin-bottom: 16px;
    }
    footer ul{
        display: block;
        margin-top: 16px;
    }
    footer ul li{
        margin-bottom: 13px;
    }
    footer ul li:last-child{
        margin-bottom: 0;
    }
}
@media (max-width: 575px){
    header {
        padding-inline: 41px;
    }
    .btn-close {
        right: 31px;
    }
    .collection{
        padding-left: 29px;
        padding-right: 31px;
    }
    .hero{
        background-position: bottom;
    }
    .navbar {
        padding: 0 10px;
        justify-content: flex-end;
    }

    .story .text-box p{
        display: none;
    }
    .text-box .main-heading{
        margin-bottom: 20px;
    }
    footer .bdr {
        max-width: 380px;
        width: 100%;
        margin: 0 10px;
    }
    .navbar-brand{
        margin-left: 55px;
    }
    .footer-brand{
        margin-left: 0;
    }
}

/*================ home resp end =================  */
/*================ sofas resp start =================  */
@media (max-width: 1300px){
    .sofas-hero{
        padding-top: 200px;
        padding-bottom: 30px;
    }
    .sofas-filter .tittle small {
        font-size: 18px;
        line-height: 24px;
    }    
    .sofas-filter {
        padding-bottom: 87px;
    }
}
@media (max-width: 1159px){
    .sofas-hero {
        padding-bottom: 100px;
}
}
@media (max-width: 991px){
    .sofas-filter .filter-top .dropdown-toggle{
        color: #281E03 !important;
    }
    .sofas-filter .dropdown-toggle{
        font-weight: 500;
    }
    .sofas-filter   .dropdown-toggle::after{
        display: inline-block !important;
    }
    .sofas-filter .tittle small {
        font-size: 16px;
        line-height: 24px;
    }
    .mbl-header{
        display: block !important;
    }
    .desk-header{
        display: none;
    }
    .mbl-header .dropdown-toggle{
        font-size: 18px;
line-height: 26px;
text-transform: uppercase;
    }
    .mbl-header .navbar-nav .dropdown-menu{
        margin-left: 0;
    }
 .mbl-filter   .form-check{
        color: #fff;
        margin-bottom: 0;
    }
    .mbl-header .dropdown{
        margin-bottom: 34px;
    }
    .mbl-header .form-check-input{
        border: 1px solid #281E03;
    }
   .mbl-header .form-check-input:checked{
        background: #BA8A0C;
        
    }
}
@media (max-width: 767px){
    .sofas-filter .filter-top small{
        display: block;
        margin-inline: auto;
    }
    .mbl-filter .sofas-filter .dropdown-toggle::after{
        display: none !important;
    }
    .desk-filter .dropdown{
        display: none !important;
    }
    .filter{
        margin-left: 5px;
        display: inline-block !important;
    }
    .mbl-filter{
        display: block !important;
    }
    .mbl-filter .filter-top{
        display: block;
        background: #353434;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0px;
        left: 0;
        z-index: 999;
        padding-top: 36px;
        margin-top: 0;
        padding-left: 41px;
        padding-right: 24px;
    }
    .mbl-filter  .filter-top .dropdown-toggle {
        color: #ffffff !important;
    }
    .mbl-filter  .filter-top .dropdown{
        margin-bottom: 24px;
        width: 100%;
    }
    .mbl-filter .sofa-filter{
        font-size: 20px !important;
        line-height: 24px !important;
        display: none ;
        color: #fff !important;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .mbl-filter .dropdown-menu{
        background: transparent !important;
        position: static !important;
        transform: none !important;
        box-shadow: none;
        padding-left: 0;
    }
    .mbl-filter .form-check-input:checked{
        background:  #BA8A0C;
    }
    .mbl-filter .form-check-input{
        border: 1px solid #281E03;
    }
    .mbl-filter .form-check-label:hover{
        text-decoration: none;
        color: #FFF;
    }
    .mbl-filter .filter-top .dropdown-toggle{
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
    }
    .mbl-filter .filter-top .dropdown:last-child{
        margin-bottom: 0;
    }
    .mbl-filter .btn-close{
        display: block !important;
        z-index: 9999;
    }
    .mbl-filter .filter-top{
        display: none;
    }
    .sofas-filter .tittle small{
        margin-top: 3px;
    }
    .sofas-hero .text-box p {
        font-size: 14px;
        line-height: 17px;
    }
    .sofas-filter .dropdown-toggle::after{
        display: none !important;
    }
}
@media (max-width: 575px){
    .sofas-hero {
        padding-top: 150px;
    }
}
/*================ sofas resp end ================= */