
@media all and (max-width: 1399px) {
	.menu ul li a {
	    font-size: 14px;
	    margin-left: 15px;
	}

}

@media all and (max-width: 1199px) {
	.middle_content {
		padding-top: 128px;
		padding-bottom: 135px;
	}
	.single_item {
		margin-left: 0;
	}
	.icon {
		margin-right: 16px;
	}
	.content h4 {
		font-size: 20px;
		line-height: 25px;
	}
	.content p {
		font-size: 16px;
		line-height: 24px;
	}
	.item {
	    height: 600px;
	}
	.menu ul li a {
	    font-size: 12px;
	    margin-left: 10px;
	}
	.blog_image {
	    height: 230px;
	    overflow: hidden;
	    object-fit: cover;
	    margin-bottom: 22px;
	}


}

@media all and (max-width: 991px) {

	.hero_section {
		height: 100vh;
	}
	.logo {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.menu > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1) {

	}
	.menu.sign_out_menu > ul:nth-child(1) > li:nth-child(5) > a:nth-child(1) {
		padding: 8px 13px;
		height: 43px;
	}
	.menu.sign_out_menu > ul:nth-child(1) > li:nth-child(6) > a:nth-child(1) {
		padding: 8px 13px;
		height: 43px;
		margin-left: 12px;
	}

	.sub_menu ul {
		 top:85px;
	}
	.second_sub_menu ul {
		top: 85px;
	}
	.menu ul li a {
		font-size: 11px;
		margin-left: 13px;
	}
	
	/***  Notice area ****/
	.notice_content_area {
		padding: 30px 0px;
	}
	.notice_heading h3 {
		font-size: 25px;
		line-height: 30.16px;
		margin-bottom: 15px;
	}
	.notice_content ul li a span {
		margin-right: 4px;	
	}
	.notice_content ul li a {
		font-size: 13px;
		line-height: 14.8px;
	}
	.amader-kotha h3 {
		font-size: 25px;
		line-height: 29px;
		padding-bottom: 25px;
	}
	.amader-kotha p {
		font-size: 12px;
	}
	.activities_heading h2 {
		font-size: 25px;
		margin-bottom: 25px;
	}

	.single_activities_heading h3 {
		font-size: 16px;
		line-height: 132%;
	}
	.single_activities_services ul li a {
		font-size: 12px;
		line-height: 145%;
	}
	.item {
	    height: 475px;
	}



	.nav-icon {
		display: block;
	}
	.mobile_menu {
		overflow: hidden;
		z-index: 999;
		padding: 30px 0;
		position: fixed;
		top: 0;
		width: 330px;
		height: 100%;
		left: 0;
		-webkit-transition: 0.7s;
		-o-transition: 0.7s;
		transition: 0.7s;
		background: #202138;
		z-index: 999999999 !important;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	.menu ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
    	-webkit-box-align: start !important;
    	    -ms-flex-align: start !important;
    	        align-items: flex-start !important;
	}
	.sub-menu {
	    position: initial;
	    background: transparent;
	    top: 0;
	    display: none;
	}


	.nav-icon span {
		color: #FFFF;
		font-size: 60px;
		right: 20px;
		position: relative;
		line-height: 74px;
		top: -30px;
		z-index: 99999;
	}

	.menu ul li a {
		margin-bottom: 25px;
		color: #FFFF;
		font-size: 14px;
		margin-left: 15px;
	}
	.menu ul li.last_button a {
		padding: 10px 16px;
		font-size: 14px;
	}
	.canvas-menu {
		left: -100%;
	}
	.menu.sign_out_menu > ul:nth-child(1) > li:nth-child(6) > a:nth-child(1) {
		margin-left: 26px;
	}
	.sub_menu ul {
			top: 58px;
			left: 122px;
			display: none;
		}
		.sub_menu > ul > li > a {
			color: #4E4E4E;
		}
		.second_sub_menu > ul > li > a {
			color: #4E4E4E;
		}
		.sub_menu ul li a {
			padding: 0px 20px 0px 11px !important;
			margin-right: 0 !important;
		}
		.second_sub_menu ul {
			top: 190px;
			left: 95px;
			display: none;
		}

		.f_menu_area {
		    display: inherit;
		    justify-content: inherit;
		    align-items: inherit;
		    display: inherit;
		}
		.sub-menu {
		    padding-top: 0;
		}
		.menu ul li a {
		    margin-bottom: 13px;
		    color: #FFFF;
		    font-size: 14px;
		    margin-left: 15px;
		}
		.menu ul ul li a {
		    text-align: left !important;
		    margin-left: 0px !important;
		    margin-bottom: 3px;
		}





























/****** Member area *****/


	.member_profile {
		margin-bottom: 30px;
	}
	.member_image img {
		width: 100px;
		height: 100px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.member_introduce h3 {
		margin-bottom: 8px;
		font-size: 15px;
	}
	.member_introduce p {
		font-size: 12.375px;
	}
	.small_btn a {
		font-size: 14px;
		line-height: 14px;
	}

	.internal_services_area {
		padding-top: 70px;
	}
	
	.single_check {
		padding-top: 13px;
	}
	.check_item {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		font-size: 14.936px;
		line-height: 21px;
		color: #363636;
	}
	.hotline_number > ul > li > a > i {
		margin-right: 5px;
	}
	.hotline_number ul li a span {
		font-size: 13.461px;
		line-height: 20px;
	}

	/*********** Video Heading **********/

	.video_heading h3 {
		font-size: 25px;
		line-height: 41px;
		padding-bottom: 30px;
		padding-top: 0px; 
	}
	section.main-odhikar-area:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
		margin-bottom: 20px;
	}
	section.main-odhikar-area:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > iframe:nth-child(1){
		margin-bottom: 20px;
	}




	/***** Footer ********/
	
	.help_menu ul li {
  		margin-bottom: 10px;
	}
	.contact_menu ul li a {
		font-size: 13px;
		line-height: 17px;
	}

	/*********** Contact Page ***********/

	.single_form input {
		padding: 15px 40px;
	}
	div.col-md-12 > div > textarea {
		height: 207px;
	}
	.left_sided_notice_area {
		padding-right: 15px;
	}

	.notice_section {
		padding: 60px 0px;
	}
	.single_activities {
		padding: 20px 20px;
		height: 100%;
		margin-right: 0;
	}
	.single_activities_area {
		margin-bottom: 25px;
	}
	.single_activities_img img {
		height: 60px;
	}
	.internal_single_service ul li a span {
		margin-right: 5px;
	}
	.internal_single_service ul li a {
		margin-bottom: 20px;
		font-size: 15.936px;
		line-height: 22px;
	}
	.internal_services_heading a {
		font-size: 13.038px;
		padding: 12px 0px;
	}

	.blog_area {
    padding-top: 40px;
    padding-bottom: 100px;
}








}
@media all and (max-width: 767px) {
	
	.middle_content {
		padding-top: 96px;
		padding-bottom: 92px;
	}
	.middle_content h2 {
		font-size: 29px;
		line-height: 41px;
	}
	.single_item {
		margin-left: 0;
		margin-bottom: 25px;
	}
	.logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}



	.amader-kotha h3 {
		text-align: center;
	}
	.activities_heading h2 {
		text-align: center;
	}
	.internal_services_area {
		padding-top: 60px;
		max-width: 320px;
		margin: auto;
	}
	.internal_single_service {
		max-width: 231px;
		margin: auto;
		width: 100%;
	}
	.hotline_number ul {
		margin-top: 15px;
		margin-bottom: 60px;
	}


	/***** video area ****/
	.video_heading h3 {
		padding-bottom: 30px;
	}

	section.main-odhikar-area > div > div > div > div > iframe {
		margin-bottom: 30px;
	}
	section.main-odhikar-area:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
		margin-bottom: 0px;
	}
	section.main-odhikar-area:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > iframe:nth-child(1){
		margin-bottom: 30px;
	}

	/****************  Footer Area  **********/
	.humanity_content p {
		font-size: 13px;
		line-height: 26px;
		margin-bottom: 25px;
	}
	.help_menu ul li {
		margin-bottom: 0px;
	}
	.help_menu ul li a {
		font-size: 13px;
		line-height: 12px;
	}
	.help_menu > ul > li > a > i {
		margin-right: 8px;
	}

	/*********** Contact Page ***********/
	.single_form input {
		padding: 15px 40px;
	}
	.submit_btn > input {
		margin-bottom: 50px;
	}

	.main_footer_area {
	    background-size: cover;
	}

	.single_activities {
		padding: 25px 25px;
		height: 100%;
		margin-right: 0;
		max-width: 320px;
		margin: auto;
	}
	.member_profile {
		max-width: 320px;
		margin: auto;
		margin-bottom: 30px;
	}
	.help_area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 38px 0px;
	}
	.help_menu h3 {
		margin-bottom: 20px;
	}
	.contact_menu h3 {
		margin-bottom: 20px;
	}
	.humanity_logo {
		margin-bottom: 15px;
	}
	.menu ul ul li a {
	    text-align: left !important;
	    margin-left: 15px !important;
	    margin-bottom: 10px;
	}
	.menu {
	    margin-top: 30px;
	}
	.sp {
	    padding-top: 50px;
	    padding-bottom: 40px;
	}
	.hero_title h2 {
	    font-size: 27px;
	    line-height: 42px;
	    padding-bottom: 15px;
	}
	.single_page_area_design {
	    padding: 15px;
	}



}







@media all and (max-width: 575px) {
	.single_item_f {
		width: 257px;
		margin: auto;
	}
	.notice_content ul li a {
		font-size: 12px;
	}
	.notice_heading h3 {
		font-size: 22px;
		margin-bottom: 12px;
	}
	.amader-kotha h3 {
		font-size: 22px;
		padding-bottom: 20px;
		text-align: center;
	}
	.activities_heading h2 {
		font-size: 23px;
		margin-bottom: 20px;
		text-align: center;
	}
	.copyright p {
		font-size: 12px;
	}

	.notice-row.text-center {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.notice_content_area {
		padding: 30px 20px;
	}
	.notice_image {
		margin-bottom: 30px;
	}







}
