/* CSS Document */

@media(max-width:1023px){
.banner_text{top:10%;}
.footer_mid h2{font-size:12px;padding-bottom:20px;}
#navigation ul li a{padding:0 11px;}
.footer_btm .left{float:none;padding-bottom:10px;text-align:center;}
.footer_btm .right{float:none;text-align:center;}
}



@media screen and (min-device-width: 768px) and (max-device-width: 1023px) { 
.product_img {width:99%;margin-right:1%;float:none;}
.product_text {width:99%;margin-right:1%;float:none;}
}


@media(max-width:767px){
.logo {position:relative;}
.header_right{padding:0;}
.banner_text h2{font-size:36px;}
.banner_text h2 span{font-size:44px;}
/*.banner_text{position:relative;background-color:#000;padding:10px 0;top:0;text-align:left;}
.banner_text h2{font-size:35px;color:#fff;}
.banner_text h2 span{font-size:45px;display:inherit;}*/
.banner_text img{width:150px !important;}
.product_box{padding-top:0 !important;}
.footer_mid h2 {text-align:left;}
.footer_mid h2 a{word-break:break-all;}
.product_left select{display:block;}
.product_left ul{display:none;}
.footer_box1 {
    width: 31%;
    float: left;
    margin-right: 2%;
}
.footer_box2 {
    width: 33%;
    float: left;
    text-align: center;
}
.footer_box2 {
    width: 33%;
    float: left;
    text-align: center;
}

}

@media(max-width:567px){
.footer_box2{text-align:left;}	
.banner_text h2{font-size:21px;line-height:30px;}
.banner_text h2 span{font-size:30px;}
.banner_text img{width:100px !important;}
}


/*------------Default Start------------*/
.one{width:100%;margin:0;}
.one_margin{width:100%;margin:0 auto 20px auto;}
.two{width:47%;margin:0 1% 20px 1%;display:inline-block;vertical-align:top;}
.three{width:30%;margin:0 1% 20px 1%;display:inline-block;vertical-align:top;}
.center{text-align:center;}

@media(max-width:767px){
.one_767{width:100%;margin:0 auto;float:none;}
.one_margin_767{width:100%;margin:0 auto 20px auto;float:none;}
.two_767{width:45%;display:inline-block;margin-left:1%;margin-right:1%;vertical-align:top;}
.three_767{width:30%;display:inline-block;margin-left:1%;margin-right:1%;vertical-align:top;}
.center_767{text-align:center;}
}

@media(max-width:567px){
.one_567{width:100%;margin:0 auto;float:none;}
.one_567_margin{width:100%;margin:0 auto 20px auto;float:none;}
.two_567{width:45%;margin:0 1% 20px 1%;display:inline-block;vertical-align:top;}
.three_567{width:30%;margin:0 1% 20px 1%;display:inline-block;vertical-align:top;}
.center_567{text-align:center;}
}
/*------------Default End------------*/