#logo-mobile{
	display:none;
	
}
#responsive-more{
	visibility:hidden;
}
.ca-more1{
	visibility:hidden;
}

.navbar-light .navbar-toggler{
	cursor:pointer;
}
#vvv{ 
    width: 100%;
}
 .card,.grid figure ,.border-buttom{
    z-index: 9;
}

.card{
	border:none !important;
}

.carousel-caption h3{
	background-image:url('../image/slider/caption-header-back.png');
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: bold;
	font-size: 40px;
}

.carousel-caption p{
	background-image:url('../image/slider/caption-p-back.png');
	background-repeat: no-repeat;
	padding-left: 45px; 
	font-size: 20px;
}
.carousel-caption .button{
	margin-left: 30%; 
	background-color: #d82204; 
	color: white;
	box-shadow: 0 2px 0 #ff8003;
	font-size: 16px;
}

.carousel-caption { 
    bottom: 25%; 
    text-align: left;
}

 

 /* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../image/nrl-loading.gif) center no-repeat #fff;
}



 /* register CV Form */ 
 
 
 
 
 /* iPhone 6 and 6 plus portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 736px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2)
{ 
	.ca-item-main {
		width: 280px;
	}

}

 
 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) and (max-width : 479px) {
		.social {
			margin-right: 76%;
			line-height: 30px !important;
		} 
		.navbar {
			min-height: 50px !important;
		}
		#div-logo, #social-nonmobile{
			display:none;
		}
		#logo-mobile,.logo-text{
			display: initial;
		}
		 
		
		#logo{
			height: 80px;
			margin-left: 12%;
		}
		
		.box-shadow { 
			margin-top: -49px !important; 
		}
		.grid figure p {
			margin: 0 0 -15px -18px;
			width: auto;
			text-align: center;
		}
		
		.shadow {
			top: -10px;
			position: inherit;
			width: inherit;
		}
		.card-body {
		  visibility: visible;
		  opacity: 0.9; 
		}
		.card-text{
			visibility:hidden;
		}
		.button{ 
			margin: -10% 0 0 -13%;
			position: absolute;
		}
		.shadow2 {
			top: 6px;
		}
		.text-right, .text-left {
			text-align: center !important;
		}
		#return-to-top {
			margin-bottom:50px  ;
		}
		.ca-item-main {
			width: 220px;
		}
		#normal-more{
			visibility:hidden;
		}
		#responsive-more{
			visibility:visible;
		}
		.ca-more-wrap {
			text-align: center !important;
			padding-right: 0px !important;
		}
		.ca-more1{
			visibility:visible;
		}
		#vvv{
			visibility:visible;
			top: 9px;
		}
		#vv{ 
			top: 9px; 
		}
		#pages-content p {
			font-size: 12px;
		}
		.shadow3 {
			top: -9px; 
		}
		.toyota-bldng, #travel-img,#mobile-img{
			width:100%;
		}
		#held,#listing{
			font-size: 12px;
		}
		.timeline-header__title { 
			font-size: 16px; 
		}
		.mission p, .vision p { 
		padding: 0 40px 0 25px;
		}
		.page-header {
			font-size:26px;
		}
		figure.effect-dexter figcaption::after{
			bottom: 60px; 
		}
		figure.effect-dexter p{
			bottom: 110px; 
		}
    } 
	 /**End 320px to 479px**/ 
    
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) and (max-width : 767px){
		.social {
			margin-right: 57%;
			line-height: 30px !important;
		} 
		.navbar {
			min-height: 50px !important;
		}
		#div-logo, #social-nonmobile{
			display:none;
		}
		#logo-mobile,.logo-text{
			display: initial;
		} 
		#logo{ 
			margin-left: 35%;
		} 
		.box-shadow { 
			margin-top: -41px !important; 
		}
		.grid figure p {
			margin: 0 0 -15px -18px;
			width: auto;
			text-align: center;
		} 
		.shadow {
			top: -6px;
			position: inherit;
			width: inherit;
		} 
		.card > .card-body {
		  visibility: visible;
		  opacity: 0.9;
		  transition: visibility 0s, opacity 0.5s linear;
		} 
		.shadow2 {
			top: 6px;
		}
		.text-right, .text-left {
			text-align: center !important;
		}
		#return-to-top {
			margin-bottom:50px  ;
		} 
		#normal-more{
			visibility:hidden;
		}
		#responsive-more{
			visibility:visible;
		}
		.ca-more-wrap {
			text-align: center !important;
			padding-right: 0px !important;
		}
		.ca-more1{
			visibility:visible;
		}
		#vvv{
			visibility:visible;
			 
		}
		
		#pages-content p {
			font-size: 12px;
		}
		.shadow3 {
			top: -5px; 
		}
		.toyota-bldng, #travel-img,#mobile-img{
			width:100%;
		}
		#held,#listing{
			font-size: 12px;
		}
		.timeline-header__title { 
			font-size: 16px; 
		}
		.mission p, .vision p { 
		padding: 0 40px 0 25px;
		}
		.page-header {
			font-size:26px;
		}
		figure.effect-dexter figcaption::after{
			bottom: 50%;
			height: 20%; 
		}
		figure.effect-dexter p{
			bottom: 60%; 
		}
		
    }
	/**End 480px to 767px**/
	
	
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) and (max-width : 990px) {
		.social {
			margin-right: 54%;
			line-height: 30px !important;
		} 
		.navbar {
			min-height: 50px !important;
		}
		#div-logo, #social-nonmobile{
			display:none;
		}
		#logo-mobile,.logo-text{
			display: initial;
		} 
		#logo{ 
			margin-left: 45%;
		} 
		.box-shadow { 
			margin-top: -33px !important; 
		}
		.grid figure p {
			margin: 0 0 -15px -18px;
			width: auto;
			text-align: center;
		} 
		.shadow {
			top: -2px;
			position: inherit;
			width: inherit;
		} 
		.card > .card-body {
		  visibility: visible;
		  opacity: 0.9;
		  transition: visibility 0s, opacity 0.5s linear;
		} 
		.shadow2 {
			top: 6px;
		}
		.shadow3 {
			top: -2px; 
		}
		.text-right, .text-left {
			text-align: center !important;
		}
		#return-to-top {
			margin-bottom:50px  ;
		} 
		#normal-more{
			visibility:hidden;
		}
		#responsive-more{
			visibility:visible;
		}
		.ca-more-wrap {
			text-align: center !important;
			padding-right: 0px !important;
		}
		.ca-more1{
			visibility:visible;
		}
		#vvv{
			visibility:visible;
			 
		}
		#vv{ 
			 
		}
		#pages-content p {
			font-size: 12px;
		} 
		.toyota-bldng, #travel-img,#mobile-img{
			width:100%;
		}
		#held,#listing{
			font-size: 12px;
		}
		.timeline-header__title { 
			font-size: 16px; 
		}
		.mission p, .vision p { 
		padding: 0 40px 0 25px;
		}
		.page-header {
			font-size:26px;
		}
		figure.effect-dexter figcaption::after{
			bottom: 50%;
			height: 20%; 
		}
		.grid figure h2 { 
			font-size: 46px;
		}
		figure.effect-dexter p{
			bottom: 60%;
			font-size: 16px;
		}
		.page-img {
			width:25%;
		}
		
    }
	/**End 768px to 990px**/	
	
	
    /* Small Devices, Tablets */
    @media only screen and (min-width : 991px) and (max-width : 1199px) {
		.social {
			margin-right: 6%;
			line-height: 50px !important;
		} 
		.navbar {
			min-height: 50px !important;
		}
		#div-logo, #social-nonmobile{
			display:none;
		}
		#logo-mobile,.logo-text{
			display: initial;
		} 
		.box-shadow { 
			margin-top: -40px !important; 
		}
		.grid figure p {
			margin: 0 0 -15px -18px;
			width: auto;
			text-align: center;
		} 
		.shadow {
			top: -7px;
			position: inherit;
			width: inherit;
		} 
		.card > .card-body {
		  visibility: visible;
		  opacity: 0.9;
		  transition: visibility 0s, opacity 0.5s linear;
		} 
		.shadow2 {
			top: 6px;
		}
		.shadow3 {
			top: -2px; 
		}
		.text-right, .text-left {
			text-align: center !important;
		}
		#return-to-top {
			margin-bottom:50px  ;
		} 
		#normal-more{
			visibility:hidden;
		}
		#responsive-more{
			visibility:visible;
		}
		.ca-more-wrap {
			text-align: center !important;
			padding-right: 0px !important;
		}
		.ca-more1{
			visibility:visible;
		}
		#vvv{
			visibility:visible;
			 
		}
		#vv{   
		}
		#pages-content p {
			font-size: 12px;
		} 
		.toyota-bldng, #travel-img,#mobile-img{
			width:100%;
		}
		#held,#listing{
			font-size: 12px;
		}
		.timeline-header__title { 
			font-size: 16px; 
		}
		.mission p, .vision p { 
		padding: 0 40px 0 25px;
		}
		.page-header {
			font-size:26px;
		}
		figure.effect-dexter figcaption::after{
			bottom: 0%;
			height: 45%;
		}
		.grid figure h2 { 
			font-size: 25px;
			top: -60px;
			position: relative;
		}
		figure.effect-dexter p{
			visibility:hidden;
		}
		.page-img {
			width:25%;
		}
		footer  p{ 
			font-size: 15px; 
		}
		
    }
	/**End 768px to 990px**/
	
	 /* iPhone 6 and 6 plus portrait */
@media only screen
  and (min-device-width: 360px)
  and (max-device-width: 736px)
   
{ 
	.ca-item-main {
		width: 280px;
	}

}

 @media only screen and (max-width : 768px) {
	 
	.timeline__img {
		max-width: 95% !important; 
	}
	.timeline-item{
		margin-left: 18px !important; 
	}
	.timeline-header__title {
    font-size: 26px !important; 
	}
	.timeline-header__subtitle {
    font-size: 22px !important; 
	}
	
 }