@media (min-width: 320px) and (max-width: 360px) {
.toggle_menu.mobile-active:after {
	font-size: 25px;
	top: 9px;
}
.mobile-active {
	width: 40px;
	height: 40px;
}
.page_copyright .fontsize_sm_11{
	font-size:11px;
}
}


@media (max-width: 1199px) {
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{border-bottom:none; color:#fff}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{border-bottom:none; background-color:#e4007d; color:#fff}
	.mobile-active .navbar-default{background-color:rgba(0, 0, 0, 0.9);}
	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#e4007d; color:#fff}
	
	.mobile-active .mainmenu_wrapper {
    visibility: visible;
    opacity: 1;
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.9);
}
.mainmenu_wrapper {
    position: relative;
    position: fixed;
    visibility: hidden;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.toggle_menu.mobile-active {
    background-color: #404150;
    border: none;
    left: auto;
    top: 0;
    right: 0;
    position: fixed;
    margin: 0;
    z-index: 3000;
}
.sf-menu {
    position: fixed;
    overflow: auto;
    background-color: #404150;
    padding: 10px 20px 10px 10px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 100%;
    font-size: 1.1em;
    text-transform: capitalize;
    font-weight: 400;
    word-wrap: break-word;
    text-align: left;
    -webkit-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    opacity: 0;
}
.mobile-active .sf-menu {
    opacity: 1;
    right: 76px;
}

.mobile-active .sf-menu li a{color:#fff; border-bottom:none}

/**/
.toggle_menu {
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -30px;
	display: none;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 1001;
	visibility: visible;
}
.toggle_menu {
    display: block;
    width: 55px;
    height: 55px;
}
.toggle_menu span {
    left: 18px;
    top: 50%;
    margin-top: -1px;
	background-color:#fff
}
.toggle_menu span, .toggle_menu span::before, .toggle_menu span::after {
    display: block;
    width: 24px;
    height: 2px;
    position: absolute;
    background-color: #ffffff;
    content: '';
    left: 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.toggle_menu:hover span:before {
	top: -7px;
}
.toggle_menu:hover span:after {
	top: 7px;
}
.toggle_menu span, .toggle_menu span:before, .toggle_menu span:after {
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background-color: #ffffff;
	content: '';
	left: 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.toggle_menu span {
	left: 18px;
	top: 50%;
	margin-top: -1px;
}
.toggle_menu span:before {
	top: -6px;
}
.toggle_menu span:after {
	top: 6px;
}



.page_header.theme_header {
    margin-bottom: 0;
    height: 47px;
}
.page_header.affix {
    position: fixed;
}

.page_header {
    -webkit-transition: background 0.2s ease-in-out 0s;
    transition: background 0.2s ease-in-out 0s;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    z-index: 1000;
    background: #3C69A0;
}

.cs {
    background-color: #1B3F90;
    color: rgba(255, 255, 255, 0.8);
}



}


@media (max-width: 767px) {
/*nayan*/



.owl-carousel .owl-wrapper-outer{overflow-x:scroll!important; overflow-y:hidden!important}



#insurance_detail .bottom_button ul li{padding:0 0px 27px; }
#insurance_detail .bottom_button ul li a{font-size:14px;}
.scrolingdiv{overflow-x:scroll!important; overflow-y:hidden!important; width:100%;}


.present_investor{padding-bottom:100px;}
/*.header-menu .navbar-default{background-color:#f8f8f8;}*/

.owl-theme .owl-controls{display:none!important;}
.owl-carousel .owl-item{margin-left:30px;}
.owl-wrapper{/*width:3000px!important;*/ /*max-width:2446px!important;*/ /*transform:none!important;*/ /*overflow-x:scroll*/ }
/*.owl-carousel .owl-wrapper-outer{overflow-x:scroll!important; overflow-y:hidden!important}*/
*/.thought{margin:0 auto;}
.filterselect select{width:100%; margin-bottom:10px}
.filterselect{width:100%; float:none;}
#credit-title h2{font-size:35px; padding-top:0; margin:0 auto}
#payonline-title h2{margin:0 auto}
#lifeatmas-newtitle h2{padding-top:0; margin:0 auto}
#notice-title h2, #annual-title h2, #contact-title h2, #policy-title h2, #career-title h2,{font-size:24px; padding-top:0; margin:0 auto}
.bottom_button ul li{padding:0 12px 30px}
#vision-section .media-left, #vision-section .media-right, #vision-section .media-body, #mission-section .media-left, #mission-section .media-right, #mission-section .media-body{display:inline}
.bottom_button ul li a{font-size:21px}

#pro_content_info .bottom_button ul li a{font-size:15px; padding:2px 15px;}
.document_list, .welcome_list{padding:10px 15px}	
.modExample .modal-dialog{width:auto;}
.modExample .modal-header h2{font-size:27px;}
.eligibility_criteria .title h2, .document_required .title h2{font-size:22px;}
#productinner-section .prod-content{padding:20px 5px;}
#productinner-section .prod-content{border:none}
.machinery_btn .btn-blue{font-size:20px}
#inception-section h2{margin-bottom:10px}
.line{height:1px; padding:0; width:70%}
#news-title h3{border-left:0; padding-left:0}
#news_details .media-left{padding-right:0; display:inline}
#news_details .media{padding:0 0 40px}

.board-director .btmline h3{font-size:20px}


.inv_info, .lan_info{position:inherit; left:0; top:50px}
#investor_details .board-title h2{float:none;  font-size:26px;}
#investor_details .board-title hr{margin-top:0;}
#investor_details .board-title h2{}
#investor-title h2{font-size:23px}
#investor-title{padding:30px 0}
.notice_info img{float:none; margin:auto}
.notice_info{margin-top:30px}
.location_map{margin-top:0}
#network_details .board-title h2{float:none}
#network_details .board-title hr{margin-top:0; padding:0; margin:0}

.network_form .form-horizontal .control-label{padding:0; text-align:right}
.network_contact{margin-top:0; float:none; margin:0 auto; width:auto; padding:3px 25px}
.network_contact ul li{font-size:15px;}
.network_form{padding:20px 0}

.location_info{top:26%}
.location_map img{margin:auto}
#our-title h3{border:none; border:none; padding:0; font-size:18px; line-height:30px;}
#our-title h2{font-size:36px; background-position:; text-align:left}
#our-title{padding:20px 0}
.titletag{position:inherit}
.maintag{min-height:inherit}
.contactbtn{float:none; margin-top:0; left:0}
.contact_form{padding:20px 0}
.middle_content{padding:40px 0}
.reg_map{margin-top:0}

.accordion-toggle::before{content:"+"}
.career_img img{float:none; margin:auto; padding:55px 0 0}
.accordion-toggle::before, .accordion-toggle::after{position:inherit}
.yearlocopening{position:inherit}
ul.yearlocopening{padding:0 20px}
.lifeatbanner{ padding:20px}
#lifeatmas-title h2{font-size:30px; padding-bottom:14px; margin-bottom:20px}
#lifeatmas_categories{padding:64px 0 45px}
#lifeatmas_categories .mas-content{margin-bottom:40px}
.emp_member_info .media .media-left{display:inline-block; width:100%; padding:0}
.emp_member_info .media .media-left a img{margin:auto}
.categories_line::after{width:50%; left:auto; right:auto}
.value_list h2{font-size:25px;}
.value_list h2::after{width:50%; top:58px;}
.value_list ul li{font-size:15px; text-align:left}
.happenings_title h2{font-size:23px;}
.emp_story h2{font-size:26px;}
#emp_success_story{padding:20px 0}

.welcometxt h3{font-size:21px; text-align:left}
.member_info{padding:20px 0 42px}
/*.dropdown-menu h2{background-position:center bottom; background-size:contain; width:-webkit-fit-content; margin:10px auto 10px}
.dropdown-menu h2:after{width:23%; left:-38px; top:36px; right:0; margin:auto}*/
.mega-dropdown-menu{padding:0}

.menubtmline{text-align:center}
#career-title{padding:39px 0 56px;}
#myCarousel h1{font-size:26px;}



.owl-prev{left:0}
.owl-next{right:0}


#myCarousel .firstslide h1{font-size:14px;}
#myCarousel .firstslide p{font-size:11px;}
#myCarousel .glyphicon{top:36%;}
.carousel-indicators{display:none}

/*product*/
#product-section{padding:40px 0}
#product-section h2{margin:0 auto 38px}
/*service box*/
.service-box {
    background-color: #eaeaea;
    margin: 30px;
    padding: 35px 0;
}
/*menu*/
/*.cloned{display:none!important}*/

.cloned{background-color: #3c69a0 !important;
color: rgba(255, 255, 255, 0.8); padding:0!important}

.original{visibility:visible!important}

/*vision-section*/
#vision-section{padding:30px 0}
.vision_mission .media-left p{padding-bottom:0}

/*mission-section*/
#mission-section{padding:30px 0;}
#ourjourney-section{padding:30px 0}

#lifeatmas_categories ul li {
    width: 100%;

}
#productinner-section .product_inner  ul li {
    width: 100%;

}

.bdrhpwhite{padding-bottom:9px}
@-moz-document url-prefix() {
	.bdrhpwhite{padding-bottom:7px}
	#people_value .value_list h2 .bdrhpwhite{padding-bottom:8px;}
	.happenings_title h2 span.bdrhp{padding-bottom:9px}
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:7px}
}
#happenings h2{font-size:27px;}

#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:8px}

#testimonial-video h2 span{padding-bottom:9px;}

.row.number-mail{margin:0}
}

@media (max-width: 450px) {
.lifeatbanner{display:table;}
}
@media (min-width: 451px) and (max-width: 767px) {
.lifeatbanner{display:flex;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.emp_member_info .media .media-left{display:inline-block; width:100%; padding:0}
	#board-title h2{font-size:32px; padding-bottom:9px; text-align:left}

	
	.happenings_title h2 span.bdrhp{padding-bottom:9px}
	#testimonial-video h2 span{padding-bottom:9px;}
	.owl-theme .owl-controls{display:none!important;}
.owl-carousel .owl-item{margin-left:30px;}
.owl-wrapper{/*width:3000px!important;*/ /*max-width:2446px!important;*/ transform:none!important;  overflow-y:hidden!important}
.owl-carousel .owl-wrapper-outer{overflow-x:scroll!important; overflow-y:hidden!important}
	.thought{margin:0}
	.filterselect{width:auto}
	#credit-title h2{font-size:35px;}
	#notice-title h2, #annual-title h2, #contact-title h2, #policy-title h2, #career-title h2{font-size:30px;}
	.owl-prev{left:0}
.owl-next{right:0}
	
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:8px}
	
	@-moz-document url-prefix() {
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:5px}	
	.happenings_title h2 span.bdrhp {padding-bottom:8px}		
	}
	/*menu*/
.cloned{display:none!important; padding:0!important}

.original{visibility:visible!important}
.navbar-default .navbar-nav > li > a {
    padding: 10px;
}
	#myCarousel .firstslide h1{font-size:26px; margin-top:0}
		#myCarousel .firstslide p{font-size:15px;}

	#career-title h2{background-position:center bottom}
	.bottom_button ul li a{font-size:18px;}
.bottom_button ul li{padding:0 4px 30px}
.vision_mission .media-left, .vision_mission .media-right, .vision_mission .media-body{display:inline}
#services-section .service-box h3 a{font-size:20px;}
#investor-title h2{font-size:30px}
.network_contact{padding:20px 37px; width:83%;}
#our-title h3{line-height:31px; font-size:18px;}
#our-title h2{font-size:28px; background-position:bottom}
.contactbtn{float:right; left:8px}
.reg_map{margin-top:0}
.service-box{margin:-52px 2px 0; padding:24px 0;}
#payonline-title h2{font-size:37px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
		.owl-theme .owl-controls{display:none!important;}
.owl-carousel .owl-item{margin-left:30px;}
.owl-wrapper{/*width:3000px!important;*/ /*max-width:2446px!important;*/ transform:none!important;  overflow-y:hidden!important}
.owl-carousel .owl-wrapper-outer{overflow-x:scroll!important; overflow-y:hidden!important}

@-moz-document url-prefix() {
	.happenings_title h2 span.bdrhp {padding-bottom:8px}		
	}

}

@media (min-width: 992px) and (max-width: 1200px) {.network_contact{width:auto;}
	#testimonial-video h2 span{padding-bottom:9px;}
.contactbtn{left:-6%}
.navbar-default .navbar-nav > li > a {
    padding: 10px;
} 	/*menu*/
.cloned{display:none!important}

.original{visibility:visible!important} 
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:8px}
	#our-title h2{font-size:35px; background-position:bottom}
	
	@-moz-document url-prefix() {
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:5px}		
	}
}

@media (min-width: 1025px) and (max-width: 1200px) {.dropdown-menu h2{font-size:23px;} .dropdown-menu h2:after{top:55px;} .location_info{top:-31%;}}

@media (min-width: 1201px) and (max-width: 1400px) {
		#testimonial-video h2 span{padding-bottom:9px;}
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:8px}
	@-moz-document url-prefix() {
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:4px}
	.mac-os #testimonial-video h2 span{padding-bottom:13px;}
		
	}
#myCarousel .carousel-caption{top:52%}
#slider-section #myCarousel{height:480px}
#slider-section #myCarousel h1{font-size:25px}

.carousel-inner{height:480px;}

.mac-os #testimonial-video h2 span{padding-bottom:13px;}

}


@media (min-width: 1401px) and (max-width: 1820px) {
#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:8px}
@-moz-document url-prefix() {
	#payonline-title h2 span.bdrhp{color:#fff; padding-bottom:4px}		
	}	
	

}


@media (min-width: 1401px) and (max-width: 2000px) {
	#testimonial-video h2 span{padding-bottom:9px;}	
	.mac-os #testimonial-video h2 span{padding-bottom:13px!important;}
}

@media (min-width: 2001px) and (max-width: 5000px) {
	#testimonial-video h2 span{padding-bottom:13px;}	
}