/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/


/* import responsive stylesheet */

@import url(Pad.css) screen and (max-width: 1024px);
@import url(Mobile.css) screen and (max-width: 760px);

/* hide template textarea */

.UnpcPush textarea,
.PcPush textarea,
.MobilePush textarea,
.UnmobilePush textarea {
    display: none;
}


/*
* PcMode
*/
.visible-talet, .visible-tablet
{
    display: none;
}
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after {
    content: 'Pc' !important;
}

.UnpcPush,
.MobilePush {
    display: none;
}

img[data-src] {
    opacity: 0;
    filter: alpha(opacity=0);
}
@media only screen and (max-width: 1200px){
    body .wrap {
        min-width: 0 !important;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .head .nav > ul > li > a {
        font-size: 11px;	
    }
    .head .nav {	
        width: 50%;
    }
	.head_r.hidden-phone .custom {
		top: 10px;
		right: 9%;
	}
	.head_r.hidden-phone .custom img {
  	  width: 80%;
	}
}
@media only screen and (max-width: 1100px) {
    li.p.nav_0.default {
        padding-left: 30px;
    }
    .head .logo {
        float: left;
        width: 425px;
        height: 73px;
        background: #fff;
        padding-left: 0;
    }
    .head .nav {
        width: 50%;
        float: left;
    }
    .head .nav>ul>li {
        float: left;
        padding: 0px 22px;
    }    
    .vi-vn .head .nav>ul>li{
        padding: 0px 12px;
    }
}
/* 215px
* PadMode
*/

@media only screen and (max-width: 1099px){

    .head .nav {
        width: 38%;
    }

    .head .nav > ul > li {
        float: left;
        padding: 0px 17px ;
    }
    .head .nav > ul > li > a {
        font-size: 11px ;
    }
    div#menu-pad > ul > li > a {	
        font-size: 11px;
    }
    div#menu-pad > ul > li > a {	
        padding: 22px 9px;
    }
    div#menu-pad {
        width: auto;
        margin-left: 20px;
    }
    #menu-pad .setNav li.p {	
        width: 15%;
    }
    #menu-pad .setNav li.p > a {
        padding: 25px 0;
    }
    div#menu-pad li .setNav {
        top: 62px;
    }

}
@media only screen and (max-width: 1060px){
	.head .nav {
		width: 100%;
	}
	div#menu-pad {
		width: auto;
		margin-left: 20px;
	}
	.head_r.hidden-phone .custom {
		right: 15%;
	}
}
@media only screen and (max-width: 1024px) {
	body .pageMain #slides {
		margin-top: 0 !important;
	}
    .head .head_r {
        width: 15% !important;
    }
    body:after {
        content: 'Pad';
    }
    body {
        user-select: none;
        -webkit-user-select: none;
    }
    html,
    body,
    .wrap {
        min-width: 0;
    }
    html {
        overflow-x: hidden;
    }
    body,
    input,
    textarea,
    button,
    select {
        font-size: 14px;
    }
    .wrap {
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
    }
    .PcPush {
        display: none;
    }
    .UnpcPush {
        display: block;
    }
    div.k2CategoriesListBlock ul {
        padding-left: 0;
        margin-left: 0;
    }
    .prozhlist ul {
        width: 100%;
    }
}
@media only screen and (max-width: 840px)
{
    body .table_product{
		width:100% !important;
	}
	body .table_product tr td{
		width:100% !important;
	}
	body .table_product tr{
		width:100% !important;
	}
	body .table_product tr td{
		width:100% !important;
	}
}
@media only screen and (max-width: 767px){
	.cont_img .col4{
		width: 100%;
	}
	.rental_product_slide .col6 {
		width: 100%;
		float: none;
	}
	.rental_product_slide {
		margin-bottom: 0;
	}
	body #menu_141{
		width: 100% !important;
	}
	body #menu_145{
		width: 100% !important;
	}
	body #menu_147{
		width: 100% !important;
	}
	body #menu_148{
		width: 100% !important;
	}
}
@media only screen and (min-width: 761px) {
    #filter_region_mobile, #filter_category_mobile, .visible-phone {
        display:none !important;
    }

}

/*
Extra tablet
*/
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    /* .head .logo {
      
       padding-left: 15px;
       background: #fff;
   }
     div#menu-pad {
       width: 60%;
    
   }
     div#menu-pad > ul > li {
       float: left;
       padding: 0 6px;
   }
    div#menu-pad > ul > li.p.nav_0.default {
       padding-left: 35px;
   }*/
    a.mobile_key {
        display: none !important;
    }

    .bdsharebuttonbox a {
        background-position: 0 -1612px;
        float: left;
        width: 32px;
        line-height: 32px;
        height: 32px;
        background-image: url(../img/share/icons_1_3200e7.html?v=e97a5b25.png);
        _background-image: url(../img/share/icons_1_32_debase50a4.html?v=cf64b61d.png);
        background-repeat: no-repeat;
        cursor: pointer;
        text-indent: -100em;
        overflow: hidden;
        margin: 5px;
        color: #3a8ceb;
    }

    .head_r dd.share_dd {
        padding-top: 15px;
    }


}



/*
* Tablet portrait
*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .head .logo {
        background: #fff;
    }
    a.mobile_key {
        display: none !important;
    }
    .visible-talet {display:block!important}
    .head .wrap {

        padding-left: 0px;
    }
    .is_wrap .arr.arr_prev {
        top: 24%;

    }
    .head .head_r {
        width: 120px !important;
		display:none;
    }
    .xc_tit {
        padding-top: 5px;
    }
    .hidden-tablet{
        display:none !important;}

    .visible-tablet{
        display:block !important;}

    .islider {  height: 0;
                padding-bottom: 31%;
    }



}

/*
Small tablet
*/
@media only screen and (min-width: 768px) and (max-width: 800px) {
    .is_wrap .arr.arr_next {
        bottom: 20%;

    }
    /*div#menu-pad > ul>  li.p.nav_0.default > a {
        padding-left: 40px !important;
    }*/
    /* .head .head_r{
       display: none!important;
     }*/
    div#menu-pad {
        width:auto;
        float: left;
    }
    .is_wrap .arr.arr_prev {
        top: 20%;
    }


}
@media only screen and (max-width: 767px)
{
    .head .logo {
        width: 100% !important;
    }

    .mobile_key {	
        width: 100%;
        text-align: center;
    }
    select.visible-phone.home-select {
        width: 90% !important;
    }
    .head .head_r {
        display: none;
    }
    .islider {
        height: 0;
        padding-bottom: 30%;
        width: 100%;
    }
    .head .logo a {
        background-position: center;		
    }
    .itab_l .tab_t {	
        padding-right: 0;
        border-bottom: 1px solid #ccc;
    }
    div#menu-pad, #menu-pad ul.visible-talet, #menu-pad ul.visible-talet li{
        width: 100%;        
    }
    div#menu-pad > ul > li > a{
        padding: 10px !important;
    }
	h1.logo:after {
		right: 0;
	}
	.head.head-box .wrap{
		padding-left: 0;
   		padding-right: 0;
	}
}
@media only screen and (max-width: 768px){
	div#menu-pad > ul > li > a {
		padding: 22px 7px;
	}
}
/*
* MobileMode
*/

@media only screen and (max-width: 760px) {
    .list-product {
        width: 100% !important;

    }
    .head .logo {

        width: 100%;

    }
    .head .logo a {

        /*background: url(http://210.245.33.31:8080/sinomach/images/mobile-logo.jpg) no-repeat;*/

    }
    .islider {

        padding-bottom: 31%;
    }

    #filter_region, #filter_category {
        display:none !important;
    }
    div#filter_region_mobile, div#filter_category_mobile, .visible-phone {
        display:block !important;
    }
    .pro_case li {
        width: 100% !important;
    }

    .jobCon {
        font-size: 16px;
        margin: 35px 0 20px;
    }
    .jobtab .tab_t h3 span {

        vertical-align: middle;

    }
    .jobtab .tab_t h3 {
        font-size: 18px;

        background: #f4f4f4;
        margin-bottom: 1px;
        color:#2b2a78;
    }
    .tab_t.tab_available.tab_t_cur h3 {
        background: #2b2a78;
        color: #fff;
    }
    .jobtab .tab_t b {

        bottom: -3px;

    }
    .tab_b {
        position: relative;
    }
    .head .head_r li.language {

        display: none;
    }
    .mobile-100 {
        width: 100% !important;
    }
    .pro_tit {
        font-size: 18px;

    }
    .pageHeader .wrap.fix {
        padding-left: 0;
    }
    body:after {
        content: 'Mobile';
    }
    body,
    input,
    textarea,
    button,
    select {
        font-size: 16px;
    }
    .UnmobilePush {
        display: none;
    }
    .MobilePush {
        display: block;
    }
    img[data-src] {
        opacity: 1;
    }
    .footer-block {
        width: 100%;
    }
    .share_dd {
        display: none;
    }
    .xc_t {
        font-size: 20px;
        top: -45px;
    }
    .xc_nav li {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-bottom: 1px;
    }
}
@media only screen and (max-width: 530px)
{	
    section.sliderComplete h2 {
        font-size: 9px !important;
    }
}
@media only screen and (max-width: 450px)
{
    .head .logo a {
        background: url(../images/mobile_logo2.jpg) no-repeat;
        background-position: center;
    }
}