img{ max-width:100%; height:auto;}
.menu-toogle{ background:url(../images/menubg.png) left top no-repeat; width:21px; height:20px; margin:20px 10px 16px 30px; }
@media only screen and (max-width:960px){
.manu-wrapper .main-menu{ display:none; width:300px; background:rgba(0,0,0,0.8);}
.menu-toogle{ display:block; color:#fff; font-size:50px;}
.manu-wrapper .main-menu li{ float:none; display:block; background:none; height:auto;}
.manu-wrapper .main-menu li a{ padding:10px 5px; display:block;}
.manu-wrapper .main-menu li:hover{background:#588c04; }
.copyright{padding-left:3.3%;}
.header-right{ margin-right:3.3%;}
.ContactLeft, .ContactRight{ width:96%; margin:2%}
.errorPageContainer{max-width:96% !important; padding:0; margin:0 2%;}
}

@media only screen and (min-width:768px) and (max-width:1024px){
.RSbar{ float:left; margin-left:20px;}
.search-container, .media-leftcontent>p{ margin-left:10px;}
}

@media only screen and (max-width:768px){
.logo{float:none; width:90%; padding:0 5%;}
.tara{ width:98% !important; padding:0 1%}
.links{ width:94% !important; padding:0 3%} 
.social-icon{ margin-right:3.8%;}
.full-content .leftcontent{ width:96%; padding:2%;}
.full-content .rightcontent{ float:left; margin:12px; width:96%;}
.full-content .leftcontent>div{ width:100%; clear:both; padding-top:4px;}
.leftcontent, .rightcontent, .share{width:94% !important; padding:0 3% }
.GalleryContents{ width:95%}
.share a{ margin-top:14px; display:inline-block;}
}

@media only screen and (max-width:640px){
.search{ margin-top:1.5em;}
.header-right .menu{ padding-top:10px;}
.banner-main li img{ min-height:275px;}
.resource-box{ left:2%; padding:7px;}
.resource-box h3{ font-size:1.1em;}
.resource-box p{ margin:.3em; font-size:1em;}
.resource-box .btn{ margin:.2em 0; 1em;}
.banner-container .flex-direction-nav .flex-next{ left:45%;}
.resource-box .btn{ font-size:1em;}
.main-menu li ul{ background:rgba(93,93,65,.9); z-index:900; top:35px; width:80%; text-align:left;}
.main-menu li ul a{ text-align:left;}

/*.video{margin-left:1%; margin-right:2%;}
iframe{width:100%;}
.Quicklinks{margin-left:1%;}
.GalleryContents{width:50%;}
.L2_GalleryText{width:50%;}
.L2_ProjectImgGallery{width:50%;}*/

.L2BodyBG .main-container .main{ overflow:hidden}
.ContactMap{ max-width:30em; overflow:hidden;}
.errorPageContainer,.ContactMap iframe{width:19em !important; padding:0; margin:0 2%; }
.ContactRight input,.ContactRight textarea{ width:96% !important;}
.Mcnt{ padding:2px 12px;}
.Mcnt table{ width:100%;}
.RSbar{ max-width:32em; float:none; clear:both; margin:0 auto;}
.RSbar .Quicklinks, .RSbar .video,.L3_BlogArea{ padding:10px}
.Quicklinks{ padding:15px 5px;}
.full-content .rightcontent{ margin:12px 8px;}
.full-content .rightcontent .Map{padding:0}
.L3_Quicklinks{ padding:10px 0;}
.GalleryContents{ padding-left:12px;}
.L3_Projects{ width:90%;}
.L3_Projects p{ margin-left:5px;}
.L3_IconsArea{ width:100%;}
.L3_Text{ width:100%; padding-top:12px;}

.search-container, .media-leftcontent>p{ margin-left:10px;}{ margin:0 10px;}
.search-keyword{ float:left;}
.news-update-section{ padding:20px 12px;}
.S1,.S2{ margin-top:5px;}
.L2_Text{ width:100%;}
.reg-form{ padding-left:10px;}

}

@media only screen and (max-width:360px){
.quick-body-left{ width:135px;}
}