/* Large devices (Large desktops 1200px and up) */

@media (min-width:1200px) {}


/* Medium devices (desktops, tablets, 992px and up) */

@media (min-width:992px) {}


/* Small devices (tablets, 768px and up) */

@media (min-width:768px) {}

/* Large and Medium devices (desktops, tablets less than 1199px) */

@media (max-width:1199px) {}


/* Medium devices (desktops, tablets less than 991px) */

@media (max-width:991px) {
    .pdmenu-title,
    ul.pdmenu,
    .main-navigation {
        display: none;
    }
    .son-menu_left{
        display: none;
    }
    
    html,
    body {
        overflow-x: hidden;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .pushy-submenu ul {
        padding-left: 0;
    }

     /* content */
    .banner {
        padding: 0;
    }
    
    body.contact .need {
        margin-top: 30px;
    }
    h3.pd-show-title {
        margin-top: 40px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .btn_wapper-back {
        text-align: center;
    }
}

@media (max-width:768px) {
    .banner .icarousel.owl-carousel .owl-dots {
        bottom: 7px;
    }
    .section .topic {
        width: 100%;
        background-size: cover;
    }
}

/* Small devices (tablets, phones less than 767px) */

@media (max-width:767px) {
    
    section.content {
        margin-top: 0;
    }

    .pdviewbox .slick-next, .pdviewbox .slick-prev {
        top: -50px;
        transform: translateX(50%);
        z-index: 5;
    }
    .pdviewbox .slick-prev {
        right: 37px;
        left: inherit;
    }
    .pdviewbox .slick-prev:before {
        content: "";
        background: url(../_images/product/right-arrow.png) center center no-repeat;
        position: absolute;
        background-size: cover;
        width: 32px;
        height: 32px;
        
    }
    .pdviewbox .slick-next:before {
        content: "";
        background: url(../_images/product/left-arrow.png) center center no-repeat;
        position: absolute;
        left: -96px;
        background-size: cover;
        width: 32px;
        height: 32px;
    }

    .pd-box-nav{
        display: none;
    }
    .pd-box-for {
        float: none;
        width: 100%;
    }


}

@media (max-width:540px){
    .breadcrumb {
        padding: 8px 0px;
    }
    body.products .title-introduce {
        height: 218px;
        overflow: scroll;
    }

}

/* iphone6 plus , iphone6 , iphone5, other phones….*/

@media (max-width:480px) {
    .banner .owl-carousel .owl-dot span {
        width: 26px;
    }
    .banner .icarousel.owl-carousel .owl-dots{
        display: none;
    }
    .color-r {
        margin-bottom: 20px;
    }
    figure.pdlist {
        min-height: 350px;
    }

    body.contact h2.title span.color-r {
        display: block;
        margin-bottom: 0;
    }
    h2.title span.major:before {
        display: none;
    }

}

@media (max-width:414px) {
    .col-xxs-12 {
        width: 100%;
    }
    .section {
        padding: 40px 0;
    }
    
    body.products-show .subject h3 {
        font-size: 28px;
    }

}


@media (max-width:375px) {

}

/* iphone5 額外微調*/

@media (max-width:320px) {  
    h3.pd-show-title{
        font-size: 28px;
    }
    .section p {
        font-size: 16px;
    }

}