/* 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:#1E5A5A; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#0578d3;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:#497E7E; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#A9A9A9; 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 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;}
#left, .activitybox, #right { float:none; width:95%; margin:0; padding:15px 15px 15px 5px;}
.boxcontent{ float:none; padding:4px;}
#newestBox, .activityboxB { width:100% !important; float:none}
.boxcontentB{ width:100%;}
.activityboxB{ border:2px solid #388E8E;}
#header{ background:url(../images/res_hdr.png) no-repeat; height:auto; max-height:118px;}
.tag_line{ margin:0; padding:40px 0 5px 0; white-space:inherit; font-size:12px; width:95%; margin:0 auto; line-height:18px; text-align:center;}
.logo{ width: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:#1E5A5A; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#0578d3;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:#497E7E; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#A9A9A9; 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%;}
}


@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:#1E5A5A; position:relative; margin:6px 0 0 0;}
.menu-holder .menu-holder-main {padding: 0;width: 90px; float:right;}
.menu-holder-main ul.menutop {background:#0578d3;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:#497E7E; text-align: left;}
.menu-holder-main ul.menutop li a:hover{ background:#A9A9A9; 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%;}


}

/*New Responsive Code*/



/* ============================================== */
/* iPhone5/Android landscape (& narrow browser)   */
/*                                        568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.serviceswide {
    background-color: #f1faf9;
    border: 2px solid #388e8e;
    clear: both;
    float: left;
    height: auto;
    padding: 10px;
    width: 230px;
}

div.servicestext {
    float: left;
    height: auto;
    margin: 10px 20px 20px 0px;
    padding: 10px;
    text-align: left;
    width: 85%;
}

#left950 {
    border: 0 solid #388e8e;
    float: left;
    
    padding: 2px 2px 2px 5px;
    text-align: center;
    width: 860px;
}
h3 {
    font-size: 92% !important;
}
}

/* ============================================== */
/* iPhone4/Android landscape (& narrow browser)   */
/*                                        480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.serviceswide {
    background-color: #f1faf9;
    border: 2px solid #388e8e;
    clear: both;
    float: left;
    height: auto;
    padding: 10px;
    width: 230px;
}

div.servicestext {
    float: left;
    height: auto;
    margin: 10px 20px 20px 0px;
    padding: 10px;
    text-align: left;
    width: 85%;
}
#left950 {
    border: 0 solid #388e8e;
    float: left;
    
    padding: 2px 2px 2px 5px;
    text-align: center;
    width: 860px;
}
h3 {
    font-size: 92% !important;
}
}

/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.serviceswide {
    background-color: #f1faf9;
    border: 2px solid #388e8e;
    clear: both;
    float: left;
    height: auto;
    padding: 10px;
    width: 230px;
}

div.servicestext {
    float: left;
    height: auto;
    margin: 10px 20px 20px 0px;
    padding: 10px;
    text-align: left;
    width: 85%;
}
#left950 {
    border: 0 solid #388e8e;
    float: left;
    
    padding: 2px 2px 2px 5px;
    text-align: center;
    width: 860px;
}
h3 {
    font-size: 92% !important;
}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Landscape                      320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.serviceswide {
    background-color: #f1faf9;
    border: 2px solid #388e8e;
    clear: both;
    float: left;
    height: auto;
    padding: 10px;
    width: 230px;
}

div.servicestext {
    float: left;
    height: auto;
    margin: 10px 20px 20px 0px;
    padding: 10px;
    text-align: left;
    width: 85%;
}
#left950 {
    border: 0 solid #388e8e;
    float: left;
    
    padding: 2px 2px 2px 5px;
    text-align: center;
    width: 860px;
}
h3 {
    font-size: 92% !important;
}
}

/* ============================================== */
/* Smaller devices                                */
/* Android Portrait                       240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.serviceswide {
    background-color: #f1faf9;
    border: 2px solid #388e8e;
    clear: both;
    float: left;
    height: auto;
    padding: 10px;
    width: 230px;
}

div.servicestext {
    float: left;
    height: auto;
    margin: 10px 20px 20px 0px;
    padding: 10px;
    text-align: left;
    width: 85%;
}
#left950 {
    border: 0 solid #388e8e;
    float: left;
    
    padding: 2px 2px 2px 5px;
    text-align: center;
    width: 860px;
}
h3 {
    font-size: 92% !important;
}
}