/* CSS Document */
@media only screen and (min-width:320px) and (max-width:480px) {
.main_nav, .socila, #navcontainer, #topnav{ display:none;}
.fixed_width{ width:96%; margin:0 auto;}
.menu-holder { display: block !important;height: 31px;width:100%;background:#6d94c7; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#6d94c7;display: none;position: absolute;right: 0;top:31px;width:100%;z-index:999999999999999;margin:0; padding:0;}
.menu-holder-main ul.menutop li {display: block;float: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px !important;padding:0;
border-bottom:1px solid #999999; text-transform:capitalize;}
.menu-holder-main ul.menutop li:last-child{ border:none;}
.menu-holder-main ul.menutop li a {display: block;float: none;font:normal 15px Arial, Helvetica, sans-serif;font-size: 14px !important;padding:4px 0 4px 14px;line-height:30px;color:#fff; background:#6d94c7; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#6d94c7; color:#000;}
.menu-holder-main a.toggle {background:url(../images/menu.png) no-repeat;content: “.”;cursor: pointer;display: block;height: 31px;text-indent: -9999px;visibility: visible;width: 90px;}
.menu-holder-main ul.menutop li> ul{ margin:0; padding:0; display:none; padding:0;}
.menu-holder-main ul.menutop li> ul li a{ padding:0 0 0 25px; display:block;}
.menu-holder-main ul.menutop li:hover ul{ display:block;}
.logo{ margin:0 auto; padding:0; display:block; float:none;}
.logo img{ width:95%; display:block; margin:0 auto;}
.hdr_right{ width:100%; margin:10px 0 0 0;}
.hdr_right h5{ float:none; margin:0 auto;}
#demo1, .slides_box{ width:100% !important; height:250px !important;}
.section1 .left_part, .section_3rd .left_part, .section1 .right_part, .section_3rd .right_part{ float:none; width:100%; margin:0 auto;}
.f_block, .f_block:nth-child(2), .f_block:nth-child(3){ float:none; margin:0 auto 20px auto; width:100%;}
#container, #wrap{ width:96%; margin:0 auto;}
#header, #headleft{ width:100%; margin:0 auto; height:200px; background-color:#CCCCCC;}
#left, .activitybox, #right { float:none; width:95%; margin:0; padding:15px 15px 15px 5px;}
.boxcontent{ float:none; padding:4px;}
#newestBox, .activityboxB { width:90%; float:none}
.boxcontentB{ width:100%;}
.activityboxB{ border:2px solid #388E8E;}
.header{ background:url(../images/banner2_NoTagLine.png) no-repeat;}
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media only screen and (min-width:470px) and (max-width:480px) {
.logo img{ width:auto; padding:10px;}

}

@media only screen and (min-width:490px) and (max-width:640px) {
.main_nav, .socila, #navcontainer, #topnav{ display:none;}
.fixed_width{ width:96%; margin:0 auto;}
.menu-holder { display: block !important;height: 31px;width:100%;background:#6d94c7; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#6d94c7;display: none;position: absolute;right: 0;top:31px;width:100%;z-index:999999999999999;margin:0; padding:0;}
.menu-holder-main ul.menutop li {display: block;float: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px !important;padding:0;
border-bottom:1px solid #999999; text-transform:capitalize;}
.menu-holder-main ul.menutop li:last-child{ border:none;}
.menu-holder-main ul.menutop li a {display: block;float: none;font:normal 15px Arial, Helvetica, sans-serif;font-size: 14px !important;padding:4px 0 4px 14px;line-height:30px;color:#fff; background:#6d94c7; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#6d94c7; color:#000;}
.menu-holder-main a.toggle {background:url(../images/menu.png) no-repeat;content: “.”;cursor: pointer;display: block;height: 31px;text-indent: -9999px;visibility: visible;width: 90px;}
.menu-holder-main ul.menutop li> ul{ margin:0; padding:0; display:none; padding:0;}
.menu-holder-main ul.menutop li> ul li a{ padding:0 0 0 25px; display:block;}
.menu-holder-main ul.menutop li:hover ul{ display:block;}
#demo1, .slides_box{ width:100% !important;}
.section1 .left_part, .section_3rd .left_part, .section1 .right_part, .section_3rd .right_part{ float:none; width:100%; margin:0 auto;}
.f_block, .f_block:nth-child(2), .f_block:nth-child(3){ float:none; margin:0 auto 20px auto; width:100%;}
#container, #wrap{ width:96%; margin:0 auto;}
#header, #headleft{ width:100%; margin:0 auto;}
#left, .activitybox, #right { float:none; width:95%; margin:0; padding:15px 15px 15px 5px;}
.boxcontent{ float:none; padding:4px;}
#newestBox, .activityboxB { width:90%; float:none}
.boxcontentB{ width:100%;}
.responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}


@media only screen and (min-width:768px) and (max-width:800px) {
.main_nav, .socila, #navcontainer, #topnav{ display:none;}
.fixed_width{ width:96%; margin:0 auto;}
.menu-holder { display: block !important;height: 31px;width:100%;background:#6d94c7; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#6d94c7;display: none;position: absolute;right: 0;top:31px;width:100%;z-index:999999999999999;margin:0; padding:0;}
.menu-holder-main ul.menutop li {display: block;float: none;font-family: Arial, Helvetica, sans-serif;font-size: 14px !important;padding:0;
border-bottom:1px solid #999999; text-transform:capitalize;}
.menu-holder-main ul.menutop li:last-child{ border:none;}
.menu-holder-main ul.menutop li a {display: block;float: none;font:normal 15px Arial, Helvetica, sans-serif;font-size: 14px !important;padding:4px 0 4px 14px;line-height:30px;color:#fff; background:#6d94c7; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#6d94c7; color:#000;}
.menu-holder-main a.toggle {background:url(../images/menu.png) no-repeat;content: “.”;cursor: pointer;display: block;height: 31px;text-indent: -9999px;visibility: visible;width: 90px;}
.menu-holder-main ul.menutop li> ul{ margin:0; padding:0; display:none; padding:0;}
.menu-holder-main ul.menutop li> ul li a{ padding:0 0 0 25px; display:block;}
.menu-holder-main ul.menutop li:hover ul{ display:block;}
#demo1, .slides_box{ width:100% !important;}
.section1 .left_part, .section_3rd .left_part{ width:55%;}
.f_block:nth-child(3){ clear:both; margin:20px 0;}
#container, #wrap{ width:96%; margin:0 auto;}
#header, #headleft{ width:100%; margin:0 auto;}
.boxcontent{ float:none; padding:4px;}
#newestBox, .activityboxB { width:90%; float:none}
.boxcontentB{ width:100%;}
#left{ float:left; width:55%;}
.activitybox{ width:100%;}
#right{ float:right; width:40%;}

}