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


@media only screen and (min-width:768px) and (max-width:959px)
{
.container_main{ width:720px;}
.container1{ width:690px;}
.main_container{width: 90%;}
.top{height: auto;}
.top-left{width: 20%;}
.top-left img{width: 100%;}
.logo{ width:227px}
.logo img{ width:100%;}
.hdr_right{ width: 463px;}
.top-rht{ width: 70%; float: left; margin: 0 0 0 5%;} 
.top-rht ul li{ margin: 0 4% 0 0; padding: 10px 0;}
.header_inr{ background:none;}
.circle_img img{ width:100%;}
.circle_img{ height:100%;}
.circle_box{ width:149px;}
.ftr_lft{width: 46%;}
.ftr_lft_menu{ width:100%;}
.ftr_rght{ width:32%;}
.blk_ftr ul li{ font:11px/20px 'Roboto Condensed',sans-serif;  margin: 0 2px 0 0; padding: 0 7px 0 0;}
.ftr_bg{ background-size:100%;}
.navigation{ background:none; height:100%;}
.navigation ul li{ width:100%; background-image:none;  text-align:right; padding-right:0px; padding-bottom:10px; text-align:center;}
.navigation ul{background-color:#a9cd46; border-radius:5px;}
.banner_sec h2{ font-size: 23px; line-height: 25px;}
.banner_sec p{font-size: 20px; line-height: 25px;}
.banner_sec h3{ font-size:25px; line-height:22px;}
.flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxtsmall.png) no-repeat 0 0 !important; width:20px; height:20px; }
.flex-direction-nav .flex-prev {left:0; background:url(../images/arow_presmall.png) no-repeat 0 0 !important; width:20px; height:20px;  }
.blk_ftr ul{ width:100%; text-align:center; float:none; padding:14px 0 0 0;}
.blk_ftr ul li{ float:none; display:inline-block;}

.body_lft{width: 32%;}
.body_mid{width: 32%;}
.body_rit{width: 32%;}

.contact_lft{width: 45%;}
.cont_form{width: 45%;}
.main_form_inr label{width: 100%; text-align: left;}
.main_form_inr input[type="text"]{margin: 10px 0 0 0;}
.main_form_inr textarea{margin: 10px 0 0 0;}

.panel1_sub{width: 25%;}
.panel1{width: 25%;}
.panel2{width: 70%;}
.panel2 ul li{width: 25%;}
.panel2 ul li img{width: 100%;}

.pane13{width: 70%;}
.pane13 ul li{width: 25%;}
.pane13 ul li img{width: 100%;}


}


@media only screen and (max-width:767px) 
{
.flex-direction-nav a{ top: 50% !important;}
.body_wrapper_gray .flex-direction-nav .flex-prev, .body_wrapper_gray .flex-direction-nav .flex-next{ top:50% !important;}

.main_container{width: 90%;}
.container_main{ width:90%;}
.container1{ width:90%;}
.logo{ width:100%; text-align:center;}
.header_inr{ background:none;}
.hdr_right{ width:100%;}
.hdr_cont_sec ul{ float:none; text-align:center;}
.hdr_cont_sec ul li{ float:none; display:inline-block;}
.ftr_bg{ background-size:100%;}
.navigation{ background:none; height:100%; text-align:center;}
.navigation ul li{ width:100%; background:none; text-align:center; padding-right:0px; padding-bottom:10px;}
.nav-collapse, .nav-collapse ul{ float:none !important;}
.banner_sec h3{ font-size: 23px;}
.banner_sec p{ }
.circle_box{ width:100%; text-align:center; margin-bottom:50px;}
.circle_img img{ width:34%;}
.ftr_lft, .ftr_lft_menu{ width:100%; text-align:center;  padding:10px 0 10px;}
.ftr_lft_menu ul{ float:none;}
.ftr_lft_menu ul li{ display:inline-block; float:none;}
.ftr_rght{ width:100%;}
.ftr{ background-image:none; background-color:#575757;}
.ftr_bg{ background:none;}
.blk_ftr ul{ float:none; text-align:center;}
.blk_ftr ul li{ width:100%; background:none; padding-bottom:15px;}
.ftr_rght_pic{ display:none;}
.ftr_rght_innr{ width:100%; margin-top:0px; padding-bottom:10px;}
.ftr_rght_innr h3{ text-align:center;}
.ftr_rght_innr ul{ float:none; text-align:center;}
.ftr_rght_innr ul li{ float:none; display:inline-block;}
.ftr_rght_cntnt p{ text-align:center; padding-bottom:10px;}
.navigation ul{background-color:#a9cd46; border-radius:5px;}
.banner_sec h2{font-size: 21px; line-height:30px;}
.banner_sec p{font-size: 15px; line-height: 20px;}
.flex-caption{ margin-left:5%;}

.flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxt1.png) no-repeat 0 0 !important; }
.flex-direction-nav .flex-prev {left:0; background:url(../images/arow_pre1.png) no-repeat 0 0 !important;  }

.body_lft{width: 32%;}
.body_mid{width: 32%;}
.body_rit{width: 32%;}

.cont_form{margin: 30px 0 0 0;}
.contact_lft{width: 100%;}
.cont_form{width: 100%;}
.main_form_inr label{width: 100%; text-align: left;}
.main_form_inr input[type="text"]{margin: 10px 0 0 0; width: 100%; height: 20px;}
.main_form_inr textarea{margin: 10px 0 0 0; width: 100%;}

.panel1_sub{width: 25%;}
.panel1{width: 25%;}
.panel2{width: 70%;}
.panel2 ul li{width: 25%;}
.panel2 ul li img{width: 100%;}

.panel3 {width: 70%;}
.panel3  ul li{width: 25%;}
.panel3  ul li img{width: 100%;}





}


@media only screen and (max-width:767px) 
{
.banner_sec h2{ font-size:25px; line-height:30px;}
.circle_img{ height:100%;}
.flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxtsmall.png) no-repeat 0 0 !important; width:20px; height:20px; }
.flex-direction-nav .flex-prev {left:0; background:url(../images/arow_presmall.png) no-repeat 0 0 !important; width:20px; height:20px;  }

.body_wrapper_gray .flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxt2s.png) no-repeat 0 0 !important; width:20px; height:20px; }
.body_wrapper_gray .flex-direction-nav .flex-prev {left:0; background:url(../images/arow_pre2s.png) no-repeat 0 0 !important; width:20px; height:20px;}
.bdy_box_sec{ padding-bottom:0px;}


.top-rht ul li {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
.top-rht ul{ margin-top: 17px;}

.bottom{ margin: 25% 0 0 0;}

}


@media only screen and (max-width:599px) 
{
.banner_sec h2{font-size: 20px; line-height:21px;}
.banner_sec p{font-size: 15px; line-height: 20px;}
.banner_sec h3{font-size: 18px; line-height: 18px; margin-top: 20px;}
}


@media only screen and (max-width:480px)
{
.banner_sec h2{}	
.banner_sec h3{ font-size:14px; margin-top:5%; padding-bottom:3px;}
.banner_sec h2 {font-size: 15px; line-height:18px;}
.banner_sec p{font-size: 10px; line-height:11px; padding:0px;}
.flex-caption{ margin:0 10%;}
.flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxtsmall.png) no-repeat 0 0 !important; }
.flex-direction-nav .flex-prev {left:0; background:url(../images/arow_presmall.png) no-repeat 0 0 !important;  }
.body_wrapper_gray .flex-direction-nav .flex-next { right:0; background:url(../images/arow_nxt2s.png) no-repeat 0 0 !important; width:20px; height:20px; }
.body_wrapper_gray .flex-direction-nav .flex-prev {left:0; background:url(../images/arow_pre2s.png) no-repeat 0 0 !important; width:20px; height:20px;}
.cont_form{ padding: 20px;}


.panel1_sub{width: 100%;}
.panel1{width: 100%;}
.panel2{width: 100%; margin: 20px 0 0 0;}
.panel2 ul li{width: 25%;}
.panel2 ul li img{width: 100%;}

.panel3 {width: 100%;}
.panel3  ul li{width: 25%;}
.panel3  ul li img{width: 100%;}

}

@media only screen and (max-width:370px)
{
.body_lft{width: 100%;}
.body_mid{width: 100%;}
.body_rit{width: 100%;}
.test_dit_lft{width: 100%;}
.test_dit_rit{width: 100%; margin: 30px 0 0 0;}
.panel2 ul li {margin: 5px 0 0; width: 100%;}
.js .slicknav_menu{top: 30px;}
}

@media only screen and (max-width:325px)
{
.logo img{ width:60%;}
.hdr_cont_sec{ text-align:center;}
.ph_text{ width:100%; padding-left:0px !important; padding-bottom:15px;}
.blk_ftr ul li a{ font-size:12px;}
.banner_sec p{ display:none;}
}