@charset "utf-8";

@media only screen and (min-width: 200px) and (max-width:500px) {
.wrapper{ width:96% !important; margin:0% 2%; }

.headerpart{ width:96% !important; margin:0% 2%; }

.logo {width:100% !important; margin:0; text-align:center; padding:10px 0 0;}
.topmenu{width:100% !important; text-align:center;}
.extrlink{width:100% !important; text-align:center;}
.headertopmenu {width:100% !important; text-align:center; padding:20px 0;}
.headertopmenu a{padding:0 10px;}

.searchbox{width:96% !important; margin:0 2%;}
#tfnewsearch{padding:0 0 10px;}

.tfbutton2{top:10px;}
.menupart{width:100% !important; margin:0 auto; background:none;}
.bannerpart{width:100% !important; background:#f6f6f6 !important;}
.slider{max-width:100% !important;}
.bnprohead{display:none !important; }
.bntextares{display:none !important;}
.benefits{max-width:100% !important;}

.bodycontain{width:100% !important; padding:0 0 20px;}
.headtext{width:96% !important; margin:0 2% 2%; font-size:20px;}
.cat_name .headtxt02 {padding: 5px 18px;}
.cat_name .headtxt02 a {font-size: 20px;}
.leftside{width:100% !important;}
.contain{width:98% !important; margin:0 1%; padding:0; overflow:auto;}
.rightside{width:96% !important; margin:0 2%; text-align:center; display:none;} 


.member{width:96% !important; padding:20px 0; margin:0 2%;}
.howitworks, .membership{width:100% !important;}
.icon{width:100% !important; text-align:center;}
.text{width:98% !important; margin:0 2%;}
.text_cotain p{width:100% !important;}

.leftcategory{width:100% !important;}
.categorylist01{width:98% !important; margin:0 1% 3%; }
.cat_name .headtxt a{font-size:24px;}
.cat_name .headtxt, .categorylist03 .cat_name .headtxt02{padding:10px 18px;}
.cat_contain{display:none;}

.rightcategory{width:100% !important;}

.categorylist02, .categorylist03, .categorylist03:last-child{max-width:98% !important; margin:0 1% 5%;}

.cat_list02 img {
    width: 100%;
}
.menubottom01{width:100% !important;}
.copyright-text{line-height:30px; padding:10px 0; width:100% !important; text-align:center; }


.login_div{width:96% !important; margin:0 2%;}
.login_div .extrlink{width:100% !important; text-align:left;}
.login_block, .signup_block{max-width:100% !important; border:none !important; }
.extrasp{padding:15px 20px 0; }
.extsp{padding:0;}
.fild02{width:100% !important;}
#usernameih {display: none !important;}
.forget{width:65% !important;}
.tbvs{margin:0 0 5px !important;}

.breadcome{width:100% !important; padding:0 10px;}
.breadcome a{font-size:13px; padding:0 5px;}

.innerleftside{width:100% !important;}
.innerrightside{width:100% !important; text-align:center;}
.advertisement{width:100% !important; text-align:center;}
.abimg{width:100% !important;}
.quicklinks{width:100% !important; padding:40px 0;}
.ulsty04 li{text-align:left;}

/**********************************************************
Menu part
************************************************************/
.inner{width:100% !important; padding:0 !important;}

/**********************************************/
.listofdiease ul li{width:100% !important;}
.atoz ul li{padding:10px 0;}
.width50{width:100% !important;}

.acdetail li{ margin: 2%; width: 96% !important;} 
.onediv, .seconddiv{width:100% !important;}
.contactformdilable{width:100% !important;}
.contactformditext{width:100% !important;}


iframe {
    height: 200px !important;
    width: 100% !important;
}
.partcont01, .partcont02{width:96% !important; padding:0; margin:0 2%; }
.leftdiv{width:100% !important;}
.rightdiv{width:100% !important; text-align:center; padding:10px 0;}
.causes{width:100% !important; margin:10px 0; padding:0 0 0 20px;}
.causes > li {width: 100% !important;}
.half50{width:100% !important;}
.pagelist li{ margin: 10px 12px !important;}


.categorylist04{width:98% !important; margin:0 1% 1%; height:auto;}

}
/*-----------------------------------------------------------------------------------------*/



@media only screen and (min-width:501px) and (max-width:767px) {

.wrapper{ width:98%; margin:0% 1%; }
.headerpart{ width:100% !important; margin:0% 0%; }

.logo {width:100% !important; margin:0; text-align:center; padding:10px 0 0;}
.topmenu{width:100% !important; text-align:center;}
.extrlink{width:100% !important; text-align:center;}
.headertopmenu {width:100% !important; text-align:center; padding:20px 0;}
.headertopmenu a{padding:0 10px;}

.searchbox{width:96% !important; margin:0 2%;}
#tfnewsearch{padding:0 0 10px;}

.tfbutton2{top:10px;}

.menupart{width:100% !important; margin:0 0;}

.bannerpart{width:100% !important;}
.slider{max-width:100% !important;}
.benefits{max-width:100% !important;}



.bodycontain{width:100% !important;}
.headtext{width:96% !important; margin:0 2% 2%;}
.leftside{width:100% !important;}
.contain{width:96% !important; margin:0 2%; padding:0;}
.rightside{width:96% !important; margin:0 2%; text-align:center; display:none !important;} 


.member{width:96% !important; padding:10px 0 20px; margin:0 2%;}
.howitworks, .membership{width:50% !important;}
.icon{width:98% !important; text-align:center;}
.text{width:98% !important; margin:0 2%; text-align:left;}
.text_cotain p{width:100% !important; }


.leftcategory{width:100% !important;}

.cat_contain{display:none !important;}

.cat_name .headtxt a, .cat_name .headtxt02 a{font-size:20px;}
.cat_name .headtxt, .cat_name .headtxt02{padding:5px 18px;}
.categorylist03{width:31% !important; margin:0 15px 0 0; }

.rightcategory{width:100% !important; }

.categorylist02 {margin: 0 1%;width: 48% !important;}
.categorylist04{height:auto;}

.cat_list02 img {
    width: 100%;
}

.menubottom01 {
    height: 100px !important;
    width: 50% !important;
}
.copyright-text{line-height:30px; padding:10px 0; width:100% !important; text-align:center; }


.login_div{width:96% !important; margin:0 2%;}
.login_div .extrlink{width:100% !important; text-align:left;}
.login_block, .signup_block{max-width:100% !important; border:none !important; }



.breadcome{width:100% !important; padding:0 10px;}
.breadcome a{font-size:13px; padding:0 5px;}

.innerleftside{width:100% !important;}
.innerrightside{width:100% !important; text-align:center; }
.advertisement{width:98% !important; text-align:center; margin:0 1%;}
.abimg{width:50% !important;}
.quicklinks{width:100% !important; padding:40px 0;}
.ulsty04 li{text-align:left;}

/**********************************************/
.listofdiease ul li{width:50% !important;}

.atoz ul li{padding:10px 0;}
.width50{width:100% !important;}

.acdetail li{ margin: 2%; width: 96% !important;} 
.onediv, .seconddiv{width:100% !important;}
.contactformdilable{width:100% !important;}
.contactformditext{width:100% !important;}

iframe {
    height: 250px !important;
    width: 100% !important;
}

.partcont01, .partcont02{width:96% !important; padding:0; margin:0 2%;}

}

/*-----------------------------------------------------------------------------------------*/

@media only screen and (min-width:768px) and (max-width:900px) {

.wrapper{ width:98% !important; margin:0% 1%; }

.headerpart{ width:100% !important; margin:0% 0%; }

.logo {width:50% !important; margin:0; text-align:center; padding:20px 0 0;}
.topmenu{width:50% !important; text-align:center;}
.extrlink{width:100% !important; text-align:center;}
.headertopmenu {width:100% !important; text-align:center; padding:20px 0;}
.headertopmenu a{padding:0 10px;}

.searchbox{width:96% !important; margin:0 2%;}
#tfnewsearch{padding:0 0 10px;}

.tfbutton2{top:10px;}
.menupart{width:100% !important; margin:0 0;}

.bannerpart{width:100% !important;}
.slider{max-width:100% !important;}
.benefits{max-width:100% !important;}

.slider > img {
    width: 100%;
}

.leftside{width:100% !important;}
.rightside{display:none !important;}
.categorylist02 {margin: 0 1%; width: 48% !important;}

.categorylist03:last-child {argin: 0 0 0 0;}

.member{width:96% !important; margin:0 2%;}
.howitworks, .membership{width:100% !important;}
.icon{width:20% !important; text-align:center;}
.text{width:80% !important; margin:0; margin-top:10px !important;}
.text_cotain p{width:100% !important; }
.fild02{width:100% !important;}
#usernameih {display: none !important;}
.forget{width:65% !important;}
.tbvs{margin:0 0 5px !important;}

.innerleftside{width:100% !important; max-width:100% !important;}
.innerrightside{width:100% !important; text-align:center; }
.advertisement{width:98% !important; text-align:center; margin:0 1%;}
.abimg{width:50% !important;}
.quicklinks{width:100% !important; padding:40px 0;}
.ulsty04 li{text-align:left;}


.abimg {margin: 0 20px 5px 0;width: 30% !important;}
.leftcategory{width:100% !important;}
.categorylist04{height:auto;}
.cat_list02 img {width: 100% !important;}
.rightcategory{width:100% !important;}
.cat_contain{display:none !important;}
.cat_name .headtxt{padding:10px 18px;}
.categorylist03{margin: 0 25px 0 0; max-width: 31% !important;}
.categorylist03 .cat_name .headtxt02{padding:10px 18px;}
.menubottom01 {
    height: 100px !important;
    width: 50% !important;
}


.login_div{width:96% !important; margin:0 2%;}
.login_div .extrlink{width:100% !important; text-align:left;}
.login_block, .signup_block{max-width:50% !important;  }
.connect_block{max-width:33% !important;}

.atoz ul li{padding:5px 0;}

.acdetail li{ margin: 1%; width:31% !important;}
.record_icon{font-size: 16px;}
.namelist li{width:100% !important; margin:0;} 
.onediv, .seconddiv{width:48% !important;}
.contactformdilable{width:100% !important;}
.contactformditext{width:100% !important;}


iframe {
    height: 300px !important;
    width: 100% !important;
}
.partcont01, .partcont02{width:44% !important; padding:0; margin:0 2%;}

}



/***************************************************************************************************/

@media only screen and (min-width:901px) and (max-width:1023px) {


.wrapper{ width:98%; margin:0% 1%; }

.headerpart{ width:100%; margin:0% 0%; }

.logo {
	 margin: 0;
    padding: 30px 0 0;
    text-align: center;
    width: 30% !important;
}
.topmenu{width:70% !important; text-align:center;}
.extrlink{
	padding: 12px 10px 0 0;
    text-align: right;
    width: 100% !important;
}
.headertopmenu { 
	padding: 20px 0;
    text-align: center;
    width: 50% !important;
}
.headertopmenu a{padding:0 10px;}

.searchbox{
	  margin: 0;
    padding: 12px 10px 0 0;
    width: 50% !important;
}
#tfnewsearch{padding:0 0 10px;}

.tfbutton2{top:10px;}

.bannerpart{width:100% !important;}
.slider{max-width:100% !important;}
.benefits{max-width:100% !important;}

.points {
    float: left;
    width: 60% !important;
}
.loginbutn{width:100% !important; }
.member{width:96% !important; margin:0 2%;}
.howitworks, .membership{width:50% !important;}
.icon{width:20% !important; text-align:center;}
.text{width:80% !important; margin:0;}
.text_cotain p{width:100% !important; }


.leftside{width:100% !important;}.rightside{display:none !important;}
.innerleftside{padding:0 15px 0 0;}



.leftcategory{max-width:50% !important; margin:0 auto; float:none;}
.rightcategory{max-width:100% !important;}
.categorylist02{width:50% !important; margin:23px 0 0;}
.cat_contain{display:none !important;}
.cat_name .headtxt{padding:10px 18px;}
.categorylist03{margin: 0 20px 0 6px; max-width: 31% !important;}
.categorylist03 .cat_name .headtxt02{padding:10px 18px;}


.login_div{width:96% !important; margin:0 2%;}
.login_div .extrlink{width:100% !important; text-align:left;}
.login_block, .signup_block{max-width:50% !important;  }
.connect_block{max-width:100% !important;}

.atoz ul li{padding:5px 0;}

.acdetail li{ margin: 2%; width: 96% !important;} 
.onediv, .seconddiv{width:48% !important;}
.contactformdilable{width:100% !important;}
.contactformditext{width:100% !important;}

iframe {
    height:350px !important;
    width: 100% !important;
}
.partcont01, .partcont02{width:44% !important; padding:0; margin:0 2%;}
}

/*-----------------------------------------------------------------------------------------*/



@media only screen and (min-width:1024px) and (max-width:1200px) {

.wrapper{ width:98% !important; margin:0 1%; }

.headerpart{ width:100% !important; margin:0% 0%; }


.logo {
	 margin: 0;
    padding: 30px 0 0;
    text-align: center;
    width: 30% !important;
}
.topmenu{width:70% !important; text-align:center;}
.extrlink{
	padding: 12px 10px 0 0;
    text-align: right;
    width: 100% !important;
}
.headertopmenu { 
	padding: 20px 0;
    text-align: center;
    width: 50% !important;
}
.headertopmenu a{padding:0 25px;}

.searchbox{
	  margin: 0;
    padding: 12px 10px 0 0;
    width: 50% !important;
}
#tfnewsearch{padding:0 0 10px;}

.tfbutton2{top:10px;}

.bannerpart{width:100% !important;}
.slider{max-width:100% !important;}
.benefits{max-width:29% !important; height:auto;}
.benefit_txt{padding:10px 17px; font-size:22px;}
.points {float: left; width: 100% !important;}
.points ul li{padding:0 0 10px 24px;}
.loginbtn{width:50% !important; float:left;}
.member{width:100% !important; margin:0;}
.howitworks, .membership{width:50% !important;}
.icon{width:20% !important; text-align:center;}
.text {margin: 0; padding: 0 15px 0 0;text-align: left;width: 77% !important;}
.text_cotain p{width:100% !important; }

.innerleftside{padding:0 15px 0 0;}
.leftcategory{width:50% !important;}
.rightcategory{width:50% !important; margin:0;}
.categorylist04{height:320px;}
.cat_name .headtxt02{ padding: 7px 12px;}
.cat_contain{display:none !important;}
.cat_name .headtxt{padding:10px 18px;}
.categorylist03{margin: 0 30px 0 0; max-width: 31% !important;}
.categorylist03 .cat_name .headtxt02{padding:10px 18px;}

.cat_list02 img {
    width: 100%;
}

.login_div{width:96% !important; margin:0 2%;}
.login_div .extrlink{width:100% !important; text-align:left;}
.login_block, .signup_block{max-width:50% !important;  }
.connect_block{max-width:100% !important;}
.atoz ul li{padding:5px 0;}

.acdetail li{ margin:1%; width: 31% !important;} 
.namelist li{width:100% !important;}
.record_icon{font-size:16px;}
.onediv, .seconddiv{width:48% !important;}
.contactformdilable{width:100% !important;}
.contactformditext{width:100% !important;}
iframe {
    height:350px !important;
    width: 100% !important;
}
.partcont01, .partcont02{width:44% !important; padding:0; margin:0 2%;}


.add a{font-size:11px;}
}