.nav-toggle{display: none;}
.grid{display: none;}
.shadow{display: none;position:absolute;width:100%;height:100%;z-index:24;background:#000;top:0px;left:0px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}


@media only screen and (max-width: 976px) {
    
    .newsBox .news .newsinner{width:100%;}
    .headerBox .nav{display:none;}
    .headerBox .header,#main,.cultureBox .culture,.cultureBox .culture .img{padding:0 2%;width:96%;}
    #footerBox .footermap{padding:16px 2% 10px 2%;width:96%;}
    .cultureBox .culture .text{padding:50px 2% 0 2%;width:96%;}
    
    #bannerin .text{margin-left:0px;left:0px;padding:0 2%;width:96%;}
    #breadcrumbs ul{padding:20px 2% 0px 2%;width:96%;}
    .socialBox ul li,.contactBox .contact ul{width:100%;}
    .contactBox .contact ul li{width:39%;}
    .contactBox .contact img{float:none;margin-bottom:30px;}
    .banners .banner .item .text{display:none;}
    .homeabout{padding:0 2%;width:96%;}
    .homeabout .aboutin ul li.listnumber3{clear:both;}
    .homeabout .aboutin ul li.listnumber1,.homeabout .aboutin ul li.listnumber3{margin-left:19%;}
    .homeabout .aboutin ul li{margin-bottom:10px;}
    .homebusiness .aboutin ul .right{clear:both;margin-top:30px;}
	.homebusiness .aboutin ul li{margin-left:19%;margin-bottom:10px; }
    .homebusiness .aboutin ul{margin:0 auto;width:469px;}    
    .homenews .news ul{padding:0 2%;width:96%;}
    .homecontact .contact{padding:0 2%;width:96%;margin-left:0px;left:2%;}
    .companyBox .imglistbox .bigimg{width:100%;}
    .companyBox .imglistbox .smallimg{width:100%;}
    .companyBox .imglistbox .smallimg li{float:left;width:32%;margin:0.6%}
    .smallimg .caroufredsel_wrapper,#smallslider{width:100%!important;height:145px!important;}
    
    
    /*    sidebar*/
    .pageinner {
        float:left;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
        position:relative;
    }
    .sideopen .pageinner {
        -webkit-transform: translateX(-330px);
        -moz-transform: translateX(-330px);
        -ms-transform: translateX(-330px);
        transform: translateX(-330px);

    }

    body.sideopen .shadow{display: block}
    .grid {position:fixed;width:330px;top:0px;right:0px;height:100%;display: block;z-index:20;}

    .grid > li { width: 100%; height: 100%; overflow: hidden;  position: relative; }
    .sidenav { position: absolute; top: 0; left: 0; bottom: 0;  width: 330px; overflow: hidden; padding-top: 60px;}
    li.laug{font-size: 16px;}
    li.laug a{display: inline-block;text-indent: 0px;color:#333;  font-size: 16px;}
    body.sideopen .sidenav {background:#fff;}
    #headerBox1 .nav-toggle .icon ,
    #headerBox1 .nav-toggle .icon:before,#headerBox1 .nav-toggle .icon:after {background:#fff;}
    .sidenav{width:100%;}
    .sidenav li{padding:10px;}
    .sidenav li a{display:block;color:#333;font-size:20px;text-indent:20px;line-height:40px;}
    .grid{
        -webkit-transform: translateX(330px);
        -moz-transform: translateX(330px);
        -ms-transform: translateX(330px);
        transform: translateX(330px);
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
    }
    body.sideopen .grid{
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    
    .nav-toggle {
        display: block;
        right:15px;top:15px;
        width: 60px;
        height: 60px;
        z-index: 30;

        position: fixed;
        cursor: pointer;
        -webkit-transition-duration: 0.66s;
        transition-duration: 0.66s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }

    .nav-toggle .icon {
        width: 30px;
        height: 4px;
        background-color: #b4946e;
        border-radius: 2px;
        position: absolute;
        top: 28px;
        left: 15px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        transiting-timing-function: swing;
    }
    .nav-toggle .icon:before, .nav-toggle .icon:after {
        width: 30px;
        height: 4px;
        background-color: #b4946e;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }
    .nav-toggle .icon:before {
        top: -9px;
    }
    .nav-toggle .icon:after {
        top: 9px;
    }
    body.sideopen .nav-toggle .icon {
        width: 0;
    }
    body.sideopen .nav-toggle .icon:before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    body.sideopen .nav-toggle .icon:after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }

}
@media only screen and (max-width: 960px) {
    .homeabout .aboutin {width: 100%;}
    .homeabout .aboutin ul {width:96%;padding:0 2%;}
	.homebusiness .aboutin {width: 100%;}
    .homebusiness .aboutin ul {width:96%;padding:0 20%;}
}


@media only screen and (max-width: 904px) {
    #footerBox .footermap ul{width:22%}
}


@media only screen and (max-width: 760px) {
    #footerBox .footermap ul{width:21.2%}
    .homecontact{
        background-position:top center;
        background-size:176%;
    }
    .homecontact .icon2{
        top:16%;
        left:55%;
    }
    .homecontact .icon1{
        top:40%;
        left:5.3%;
    }
    #footerBox.footerbox1{height:344px!important;}
    #footerBox.footerbox1 .copy{line-height:44px;}
    
}

@media only screen and (max-width: 640px) {
    .homecontact .hometitle{margin-top:-125px;}
    .newsBox .news .newsinner .itemnew{width:47%;}
    .newsBox .news .newsinner .shuffle__sizer {width:52%}
    #footerBox.footerbox1 .footermap ul{width:25%;height:138px;}
    .homecontact .title{bottom:350px;}
    #footerBox.footerbox1 .footermap ul.column1{margin-left:100px;}
    #footerBox.footerbox1 .footermap ul.column4{margin-left:100px;}
    .homenews .morebtn{margin-top:100px;}
    .homenews .news{margin-top:80px;}
    .homenews .news ul li{margin-bottom:20px;}
    .screen .screenin{width:600px;margin-left:0px;left:20px;}
    .smallimg .caroufredsel_wrapper,#smallslider{width:100%!important;height:110px!important;}
    .bigimg{height:322px!important;overflow:hidden;}
    .memberBox .member .memberlist{width:44%;height:auto;}
    .memberBox .member{min-height:850px;}
}


@media only screen and (min-width: 1930px) {
    .banners .banner{width:2560px;margin-left:-1280px;}
    .banners .banner .item img{width:100%;}
}