@charset "utf-8";
/* CSS Document */

.container{  width: 960px; margin: 0 auto; padding: 0; }

.logo{ width:151px; float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}
.box_1{ width:318px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; float:left; background:#fafafa; border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.box_2{ width:318px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; float:left; background:#fafafa; border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;  border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.shadow{ width:960px; margin:0px; padding:0px;}
.shadow img{ width:100%;}
.hot_logo{ width:128px; float:left;margin:10px 0px 20px 0px; padding:0px 0px 0px 0px;}
.mdl_text_left{ width:790px; float:right;margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;}

.module_div{ width:590px; float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.middle_line_horizontal{ background:url(../images/line2.png)repeat; width:3px; height:260px ; float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ftr_left{ width:700px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left}
.ftr_right{ float:right; width:140px;margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;}
.news_div{ width:320px; margin:0px 0px 0px 0px; padding:0px; float:right;}
.mbl_hide{}
.client-block{ float:left; width:115px; height:69px; cursor:pointer; margin:0px 15px 15px 0px; padding:0px;}
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .container                                  { width: 768px; }
.box_1{ width:253px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; }
.box_2{ width:253px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; }
.mdl_text_left{ width:600px; float:right;margin:20px 0px 0px 0px; padding:0px 0px 0px 0px;}
.module_div{ width:400px; }
.middle_line_horizontal{height:430px ; }
.mbl_hide{ display:none}
.contact_right{width:450px;}
.multy{width:450px; }
.sf-menu > li > a {padding:40px 10px 40px 10px; margin:0px 0px -13px 0px;}
.read_more02{  margin:32px 15px 0px 0px; padding:0px 0px 0px 0px;}
.top-bar-social  {display: none!important; }

    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container{width: 300px;}
       
		.top-bar-social  {display: inline-block !important; float:left !important; padding-bottom:10px;}
		.box_1{ width:298px; border-top:1px solid #eeeeee !important;border-bottom:1px solid #eeeeee !important;  border-left:1px solid #eeeeee;border-right:1px solid #eeeeee !important; border-bottom:0px solid #eeeeee !important;}
		.box_2{ width:298px;}
		.shadow{ width:300px;}
		.mdl_text_left{ width:300px;}
		.hot_logo{ width:128px; float:left;margin:10px 0px 0px 80px; padding:0px 0px 0px 0px;}
		.module_div{ width:300px}
		.middle_line_horizontal{ background:url(../images/line1.png)repeat; width:100%; height:3px ; float:none;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
		.ftr_left{ width:300px;}
		.ftr_right{ float:none; width:140px;margin:10px 0px 0px 80px; padding:0px 0px 0px 0px; text-align:center;}
		.news_div{ width:300px; margin:0px 0px 0px 0px; padding:0px; float:left;}
		nav { width:300px; margin:0px 0px 0px 0px !important; padding:0px;}
		.mbl_hide{ display:none}
		.client-block{}
		.contact_right{width:300px;}
.multy{width:300px; }
ul.inner_nav{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
.container h2{ margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container{ width: 420px; }
		.box_1{ width:418px; border-top:1px solid #eeeeee !important;border-bottom:1px solid #eeeeee !important;  border-left:1px solid #eeeeee;border-right:1px solid #eeeeee !important; border-bottom:0px solid #eeeeee !important;}
		.box_2{ width:418px;}
		.shadow{ width:420px;}
		.mdl_text_left{ width:280px; }
		.hot_logo{ width:128px; float:left;margin:10px 0px 0px 0px !important; padding:0px 0px 0px 0px;}
		.module_div{ width:420px}
		.middle_line_horizontal{ background:url(../images/line1.png)repeat; width:100%; height:3px ; float:none;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
		.ftr_left{ width:420px;}
		.ftr_right{ float:none; width:140px;margin:10px 0px 0px 100px; padding:0px 0px 0px 0px; }
		.news_div{ width:420px; margin:0px 0px 0px 0px; padding:0px; float:left;}
        nav { width:250px; margin:20px 0px 0px 0px !important; padding:0px;}
		.mbl_hide{ display:none}
		.client-block{ margin:0px 14px 14px 0px; padding:0px;}
		.contact_right{width:420px;}
.multy{width:420px; }
ul.inner_nav{ margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
.container h2{ margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; }

    }