@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 1024px){
	.megamenu li{margin-right:17px;}
}
@media screen and (max-width: 980px)
{

.container { padding:0px 10px;}
.megamenu li { margin-right:21px;}

.tabs li { margin: 0 5px 0 0;}
.tabs li a {padding: 0 10px;}



}

@media screen and (max-width: 900px){
.megamenu li { margin-right:10px;}
.leftbox h2 { font-size:40px;}

}

@media screen and (max-width: 800px)
{
.container { padding:0px;}
.sliderContainer .scrollbarContainer { width:100%;}
.megamenu li { margin-right:15px;}
.toprow { float:left; padding-left:5px;}
.donate-link {top: -60px;}


.iosSliderDemo { top:-10px;}
.popup-container { left: 0;line-height: 24px; padding: 40px 35px 30px 35px; position: absolute; text-transform: none; top: 130px; width: 455px;}
.services_box { padding:30px 10px;}
.leftbox h2 { font-size:36px;}
.leftbox {padding: 35px 5px 20px 10px;}

.tabs li { margin: 0 3px 0 0;}
.tabs li a {padding: 0 8px;}
} 


@media screen and (max-width: 768px)
{
.iosSlider .slider .item .inner .text2 { left:auto !important; right:15px; bottom:60px;}

.donate-link {top: -75px;}
.menu { width:100%; padding:0px 0px 0px; top:10px; position:absolute; }
header {  background:#333333;}
.megamenu { top:0px;}
.navigation  { display:block; height:50px;}

.row .ninenew.columns 	{ width: 100%; }
.toprow { font-size: 14px; padding: 20px 20px 0 0; position: relative; right: 3%; text-align: right;  top: -100px; width: 100%;}
.donate-link { position: absolute; right: 0; top: -35px;}

.iosSliderDemo { top:0px;}
.megamenu li { background:#333;}
.megamenu > li > a  { padding: 10px 10px; line-height:20px;}
.megamenu > li:hover > a, .megamenu > li.active > a  { padding: 10px 10px; }
.megamenu > li:hover > a, .megamenu > li.active > a { border:none; background:#8A941E;}
.service_points li a { font-size:17px;}
.footerlink ul li { padding: 0 8px;}
.popup-container.vediopopup-box { min-height:450px;}
a.play-icon { margin-left:-20px; margin-top:-20px;}
a.play-icon img { width:40px; height:40px;}
.content-section .ninenew.columns 	{ width: 75%; }
.newsletter-form .four.columns { width:100%; float:none;}
.newsletter-form .eight.columns { width:100%; float:none;}
.newsletter-form input[type="text"] { width:97%;}
.newsletter-form-row.button { margin-right:0px;}
.contact-form-row div.label { width:20%; float:left; margin-bottom:2px;}
.contact-form-row div.inputbox { width:80%; float:left;}
}


@media screen and (max-width: 767px)

{
.toprow { font-size: 14px; padding: 20px 20px 5px 0; position: relative; left: 1%; right:auto; text-align: left;  top:0px; width: auto;}
.toplinks a { padding:0px 0px 0px 3px}
.toplinks a.subscribe { padding: 0 7px 0 7px;}
.menu {margin-top: 10px; position: relative; top: 0; }
.megamenu > li.showhide span.title { color: #FFFFFF; float: left; font-size: 24px; margin: 1px 0 0 10px;}
.donate-link { top:20px;}

a.stoplink { font-size:16px;}
a.wherelink { background: url("../images/circle-arrow.png") no-repeat scroll 85% 92% transparent; font-size: 18px; line-height:20px; padding-right: 20px;text-transform: uppercase;}
footer .row .eight.columns { float:left;}
footer .row .four.columns { float:right;}
.gallery-col4 { width:50%;}
.services_box.color3 { background:#f5f4f0;}
.services_box .row .four.columns { float:left;}
.services_box .row .eight.columns { float:left; margin-left:10px;}
.popup-container { left: -35px; line-height: 24px; padding: 20px 30px; position: absolute; text-transform: none; top: 100px; width: 595px; margin:0px 20px; z-index:999;}
.popup-container.vediopopup-box { margin:0px; min-height: 690px;}
.social-media { float: right; padding: 5px 5px 0 0;}
a.play-icon { margin-left:-15px; margin-top:-15px;}
a.play-icon img { width:30px; height:30px;}
.popup-container.vediopopup-box2 { margin:0px; width:90%; margin:0px 5%;}
.videotext-box {float: none; width: 100%; margin-bottom:0px;}
.back {top: -183px; right:10%;}
.video-description { padding: 20px 0px;}
.leftbox {padding: 35px 20px 20px 20px;}
.leftbox h2 { display:inline-block; text-align:left;}
.leftlinkbox { margin-top:15px;}
.leftlinkbox .wherebox .four.columns { width:40%; float:left;}
.leftlinkbox .wherebox .eight.columns { width:40%; float:left; margin-left:3%;}
.leftbox { min-height:100%;}
.rightsection h3 { padding: 10px 0 10px 20px; }
.about-contentbox {padding: 20px 20px 20px;}
.supportlink-box { text-align:left;}
.innerpage h1 { line-height:39px;}

.tabs ul {padding: 0 0 0 20px; height:100%}
.tabs li { margin: 0 3px 0 0; min-height:30px;}
.tabs .about-contentbox {padding: 20px;}

.filters-section { font-size: 14px; padding: 0px 20px 0 0; text-align: right; margin-top:-36px;}
.pagging-section { font-size: 14px;  padding: 15px 20px 0 0; text-align: right;}

/******    DATE 23-Dec-2013 PHOTO GALLERY PAGE POPUP    *************/
.popup-container.photoinfo { width:100%;}
.popup-container.downloadinfo  { width:100%;}
.newslisting-box { padding:20px;} 
.newslisting-box .news-row .datecol { width:10%; padding:1.5%; float:left; font-size:13px; color:#404041;}
.newslisting-box .news-row .textcol { width:79%; padding:1.5%; float:left; font-size:13px; color:#404041;}


.content-section{position:relative}
.popup-container.vediopopup-box.newvideo{ top:50%; margin-top: -100px;}
  .popup-container.photoinfohome {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    color: #404041;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    left: 0;
    line-height: 20px;
    padding: 20px;
    position: absolute;
    text-transform: none;
    width: 180%;
    z-index: 999;
}

}


@media screen and (max-width: 600px) 
{
.popup-container { left: -5px; line-height: 24px; padding: 20px 30px 20px 10px; position: absolute; text-transform: none; top: 80px; max-width:530px; min-width:260px; margin:0px 0px; z-index:9999; font-size: 14px; line-height:20px;}
.popup-container.vediopopup-box { margin:0px; min-height: 690px;  max-width:100%; min-width:100%; }
.vediolist li { float: left; position: relative; width: 33%;}
.vediolist li img { width:100%; height:auto;}
a.play-icon { margin-left:-20px; margin-top:-20px;}
a.play-icon img { width:40px; height:40px;}
footer .row .eight.columns { float:none; display:block; text-align:center; width:100%;}
footer .row .four.columns { float:none; display:block; text-align:center; width:100%;}
.social-media {display: inline-block;float: none; padding: 5px 0px 0 0;}
.services_box { padding:20px 10px;}
.services_box .title { padding-bottom:5px;}
.service_points li { line-height:22px;}
} 


@media screen and (max-width: 568px)
{
.popup-container { left: 5px; line-height: 24px; padding: 20px 30px 20px 10px; position: absolute; text-transform: none; top: 75px; max-width:500px; min-width:260px; margin:0px 0px; z-index:9999; font-size: 14px; line-height:20px;}
.video-description { padding: 10px 0px;}
.back {top: -160px; right:10%;}
.vediolist li { float: left; position: relative; width: 50%;}

.photogallery .vediolist li {float: left; margin: 0; position: relative; width: 50%;}
.photogallery .vediolist1 li {float: left; margin: 0; position: relative; width: 50%;}

/******    DATE 23-Dec-2013 PHOTO GALLERY PAGE POPUP    *************/
.popup-container.photoinfo { padding:5%; width:90%; left:0px; }
.popup-container.downloadinfo  { padding:5%; width:90%; left:0px;}
.imagepopup-data a.popup-close { right: -15px;}
.videolist1 .imagepopup-data a.popup-close { cursor: pointer; position: absolute; right: -20px; top: -17px; width: auto;}
}
@media screen and (max-width: 568px)
{
.social-media-top { width:100%; padding-left:0px; padding-top:10px;}
.video-container {
   /* position: relative; */
    padding-bottom: 56.25%;
    padding-top: 0px;  overflow: hidden; width:100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    /*position: relative; */
   /* top: 0;  */
    left: 0;
    width: 100%;
    height: 100%;

}
}
@media screen and (max-width: 480px)
{
.popup-container { left: 0px; line-height: 22px; padding: 15px 10px 10px 10px; position: absolute; text-transform: none; top: 60px; max-width:440px; min-width:260px; margin:0px 0px; z-index:9999; font-size: 13px; line-height:20px;}
.video-description { padding: 10px 0px;}
.back {top: -30px; right:10%;}
.vediolist li { float: left; position: relative; width: 50%;}
.popup-container.vediopopup-box2 { margin:0px; width:90%; margin:0px 5%; max-width:100%;} 
.row { text-align: left;}
.iosSlider .slider .item .inner .popup-close {position: absolute; right: -15px;top: -15px;}
.iosSlider .slider .item .inner .popup-container a.learn-more { margin-top:5px;}
.text3 { left: 10px; padding: 0 2px 0 0; top: -30px; z-index: 99;}

.text3 a {background: url("../images/video-gallery-play-btn.png") no-repeat right 0px;}
.back a.back-link { background: url("../images/back-arrow.png") no-repeat scroll left 5px transparent;}

.contact-form-row { margin-bottom:8px;}
.contact-form-row div.label { width:100%; float:left; margin-bottom:2px;}
.contact-form-row div.inputbox { width:100%; float:left;}

.social-media-top { display: inline-block; float: none; padding: 10px 0 0 10px;}
.social-media-top { width:100%; padding-left:0px;}

.filters-section { font-size: 14px; padding: 0px 20px 0 20px; text-align: left; margin-top:15px; /*width:100%;*/}
.pagging-section { font-size: 14px;  padding: 15px 20px 0 20px; text-align: left;}
.tabs_photo.photogallery{top :0px;}
.overlay { left: auto !important; top: -50px !important; right:0px;}
.popup-container.photoinfohome {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
    color: #404041;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 20px;
    padding: 10px;
    position: absolute;
    text-transform: none;
    width: 440px;
    z-index: 999;
}

}


@media screen and (max-width: 380px)
{
.donate-link { top:95px;}
.toprow { left: 0;padding: 20px 0 40px;right: auto;text-align: center; top: 0;width: 100%;}
.iosSlider .slider .item .inner .text2 { bottom: 40px; left: auto !important; right: 15px;}
div.inputbox input[type="text"] { background:#e8ead2; border:none; outline:none; width:96%; padding:4px 2%; margin:0px; color:#404041; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.social-media-top { width:auto; padding-left:0px;}

.tabs_photo.photogallery { top:0px;}


}

@media screen and (max-width: 320px)
{
.gallery-col4 {width: 100%;}
.services_box { padding:10px;}
.text3 a {
    background: url("../images/video-gallery-play-btn.png") no-repeat right 0px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 18px;
    padding: 0 32px 0 0;
}
.back { right: 20%; /*top: -180px;*/}
.back a.back-link { background: url("../images/back-arrow.png") no-repeat scroll left 5px transparent;}

.staff-image { float:left; width:100%; height:auto;}
.staff-data { float:left; width:100%; margin-top:5px; }
.custom-filter { display:block; margin-bottom:15px;}
.photogallery .vediolist li {float: left; margin: 0; position: relative; width: 100%;}
.photogallery .vediolist1 li {float: left; margin: 0; position: relative; width: 100%;} 
.photogallery .vediolist1 li img { width: 100% !important;} 
.overlay { right: -200px; top:10px !important;}
.services_box { height:100% !important;}
.video-container {
   /* position: relative; */
    padding-bottom: 56.25%;
    padding-top: 0px;  overflow: hidden; width:100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    /*position: relative; */
   /* top: 0;  */
    left: 0;
    width: 100%;
    height: 100%;

}
}
/*.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/