/*
 * 斑码工作室
 * ============================================================================
 * 版权所有 2016-2023 斑码工作室，并保留所有权利。
 * 网站地址: http://beetheme.cn
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 * @Author    : 斑码工作室 <!--banma@88.com--!>
 * @Date      : 2023-01-09 11:59:55
 * @FilePath  : \banma-cgp\assets\css\app.css
 * @Copyright : (c) 2023 by 斑码工作室 <!--banma@88.com--!>, All Rights Reserved.
 */

 @media all and (orientation : portrait) {
    .navbar img{
        width: 50%!important;
    }
    .banner .banner_left{
        width: 70%;
        height: 80%!important;
        padding: 0 1rem 1rem!important;
    }
    .banner .banner_left span{
        font-size: 0.5rem!important;
    }
    .banner .banner_right{
        width: 60%;
        margin-top: 0.5rem!important;
        margin-bottom: 0.5rem!important;
    }
    .detail .p-4{
        padding: 0.5rem!important;
    }
    .category .title:before, .category .title:after {
        width: 30%;
    }
    .big_cat .desc{
        font-size: calc(0.5rem + .6vw)!important;
    }
    .big_cat .cat_font span{
        font-size: calc(1rem + .6vw)!important;
    }
    .big_cat .cat_font span:nth-child(2){
        font-size: calc(0.5rem + .6vw)!important;
    }
    .big_cat .cat_font .bg .mb-xs-3{
        margin-bottom: 1rem!important;
        padding: 0.5rem 1.5rem!important;
    }
    .packaging .col .fs-6{
        font-size: calc(0.5rem + .6vw)!important;
    }
    .source .left{
        width: 100% !important;
    }
    .source .left .w-75,.source .left .w-75 .w-50{
        width: 100% !important;
    }
    .source .right {
        margin-left: 0 !important;
        width:100%!important;
        position: unset!important;
    }
    .source .right .position-absolute{
        position: unset!important;
    }
    .inspiring .w-50{
        width: 100%!important;
    }
    .industry .title:after {
        left: 10px!important;

    }
    .category .cat_left img{
        width: 50%!important;
    }
    .category .cat_right img{
        width: 40%!important;
    }
    .content .year .w-50,.content .year .w-50 .w-75{
        width: 100%!important;
    }
    .content .w-75{
        width: 100%!important;
    }
    .content .end .w-50{
        width: 100%!important;
    }
    .inspiring .left_swiper .swiper-slide{
        height: 350px!important;
    }
    .bottom_swiper .content{
        height: 200px!important;
    }
    .inspiring .left_navbar,.inspiring .left_navbar .navbar{
        position: unset!important;
    }
    .inspiring .left_navbar .one_nav {
        top: unset!important;
        bottom: 230px!important;
    }
    .inspiring .left_navbar .two_nav{
        right: 48px;
        top: unset!important;
        bottom: 230px!important;
    }
    .blogs .title span:first-child::after{
        left: 10px!important;
    }
    .about .desc{
        width: 100%!important;
    }
    .about .content .list .fs-4{
        font-size: 0.8rem!important;
    }
    .about .content .list .fs-6{
        font-size: 0.5rem!important;
    }
    .about .content .vision .w-50,.about .content .bottom .w-50{
        width: 100%!important;
    }
    .service .content .top_content .w-50{
        width: 100%!important;
    }
    .service .content .top::after {
        top: 80px!important;
    }
    .category .tit::after {
        top: 100px!important;
    }
    .gallery{
        height: 300px!important;
    }
    .thumb{
        height: 120px!important;
    }
    #add_cart,#add_list{
        font-size: 0.8rem!important;
    }
    .detail_desc .fs-5,.detail_desc .default-color{
        font-size: 0.8rem!important;
    }
    .details .form-imagecheck-figure{
        height: 80px!important;
    }
    .related_cat .fs-1{
        font-size: 1.3rem!important;
    }
    .related_cat .title:after{
        top: 60px;
    }
    .cat_detail .w-25{
        width: 50%!important;
    }













 }