@media screen and (min-width: 1200px) {
    h1{font-size: 50px; line-height: 60px;}
    h2 {font-size: 32px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 38px;}
    h4 {font-size: 20px; line-height: 30px;}
    h5 {font-size: 18px; line-height: 24px;}
    h6 {font-size: 17px; line-height: 22px;}

    .container-extra {
        max-width: calc(100% - 40px) !important;
    }
    .container-lg-extra {
        max-width: calc(100% - 300px) !important;
    }
}

@media (min-width:991px) and (max-width:1200px) {

}

@media screen and (min-width: 768px) {
    .container-extra, .container-lg-extra {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    .container-extra, .container-lg-extra {
        max-width: 960px;
    }

    .navbar-nav .dropdown-menu {min-width: 12em !important; max-width: 20em !important;}
    .navbar-nav .dropdown > .dropdown-menu {
        opacity: 0; 
        position: absolute; 
        display: block; 
        pointer-events: none; 
        background: #ffffff;
    }
    .navbar-nav .dropdown[data-toggle=hover]:hover > .dropdown-menu {
        display: block; 
        opacity: 1;
        pointer-events: auto; 
        visibility: visible; 
        top: 100%; 
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s; 
        -ms-transition: all 0.5s ease-in-out 0s; 
        -o-transition: all 0.5s ease-in-out 0s; 
        transition: all 0.5s ease-in-out 0s;
    }
    .navbar-nav .dropdown-submenu[data-toggle=hover]:hover .dropdown-menu {top: 0;}
    .ml-auto.mr-auto .dropdown-menu{left: 0; right: auto;}
    .ml-auto .dropdown-menu{right: 0; left: auto;}
    .ml-auto .dropdown-menu .dropdown-submenu .dropdown-menu{right: 100%; left: auto;}
    .ml-auto.mr-auto .dropdown-menu .dropdown-submenu .dropdown-menu{right: auto; left: 100%;}
    .navbar-nav .nav-item {
        margin: 0px;
    }
    .search-bar {
        width: 15%;
    }
    .icon-bar_item svg {
        height: 20px;
    }
    .dropbtn span {
        width: 15px;
        height: 15px;
        font-size: 9px;
        top: 0px;
        right: -5px;
    }
}

@media (min-width: 991px) {
    .newest-blog-box .item-content h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}

@media (max-width: 1200px){
    h1{font-size: 40px; line-height: 50px;}
    h2{font-size: 30px; line-height: 40px;}
    h3 {font-size: 24px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 26px;}
    h5 {font-size: 18px; line-height: 28px;}
    h6 {font-size: 16px; line-height: 26px;}

    /* Navigation */
    #header-wrap{padding: 15px 0;}
    .navbar {
        justify-content: flex-end;
        width: 100%;
        border-radius: 0 !important; 
        padding-top: 20px;}
    .navbar-brand {
        left: 0; 
        margin-right: 0; 
        position: absolute; 
        top: 50%; 
        padding: 0; 
        transform: translateY(-50%); 
        -webkit-transform: translateY(-50%); 
        -o-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
        -moz-transform: translateY(-50%);
    }
    .navbar-nav{padding:10px}
    .navbar-nav li ul{position: static;}
    .navbar-nav li ul::before{display: none;}
    .navbar-nav .nav-item{margin: 0;}
    .navbar-nav .nav-link{
        padding: 10px 20px !important; 
        font-size: 15px; 
        color: #ffffff; 
        border-radius: 0;
    }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link:focus,
    #header-wrap.fixed-header .navbar-nav .nav-link:hover,
    #header-wrap.fixed-header .navbar-nav .nav-link.active {
        background: #ffc30d; 
        color: #ffffff !important;
    }
    .navbar-nav .nav-link::before, .nav-item.dropdown .dropdown-menu::after{display: none;}
    .navbar-toggler {
        background: white;
        border:2px solid #ffc30d; 
        border-radius: 5px; 
        height: 40px; 
        width: 40px; 
        padding: 0; 
        margin-right: 15px; 
        -webkit-box-shadow: 0px 0px 10px 0px rgba(28, 30, 35, 0.15); 
        -moz-box-shadow: 0px 0px 10px 0px rgba(28, 30, 35, 0.15); 
        box-shadow: 0px 0px 10px 0px rgba(28, 30, 35, 0.15);
    }
    .navbar-toggler span {width: 80%; height: 2px; margin: 5px auto; display: block; background: #ffc30d;}
    .navbar-toggler span {position: relative;transition: all 200ms ease-in-out;}
    .navbar-toggler:not(.collapsed) span:nth-of-type(1) {top: 6px;transform: rotate(45deg);}
    .navbar-toggler:not(.collapsed) span:nth-of-type(2) {background-color: transparent;}
    .navbar-toggler:not(.collapsed) span:nth-of-type(3) {top: -6px;transform: rotate(-45deg);} 

    .navbar-nav .dropdown-toggle::after{
        position: absolute; 
        border:none; top: 50%; 
        right: 0; 
        margin: -0.5em 0.5em 0 0; 
        border-radius: .25rem; 
        padding: 0; 
        width: 2em; 
        height: 1.4em; 
        font-size: 1.25rem; 
        line-height: 1.2em; 
        text-align: center;
    }
    /* .navbar-nav .dropdown-toggle::after {content: '+';}
    .navbar-nav .dropdown.show > .dropdown-toggle::after {content: '-';}
    .navbar-nav .dropdown-submenu .dropdown-toggle::after{line-height: 1.4em; border:none;}
    .navbar-collapse {
        background:#154265; 
        max-height: 400px; 
        overflow: auto; 
        border: medium none; 
        left: 0; 
        position: absolute; 
        z-index: 99; 
        top: 60px; 
        width: 95%;
    } */
    .search-bar , .icon-bar, .navbar-brand.logo, .top-header, .navbar-collapse {
        display: none;
    }
    .menu-mobile {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    .category-home .item h4 {
        font-size: 16px;
    }
    .nav-toggle, .search-bar-mobile {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .navbar-nav .dropdown-submenu .dropdown-menu {
        padding: 0; 
        -webkit-box-shadow: none; 
        box-shadow: none; 
        top: 0;
    }
}


@media (max-width: 768px) {
    h2{font-size: 28px;}
    h3 {font-size: 22px; line-height: 30px;}

    .mobile-show{display:block}
    .window-show{display:none}

    .help .help-box{
        width: 50%;
    }

    .order-config-1 {
        order: 2 !important;
    }
    .order-config-2 {
        order: 1 !important;
    }

    /* Table */
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    table tr {
        border-bottom: 1px solid #ddd;
        display: block;
        margin-bottom: 20px;
    }
    table tr:nth-child(odd) {
        background-color:#e9ecef;
    }
    
    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    
    table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    table td:last-child {
        border-bottom: none;
    }
    .table-cart thead th {
        font-size: 16px;
    }
    .table-cart tbody td {
        font-size: 14px;
    }
    .table-cart {
        border: none;
    }
    .page-content-2 {
        padding-top: 65px;
    }
    .navbar {
        padding-top: 0px;
    }
   
    .best-seller .owl-carousel .next-slide, 
    .product-category .owl-carousel .next-slide {
        right: -5px;
    }
    .best-seller .owl-carousel .prev-slide, 
    .product-category .owl-carousel .prev-slide {
        left: -5px;
    }
    .category-home .owl-carousel .prev-slide {
        left: -8%;
    }
    .category-home .owl-carousel .next-slide {
        right: -8%;
    }
    .category-home .owl-carousel .nav-btn {
        top: 22%;
    }
    .category-home .item h4 {
        font-size: 12px;
    }
    .best-seller .owl-nav, .product-category .owl-nav{
        display: none !important;
    }
    .feature-product-box {
        display: block;
        padding: 10px;
        margin-bottom: 15px;
    }
    .feature-product-box_title, .feature-product-box_image {
        width: 100%;
        text-align: center;
    }
    .feature-product-box_image img {
        width: 65%;
    }
    .mail-form input {
        height: 50px;
        margin-bottom: 20px;
        width: 85%;
        margin-right: 0px;
    }
    .mail-form button {
        width: 15%;
        /* padding: 10px 60px; */
    }
    .help .help-box:nth-child(1), .help .help-box:nth-child(2) {
        border-bottom: 1px solid #D4D7DD;
    }
    .help-box {
        padding: 20px;
    }
    .help-box_content h4 {
        font-size: 14px;
    }
    .workspace-grid {
        display: none;
    }
    .workspace-slider {
        display: block;
    }
    .best-seller .item {
        margin-bottom: 25px;
    }
    .banner {
        height: 200px;
    }
    .product-banner h2 {
        color: #fff;
        line-height: 200px;
        font-size: 35px;
        text-align: center;
    }
    .sort-action-result, .sort-action-select {
        width: 49%;
        margin: auto;
    }
    .sort-action-select .select-box, .filter-category-mobile .select-box {
        width: 100%;
    }
    .brand-product-box_image {
        height: 180px;
    }
    .brand-detail-over {
        margin-top: 0;
    }
    .brand-detail-over h4 {
        font-size: 20px;
        line-height: 25px;
    }
    .brand-product-box_content h4 {
        font-size: 16px;
    }
    .brand-product-box_content {
        padding: 10px;
    }
    .pagination, .pagination > li {
        margin-right: 0px;
    }
    .product-title h3{
        margin: auto auto auto 0;
        font-size: 30px;
        line-height: 35px;
    }
    .home-blog .item-content, .product-category .item-content {
        padding: 10px;
        min-height: 150px;
    }
    .item__col .item {
        margin-bottom: 15px;
    }
    .best-seller .item-content h4, .product-category .item-content h4 {
        font-size: 15px;
    }
    .detail-product-image .gallery-thumbs, .swiper-gallery-thumbs {
        display: none;
    }
    .detail-product-image {
        height: 100%;
    }
    .detail-product-image .gallery-top {
        width: 100%;
        margin: 0px;
    }
    .detail-product {
        padding-top: 0px;
    }
    .detail-product .col-12.col-md-12.col-lg-7 {
        background-color: #fff;
    }
    .detail-product-content_type .select-box, 
    .detail-product-content_about .detail-product-content_about-box {
        width: 100%;
    }
    .detail-product-content_wishlish svg {
        margin-right: 10px;
    }
    .detail-product-content_info-box span:first-child {
        width: 40%;
    }
    .detail-product-content_about {
        display: block;
    }
    .form-payment-note {
        margin-bottom: 20px;
    }
    .form-payment, .list-product {
        margin: 0;
    }
    .list-product-discount a {
        display: none;
    }
    .list-product-discount input {
        width: 100%;
        height: 50px;
    }
    .list-product {
        background-color: transparent;
    }
    .list-product-price .list-product-price-box:last-child {
        border-top: 1px solid #D4D7DD;
        padding-top: 10px;
    }
    .brand-product .col-6.col-md-6.col-lg-3 {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .brand-product-box {
        margin-bottom: 15px;
    }
    .page-error img {
        width: 100%;
        margin: 50px 0;
    }
    .brand-detail-2_content {
        margin-bottom: 30px;
    }
    .banner-box h2 {
        font-size: 30px;
    }
    .banner-box {
        margin-top: 13.5%;
    }
    .read-more {
        padding: 10px 25px;
    }
    .brand-detail-over {
        padding: 30px 15px;
    }
    .feature-brand-box {
        overflow: hidden;
    }
    .feature-brand-box img {
        height: 70px;
        width: auto;
    }
    .about-luxury-casa h2, .contact-us h2, .same-product h2, .viewed-product h2, .feature-brand h2 {
        line-height: 35px;
        font-size: 30px;
    }
    .feature-brand h2, .feature-product h2 {
        margin-bottom: 15px;
    }
    .about-luxury-casa_content{
        margin-top: 20px;
    }
    .why-luxury-casa_content {
        margin-bottom: 20px;
    }
    .contact-us iframe {
        height: 250px;
    }
    .feature-blog-box {
        display: none;
    }
    .feature-blog-box-2 {
        display: flex;
    }
    .newest-blog .nav-pills .nav-item {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .newest-blog .nav-pills .nav-link {
        padding: 5px 20px;
    }
    .blog-detail-font-size, .blog-detail-suggest-window, .filter-category, .sort-action-result-filter {
        display: none;
    }
    .blog-detail-share, .blog-detail-share {
        flex-wrap: wrap;
    }
    .blog-detail-share {
        border-bottom: none;
    }
    .blog-detail-suggest-mobile, .filter-category-mobile {
        display: block;
    }
    .config-modal .modal-body, .config-modal .modal-header {
        padding: 20px 30px;
    }
    .modal-action a:not(.forget-pass) {
        border-radius: 0px;
    }
    .modal-action a:not(.forget-pass) {
        font-size: 14px;
    }
    .gallery-top .swiper-pagination {
        display: block;
    }
    .item-content {
        padding: 5px;
        min-height: 150px;
    }
    .wishlist-icon {
        width: 15px;
    }
    .tr-hidden, .table-cart {
        display: none;
    }
    .cart-mobile, .cart-mobile-count {
        display: block;
    }
    .wishlist .wishlist-box {
        width: 100%;
    }
    .wishlist .wishlist-box {
        border-bottom: 1px solid #D4D7DD;
    }
	.sort-action-result.sort-action-result-full {
		display: block;
    }
    .brand-product-title h2, .newest-blog h2, .best-seller-title h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .home-mail h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 25px;
    }
    .readed-blog-box_content-name {
        padding: 0;
    }
    .readed-blog-box_content-name h3, .feature-blog-box_content-content-info-title h3 {
        font-size: 16px;
    }
    .readed-blog-box_image {
        height: 130px;
    }
    .blog-detail-content h3 {
        font-size: 24px;
    }
    .blog-detail-quote {
        margin: 0 -30px;
    }
    .blog-detail-share span {
        margin-bottom: 20px;
    }
    .newest-blog-box .item-image {
        height: 200px;
    }
    .newest-blog-box .item-image img {
        height: 100%;
    }
    .blog-detail-suggest h2, .page-error h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .prev-transfer, .next-transfer {
        padding: 10px;
    }
    .prev-transfer span, .next-transfer span, .prev-transfer i, .next-transfer i {
        font-size: 12px;
    }
    .page-error img {
        height: auto;
    }
    .page-error a {
        padding: 15px 50px;
        width: 100%;
        display: block;
    }
    .search-result h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .search-result p {
        font-size: 16px;
    }
    .mb-4-mobile {
        margin-bottom: 1rem;
    }
    .list-product {
        padding: 0;
    }
    .list-product button {
        width: 100%;
    }
    .cart-mobile-content p {
        font-style: italic;
    }
    .modal-content {
        height: 100vh;
    }
    .modal-body {
        display: grid;
    }
    .back-action {
        margin-top: auto;
    }
    .brand-detail_image, .brand-detail_content, .brand-detail-2_content, .brand-detail-2_video {
        padding: 0 0;
    }

    .blog-detail-footer h3 {
        font-size: 20px;
        line-height: 22px;
    }
    .blog-detail-next-top::before, .blog-detail-font-size::before {
        width: 150px;
    }
    .wishlist .wishlist-box:nth-child(odd) {
        margin-right: 0px;
    }
    .cart-mobile-content, .wishlist-content {
        width: 55%;
        padding: 0 10px;
    }
    .cart-mobile-action, .wishlist-action {
        width: 5%;
    }
    .category-home, .home-blog {
        padding: 0px;
    }
    .slick-prev, .slick-next {
        top: calc(50% - 20px);
    }
    .slick-prev {
        left: 10px;
        z-index: 10;
    }
    .slick-next {
        right: 10px;
    }
    .prev-btn, .next-btn {
        /* display: none; */
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-content h3 {
        font-size: 16px;
        margin-top: 0;
    }
    .newest-blog-box .item-content {
        min-height: auto;
    }
    .newest-blog-box .item-content h3 {
        font-size: 16px;
        line-height: 22px;
        min-height: auto;
    }
    .newest-blog-box .item-content, .newest-blog-box__mobile .item-time {
        padding: 15px;
    }
    .newest-blog-box .item-time p {
        font-size: 12px;
    }
    .feature-product h2, .feature-brand-list h2, .feature-blog h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .contact-us-info {
        padding: 0px;
    }
    .dropdown-feature__content .item, .content-toggle__list .item-list {
        height: 250px;
    }

    .newest-blog-box:not(.newest-blog-box__mobile) {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-image {
        width: 100%;
        padding: 10px;
        overflow: hidden;
        height: auto;
    }
    .readed-blog-box_image {
        padding: 10px;
    }
    .readed-blog-box_image a {
        display: contents;
    }
    .newest-blog-box .item-image a {
        display: contents;
    }
    .home-blog .item-image {
        height: 200px;
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-image img {
        width: 100%;
        height: 100%;
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-content {
        width: 100%;
        padding: 0 10px 10px 10px;
        text-align: left;
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-time p {
        padding: 0;
        font-size: 12px;
    }
    .newest-blog-box:not(.newest-blog-box__mobile) .item-time::before {
        content: none;
    }
    section {
        padding: 30px 0 20px 0;
    }
    .item-content span, .brand-product-box_content span {
        font-size: 14px;
    }
    .item-content h6 {
        font-size: 16px;
    }
    .feature-product-box_title h4 {
        margin-top: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .product-title span {
        padding: 8px 25px;
    }
    .item:hover .wishlist-icon, .newest-blog-box:hover .wishlist-icon, 
    .brand-product-box:hover .wishlist-icon {
        top: 0%;
    }
    .md-number-input.number-input input[type=number] {
        font-size: 16px;
    }
    .about-luxury-casa_content-box, .brand-detail_content-box {
        min-width: 46%;
    }
    .best-seller .item-content p, .product-category .item-content p {
        font-size: 14px;
    }
    .why-luxury-casa_video {
        margin-top: 20px;
    }
    .brand-product-box_content h6 {
        font-size: 16px;
    }
    .dropdown-feature-product, .dropdown-feature-brand {
        display: none;
    }
    .newest-blog-box .item-content p {
        font-size: 14px;
    }
    .blog-detail-info span, .blog-detail-next-bottom span {
        font-size: 12px;
    }
    .banner-box.banner-filter {
        margin-top: 25%;
    }
    .why-luxury-casa_content a, .brand-detail-2_content a {
        padding: 15px 50px;
    }

    .brand-product .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .brand-product .brand-product-box {
        margin-right: 0;
        margin-left: 0;
    }

    .filter-tag span {
        margin-right: 6px;
        margin-bottom: 6px;
        padding: 5px 18px;
    }

    .workspace-slider .item h4 {
        font-size: 30px;
        line-height: 35px;
    }

    .brand h3 {
        line-height: 45px;
    }
    .brand h6 {
        line-height: 33px;
    }

    .list-product-box_image {
        max-height: 120px;
    }

    .hidden-tab {
        display: none !important;
    }

    .logo-footer img {
        margin-left: -10px;
    }

    .banner-home .item {
        height: 80vh;
    }
    .banner-home .item .container {
        padding-top: 50vh;
    }
    .banner-home .item h4 {
        margin-bottom: 30px;
    }
    .banner-home .item .banner-button {
        padding: 10px 35px;
    }
}

@media (max-width: 576px){
    .container-extra, .container-lg-extra {
        max-width: 540px;
    }

    h1{font-size: 28px; line-height: 36px;}
    h2{font-size: 25px; line-height: 34px; margin-bottom: 10px;}
    h3 {font-size: 22px; line-height: 28px;}
    h4 {font-size: 18px; line-height: 26px;}
    h5 {font-size: 17px; line-height: 24px;}
    h6 {font-size: 15px; line-height: 22px;}

    .pagination > li > a, .pagination > li > span{
        width: 35px; height: 35px; 
        line-height: 35px; 
        padding: 0; 
        text-align: center; 
        color: #111121; 
        font-weight: 500;
        border-color: #efefef
    }

    .owl-theme .owl-dots{display: block;}
    .owl-theme .owl-dots .owl-dot.active span, 
    .owl-theme .owl-dots .owl-dot:hover span {
        background: #ffffff;
    }
    .detail-product-content_title-code span {
        line-height: 1.9;
    }
    .wishlist-content h3 {
        font-size: 14px;
        line-height: 18px;
    }
    .wishlist-content h3,  .wishlist-content h4 {
        margin-bottom: 5px;
    }
    .add-to-cart {
        padding: 5px 0;
    }
    .add-to-cart a {
        line-height: 1.4;
        font-size: 14px;
    }
    .md-number-input.number-input input[type=number] {
        padding-top: 8px;
    }

    .best-seller .item-content h4, .product-category .item-content h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
                line-clamp: 2; 
        -webkit-box-orient: vertical;
    }

    .product-title h3{
        font-size: 22px;
        line-height: 28px;
    }
    .product-title span {
        padding: 4px 20px;
    }
}

@media (max-width: 380px) {

}