@media only screen and (min-width : 1px) and (max-width : 479px){
.Display_none { display:none !important;}
.wrap_left{width:100% !important; margin-bottom: 4% !important;}
.wrap_mid {width:100% !important; margin: 0% 0.1% 4% !important;}
.wrap_right { width:100% !important;}
.news_ful { width:48% !important;}
.more_news a {margin-left: 5.5% !important; }
.new_hed1 {left: 0% !important; margin: 0.2% !important;}
.news_img {margin-left: 8% !important;}
.news_ful h2{padding: 1% 6% 0 9%  !important;}
.hed_mid_left {width: 100% !important; text-align: center !important; margin-bottom: 2% !important;}
.hed_mid_img {width: 22% !important; margin: 1.4% 40% 0 38% !important; }
.hed_mid_left h1 {width:100% !important ; margin:0% !important; font-size: 1.5em !important;}
.hed_mid_left p {padding:0 !important;}
.magin {width: 100% !important; margin-bottom: 4% !important;}
.txt_m {float: right !important; width: 36% !important; margin-top: 0.6% !important;}
.menu_social li {width: 6%;}
.menu_social {width:100% !important; margin: 0.4% 0% 0% 0% !important;}
.searchtxt {width: 85% !important; padding-left:4% !important;}
.innr_div1 {width: 48%;}
.innr_div2 {width:100%;}
.font_span {width: 29%; padding: 3% 36% 0% 35%;}
.innr_div2 ul {width: 36%; padding: 2% 33% 2% 31%;}
.innr_div2 ul li {width: 22%; margin: 0 0 0 2%;}
.innr_div3 {width: 21%;}
.innr_div4 {width: 70%;}
.img_div {width: 19%; padding: 1% 40% 1% 41%;}
.captioncss {margin-bottom: 1%;}
.submit_btn {padding: 1% 10% 1% 10%; margin: 0 0 3% 5%;}
.section_img {width: 36%; margin-left: 2%;}
.slider_top_video {width: 75%; padding: 4% 12% 0% 13%;}
.video_hed {left: 4%;}
.slider_tnaimenber {width: 73.2%;}
.sep_div1 {width: 52%; margin: 0.5% 0% 1% 24%;}
.container {display: block;}
    
            /*Menubarcss*/

.hed_menu_2 li {padding: 0.7% 1% 0.7% 0%;}
nav{height: auto;}
nav ul {width: 100%; display: block;  height: auto;}
nav li {width: 100%; float: left; position: relative; margin: 2.2% 0px 4% 0%;}
nav li a {float:left; padding: 0.3em 0% 0% 0% !important;}
nav li:last-child a {border-right: 1px solid white;}
nav a {text-align: left; width: 92%; text-indent: 25px;}
nav {border-bottom: 0;}
nav ul {display: none; height: auto;}
nav a#pull {display: block; background-color: #383637; width: 100%; padding: .7em 0; color: white; text-align: left;}

nav a#pull:after {content:""; background:url(../images/nav-icon.pn) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px;}
.main_menu{width: 100% !important; padding: 0; float:right;}
#home_button{display:none;}
.sub_menu ul{padding: 0px 0px 0.2em 1.5em;}
.home_mob{display:block;}
.f-nav{ z-index: 9999; left: 0; top: 0; width:100%; margin:0; } 
nav li { border-top: 1px solid white;  margin: 0.5% 0 0.2% 0%; display: inline-block; float: left; position:relative;}
 }
@media only screen and (min-width:480px) and (max-width:567px) {

    .Display_none { display:none !important;}
.wrap_left{width:100% !important; margin-bottom: 4% !important;}
.wrap_mid {width:100% !important; margin: 0% 0.1% 4% !important;}
.wrap_right { width:100% !important;}
.news_ful { width:48% !important;}
.more_news a {margin-left: 5.5% !important; }
.new_hed1 {left: 0% !important; margin: 0.2% !important;}
.news_img {margin-left: 8% !important;}
.news_ful h2{padding: 1% 6% 0 9%  !important;}
.hed_mid_left {width: 100% !important; text-align: center !important; margin-bottom: 2% !important;}
.hed_mid_img {width: 22% !important; margin: 1.4% 40% 0 38% !important; }
.hed_mid_left h1 {width:100% !important ; margin:0% !important; font-size: 1.5em !important;}
.hed_mid_left p {padding:0 !important;}
.magin {width: 100% !important; margin-bottom: 4% !important;}
.txt_m {float: right !important; width: 36% !important; margin-top: 0.6% !important;}
.menu_social li {width: 6%;}
.menu_social {width:100% !important; margin: 0.4% 0% 0% 0% !important;}
.searchtxt {width: 85% !important; padding-left:4% !important;}
.innr_div1 {width: 48%;}
.innr_div2 {width:100%;}
.font_span {width: 29%; padding: 3% 36% 0% 35%;}
.innr_div2 ul {width: 36%; padding: 2% 33% 2% 31%;}
.innr_div2 ul li {width: 22%; margin: 0 0 0 2%;}
.innr_div3 {width: 21%;}
.innr_div4 {width: 70%;}
.img_div {width: 19%; padding: 1% 40% 1% 41%;}
.captioncss {margin-bottom: 1%;}
.submit_btn {padding: 1% 10% 1% 10%; margin: 0 0 3% 5%;}
.section_img {width: 36%; margin-left: 2%;}
.slider_top_video {width: 75%; padding: 4% 12% 0% 13%;}
.video_hed {left: 4%;}
.slider_tnaimenber {width: 73.2%; padding: 3% 14% 12% 12%;}
.sep_div1 {width: 52%; margin: 0.5% 0% 1% 24%;}
.container {display: block;}
    
            /*Menubarcss*/

.hed_menu_2 li {padding: 0.7% 1% 0.7% 0%;}
nav{height: auto;}
nav ul {width: 100%; display: block;  height: auto;}
nav li {width: 100%; float: left; position: relative; margin: 2.2% 0px 4% 0%;}
nav li a {float:left; padding: 0.3em 0% 0% 0% !important;}
nav li:last-child a {border-right: 1px solid white;}
nav a {text-align: left; width: 92%; text-indent: 25px;}
nav {border-bottom: 0;}
nav ul {display: none; height: auto;}
nav a#pull {display: block; background-color: #383637; width: 100%; padding: .7em 0; color: white; text-align: left;}

nav a#pull:after {content:""; background:url(../images/nav-icon.pn) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px;}
.main_menu{width: 100% !important; padding: 0; float:right;}
#home_button{display:none;}
.sub_menu ul{padding: 0px 0px 0.2em 1.5em;}
.home_mob{display:block;}
.f-nav{ z-index: 9999; left: 0; top: 0; width:100%; margin:0; } 
nav li { border-top: 1px solid white;  margin: 0.5% 0 0.2% 0%; display: inline-block; float: left; position:relative;}
    .bar1, .bar2, .bar3 {width: 6%;
height: 3px;
    }
}

@media only screen and (min-width:568px) and (max-width:767px) {
.container {display: block;}
.hed_menu_2 li {width: 47%;}

nav{ height: auto;}
nav ul {width: 100%; display: block; height: auto;}
nav li {width: 33.2%; float: left;position: relative; border:1px solid white; padding: 1% 3% 1% 4%; margin:0% !important;}
nav li a {padding:0% 0% 0% 15% !important;}
nav a {	text-align: left;	width: 100%;text-indent: 25px;}
nav {border-bottom: 0;}
nav {border-bottom: 0;}
nav ul {display: none; height: auto;}
nav a#pull {display: block; background-color: #383637; width: 100%; padding: .7em 0; color: white; text-align: left;}
nav a#pull:after {content:""; background:url(../images/nav-icon.pn) no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px;}
.main_menu{width: 100% !important; padding: 0; float:right;}
#home_button{display:none;}
.sub_menu ul{padding: 0px 0px 0.2em 1.5em;}
.home_mob{display:block;}
.f-nav{ z-index: 9999; left: 0; top: 0; width:100%; margin:0; } 
nav li { border-top: 1px solid white;  margin: 0.5% 0 0.2% 0%; display: inline-block; float: left; position:relative;}
.bar1, .bar2, .bar3 {margin: 6px 0% 0% 88% !important; }
.container {margin: -1.5% 2% 0% 0%; }
.hed_mid_right {width: 32%; }
.hed_mid_left h1 {font-size: 1.4em;}
.hed_mid_img {width: 16.5%;margin: 1.4% 0% 0 1%;}
.menu_social {width:37%; margin: 0.4% 0.5% 0% 0%;}
.wrap_left {width: 57%;margin-right: 3%;}
.wrap_right {width: 39%;}
.news_ful {width: 24.3%; }
.magin {width: 48.3%;}
.slider_tnaimenber {padding: 3% 13% 6% 4%;width: 83%;}
.slider_top_video {width: 95%;padding: 3% 2% 0% 3%;}
.innr_div2 {width: 16%;}
.innr_div3 {width: 11%; margin-left: 2%;}
.innr_div1 ul {padding: 0% 0% 0% 12%;}
 .sub_menu1 {display:none !important;}
 .hed_menu_2 li:hover ul{display: block !important;}
}

    




/* Clearfix */

.clearfix:before, .clearfix:after { content: " "; display: table;}
.clearfix:after{clear: both;}
.clearfix #pull ul{ display:none;}
.clearfix{background-color:#383637; }

/* Basic Styles */


.home{ background-color:#33CC33;}
nav { width: 100%; background: #e1e1e1; font-weight: bold;}
nav ul {padding: 0; margin: 0;}

nav a {color: #fff; text-align: center; text-decoration: none; line-height: 15px;}
nav li a {color: white; font-weight: bold; font-size: 1.2em;}

nav a:hover, nav a:active { color: white;}
nav #pull{display: none;}

@media only screen and (min-width : 768px) and (max-width : 1024px)
 {
    nav li a {font-size: 1em!important;}
}


@media only screen and (min-width : 1px) and (max-width : 480px)
{
   .hed_mid_left h1 { margin: 0% !important;font-size: 16.5px !important;}
   .sub_menu1 {display:none !important;}
    .hed_menu_2 li:hover ul{display: block !important;}
   
}


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

    .sub_menu1 {display:none !important;}
    .hed_menu_2 li:hover ul{display: block !important;}
}