.our_stories  h2{ box-sizing:border-box;}
.our_stories .prog_box_left{ float:right; padding-right: 40px; padding-left:0;}
.vol_tr{background-color: #86437f;  margin-top: 10px;  float: left;  display: block;  width: 41%;    box-sizing: border-box; font-size: 24px;    color: #fff;}
.vol_tr img{ width:100%;}
.chk_left input{border:none !important; box-shadow:none !important;}



.mobile_menu{ display:none;}
#sub-menu-toggle{ display:none;}



@media screen and (max-width: 1323px) {
	.aboutsec{ padding-left:10px; padding-right:10px; box-sizing:border-box;     background: url(images/about-bg.jpg) repeat center top;  height:auto;     overflow: hidden;    padding-bottom: 40px;}	
	
	.logo img{
width: 171px;
    margin-left: 22px;
    margin-top: 11px;
	}
	
.menuebox .menu > ul > li > a{font-size:14px;}	

.hold_dnt_for {
    width: 98%;
}

}

@media screen and (max-width:1252px) {
	.logo img {
    width: 100%;
    margin-left: 22px;
    margin-top: 9px;
}
}	
@media screen and (max-width:1200px) {

.menu > ul > li:nth-child(1) > ul {
    left: -68%;
}

.menu > ul > li:nth-child(2) > ul {
    left: -47%;
}

.menu > ul > li:nth-child(3) > ul {
    left: -38%;
}

.menu > ul > li:nth-child(4) > ul {
     left: -8%;
}


.menu > ul > li:nth-child(5) > ul {
    left: -12%;
}

.menu > ul > li:nth-child(6) > ul {
    left: -12%;
}

.menu > ul > li:nth-child(7) > ul {
       left: -8%;
}

.dont_info_sec p {
    font-size: 13px;
}

.dont_info_sec a {
    font-size: 14px;
}

}	
@media screen and (max-width:1140px) {
	.menuebox .menu > ul > li > a { padding: 15px 8px; font-size:14px;}
	.menuebox .soci {width: 50%; }
	.chk_left{ width:10%;}
	.content_cheque{ width:90%;}
	.leftpanel .left-page_box li a{ font-size:13px;}
	
.menu > ul > li:nth-child(1) > ul {
    left: -59px;
}

.menu > ul > li:nth-child(2) > ul {
    left: -51px;
}
.menu > ul > li:nth-child(3) > ul {
left: -50px;
}
	
}

@media screen and (max-width:1000px) {
	.menuebox .menu > ul > li > a {
		padding: 15px 5px;
		font-size: 13px;
	}
}

@media screen and (max-width: 991px) {

.logo img {
    width: 100%;
    margin-left: 22px;
    margin-top: 16px;
}
	
}	
@media screen and (max-width: 920px) {
	.our_founder .members { width: 100%;	box-sizing:border-box;  margin-right: 0;}
	.our_founder .volunteer{ width:100%;}
	.vol_tr{ width:100% ;}
	
	
}
@media screen and (max-width: 888px) {
	.logo {height: auto; width:100%; text-align: left; text-align:center;}
	.logo a{ display:inline-block; text-align:center;}
	.menuebox{ width:100%; text-align:center;}
	.menuebox .menu{ width:100%; float:none;}
	.menuebox .menu ul{ text-align:center;}
	.menuebox .soci{ width:100%; text-align:center;}
	.menuebox .soci .call{ float:none; width:247px; margin:0 auto;}
	
	
	#sub-menu-toggle{ display:block;     text-align: center;
    background: #000 url(images/mobilemenu.png) no-repeat center 5px;
    width: 100%;
    height: 34px;
    cursor: pointer;}
	.leftpanel{ width:100%; float:none; margin-bottom:30px;}
	.leftpanel .left-page_box li a{ background: url(images/icon-flower.png) no-repeat right 10px top 4px;}
	.leftpanel .left-page_box {  margin-right:0px;}
	.leftpanel .left-page_box li a:hover {background: url(images/icon-flower.png) no-repeat right 10px top -30px #2bb6b6;}
	.left-page_box{ display:none;}
	.list_box {  padding: 36px 10px 52px;}
	.maintitle h1 {font-size: 32px !important; padding: 12px 10px 10px; margin-top: 5px !important;}
    .about-section .right_side_box{ margin-left:0;}
	.about-section{ width:100%; padding:10px; box-sizing:border-box;}
	.dct_list_new .dctr-block { width: 100%;}
	.wh_cancer_left{ width:100%; padding-right:0;}
	.wh_cancer_right{ width:100%; padding-left:0;}
	.treatment_ul_li {width: 50%;}
	.treatment_ul_li{ padding-right: 15px;}
	
.logo img {
    width: 100%;
    margin-left:initial;
    margin-top: initial;
}
	
}

@media screen and (max-width:860px) {

.hold_dnt_for {
width: 95%;
    /* display: flex; */
    flex-wrap: wrap;
}	

.sngl_donate {
    width: 46%;
    margin: 0% 2%;
    margin-bottom: 30px;
}
	
}	
@media screen and (max-width: 750px) {

.form-left{ width:100%;}
.form-right{width:100%;}
.end_trc{ margin-top:20px;}

}




@media screen and (max-width: 680px) {
	.aboutsec{ background:none; padding-left:0; padding-right:0;}
	.aboutsec .introleft {background:url(images/about-bg1.jpg) repeat top center; margin-top:0; padding:30px 10px; width:100%; box-sizing:border-box; }
	.aboutsec .introright{background:url(images/about-bg2.jpg) repeat top center;  margin-top:0; padding:30px 10px; width:100%;  box-sizing:border-box;} 
	.our_stories .prog_box_right{ float:right; width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.our_stories .prog_box_left{ float:left; width:100%; padding-right:0; text-align:center;}
	.our_stories .prog_box_left img{ width:250px; text-align:center; margin:0 auto;}
	.aboutsec .introleft h1 {   font-size: 40px;}
	.aboutsec .introright h2{  font-size: 40px;}
    .menuebox .soci{ margin-bottom:10px;}
	
	.mobile_menu{ display:block;}
    .menu{display:none;}
	.mobile_menu{ position:relative;}
	.mobile_trigger{ position:absolute; top:-55px; right:10px; z-index:99; cursor:pointer;}
	.mobile_menu_inner_bg{     position: fixed;  top: 0; left:-230px; background: #000; width: 230px; height: 100%; z-index: 999;}
	.mobile_menu_inner{ position:absolute; top:0; left:0; width:100%;}
	.mobile_menu_inner ul{}
	.mobile_menu_inner ul li{ position:relative;}
	.mobile_menu_inner ul li a{ padding:10px; box-sizing:border-box; display:block; color:#fff; border-bottom:1px solid #fff; text-decoration:none;     font-family: 'ProximaNovaRegwebfont';}
	.mobile_menu_inner ul ul li a{ padding:10px 10px 10px 15px;; box-sizing:border-box; display:block; color:#fff; border-bottom:1px solid #fff; text-decoration:none;     font-family: 'ProximaNovaRegwebfont';}
	.mobile_menu_inner ul > li:hover > a{ background: #7b7b7b;  color: #f2f2f2;}
	.mobile_menu_inner ul li span.multi {  position: absolute;  top: 0;  right: 0;  width: 47px;  height: 39px;  background: url(images/pls.png) no-repeat center center;   cursor: pointer;}
	.mobile_menu_inner ul li span.multi.active1 { background: url(images/min.png) no-repeat center center;}
	.mobile_menu_inner ul ul{ display:none;}
	
	.mobile_black_hover{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; display:none;}
		.maintitle{ margin-top: -48px;}
	.maintitle h1 {font-size: 22px !important; margin-top: 0px!important;}
	.dctrimg { width: 29%;}
	.dctr-abt {width: 69%;}
	.cont-add{ width:100% !important;}
	.cont-map{ width:100% !important;}
	.form-left{ width:100% !important;}
	.form-right{ width:100% !important;}
	.form-right textarea{ float:left !important; margin-bottom:20px;}
	
	
	
	
}


@media screen and (max-width: 560px) {
	table.dataTable{ width:600px; }
	.dataTables_wrapper{overflow-x: scroll;}
	.paging_simple_numbers{margin-bottom:20px;}
	.career .jobs{width: 100% !important;}
	
	.none_job{display:none;}
	
}


@media screen and (max-width:520px) {

.sngl_donate {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
}
	
}	
@media screen and (max-width: 400px) {
	.wh_cancer_left{ float:none; width:100%;}
	.wh_cancer_right{ width:100%; padding-left:0;}
	.menuebox .soci .call{ width:180px;	}
	.mobile_trigger{ top:-37px;}
	.menuebox .soci .call{ font-size:13px;}
    .soc-redmr .social-dctr i{ width:18px;}
	.ab_cancer img{ width:100%;}
    .maintitle h1 {font-size: 18px !important; padding: 12px 10px 10px; margin-top: 3px !important;}

	
}