/*responsive code*/
@media only screen and (min-width: 1300px){
	.container {
		width: 1280px;
		max-width: 1280px;
	}
}

/*1280x800*/
@media only screen and (min-width: 1270px) and (max-width: 1290px) {
	.container {
		max-width: 1140px;
	}
	.btn-logout{
		width: 16%;
	}
	.quote-div {
		height: 50vh;
	}
	.outer-div{
		min-height: 72vh;
	}
}

/*1400x900*/
@media only screen and (min-width: 1430px) and (max-width: 1450px) {
	.br-space {
		width: 19.666667%;
	}
	.quote-div {
		height: 47vh;
	}
	.outer-div{
		min-height: 58vh;
	}
}

/*1536x864*/
@media only screen and (min-width: 1530px) and (max-width: 1540px) {
	.btn-logout {
		background-position-x: 38px;
	}
	.lo-text {
		/*padding-left: 20%;*/
		padding-left: 0%;
	}
	.quote-div {
		height: 50vh;
	}
	.outer-div{
		min-height: 60vh;
	}
	
}
/*1600x900*/
@media only screen and (min-width: 1590px) and (max-width: 1610px) {
	.quote-div {
		height: 48vh;
	}
	.outer-div{
		min-height: 58vh;
	}
	.esms-div .box{
		min-height: 30vh;
	}
	.esms-div p {
		min-height: 18vh;
	}
	.btn-logout {
		background-position-x: 45px;
	}
	.btn-logout:hover {
		background-position-x: 45px;
	}
}
/*1920x1080*/
@media only screen and (min-width: 1910px) and (max-width: 1930px) {

	.btn-logout{
		background-position-x: 70px;
	}
	.outer-div{
		min-height: 48vh;
	}
	.quote-div {
		background: #F5F5F5;
		height: 38vh;
	}
	.quote-div h6{
		padding-top: 10%;
	}
	.bod-right{
		min-height: 21vh;
	}
	.btn-logout {
		width: 12%;
		background-position-x: 45px;
	}
	.btn-logout:hover {
		/*width: 12%;*/
		width: auto;
		background-position-x: 45px;
	}
}



/*mobile responsive*/
@media only screen and (min-width: 300px) and (max-width: 768px) {
	#navbarCollapse .navbar-nav a:hover:after {
		width: 30%;
		position: absolute;
		right: -70%;
	}
	.btn-logout:hover {
		background: #C32429;
		color: #fff!important;
		width: 50%;
		background-image: url(../img/logout-w.png)!important;
		background-repeat: no-repeat!important;
		background-position-y: 11px!important;
		background-position-x: 28px!important;
	}
	.container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.main-headings {
		margin-bottom: 25px;
		font-size: 28px;
		padding-bottom: 15px;
		line-height: 28px;
	}
	.outer-div {
		margin-bottom: 5%;
	}
	.pt-mob-10{
		padding-top: 10%;
	}
	.mt-mob-5{
		margin-top: 5%;
	}
	.bod-right {
		border-right: unset;
	}
	footer .footer-logo {
		max-width: 200px;
		margin: 0 auto;
	}
	.list-unstyled, footer .copy {
		text-align: center;
	}
	.pe-4 {
		padding-right: 0!important;
	}
	.company-div img {
		padding-bottom: 10%;
		margin: 0 auto;
		display: block;
	}
	.accordion-page1 .accordion .card-body .accord-content {
		margin-top: 7%;
	}
	.accordion-page1 .nav-tabs .nav-link {
		width: 100%;
	}
	.sub-tabs {
		margin-left: 0;
		margin-top: 3%;
	}









	.logo {
		position: absolute;
		left: 30%;
		top: 5%;
	}
	.quote-div h6 {
		font-size: 18px;
		line-height: 25px;
		padding-top: 23%;
	}
	.quote-div p {
		font-size: 18px;
	}
	.lq-img {
		position: absolute;
		left: 5%;
		padding-top: 2%;
		width: 20%;
	}
	.rq-img {
		position: absolute;
		right: 5%;
		margin-top: -4%;
		width: 20%;
	}



	.fp{
		position: unset;
	}
	.login-btn{
		width: 50%;
		line-height: 43px!important;
		border-radius: 0!important;
	}
	.login-btn:hover {
		width: 50%;
		line-height: 43px!important;
		border-radius: 0!important;
	}
	.banner-div h1 {
		font-size: 25px;
	}
	#navbarCollapse .navbar-nav a {
		text-align: right;
	}
	.btn-logout {
		width: 50%;
		float: right;
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.hdfc-logo {
		width: 50%;
	}

	.banner-img {
		height: 30vh;
	}







	.esms-div .owl-prev span {
  /*  font-size: 30px;
    position: absolute;
    top: -20px;
    left: -34px;
    color: #c32429;
    background: #fff;
    border-radius: 50px;
    width: 31px;
    line-height: 23px;
    height: 30px;*/
    display: none;
  }

  .esms-div .owl-next span {
    /*font-size: 30px;
    position: absolute;
    top: -20px;
    right: -34px;
    color: #c32429;
    background: #fff;
    border-radius: 50px;
    width: 31px;
    line-height: 23px;
    height: 30px;*/
    display: none;
  }

  .main-outer {
  	padding: 4% 0%;
  }
  .accordion-page1 .accordion .card h2 {
  	background: url(../img/down-arr.png) no-repeat calc(100% - 10px) center;
  	background-size: 25px;
  	cursor: pointer;
  	font-size: 16px;
  	/* width: 99%; */
  	background-position-x: right;
  }
}


/*414x736*/
@media only screen and (min-width: 400px) and (max-width: 420px) {
	.quote-div {
		background: #F5F5F5;
		height: 52vh;
	}
	.outer-div {
		min-height: 60vh;
	}
	.login-btn{
		width: 50%;
		line-height: 43px!important;
		border-radius: 0!important;
	}
	.login-btn:hover {
		width: 50%;
		line-height: 43px!important;
		border-radius: 0!important;
	}





}
/*360x640*/
@media only screen and (min-width: 350px) and (max-width: 365px) {


}
/*320x568*/
@media only screen and (min-width: 315px) and (max-width: 325px) {

}


/*ipads*/

/* ----------- iPad ----------- */

/* Portrait */
@media only screen 
and (min-width: 768px) 
and (max-height: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	
}


/* Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 768px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	
}

/* ----------- iPad Pro ----------- */

/* Portrait */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
	


}


/* Landscape */
@media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1.5) {

}


@media only screen and (min-width: 300px) and (max-width: 768px) {

.app-img {

        padding-top: 0;

    }

}

js:

#home-carousel {

autoplayTimeout: 1000

}

#proj-carousel {

autoplayTimeout: 5000

}