@-ms-viewport {
    width: device-width;
}

@media (min-width: 1601px) and (max-width: 1779px) {
    
}

@media (min-width: 1441px) and (max-width: 1624px) {
    .services-area{
        padding: 30px 0 30px 0;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }
}

@media (min-width: 1270px) and (max-width: 1440px) {
    .group-content h3 {
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 10px 0;
    }
    .group-content p{
        font-size: 16px;
        line-height: 20px;
        padding: 5px 0;
    }
    .group-content p br{
        display: none;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }
}

@media (min-width: 1024px) and (max-width: 1269px) {
    .navigation{
        padding: 65px 0 0 0;
    }
    .header-right{
        top: 20px;
    }
    .slider-logo img{
        width: auto;
        max-width: 100% !important;
    }
    .slider-info-center p{
        font-size: 24px;
        line-height: 30px;
    }
    .slider-info-center p br{
        display: none;
    }
    .group-content h3 {
        font-size: 20px;
        line-height: 20px;
        padding: 0 0 10px 0;
    }
    .group-content p{
        font-size: 16px;
        line-height: 20px;
        padding: 5px 0;
    }
    .group-content p br{
        display: none;
    }
    .group-pictuure img{
        min-height: 240px;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }

    /* for about page */

    .partner-info{
        display: flex;
        flex-wrap: wrap;
    }
    .partner-logo{
        width: 31.33%;
        margin: 1% 1% 1% 1%;
    }
    
    /* for category page */

    .category-area{
        padding: 30px 0;
    }
    .category-sorting{
        padding: 0 0 30px 0;
    }
    .category-item{
        width: 23%;
    }

}

@media (min-width: 769px) and (max-width: 1023px) {
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .slider-inner{
        display: block;
    }
    .slider-inner-left{
        width: 100%;
    }
    .slider-inner-right{
        width: 100%;
    }
    .slider-info{
        padding: 20px;
    }
    .slider-info-center{
        position: static;
        transform: none;
    }
    .slider-info-content{
        text-align: center;
    }
    .slider-logo img{
        width: auto !important;
        height: auto;
        display: inline-block;
    }
    .flexslider .slides img{
        display: inline-block !important;
    }
    .group-area-left{
        width: 100%;
    }
    .group-center-content{
        position: static;
        transform: none;
    }
    .group-area-right{
        width: 100%;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }

    /* for about page */

    .partner-info{
        display: flex;
        flex-wrap: wrap;
    }
    .partner-logo{
        width: 31.33%;
        margin: 1% 1% 1% 1%;
    }
    
    /* for category page */

    .category-area{
        padding: 30px 0;
    }
    .category-sorting{
        padding: 0 0 30px 0;
    }
    .category-item{
        width: 31.33%;
    }

    /* for product details page */

    .product-details-area{
        padding: 30px 0;
    }
    .more-product-area ul li a{
        padding: 10px 20px 10px 20px;
        font-size: 18px;
    }
    .brad-item {
        width: 23%;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .slider-inner{
        display: block;
    }
    .slider-inner-left{
        width: 100%;
    }
    .slider-inner-right{
        width: 100%;
    }
    .slider-info{
        padding: 20px;
    }
    .slider-info-center{
        position: static;
        transform: none;
    }
    .slider-info-content{
        text-align: center;
    }
    .slider-logo img{
        width: auto !important;
        height: auto;
        display: inline-block;
    }
    .flexslider .slides img{
        display: inline-block !important;
    }
    .slider-info-center p{
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0 0 0;
    }
    .group-area-left{
        width: 100%;
    }
    .group-center-content{
        position: static;
        transform: none;
    }
    .group-area-right{
        width: 100%;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }
    .services-item{
        width: 48%;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }
    .logistic-item-inner h4{
        font-size: 25px;
        line-height: 25px;
    }
    .logistic-item-inner h4 a{
        color: #adc6c0;
        text-decoration: none;
    }
    .logistic-center-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .bottom-form-area{
        padding: 0 0 30px 0;
    }
    .bottom-form-box{
        padding: 20px;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-info{
        padding: 0;
        overflow: hidden;
    }
    .footer-col-01{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-02{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-03{
       float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-widget-info{
        text-align: center;
    }
    .footer-col-04{
        float: none;
        width: auto;
        margin: 0 0 0 0;
        text-align: center;
    }
    .social-link{
        padding: 30px 0 0 0;
    }
    .social-link img{
        margin: 0 5px 0 5px;
    }
    
    /* for category page */

    .category-area{
        padding: 30px 0;
    }
    .category-sorting{
        padding: 0 0 30px 0;
    }
    .category-item{
        width: 31.33%;
    }

    /* for product details page */

    .product-details-area{
        padding: 30px 0;
    }
    .product-details-left{
        width: 100%;
        padding: 0 0 30px 0;
    }
    .more-product-area ul li a{
        padding: 10px 20px 10px 20px;
        font-size: 18px;
    }
    .product-details-right{
        width: 100%;
    }

    /* for blog page */

    .specialist-area{
        padding: 30px 0 30px 0;
        margin-bottom: 30px;
    }
    .specialist-item{
        width: 48%;
    }
    .brad-item {
        width: 23%;
    }

}

@media (min-width:376px) and (max-width: 480px) {
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .slider-inner{
        display: block;
    }
    .slider-inner-left{
        width: 100%;
    }
    .slider-inner-right{
        width: 100%;
    }
    .slider-info{
        padding: 20px;
    }
    .slider-info-center{
        position: static;
        transform: none;
    }
    .slider-info-content{
        text-align: center;
    }
    .slider-logo img{
        width: auto !important;
        height: auto;
        display: inline-block;
    }
    .flexslider .slides img{
        display: inline-block !important;
    }
    .slider-info-center p{
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0 0 0;
    }
    .group-area-left{
        width: 100%;
    }
    .group-center-content{
        position: static;
        transform: none;
    }
    .group-area-right{
        width: 100%;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }
    .services-item{
        width: 48%;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }
    .logistic-item-inner h4{
        font-size: 25px;
        line-height: 25px;
    }
    .logistic-item-inner h4 a{
        color: #adc6c0;
        text-decoration: none;
    }
    .logistic-center-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .bottom-form-area{
        padding: 0 0 30px 0;
    }
    .bottom-form-box{
        padding: 20px;
    }
    .contact-form-item{
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .contact-form-send{
        width: auto;
        float: none;
        margin: 0 0 0 0;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-info{
        padding: 0;
        overflow: hidden;
    }
    .footer-col-01{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-02{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-03{
       float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-widget-info{
        text-align: center;
    }
    .footer-col-04{
        float: none;
        width: auto;
        margin: 0 0 0 0;
        text-align: center;
    }
    .social-link{
        padding: 30px 0 0 0;
    }
    .social-link img{
        margin: 0 5px 0 5px;
    }

    /* for about page */

    .about-content-area{
        padding: 30px 0;
    }
    .partner-area{
        padding: 30px 0;
    }
    .bottom-featred-area{
        padding: 0 0 30px 0;
    }
    .bottom-featured-info{
        padding: 30px 0 0 0;
    }
    .bottom-services-info{
        justify-content: center;
        margin: 0 0 0 0;
    }

    /* for category page */

    .category-area{
        padding: 30px 0;
    }
    .category-sorting{
        padding: 0 0 30px 0;
    }
    .category-item{
        width: 48%;
    }
    
    /* for contact page */

    .contact-page-area{
        min-height: 150px;
        padding: 30px 0;
    }
    .contact-page-info h1{
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }
    .contact-page-info p{
        line-height: 30px;
    }
    .bottom-services-area{
        padding: 0 0 30px 0;
    }
    .bottom-service-item{
        width: 31.33%;
        margin: 1% 1% 1% 1%;
    }
    .bottom-services-title{
        padding: 0 0 10px 0;
    }
    .bottom-services-title h3{
        font-size: 22px;
        line-height: 25px;
    }
    .bottom-service-item h4{
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }
    .nobackgrond .bottom-form-top h3{
        font-size: 30px;
        line-height: 30px;
    }
    
    /* for product details page */

    .product-details-area{
        padding: 30px 0;
    }
    .product-details-left{
        width: 100%;
        padding: 0 0 30px 0;
    }
    .more-product-area ul li a{
        padding: 10px 20px 10px 20px;
        font-size: 18px;
    }
    .product-details-right{
        width: 100%;
    }

    /* for blog page */

    .specialist-area{
        padding: 30px 0 30px 0;
        margin-bottom: 30px;
    }
    .specialist-item{
        width: 100%;
        margin: 10px 0;
    }
    .brad-item {
        width: 31.33%;
    }

}

@media (max-width: 375px) {
    .menuicon{
        display: block;
    }
    .navigation{
        display: none;
    }
    .slider-inner{
        display: block;
    }
    .slider-inner-left{
        width: 100%;
    }
    .slider-inner-right{
        width: 100%;
    }
    .slider-info{
        padding: 20px;
    }
    .slider-info-center{
        position: static;
        transform: none;
    }
    .slider-info-content{
        text-align: center;
    }
    .slider-logo img{
        width: auto !important;
        height: auto;
        display: inline-block;
    }
    .flexslider .slides img{
        display: inline-block !important;
    }
    .slider-info-center p{
        font-size: 20px;
        line-height: 25px;
        padding: 20px 0 0 0;
    }
    .group-area-left{
        width: 100%;
    }
    .group-center-content{
        position: static;
        transform: none;
    }
    .group-area-right{
        width: 100%;
    }
    .services-area{
        padding: 30px 0 30px 0;
    }
    .services-item{
        width: 98%;
    }
    .logistic-center-area{
        padding: 0 0 30px 0;
    }
    .logistic-center-inner{
        padding: 30px 0 0 0;
    }
    .logistic-center-wrap{
        padding: 0 0 30px 0;
    }
    .logistic-item-inner h4{
        font-size: 25px;
        line-height: 25px;
    }
    .logistic-item-inner h4 a{
        color: #adc6c0;
        text-decoration: none;
    }
    .logistic-center-info h3{
        font-size: 25px;
        line-height: 30px;
    }
    .bottom-form-area{
        padding: 0 0 30px 0;
    }
    .bottom-form-box{
        padding: 20px;
    }
    .contact-form-item{
        width: auto;
        float: none;
        margin: 0 0 10px 0;
    }
    .contact-form-send{
        width: auto;
        float: none;
        margin: 0 0 0 0;
    }
    .footer-area{
        padding: 30px 0;
    }
    .footer-info{
        padding: 0;
        overflow: hidden;
    }
    .footer-col-01{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-02{
        float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-col-03{
       float: none;
        width: auto;
        margin: 0 0 20px 0;
    }
    .footer-widget-info{
        text-align: center;
    }
    .footer-col-04{
        float: none;
        width: auto;
        margin: 0 0 0 0;
        text-align: center;
    }
    .social-link{
        padding: 30px 0 0 0;
    }
    .social-link img{
        margin: 0 5px 0 5px;
    }

    /* for about page */

    .about-content-area{
        padding: 30px 0;
    }
    .partner-area{
        padding: 30px 0;
    }
    .bottom-featred-area{
        padding: 0 0 30px 0;
    }
    .bottom-featured-info{
        padding: 30px 0 0 0;
    }
    .bottom-services-info{
        justify-content: center;
        margin: 0 0 0 0;
    }

    /* for category page */

    .category-area{
        padding: 30px 0;
    }
    .category-sorting{
        padding: 0 0 30px 0;
    }
    .category-item{
        width: 48%;
    }
    
    /* for contact page */

    .contact-page-area{
        min-height: 150px;
        padding: 30px 0;
    }
    .contact-page-info h1{
        font-size: 30px;
        line-height: 35px;
        padding: 0 0 20px 0;
    }
    .contact-page-info p{
        line-height: 30px;
    }
    .bottom-services-area{
        padding: 0 0 30px 0;
    }
    .bottom-service-item{
        width: 31.33%;
        margin: 1% 1% 1% 1%;
    }
    .bottom-services-title{
        padding: 0 0 10px 0;
    }
    .bottom-services-title h3{
        font-size: 22px;
        line-height: 25px;
    }
    .bottom-service-item h4{
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }
    .nobackgrond .bottom-form-top h3{
        font-size: 30px;
        line-height: 30px;
    }
    
    /* for product details page */

    .product-details-area{
        padding: 30px 0;
    }
    .product-details-left{
        width: 100%;
        padding: 0 0 30px 0;
    }
    .more-product-area ul li a{
        padding: 10px 20px 10px 20px;
        font-size: 18px;
    }
    .product-details-right{
        width: 100%;
    }

    /* for blog page */

    .specialist-area{
        padding: 30px 0 30px 0;
        margin-bottom: 30px;
    }
    .specialist-item{
        width: 100%;
        margin: 10px 0;
    }
    .brad-item {
        width: 31.33%;
    }
    
}