/*  -------******** big device ********---------- */
@media screen and (min-width:1025px) and (max-width:2000px) {
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}
}

/*  ----------******** End of laptop device ********-------------- */
@media screen and (min-width: 901px) and (max-width: 1024px) {
	/*Header*/
	.header{height:105px;}
	.header .container{padding:0px;}
	.header .topbar .leftbox{padding-left:10px;}
	.header .topbar .rightbox{padding-right:10px;}
	.header .logo{width:250px;padding-left:5px;}
	.header .logo img{width:100%;}
	#cssmenu > ul {margin-top: 16px;}
	
	/*Banner*/
	.banner{padding-top:105px;}
	
	/*Home Row1*/
	.homerow1{margin-top:40px;}
	.homerow1 .whatwedo{width:48%; float:left; margin-bottom:40px; min-height:430px;}
	.homerow1 .foundermsg{width:48%; float:right; margin-bottom:40px; min-height:430px;}
	.homerow1 .whatwedo .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .foundermsg .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .whatwedo .boximg{width:200px; left:auto; right:0;}
	.homerow1 .foundermsg .boximg{width:180px;}
	
	/*Home Services*/
	.homeservices .box{width:32%;}
	
	/*Media*/
	.homenews h4 {float: none; padding-top:10px; padding-bottom:30px; text-align:center;}
	#mediaslider{float:none; width:90%; margin:0 auto; margin-bottom:20px;}
	#mediaslider .box{border-right:0;}
	#mediaslider .owl-prev{left:-30px; top:20px;}
	#mediaslider .owl-next{right:-40px; top:20px;}
	
	/*Inner-Banner*/
	.inner-banner{padding-top:100px;}
	.inner-banner .banner-text{font-size:30px; top:40%;}
	
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}

	/*Contact*/
	.subscribe img { height: 300px; }
}

/*  ------------******** Tablette device ********---------- */
@media screen and (min-width: 769px) and (max-width: 900px) {
	/*Header*/
	.header{height:100px;}
	.header .container{padding:0px;}
	.header .topbar .leftbox{padding-left:10px;}
	.header .topbar .rightbox{padding-right:10px;}
	.header .logo{width:200px;padding-left:5px;}
	.header .logo img{width:100%;}
	#cssmenu > ul > li > a {margin-left:10px; padding: 20px 0px 20px 0px;}
	#cssmenu > ul {margin-top: 11px;}
	
	/*Banner*/
	.banner{padding-top:100px;}
	
	/*Home Row1*/
	.homerow1{margin-top:40px;}
	.homerow1 .whatwedo{width:48%; float:left; margin-bottom:40px; min-height:470px;}
	.homerow1 .foundermsg{width:48%; float:right; margin-bottom:40px; min-height:470px;}
	.homerow1 .whatwedo .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .foundermsg .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .whatwedo .boximg{width:200px; left:auto; right:0;}
	.homerow1 .foundermsg .boximg{width:180px;}
	
	/*Home Services*/
	.homeservices .box{width:32%;}
	
	/*Upcoming Events*/
	.upcomingevents .calendar{width:auto; float:none; border-bottom:2px solid #c5e29f; border-right:0; padding-bottom:20px; margin-bottom:20px;}
	.upcomingevents .events{float:none; width:auto; margin-left:0;}
	.upcomingevents .eventbox .venue{margin-bottom:20px;}
	.upcomingevents .eventbox .venue .location{display:inline-block; font-size:15px; margin-top:10px; background-image:url(../images/home/location.png); background-repeat:no-repeat; background-position:left top; padding-left:20px;}
	.upcomingevents .eventbox .content .title{font-size:18px; padding-bottom:20px; color:#3f3f3f; font-weight:600; display:inline-block;}
	.upcomingevents .eventbox .content .title:hover{color:#8dc540;}
	.upcomingevents .eventbox .content p{font-size:14px; line-height:22px; color:#8b8b8b;}
	
	/*Media*/
	.homenews h4 {float: none; padding-top:10px; padding-bottom:30px; text-align:center;}
	#mediaslider{float:none; width:90%; margin:0 auto; margin-bottom:20px;}
	#mediaslider .box{border-right:0;}
	#mediaslider .owl-prev{left:-30px; top:20px;}
	#mediaslider .owl-next{right:-40px; top:20px;}
	
	/*Inner-Banner*/
	.inner-banner{padding-top:100px;}
	.inner-banner .banner-text{font-size:24px; top:40%;}
	
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}

	.missionvision {margin:10px 0px; max-width:440px;}
	.missionvision img {width:100%;}
	
	/*Membership*/
	.plancontainer .plan.membership {min-height: auto;}
	.plancontainer .plan.donor {min-height: auto;}

	/*Contact*/
	.subscribe img { height: 300px; }
}
@media screen and (min-width: 651px) and (max-width: 768px) {
	/*Header*/
	.header .container{padding:0px;}
	.header .topbar .leftbox { display: none; }
	.header .topbar .rightbox{padding-right:10px;}
	.header .logo{padding-left:10px;}
	#cssmenu > ul {margin-top: 0px;}
	
	/*Banner*/
	.banner{padding-top:100px;}

	/*Home Row1*/
	.homerow1{margin-top:40px;}
	.homerow1 .whatwedo{width:48%; float:left; margin-bottom:40px; min-height:530px;}
	.homerow1 .foundermsg{width:48%; float:right; margin-bottom:40px; min-height:530px;}
	.homerow1 .whatwedo .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .foundermsg .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .whatwedo .boximg{width:200px; left:auto; right:0;}
	.homerow1 .foundermsg .boximg{width:180px;}
	
	/*Home Services*/
	.homeservices .box{width:32%;}
	
	/*Upcoming Events*/
	.upcomingevents .calendar{width:auto; float:none; border-bottom:2px solid #c5e29f; border-right:0; padding-bottom:20px; margin-bottom:20px;}
	.upcomingevents .events{float:none; width:auto; margin-left:0;}
	.upcomingevents .eventbox .venue{margin-bottom:20px;}
	.upcomingevents .eventbox .venue .location{display:inline-block; font-size:15px; margin-top:10px; background-image:url(../images/home/location.png); background-repeat:no-repeat; background-position:left top; padding-left:20px;}
	.upcomingevents .eventbox .content .title{font-size:18px; padding-bottom:20px; color:#3f3f3f; font-weight:600; display:inline-block;}
	.upcomingevents .eventbox .content .title:hover{color:#8dc540;}
	.upcomingevents .eventbox .content p{font-size:14px; line-height:22px; color:#8b8b8b;}
	
	/*Media*/
	.homenews h4 {float: none; padding-top:10px; padding-bottom:30px; text-align:center;}
	#mediaslider{float:none; width:90%; margin:0 auto; margin-bottom:20px;}
	#mediaslider .box{border-right:0;}
	#mediaslider .owl-prev{left:-30px; top:20px;}
	#mediaslider .owl-next{right:-40px; top:20px;}
	
	/*Inner-Banner*/
	.inner-banner{padding-top:100px;}
	.inner-banner .bannercontainer{overflow:hidden;}
	.inner-banner img{width:auto;height:150px; margin-left:-10%;}
	.inner-banner .banner-text{font-size:24px; top:40%;}
	
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}

	.missionvision {margin:10px 0px; max-width:440px;}
	.missionvision img {width:100%;}
	
	/*Membership*/
	.plancontainer .plan.membership {min-height: auto;}
	.plancontainer .plan.donor {min-height: auto;}
	.membershipForm .fieldbox{width:100%; float:none;}
	.membershipForm .fieldbox.fullwidth {float: none;width: 100%;}
	.membershipForm .fieldbox .label {width: 40%;}
	.membershipForm .fieldbox.fullwidth .label {width: 40%;}
	.membershipForm .fieldbox .input {width: 55%;}
	.membershipForm .fieldbox.fullwidth .input {width: 55%;}
	.agreement {display: block; padding-left:0px; font-weight: 300; font-size:15px;}

    .newsfilter a .newsletter {padding-left:70px; padding-right:20px;}
	.newsfilter a .event { padding-left: 70px; padding-right: 20px; }
	.resourcefilter.directory a {
		padding-right: 5%;
		margin-bottom: 10px;
	}


	/*Contact*/
	.subscribe img { height: 300px; }
}


/*  ----------***** Mobile device *****--------- */
@media screen and (max-width: 650px) {
    .homerow1 .foundermsg .founderimg { width: 120px;}

	/*Team*/
	.managementteam .memberlist {text-align:center;}
	.managementteam .memberlist a {width: 120px; margin:10px;}
	.managementteam .memberlist a .imgbox {width: 100px;height: 100px;}
	.managementteam .memberlist a .name {padding: 0px 0px;line-height: 22px;}
	.managementteam .memberprofiles .profile {padding-left:0px;}
	.managementteam .memberprofiles .profile .imgbox {width: 100px; height: 100px;}	
	.managementteam .memberprofiles .profile .intro {height: 55px; padding-left: 110px;}
	.managementteam .memberprofiles .profile .intro .name {font-size: 16px;line-height: 22px;padding-top: 5px; height:60px; display:block;}
	.managementteam .memberprofiles .profile .intro .qual {font-size: 14px;line-height: 20px; padding-bottom:10px;}
	.managementteam .memberprofiles .profile .content {padding-left:0px;padding-top: 70px;}

    /*resources*/
    .resourcefilter a .research {background-size: 30px; padding-left: 35px; padding-top: 2px; font-size: 18px; padding-right: 10px; height: 30px; }
    .resourcefilter a .other { background-size: 25px; padding-left: 35px; padding-top: 2px; font-size: 18px; padding-right: 10px; height: 30px; margin-left:15px;}
    .resourcetab a {width: 49%;padding: 0 10px;margin-bottom: 10px;		margin-right: 0;}
    .resourcetab a .imgbox { width: 80px; height: 80px;}
    .resourcetab a .imgbox .img {background-size:40px;}
    .resourcecontent {padding-left:0px;}
    .resourcecontent .imgbox {width: 100px; height: 100px;}
    .resourcecontent .imgbox .img { background-size: 60px; }
    .resourcecontent .intro { min-height:100px; padding-left: 10px; border-bottom:none; padding-left:110px;}
    .resourcecontent .intro .name {font-size: 20px; line-height:26px; padding-top: 5px; }
    .resourcecontent .intro .text { font-size: 14px; line-height: 20px; padding-top:10px;}
    .resourcecontent .content { padding-left:0px; padding-top:30px;}

    /*Contact*/
    .contactaddress { width: auto; float: none; margin-bottom:30px; }
    .contactform { width: auto; float: none; }
    .subscribe img { height:362px; }
    .subscribe .overlay .content {padding:30px 10px; }
    .subscribe .overlay .content h4 { font-size: 28px; line-height:36px; }
    .subscribe .overlay .content .fieldbox.email { margin-top: 30px; }
    .subscribe .overlay .content .fieldbox.button {margin-top:10px;}

    .newsfilter a { display: block; margin-bottom: 10px; border-right: 0px; }
    .newsfilter a .newsletter { margin-left: 0px; padding-left: 80px; border-right: 0px; margin-bottom: 2px; }
    .newsfilter a .event { margin-left: 0px; padding-left: 80px; border-right: 0px; }
    .newsfilter a .pressrelease { margin-left: 0px; padding-left: 80px; border-right: 0px; }
    .featuredevent .imgbox { width: auto; float: none; max-width: 350px; margin-bottom: 20px; }
    .featuredevent .imgbox img { width: 100%; }
	.featuredevent .content { width: auto; float: none; }
	
	.resourcefilter a {margin-right: 10px;	}
	.contactaddress .mail {	font-size: 18px;}
	.resourcefilter.directory a {padding-right: 5%;	margin-bottom: 10px;	}
	.acknowledgement .fieldbox .label {
		display: inline-block;
		width: 100%;
		text-align: left;
		font-weight: 400;
		margin-left: 0;
	}
	.acknowledgement .fieldbox span {
		display: inline-block;
		width: 100%;
		text-align: left;
		font-weight: 600;
	}


	.eventpage .eventbox .imgbox { float: none; margin-bottom:20px; }
	.eventpage .eventbox .imgbox img{width:auto; max-width:100%;}
	.eventpage .eventbox .eventcontent { margin-left: 0px; }


	/*Popup*/
	.popupcontainer .popup { max-width: unset; margin-top: 0px; width:100%; height:100vh;}
}


/*  ---------***** End of Mobile device *****--------*/
@media screen and (min-width: 451px) and (max-width: 650px) {
	/*Header*/
	.header{height:100px; position:fixed; z-index:9999; background:rgba(255,255,255,1); width:100%;}
	.header .container{padding:0px;}
	.header .topbar .leftbox{display:none;}
	.header .topbar .rightbox{padding-right:10px;}
	.header .logo{width:200px;padding-left:5px;}
	.header .logo img{width:100%;}
	#cssmenu > ul {margin-top: 0px;}
	
	/*Banner*/
	.banner{padding-top:100px;}
	
	/*Home Row1*/
	.homerow1 {margin-top: 20px;}
	.homerow1 .whatwedo{width:auto; float:none; margin-bottom:20px;min-height:unset;}
	.homerow1 .foundermsg{width:auto; float:none; margin-bottom:40px; min-height:unset;}
	.homerow1 .whatwedo .content{width:auto; float:none; padding:20px 15px 20px 15px; }
	.homerow1 .foundermsg .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .whatwedo .boximg{width:200px; left:auto; right:0;}
	.homerow1 .foundermsg .boximg{width:150px;}
	
	/*Home Services*/
	.homeservices .box{width:250px; border-right:none;}
	
	/*Upcoming Events*/
	.upcomingevents .calendar{width:auto; float:none; border-bottom:2px solid #c5e29f; border-right:0; padding-bottom:20px; margin-bottom:20px;}
	.upcomingevents .events{float:none; width:auto; margin-left:0;}
	.upcomingevents .eventbox .venue{margin-bottom:20px;}
	.upcomingevents .eventbox .venue .location{display:inline-block; font-size:15px; margin-top:10px; background-image:url(../images/home/location.png); background-repeat:no-repeat; background-position:left top; padding-left:20px;}
	.upcomingevents .eventbox .content .title{font-size:18px; padding-bottom:20px; color:#3f3f3f; font-weight:600; display:inline-block;}
	.upcomingevents .eventbox .content .title:hover{color:#8dc540;}
	.upcomingevents .eventbox .content p{font-size:14px; line-height:22px; color:#8b8b8b;}
	
	/*Media*/
	.homenews h4 {float: none; padding-top:10px; padding-bottom:30px; text-align:center;}
	#mediaslider{float:none; width:80%; margin:0 auto; margin-bottom:20px;}
	#mediaslider .box{border-right:0;}
	#mediaslider .owl-prev{left:-30px; top:20px;}
	#mediaslider .owl-next{right:-40px; top:20px;}
	
	/*Footer*/
	.footer .box{float:none;width:auto; margin-bottom:20px;}
	.footer .box.quicklinks{text-align:center;}
	.footer .box.contact{text-align:center;}
	.footer .box.connect{text-align:center;}
	.copyright .lhs{float:none; width:auto; text-align:center;}
	.copyright .mhs{float:none; width:auto; text-align:center; margin-bottom:10px;}
	.copyright .rhs{float:none; width:auto; text-align:center;}
	
	/*Inner-Banner*/
	.inner-banner{padding-top:100px;}
	.inner-banner .bannercontainer{overflow:hidden;}
	.inner-banner img{width:auto;height:150px; margin-left:-30%;}
	.inner-banner .banner-text{font-size:24px; top:40%;}
	
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}

	.missionvision {margin:10px 0px; max-width:440px;}
	.missionvision img {width:100%;}
	
	/*Membership*/
	.plancontainer .plan.membership {min-height: auto;}
	.plancontainer .plan.donor {min-height: auto;}
	.membershipForm .fieldbox{width:100%; float:none;}
	.membershipForm .fieldbox.fullwidth {float: none;width: 100%;}
	.membershipForm .fieldbox .label {width: 40%;}
	.membershipForm .fieldbox.fullwidth .label {width: 40%;}
	.membershipForm .fieldbox .input {width: 55%;}
	.membershipForm .fieldbox.fullwidth .input {width: 55%;}
	.agreement {display: block; padding-left:0px; font-weight: 300; font-size:15px;}
}

@media screen and (max-width: 450px) {	
	/*Header*/
	.header{height:100px; position:fixed; z-index:9999; background:rgba(255,255,255,1); width:100%;}
	.header .container{padding:0px;}
	.header .topbar .leftbox{display:none;}
	.header .topbar .rightbox{padding-right:10px;}
	.header .logo{width:200px;padding-left:5px;}
	.header .logo img{width:100%;}
	#cssmenu > ul {margin-top: 0px;}

	/*Banner*/
	.banner{padding-top:100px;}
	
	/*Home Row1*/
	.homerow1 {margin-top: 20px;}
	.homerow1 .whatwedo{width:auto; float:none; margin-bottom:20px; min-height:unset;}
	.homerow1 .foundermsg{width:auto; float:none; margin-bottom:40px; min-height:unset;}
	.homerow1 .whatwedo .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .foundermsg .content{width:auto; float:none; padding:20px 15px 20px 15px;}
	.homerow1 .whatwedo .boximg{width:200px; left:auto; right:0;}
	.homerow1 .foundermsg .boximg{width:150px;}
	
	/*Home Services*/
	.homeservices .box{width:250px; border-right:none;}
	
	/*Upcoming Events*/
	.upcomingevents .calendar{width:auto; float:none; border-bottom:2px solid #c5e29f; border-right:0; padding-bottom:20px; margin-bottom:20px;}
	.upcomingevents .events{float:none; width:auto; margin-left:0;}
	.upcomingevents .eventbox .venue{margin-bottom:20px;    margin-right: 0;}
	.upcomingevents .eventbox .venue .location{display:inline-block; font-size:15px; margin-top:10px; background-image:url(../images/home/location.png); background-repeat:no-repeat; background-position:left top; padding-left:20px;}
	.upcomingevents .eventbox .content .title{font-size:18px; padding-bottom:20px; color:#3f3f3f; font-weight:600; display:inline-block;}
	.upcomingevents .eventbox .content .title:hover{color:#8dc540;}
	.upcomingevents .eventbox .content p{font-size:14px; line-height:22px; color:#8b8b8b;}
	
	
	/*Media*/
	.homenews h4 {float: none; padding-top:10px; padding-bottom:30px; text-align:center;}
	#mediaslider{float:none; width:80%; margin:0 auto; margin-bottom:20px;}
	#mediaslider .box{border-right:0;}
	#mediaslider .owl-prev{left:-30px; top:40px;}
	#mediaslider .owl-next{right:-40px; top:40px;}
	
	/*Footer*/
	.footer .box{float:none;width:auto; margin-bottom:20px;}
	.footer .box.quicklinks{text-align:center;}
	.footer .box.contact{text-align:center;}
	.footer .box.connect{text-align:center;}
	.copyright .lhs{float:none; width:auto; text-align:center;}
	.copyright .mhs{float:none; width:auto; text-align:center; margin-bottom:10px;}
	.copyright .rhs{float:none; width:auto; text-align:center;}
	
	/*Inner-Banner*/
	.inner-banner{padding-top:100px;}
	.inner-banner .bannercontainer{overflow:hidden;}
	.inner-banner img{width:auto;height:150px; margin-left:-50%;}
	.inner-banner .banner-text{font-size:24px; top:40%;}
	
	/*Breadcrumb*/
	.breadcrumb .container{padding:15px 10px;}

	.missionvision {margin:10px 0px; max-width:440px;}
	.missionvision img {width:100%;}
	.missionvision h3 {padding-top: 30px; font-size:26px;}
	.missionvision p {line-height: 24px;font-size: 16px;padding:20px 10px;}
	
	/*Membership*/
	.membershipfilter a {font-size: 18px;}
	.membershipfilter a .membership {height: 33px;padding-left: 40px;padding-top: 3px; padding-right: 10px;background-size: 30px;}
	.membershipfilter a .donor {height: 33px;padding-left: 46px;padding-top: 5px;margin-left: 15px;transition: 0.3s;background-size: 37px;}
	.membershipfilter .currency {float: none;text-align: right;}
	.plancontainer .plan {width:100%;max-width: 290px;margin-left: 5px; margin-right:5px; min-height:auto;}
	.plancontainer .plan.membership {min-height: auto;}
	.plancontainer .plan.donor {min-height: auto;}
	.membershipForm{padding:10px 20px;}
	.membershipForm .fieldbox {float: none; width: auto; min-width:unset;}
	.membershipForm .label {display: block;width: auto;float: none;}
	.membershipForm .fieldbox.fullwidth .label {width:auto;}
	.membershipForm .input {display: block;width: 100%;float: none;}
	.membershipForm .fieldbox.fullwidth .input {width: 100%;}
	.agreement {display: block; padding-left:0px; font-weight: 300; font-size:15px;}

	.header .topbar .login { margin-left: 0px; margin-right: 0px; }
	.header .topbar .social {width: 16px; height: 16px;margin-left: 0px; }
}