/*responsive code*/
@media only screen and (min-width: 1300px){

}

/*1280x800*/
@media only screen and (min-width: 1270px) and (max-width: 1290px) {
	.testimonial-sec .min-ht {
		min-height: 39vh!important;
	}
	
	.outer-div{
		min-height: 72vh;
	}
}

/*1400x900*/
@media only screen and (min-width: 1430px) and (max-width: 1450px) {
	.testimonial-sec .min-ht {
		min-height: 36vh!important;
	}
	.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) {
	.testimonial-sec .min-ht {
		min-height: 37.5vh!important;
	}
	.btn-logout {
		background-position-x: 38px;
	}
	.lo-text {
		padding-left: 20%;
	}
	.quote-div {
		height: 50vh;
	}
	.outer-div{
		min-height: 60vh;
	}
	
}
/*1600x900*/
@media only screen and (min-width: 1590px) and (max-width: 1610px) {
	.testimonial-sec .min-ht {
		min-height: 36vh!important;
	}
	.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) {
	.testimonial-sec .min-ht {
		min-height: 30vh!important;
	}

	.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%;
		background-position-x: 45px;
	}
}



/*mobile responsive*/
@media only screen and (min-width: 300px) and (max-width: 768px) {
	.cta-sec .col-md-4 {
    padding-top: 10%;
    padding-bottom: 10%;
}
.about-div {
  background-image: unset;
}
	.foot-links {
		text-align: center;
    margin-top: 0;
    margin-bottom: 5%;
	}
	.foot-links a {
		text-decoration: none;
    font-size: 15px;
    color: #fff;
    padding-right: 3%;
	}
	.mob-q-img {
		position: absolute;
	}
	p {
		font-size: 16px;
	}

	.py-5 {
		padding-top: 0rem!important;
		padding-bottom: 0rem!important;
	}
	.hdfc-logo-mob {
		display: block;
	}
	.hiw-div {
		background: unset;
	}
	.testimonial-sec .carousel-indicators {
		bottom: -5%;
		left: 0;
	}
	.testimonial-sec h5 {
		padding-top: 10%;
		text-align: center;
		font-size: 22px;
		font-weight: 600;
		 padding-left: 0!important;
	}
	.testimonial-sec h6 {
    text-align: center;
    font-size: 20px;
    padding-top: 1%;
    padding-left: 0!important;
}
.testimonial-sec p {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding-left: 0!important;
}
	.testimonial-sec .outer-div-bod {
		margin-top: 15%;
	}
	.service-desk {
		display: none;
	}
	.serv-mob img {
		margin: unset;
		display: block;
		width: 30%;
		padding-top: 10%;
	}
	.serv-mob h4 {
		text-align: left;
		font-size: 18px;
	}
	.serv-mob p {
		text-align: left;
		font-size: 16px;
		font-weight: 400;
	}
	.serv-mob {
		display: block;
	}
	.serv-mob .inner-box {
		border-bottom: 2px solid #4f59f8;
	}
	.bod-none {
		border: none!important;
	}
	.navbar {
		background: #4F59F8;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.mob-menu {
		display: block;
	}
	.mob-menu p {
		color: #fff;
		position: absolute;
		right: 20px;
		top: 10px;
		font-size: 14px;
	}
	.mob-menu img {
		padding-top: 15%;
	}
	.all-btn {
		display: none;
	}
	.hdfc-logo {
		display: none;
	}
	.sticky {
		position: fixed;
		z-index: 11;
		top: 0;
		width: 100%;
		background: transparent;
		box-shadow: unset;
	}
	.benefit-div .desktop {
		display: none;
	}
	.benefit-div .mobile {
		display: block;
	}
	#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;
	}

	.main-headings {
		margin-bottom: 0px;
		font-size: 24px;
		padding-bottom: 15px;
		line-height: 28px;
		font-weight: 600;
	}
	.about-div p {
		line-height: 25px;
		/*margin-bottom: -20%;*/
		font-size: 16px;
	}
	.hiw-img-mob {
		margin-left: -5%;
	}
	.hiw-list {
		line-height: 30px;
		font-size: 16px;
	}

	.benefit-div .box {
		margin: 2%;
	}
	.app-down-div .app-img {
		display: none;
	}
	.app-down-div .gs-img {
		width: 75%;
		margin-bottom: 10%;
	}
	.m0-mob{
		margin: 0%;
	}
	.app-img-mob {
		display: block;
	}

	.benefit-div .mobile img {
		width: 40%;
		margin: 0 auto;
		display: block;
	}
	.benefit-div .box h4 {
		text-align: center;
		padding-top: 10%;
		font-size: 20px;
		font-weight: 600;
	}
	.benefit-div .box p {
		text-align: center;
		font-weight: 400;
		font-size: 16px;
		margin: 0;
	}

	.outer-div {
		margin-bottom: 5%;
	}
	.pt-mob-10{
		padding-top: 10%;
	}
	.mt-mob-5{
		margin-top: 5%;
	}
	.bod-right {
		border-right: unset;
	}
	
	.sub-tabs {
		margin-left: 0;
		margin-top: 3%;
	}

	.logo {
		position: absolute;
		left: 30%;
		top: 5%;
	}
	

	#navbarCollapse .navbar-nav a {
		text-align: right;
	}
	




}


/*414x736*/
@media only screen and (min-width: 400px) and (max-width: 420px) {
	.quote-div {
		background: #F5F5F5;
		height: 52vh;
	}
	.outer-div {
		min-height: 60vh;
	}
	




}
/*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) {

}