@media (max-width: 320px) {

    .team__single__wrap p {

    font-size: 20px;
}


.nav-tabs .nav-item a {
    font-size: 16px !important;
}




}


@media (max-width: 1600px) {
	.site-main-menu ul li, .nav-item {
		display: inline-block;
		margin-left: 13px;
	}
	.site-main-menu ul li a, .nav-link {
		color: #19407E !important;
		font-size: 17px;
		display: block;
		font-family:initial;
	}
	.header__join {
		margin-top: 128px;
		height: 551px;
	}
	.header-bar-section.join #navbarNav {
		padding-top: 26px;
	}

}

@media (max-width: 1199.98px) {
	.site-main-menu ul li, .nav-item {
		display: inline-block;
		margin-left: 13px;
	}
	.site-main-menu ul li a, .nav-link {
		font-size: 16px;
	}
	.header__join {
		margin-top: 0;
		height: 100vh;
		padding-top: 150px;
		z-index: 99999999;
	}
	.header-bar-section.join #navbarNav {
		padding-top: 26px;
		padding-bottom: 25px;
	}
	.modal-dialog {
		max-width: 940px;
		margin: 1.75rem auto;
	}
	.modal-bdy-hdn-text h4 {
		font-size: 20px;
	}





}




/* iphone 11 */


@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 
        
        
    .fa-link{
    left: 0;
    right: 0;
    position: absolute;
    top: 12px;
    bottom: 0;
    }
        
}


/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
        .fa-link{
   left: 0;
    right: 0;
    position: absolute;
    top: 12px;
    bottom: 0;
    }
        
        
        
    }
   
   

   /* iphone 11 */ 
    
    



@media (max-width: 991.98px) {
    
    div{
        box-sizing: border-box !important;
    }
    
    .modal-body {
    top: 110px;
}
    

	.blog_text {
		color: #7d5f31;
		font-size: 20px;
		margin-bottom: 30px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		width: 72%;
		position: relative;
		left: 50px;
	}

	.team-img-blkA {
		width: 250px;
		height: 250px;
		margin: 0 auto;
		position: relative;
		margin-bottom: 22px;
	}

	.section__title__wrapA {
		margin:0px;
		position: relative;
		text-align: center;
		top: 91px;
		display: flex;
	}


     .fa-link{
   left: 0;
    right: 0;
    position: absolute;
    top: 12px;
    bottom: 0;
    }
    
    
   .be {
    
    margin-bottom: 168px !important;
    
    margin-right: 0px !important;
}
    
   

    
    .margin-top-commonB {
    margin-top: 150px;
}
    
    
    
    .mobile-version{
    display:block;
}

.description li{
    font-size:25px !important;
}

.desktop-version{
    display:none;
}

    .mobile_close{
    position: absolute;
    bottom: 50px;
    display:block;
}

.mobile_close li{
    margin:0px;
}

	.hero-area{
		min-height: 342px;
		height: auto;
		background-position: center;
		background-position-x: -87px;
	}

	.itemscope a{
		font-size:19px;
	}

	.fa-long-arrow-left {
		position: relative;
		top: -43px;
	}

	.isotope__text {
		font-size: 18px;
		position: absolute;
		left: 8px;
		bottom: 0px;
		color: #fff;
		line-height: 1;
	}
	
	.isotope__textA {
    
    width: 80%;
    text-align: left;
}

	.footer-area::after{
		display: none;
	}

	iframe{
		width: 100%;
	}

	.join__name__single{
		padding: 110px 0;
	}

	.join__contact{
		padding: 30px 31px;
	}

	.join__name__single--2{
		margin-top: 60px;
		border-radius: 0;
	}

	.footer-area{


	}

	.navbar-collapse.collapse.show{
		background-color:#F0F1F1 ;
	}

	.section__title__wrap{
		margin: 50px 0;
	}

	.section__title{
		font-size: 55px;
	}

	.tab__picture{
		height: 500px;
	}

	.nav-link{
		font-size: 20px ;
	}

	.site-logo a img{
		width: 90px;
	}

	.site-logo a span{
		font-size: 18px;
	}

	.site-logo a{
		width: 150px;
	}

	.footer-right-blk{
		padding-left: 0;
	}

	.footer-widget-row{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow-x: hidden;
		height:auto;
		
	}

	.footer-left-widget{
		margin-bottom: 30px;
			overflow-x: hidden;
			height:auto;
	}

	.nav-tabs .nav-item a{
		font-size: 20px;
		margin-bottom: 30px;
		display: inline-block;
	}
.subs-box{
        position:relative;
    top:0px;
    overflow-x: hidden;
}

.itemscope{
    position:relative;
    top:0px;
    overflow-x: hidden;
}

	.single-footer-widget{
		max-width: 100%;
		height:auto;
	}

	.container-fluid{
		width: 95%;
	}

	.section__img{
		height: 350px;
		margin-bottom: 50px;
	}

	.hero-content-all h2,
	.hero-content-all h3{
		font-size: 25px;
		line-height: 1.2;
		top: 76px;
	}

	.hero-content-all h3{

		padding-left:10px;
	}

	.ped-left-img img{
		/* border-radius: 0; */
		border-radius: 25px;
		max-width: 600px;
		margin: 0 auto;
		margin-bottom: 50px;
	}

	.ped-left-img{
		text-align: center;
	}
	.modal-dialog {
		max-width: 740px;
	}
	.navbar-toggler {
		position: absolute;
		right: 0;
		top: 12px;
		background: #fff;
	}
	#navbarNav {
		margin-top: 45px;
		z-index: 99;
	}
	.header-bar-section.scroll-header {
		height: 74px;
	}
	.header-bar-section.scroll-header #navbarNav {
		margin-top: 66px;
		z-index: 9;
	}
	.header-bar-section.join {
		background-image: none;
		background-color: none !important;
	}
	.header-bar-section {
		height: 71px;

		background-image:none;
	}

	.hide-on-desktop{
		display:block;
	}

	.hide-on-mobile{
		display:none;
	}




}



@media (max-width: 767.98px) {


	.header__join{
		height: 400px;
	}
	.navbar-toggler {
		position: absolute;
		right: 0;
		top: 12px;
		background: #fff;
	}

	.navbar-toggler {
		position: absolute;
		right: 0;
		top: 12px;
		background: #fff;
	}
	#navbarNav {
		margin-top: 45px;
		z-index: 99;
	}
	.header-bar-section.scroll-header {
		height: 74px;
	}
	.header-bar-section.scroll-header #navbarNav {
		margin-top: 66px;
		z-index: 9;
	}
	.header-bar-section {
		height: 71px;
	}

	.hide-on-desktop{
		display:block;
	}

	.hide-on-mobile{
		display:none;
	}

}

@media (max-width: 575.98px) {

  .mobile_list_div
  {
    width:100%;
    /* height: 100px; */
    overflow: auto;
  }
  .mobile_list_div ul
  {
    overflow: scroll;
    height: 100px;
    width: 1150px;
    white-space: nowrap;
   transition: all ease 750ms;
   position: relative;
  }
  .mobile_list_div li
  {
    float: left;
    /* min-width:200px!important; */
    /* max-width: 300px; */
    width:auto!important;
    padding-left: 10px;
    padding-right: 10px;
  }

	.index_short_menu
	{
		display: none;
	}
	.index_full_menu
	{
		display: block;
	}

	.video_tab a
	{
		top: 0px;
	  right: 20px;
	}

	.video_tab_1
	{
		display: none;
	}

	.video_tab_2
	{
		display: block;
	}

	.margin-top-common
	{
		margin-top: 100px!important;
	}

	.tab__picture img
	{
		width: 90%;
	}

	.tab__picture
	{
		height: 200px;
	}

	.my-modal-hdn-content
	{
		padding-left: 0px;
	}
	.vission-area{
		background-image: url(../assets/img/mission-bg.png) !important;
	}

	.team__after_1
	{
		display: block;
	}

	.team__after
	{
		display:none;
		background-image:url('../img/bg1.png')
	}

	.inner-logo-blk
	{
		max-width: 150px;
	}
	.inner-logo-blk span
	{
		font-size: 25px;
	}
	.modal-area
	{
		padding: 40px 0;
		padding-top: 15px;
	}
	.team__wrapper button.owl-prev, .team__wrapper button.owl-next
	{
		width: 45px;
		height: 270px;
		font-size: 18px!important;
		position:fixed;
		background-color: transparent!important;
		color:transparent!important;
	}
	
	

	.d-arrow {
		margin: 0 20px;
		width: 21px;
	}
	.modal-btn h3 {

		font-size: 16px;
		padding-right: 25px;
	}

	.single-footer-widget ul li a {
		font-size: 23px;
	}
	.footer-top-social-icons a {
		font-size: 25px;
		margin: 0 13px;
	}
	.footer-top-social-icons {
		text-align: center;
	}
	.footer-right-blk {

		padding-top: 0;
	}
	.footer-area {
		padding-bottom: 30px;
		padding-top: 68px;
		background-image: url(../assets/img/footer-bg22.png) !important;
		z-index: 1111;
		overflow-x:hidden;
	}
	
	.boxHeading{
	    margin-top: 29%;
	}
	
	.single-ped-sldier-item p {
		font-size: 19px;
		line-height: 37px;
		text-align:center;

	}

	.single-ped-sldier-item a{
		text-align:center;
	}

	.single-ped-sldier-item h3 {
		/* color: #58595B; */
		font-size: 19px;
	}

	.single-ped-sldier-item h3 {
		text-align: center;
		font-size: 19px;
		margin-bottom: 16px;
	}
	.vision-top-texts p {
		font-size: 25px;
		color: #7d5f31;
		line-height: 37px;

	}

	.hide-on-desktop{
		display:block;
	}

	.hide-on-mobile{
		display:none;
	}



	.join__name__single h1{
		font-size: 40px;
	}

	.join__name__single{
		padding: 60px 0;
	}

	.site-logo a{
		width: 100px;
	}

	.site-logo a img{
		width: 170px;
	}

	.header__join{
		margin-top: 160px;
	}

	.section__title{
		font-size: 50px;
		width: 100%;
		margin-top: 25px;
		float: right;
		margin-bottom: 30px;
	}
	.section__title__wrap a{
		font-size: 30px;
	}

	.hero-content-all h2,
	.hero-content-all h3{
		font-size: 25px;
		line-height: 1.2;
		top: 76px;
	}

	.hero-content-all h3{
		padding-left:10px;
	}

	.hero-content-all-join h2,
	.hero-content-all-join h3{
		font-size: 30px;
		line-height: 1.3;
	}


	.modal-main-logo{
		width: 160px;
	}

	.single-modal-box.rt-sec{
		padding-left: 0;
	}

	.modal-btn{
		height: 100px;
	}

	.single-ped-sldier-item{
		padding-left: 0;
	}

	.modal-area .col-md-6
	{
		width:50%;
	}

	.hero-area{
		min-height: 350px;
		height: auto;
	}
	.hero-bottom-sp
	{
		height: auto!important;
	}

	.ped-left-img img{
		/* border-radius: 0; */
		border-radius: 25px;
	}

	.subs-blk button{
		width: 45%;
		font-size: 14px;
	}

	.subs-blk input{
		font-size: 14px;
	}
	.modal-dialog {
		max-width: 90%;
	}
	.modal-top-title {
		display: block;
		text-align: center;
	}
	.modal-top-title img {
		max-width: 119px;
		margin-bottom: 15px;
	}
	.modal-top-title h3 {
		font-size: 21px;
	}
	.m-para-text {
		margin: 15px 0;
	}
	.m-para-text p {
		font-size: 17px;
		line-height: 27px;
	}
	.navbar-toggler {
		position: absolute;
		right: 0;
		top: 19px;
		background: #fff;
	}
	#navbarNav {
		margin-top: 55px;
		border-radius: 15px;
		padding-top: 5px;
		background-color: #F0F1F1;
	}
	.header-bar-section.scroll-header {
		height: 74px;
	}
	.header-bar-section.scroll-header #navbarNav {
		margin-top: 66px;
	}
	.header__join {
		margin-top: 76px;
	}
	.my-modal-heading-fx {
		display: block;
		align-items: center;
		text-align: center;
	}

	.my-modal-image {
		width: 115px;
		height: 115px;
		position: relative;
		border-radius: 50%;
		overflow: hidden;
		margin: auto;
	}
	.my-modal-hdn-content h3 {
		font-size: 26px;
		margin: 0;
	}
	.my-modal-hdn-content p {
		font-size: 20px;
		color: #000;
		margin: 0;
	}
	.modal-bdy-hdn-text {
		margin-top: 20px;
		text-align: center;
	}
	.modal-bdy-hdn-text h4 {
		font-size: 16px;
	}


}