@media (max-width:1199px) {

#header .logo  { padding-top: 20px;}
#header .logo img { width:100%}
.carousel-caption h1 { font-size: 58px;}
.recent-pro-box p, .project-box .content {height: 75px;}
.who-we-block { padding-right:40%;}
.testimonial-home li .author-img img { width:100%; height:auto;}
footer .title { font-size:14px}
.post-in img { width:100%}

.donate-block label {  width: 49%;}
.cotent-panel img{ width:100%; height:auto; max-width:100%;}
/*Gallery New Css  Start*/
.gallery{ margin:-21px 0 20px 0;}
.gallery ul li{ width:23%; margin:0 5px 10px 5px;}
.gallerymain{ width:99%; padding:0 1%; margin:-30px 0 0 0 !important;}	
.search_part .input_search{ width:83%;}
.leftnav_gallery{ margin:-23px 43px 30px 0 !important;}
.TabbedPanels_inner ul li{ width:31% !important;}
.TabbedPanels_inner ul li .conbox span{ line-height:16px !important; min-height:25px;}


.partners-logo ul li{ max-width:151px;}
.partners-logo ul li img{ width:100%; max-width:140px; text-align:center;}

.lates-news li p img{ width:100%; height:auto; display:block;}
}



@media (max-width:1024px) {
.pay-method label{ width:30% !important;}	
	}

@media (max-width:991px) {
/*.carousel, .carousel .item {height:300px;}	*/
.carousel-caption {  top: 10%; left:15%; right:15%;}
.carousel-caption h1 { font-size: 46px;}
.carousel-caption p {  font-size: 26px;}

.recent-pro-box .pro-img{height:180px; overflow:hidden;}
.recent-pro-box .pro-img img { height:auto;}
.recent-pro-box p, .project-box .content {height: 45px;}

.who-we-block {padding-right: 2%; background-color:#55A5F2; background-image:none; min-height:200px;}
.abt-menu li.active, .abt-menu li:hover{background: #F3F3F3 url("../images/down-arrow.png") no-repeat scroll 98% center;}

.lates-news { margin-bottom: 0;}
.lates-news li {padding-bottom: 10px; margin-top: 25px;}

.m-t-sm-30 { margin-top:30px}

.testimonial-home li .author-img { width: 18%; }
.testimonial-home li .author-img img { width: 100px;}

.testimonial-home li .author-text { width: 81%;}
.testimonial-home li {padding-bottom: 20px; margin-top: 20px;}

.payment-method { padding: 0px 0 0px 15px;}

footer .title.title-sm { border-bottom:1px solid #686868; padding-bottom:10px; margin-bottom: 14px;}
.post-in img { width:auto}

.recent-post {width: 50%; margin: 35px auto;}
.blank-sm  { display:none}
.pay-method label { width: 31%;}
.img-full-right {max-width: 30%;}
.item_img img {  width: 100%;}


/* 8 Feb 2016 */
.left-donetbox{ display:none;}
.recent-post{ display:none;}
.trast_img img{ width:auto; height:auto; display:block;}
.list-group{ display:none;}
.list-group.dm-arrow-tab-group{ display:inline-block;}

.carousel-indicators{ bottom:0; margin-bottom:0;}
.form-group .radio label.radio{ width:100% !important;}

/*Gallery New Css  Start*/
.gallery ul li .text{ font-size:13px;}
/*.example-image{width:22% !important; margin:1% !important;}*/
.lb-outerContainer{ width:96% !important; margin: 0 2%; height:auto !important;}
.lightbox .lb-image{width:100% !important; height:auto !important;}
.leftnav_gallery{ margin:-23px 25px 30px 0 !important;}

.searchbg{ width:50%;}


.TabbedPanels_inner ul li .conbox span{ width:50% !important;}
.footer-btm .social-media a { margin-left:5px !important;}
.TabbedPanels_inner ul li .conbox .social{ width:40%;}

.partners-logo ul li{ max-width:157px;}
}

@media (max-width:767px) {
#topbar .text-right { height:auto;}
#header .logo img { width:100%; max-width:322px;}
/*.carousel, .carousel .item {  height: 250px;}*/
h1.heading, #mid-main h1 { font-size: 27px;}

.recent-pro-box, .project-box {width: 50%; margin: 0 auto  30px auto;}
.recent-pro-box h2, .recent-pro-box p,.project-box h4.title,.project-box .content { height: auto;}

.who-we-block { padding-right:25px; min-height: auto; background-image:none}

.donate-home .first-line {line-height: 28px; font-size: 22px;}
.donate-home .sec-line {font-size: 16px; line-height: 18px;}

footer ul li { width:50%; float:left}
footer .ftr-projects ul li { width:100%}
.payment-method { padding:0px 15px;}

footer .container::before { top:25px}
footer .beta {padding-left:15px;}
footer .alpha {padding-right:15px;}

footer .title.title-sm {padding-bottom: 5px;}
footer .title.title-xs { border-bottom:1px solid #686868; padding-bottom:5px; margin-bottom: 14px;}

.m-t-xs-30 { margin-top:30px}
.footer-btm, .footer-btm .social-media { text-align:center}
.recent-post {width:60%; margin: 35px auto;}

.backpage-link, h1.pro-title { width:100%}
.form-group { margin-bottom:0}
.form-group label  { margin-top:10px;}
.pay-method label { width: 100%;}
.select-style.title {
    width: 50%;
}

.recent-pro-box .pro-img{height:auto;}

.recent-box{ max-height:200px;}

.carousel-indicators{ bottom:0; margin-bottom:0;}

#topbar { height:auto;}
#topbar li { line-height:26px; margin:0px 0 0px; }
.top-contact-detail { width:142px; margin-top:8px;}

.top-search #search_keyword { width: 144px;}

.top-social-bar { width: auto; margin:9px 5px 0;}


/* Gallery new css */
.recent-pro-box .pro-img{height:auto;}
.leftnav_gallery{ margin:-23px 26px 30px 0 !important;}

.disabled{ line-height:20px;}
.TabbedPanels_inner ul li{ width:48% !important; margin:1% !important;}
.TabbedPanels_inner ul li .conbox span{ width:65% !important; min-height:30px !important;}
.search_part{ position:fixed; background:#FFFFFF; padding:10px 5px 10px 5px; width:100%; margin:0 0 0 -4px; z-index:999;}
.textsearch{ margin:60px 0 0 0;}
.searchbg{ width:91%;}
.search_part .input_search{ width:90%; float:left;}
.search_part .input_gobtn{ float:left; width:7%;}
.leftnav{ width:5%;}

.partners-logo ul li{ max-width:136px;}
.partners-logo ul li img{max-width:120px;}

}

@media (max-width:639px) {
/*.carousel, .carousel .item {  height: 280px;}*/	
.carousel-caption { top: 3%;}
.carousel-caption h1 { font-size:30px;}
.carousel-caption p {font-size: 22px;}

.recent-pro-box, .project-box,.recent-post {width: 70%; }
h1.heading.font24, #mid-main h1, #mid-main .testimonials h1 { font-size: 20px;}
.m-t-sm-30, .m-t-xs-30 { margin-top:20px}

.list-group-item {padding: 7px 12px;}
.donate-block label {  width: 100%;}
.why-rntc-block { padding:15px}
.img-full-right {max-width: 100%; width:100%; text-align:center}
.item_img img {  width:90%;}

#header .logo{padding-top:0px;}
#header{padding-bottom:15px; height: auto; padding-top:10px;}
#cssmenu ul{margin-top: 45px !important;}
#cssmenu ul ul{margin-top:0px !important;}

iframe{ width:80%; margin:2% 10%; float:left;}

.recent-box{ max-height:150px;}

/*Gallery New Css  Start*/
.gallery ul li{ width:31%; margin:0 5px 10px 5px;}
/*.example-image{width:22% !important; margin:1% !important;}*/
.lb-outerContainer{ width:96% !important; margin: 0 2%; height:auto !important;}
.lightbox .lb-image{width:100% !important; height:auto !important;}
.TabbedPanelsTab{ font-size:12px !important; padding:4px 5px !important;}
.textsearch .disabled{ width:100%; margin-bottom:10px; line-height:25px;}
.textsearch .disabled strong{ width:100%; float:left;}
.textsearch .related{ width:100%; text-align:left;}
.textsearch .related strong{ width:100%; float:left;}
.pagelist a{ width:25px; height:25px; line-height:26px;}
.TabbedPanels_inner ul li .conbox .social a img{ max-width:20px;}
.TabbedPanels_inner ul li .conbox p{ line-height:16px !important;}
.lb-data .lb-caption{ font-size:14px !important;}
.leftnav_gallery{ margin:-23px 20px 30px 0 !important;}

.TabbedPanels_inner ul li .conbox  a span{ float:left; width:62% !important;}
.TabbedPanels_inner ul li .conbox .social{ width:46% !important; right:0;}
.TabbedPanels_inner ul li .conbox .social a{ margin:0  1px; }

#mid-main h2{ font-size:22px;}
.partners-logo ul li{ max-width:153px;}
.partner-detail h2{font-size:20px !important;}
}
@media (max-width:480px) {
/*.carousel, .carousel .item { height: 220px;}*/

.carousel-caption { top:0%}
.carousel-caption h1 {font-size: 30px; line-height: 30px;}
.carousel-caption p {font-size: 18px;}
.btn-primary {padding: 6px 18px; font-size: 14px;}

h1.heading { font-size: 24px;}
.welcome-text { font-size: 16px; line-height: 20px;}
.recent-pro-box, .project-box,.recent-post {width: 80%; }

.select-language{ float:right; margin:0;}
.top-social-bar { width: auto; margin:0px 0px 0;}
.top-social-bar a{ margin:0 3px 0 0;}
.top-search i{ position:absolute; margin:6px 0 0 0; right:20px;}

.testimonial-home li .author-img img { width:100%; height:auto;}
.donate-home .first-line { line-height: 24px;font-size: 20px;}
.footer-btm p { line-height: 20px; margin-bottom:10px;}



/* 8 Feb 2016 */
.video-box .video iframe{ width:100%; float:left; margin:0px; padding:0px;}
.video-box .video-title a{ font-size:14px}

/*Gallery New Css  Start*/
.gallery ul li{ width:47%; margin:0 5px 10px 5px;}
/*.example-image{width:47% !important; margin:1% !important;}*/

.searchbg{ width:88%;}
.search_part .input_search{ width:85%;}
.search_part .input_gobtn{ width:10%;}


.partners-logo ul li{ max-width:124px;}
}

@media (max-width:479px) {
#topbar .text-right { height:auto; text-align:center}

#topbar ul li:first-child, #topbar ul li:last-child { margin-left:0} 	
#header .logo img { width: 90%;}
#header .logo{padding-top:0px;}
.recent-pro-box, .project-box,.recent-post {width: 100%; }


#header{padding-bottom:15px; height: auto; padding-top:10px;}
#topbar li:last-child{padding-top:0px;}
#topbar{height:auto; padding-bottom:8px;}
#topbar li:first-child, #topbar li:nth-child(2){line-height:22px;}

#cssmenu{margin-top: -40px !important;}
#cssmenu ul{margin-top: 45px !important;}
#cssmenu ul ul{margin-top:0px !important;}
.carousel-caption{left:0; right:0}

/*Gallery New Css  Start*/
.TabbedPanels_inner ul li{ width:97% !important;}
.gallery ul li{ width:91%; margin:5px 4%;}

.TabbedPanels_inner ul li img{ width:100%;}
.TabbedPanels_inner ul li .conbox{ width:97% !important; margin:0 1.5% !important; right:0px;}
.TabbedPanels_inner ul li .conbox  a span{ float:left; width:62% !important;}
.TabbedPanels_inner ul li .conbox .social{ width:28%; right:0%; text-align:right;}
.TabbedPanels_inner ul li .conbox .social a{ float:right;}


.partners-logo ul li{ max-width:140px;}

#mid-main h4{ font-size:18px;}
}

@media (max-width:400px) {
.top-social-bar { width:auto; float:left;}
}
@media (max-width:375px) {
/*Gallery New Css  Start*/

.gallery ul li .text{ font-size:12px;}

.searchbg{ width:85%;}

.disabled{ width:100%; margin:0 0 2px 0;}
.TabbedPanels_inner ul li .conbox .social{ width:32%;}

}

@media (max-width:374px) {
.partners-logo{ padding:0px 10px; margin-bottom:15px;}
.partners-logo ul li{ max-width:123px;}	
.partner-detail{ padding:0px 10px;}
}