@media screen{

/*
* RESPONSIVE.
*/

}

@media screen and (max-width: 1540px){
    .container{ width: 1300px; }
    .hero-item .thumb-cover{ height: 420px; }
}

@media screen and (max-width: 1340px){
    .container{ width: 1170px; }
    .header-nav ul li a{ padding: 26px 10px; font-size: 13px; }
    .header-search input{ width: 180px; }
    .hero-caption h1{ font-size: 34px; }
    .fea-big .thumb-cover{ height: 270px; }
    .single-head h1{ font-size: 28px; }
    .spec-box .sb-item{ width: 25%; }
}

@media screen and (max-width: 1190px){
    .container{ width: 875px; }
    .header-search input{ width: 150px; }

    .home-main{ width: 100%; float: none; }
    .home-side{ width: 100%; float: none; }
    .home-side .side-box{ float: left; width: calc(50% - 12px); }
    .home-side .side-box:nth-child(2n){ float: right; }
    .catbar-item{ width: 33.33%; }
    .catbar-item:nth-child(3){ border-right: none; }
    .hero-caption h1{ font-size: 28px; }
    .hero-item .thumb-cover{ height: 380px; }

    .explore-cell{ flex: 1 1 33.33%; border-bottom: 1px solid var(--th-line); }

    .single-main{ width: 100%; float: none; }
    .single-side{ width: 100%; float: none; margin-top: 30px; }
    .single-side .side-box{ float: left; width: calc(50% - 12px); }
    .single-side .side-box:nth-child(2n){ float: right; }
}

@media screen and (max-width: 900px){
    .container{ width: 572px; }
    .catbar-item{ width: 50%; }
    .catbar-item:nth-child(2n){ border-right: none; }
    .fea-big,
    .fea-rows{ float: none; width: 100%; }
    .fea-rows{ margin-top: 15px; }
    .content-gallery .cg-big,
    .content-gallery .cg-side{ float: none; width: 100%; }
    .content-gallery .cg-side{ margin-top: 12px; }
    .spec-box .sb-img{ float: none; width: 100%; margin: 0px 0px 14px; height: 160px; }
    .spec-box .sb-item{ width: 33.33%; }
    .gallery-main .thumb-cover{ height: 320px; }
}

@media screen and (max-width: 590px){
    .container{ width: 96%; }
    .header-logo .logo-text{ font-size: 18px; }
    .header-search{ display: none; }
    .catbar-item{ width: 100%; border-right: none; }
    .hero-caption h1{ font-size: 22px; }
    .hero-caption p{ font-size: 14px; }
    .hero-item .thumb-cover{ height: 340px; }
    .home-side .side-box,
    .single-side .side-box{ float: none; width: 100%; }
    .explore-cell{ flex: 1 1 50%; }
    .content-3col .c3{ float: none; width: 100%; margin: 0px 0px 12px; }
    .spec-box .sb-item{ width: 50%; }
    .single-head h1{ font-size: 22px; }
    .gallery-thumbs .gth{ width: calc((100% - 30px) / 3); }
    .gallery-thumbs .gth:nth-child(n+4){ display: none; }
    .gallery-thumbs .g360{ float: none; width: 100%; margin-top: 10px; }
    .fea-row .thumb-cover{ width: 150px; }
}