.navbar{--bs-navbar-padding-y: 0rem;}

/*
device：1230px
 min width>=1920px  desktop :1920px.
*/
@media (min-width: 1920px) {
    .portfolio > a > img {width: 100%;}
    .col-md-4:nth-child(1) .single-footer-widget {padding-right: 45px;}
    .testimonial-area .owl-nav div{left: -178px;}
    .testimonial-area .owl-nav .owl-next {left: auto; right: -178px;}
    .slider-area {height: 650px;}
    .slick-prev:after, .slick-next:after {width: 33px;}
    .slick-arrow {width: 36px;}
    .slick-next {left: auto; right: 0;}
    .large-slide {width: 81.5%;}
    .small-slide {width: 18.5%;}
    .blog-img img {width: 100%;}

    /* .body-white{ padding-top: 80px;} */

    .products-section  .products-section-item{ margin-bottom: 10px; width: 343px;}
    .news-section .news-section-body .index-news-lists .news-lists-r{ float: left; margin-left: 30px; }
    .banner-section  .banner-section-body .desc{ width: 830px; margin: 50px auto; }
    .banner-section  .banner-section-body h2{ font-size: 48px; }
    .business-section  .business-wrap-body-item{ width: 200px; margin: 0 auto; }
    .business-section .business-wrap{ padding-top: 100px; padding-bottom:100px;}
    .business-section{ width: 100%;min-height: 400px;  }
    .products-section{min-height: 600px; }

    .bg-body-tertiary{ background: rgb(7, 108, 224) !important;}
    .nav-link{ color: #FFF;}
    .top-header{ position: relative;}
    .top-header .bg-body-tertiary{ height: 65px;}
    .top-logo-area{ width: 100%; height: 100px; line-height: 100px;}
    .top-header{ position: relative;}
    .top-header .navbar-drop-buttom {
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    .top-header .thnavbar{ display: none;}
    .page-rg-side-wrap{ width:90%;}
}


/*
device：1230px
 min width>=992px and width<=1919px
*/
@media (min-width: 992px) and (max-width: 1919px) {
    .bg-body-tertiary{background: rgb(7, 108, 224) !important;}
    .nav-link{ color: #FFF;}
    .thnavbar{ display: none;}
    .top-header .bg-body-tertiary{ height: 55px;}
}



/*
device：970px
width<992 and  width>=1169 desktop :
 */
@media (min-width: 992px) and (max-width: 1169px) {
    .item-text {padding: 16px 0;}
    .consultation-area .accordion {padding-left: 16px;}
    .consultation-form {padding-right: 16px;}
    .service-text {padding-left: 75px;}
    .service-text > h3 {font-size: 21px;}
    .single-table {padding: 40px 35px;}
    .portfolio img {max-width: 100%;}
    .col-lg-4:nth-child(1) .single-footer-widget {padding-right: 0;}
    .col-lg-3:nth-child(2) .single-footer-widget {padding-left: 0;}
    .newsletter-form {padding: 0 80px;}
    .testimonial-area .owl-nav div {left: -80px;}
    .testimonial-area .owl-nav .owl-next {left: auto; right: -80px;}
    .p-details-img img {max-width: 100%;}
    .slick-prev:after, .slick-next:after {width: 26px;}
    .slick-arrow {width: 28px;}
    .slick-next {left: auto; right: 0;}
    .large-slide {width: 81%;}
    .small-slide {width: 19%;}
    .slick-slide img {max-width: 100%;}
    .breadcrumb-text {margin: 0;}
    .blog-img img {width: 100%;}
    .blog-details-img > img {max-width: 100%;}
    .single-widget .tags li a {padding: 0 5px;}
    .tags li {margin-right: 5px;}
    .banner-content p {padding: 0 50px;}

    .business-section .business-wrap{ padding-top: 100px; padding-bottom:100px;}

}



/*
 device：768px
 width<768 and  width>=991 desktop :768px
 */
@media (min-width: 768px) and (max-width: 991px) {
    .slider-area {height: 420px;}
    .text-content h2 {padding-top: 10px;}
    .ptb-110 {padding: 70px 0;}
    .pt-110 {padding-top: 70px;}
    .pb-110 {padding-bottom: 70px;}
    .pb-105 {padding-bottom: 65px;}
    .pt-120 {padding-top: 80px;}
    .pb-100 {padding-bottom: 60px;}
    .pb-60 {padding-bottom: 20px;}
    .pb-90 {padding-bottom: 50px;}
    .pb-80 {padding-bottom: 40px;}
    .consultation-form {
        padding: 60px 0 0;
        position: relative;
        z-index: 2;
    }
    .consultation-area h3.sub-title {color: #5e5e5e;}
    .consultation-area .consultation-form {padding: 0 0 50px;}
    .consultation-area:after, .consultation-area:before {display: none;}
    .consultation-area .accordion {padding: 0;}
    .consultation-area h3.sub-title:before, .consultation-area h3.sub-title:after {
        background: #5e5e5e none repeat scroll 0 0;
    }
    .consultation-area .panel-body > p {color: #5e5e5e;}
    .col-md-4:nth-child(4) .single-service {margin-bottom: 30px;}
    .single-fun-factor > h4 {font-size: 15px;}
    .portfolio > a > img {width: 100%;}
    .col-lg-4:nth-child(1) .single-footer-widget {padding-right: 0;}
    .col-lg-3:nth-child(2) .single-footer-widget {padding: 0;}
    .mainmenu-area {
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 2;
    }
    .single-information {padding-left: 0; width: 43%;}
    .information-text {padding-left: 14px;}
    .testimonial-area .owl-nav div {left: -70px;}
    .testimonial-area .owl-nav .owl-next {left: auto; right: -70px;}
    .testimonial-area .owl-nav div {left: -40px; margin-top: 0}
    .testimonial-area .owl-nav .owl-next{left: auto; right: -40px;}
    .header-sticky.sticky {position: inherit;}
    .service-two-area .col-md-4:nth-child(4) .single-service {margin-bottom: 34px;}
    .newsletter-area .newsletter-form {padding: 0 110px;}
    .about-skill-test {padding: 0 0 40px;}
    .team-hover {margin: 0 2px; padding: 29px 0 28px;}
    .p-details-img > img {max-width: 100%;}
    .p-details-text {padding-bottom: 26px;}
    .portfolio-slider-wrapper {width: 52%;}
    .small-slide {width: 19%;}
    .large-slide {width: 81%;}
    .slick-prev:after, .slick-next:after {width: 33px;}
    .slick-arrow {width: 36px;}
    .slick-next {left: auto; right: 0;}
    .blog-details-img > img {max-width: 100%;}
    .new-comment-post {padding-bottom: 60px;}
    .google-map-area {margin-bottom: 40px;}
    .contact-address-info {padding: 40px 50px 36px;}
    .pb-95 {padding-bottom: 70px;}
    .single-widget:last-child {margin: 0;}
    .mean-container .mean-nav {margin-top:93px;}

    .mbnav-logo{ height: 50px; overflow: hidden}

    .pc-nav{width: 100%;}
    .navbar{ position: relative}
    .navbar  .navbar-drop-buttom{position: absolute; top: 1.6rem;right:1rem}

    .features .features-wrap .features-body-image img{ width: 100%;}
    .products-section .products-section-item .item-image img{ width: 100%;}
    .news-section .news-section-box .item-image img{width: 100%;}
    .business-section .business-wrap{ padding-top: 3rem; padding-bottom:3rem;}
}

/*
320px
width<=767
*/
@media (max-width: 767px) {

    .main-menu{ display: none}
    .mbnav-logo{ height: 50px; overflow: hidden}
    .mb-nav-section{ width: 100%; display: block}
    .pc-nav{width: 100%;}
    .navbar{ position: relative}
    .navbar  .navbar-drop-buttom{position: absolute; top: 1rem;right:1rem}
    .top-pd{ padding-top: 10px;}

    .products-section .products-section-item .item-image img{ width: 100%;}
    .news-section .news-section-box .item-image img{width: 100%;}
    .banner-section  .banner-section-body h2{ font-size: 1.6rem; }
    .business-section .business-wrap-body-item{  margin: 1rem auto;}
    .business-section .business-wrap{ padding-top: 2rem; padding-bottom:2rem;}
    .top-header{ background: #FFF;}

    .top-header-wrap{ padding: 0.65rem 0px;}
    .hot-atrilce{ display: none}
}


/* width>=480 and  width<=767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:450px}
    .hot-atrilce{ display: none}
}