/*For Mobile */
@media screen and (max-width:480px){
	.container{
		max-width: 90%;
	}

	br{
		display: none;
	}

	.adType .swiper-slide{
		height: auto !important;
	}

	.navbar-brand img{
		width: 70%;
	}

	.homepage-banner-section{
		background-size: cover;
	    padding: 70px 0 60px 0;
	}

	.sec-bottom-padding {
	    padding-bottom: 50px;
	}

	.sec-top-padding {
	    padding-top: 50px;
	}

	.lg-title {
	    font-size: 30px;
	    line-height: 40px;
	}

	.md-title {
	    font-size: 28px;
	    line-height: 38px;
	}

	.lg-para {
	    font-size: 18px;
	    line-height: 28px;
	}

	.features-box:hover .lightblue-box{
		transform: scale(1.1);
	}

	.floating-blue-bg{
		width: 100%;
		height: 80%;
		top: 2%;
		transform: translateY(0);
	}

	.security-features{
		padding: 0 30px 0 20px;
	}

	.security-features a{
		margin-bottom: 30px;
		display: block;
	}

	.strip-banner{
		background-size: cover;
		background-position: right center;
	}

	.form-sticky-note{
		font-size: 10px;
	}

	.features-box{
		width: 90%;
	}

	.home-banner-image{
		height: 280px;
	}

	.b1{
		right: 6%;
		top: 25%;
	    width: 80px;
	    height: 80px;
	}

	.b2{
		right: 26%;
        bottom: 3%;
		width: 100px;
	    height: 100px;
	}

	.b3{
		left: 12%;
		bottom: 7%;
	    width: 80px;
	    height: 80px;
	}

	.b4{
	   	width: 150px;
	    height: 150px;
	}

	.homepage-banner-section:hover{
		.b1{
			right: 25%;
            top: 0;
			width: 150px;
			height: 150px;
		}

		.b2{
			right: 2%;
			bottom: 24%;
		}

		.b3{
			left: 38%;
	        bottom: 0;
	        width: 110px;
	        height: 110px;
		}

		.b4{
			left: 2%;
	        bottom: 0;
		}
	}

	.fs-name{
		font-size: 11px;
		line-height: 14px;
	}

	.fs-designation {
	    font-size: 10px;
    	line-height: 20px;
	}

	.fs-details-box1 {
	    bottom: 20px;
	    left: 20px;
	}

	.fs-details-box2 {
	    bottom: 20px;
	    right: 20px;
	}


	.vmax-team {
        transform: scale(0.6);
        margin-top: 160px;
    }

    .team-section {
	    height: 400px;
	}
}

/*****Mobile Horizontal view******/
@media screen and (min-width:490px) and (max-width:767px){
	br{
		display: none;
	}

	.homepage-banner-section{
		background-size: cover;
	}

	.features-box{
		width: 50%;
	}
}


/*********Ipad*************/
@media screen and (min-width:768px) and (max-width:991px){
	.homepage-banner-section{
		background-size: cover;
	}

	.features-box{
		width: 33.33%;
	}

	.lg-title {
	    font-size: 31px;
	    line-height: 40px;
	}

	.lg-para {
	    font-size: 22px;
	    line-height: 32px;
	}

	.home-banner-image {
        height: 280px;
    }

	.b1{
		right: 3%;
		top: 13%;
		width: 80px;
		height: 80px;
	}

	.b2{
		right: 12%;
		bottom: 19%;
		width: 100px;
		height: 100px;
	}

	.b3{
		left: 12%;
		bottom: 19%;
		width: 80px;
		height: 80px;
	}

	.b4{
		left: 12%;
		top: 4%;
		width: 120px;
		height: 120px;
	}

	.homepage-banner-section:hover{
		.b1{
			right: 25%;
            top: 0;
			width: 120px;
			height: 120px;
		}

		.b2{
			right: 0;
			bottom: 30%;
		}

		.b3{
			left: 38%;
			bottom: 0;
			width: 90px;
			height: 90px;
		}

		.b4{
			left: 0;
			bottom: 0;
		}
	}
}

@media screen and (max-width:991px){
	.offcanvas-body .nav-item{
		border-bottom: 1px solid #ccc;
	}

	.offcanvas.offcanvas-end{
		width: 100%;
	}

	.offcanvas{
		transition: all 300ms;
	}
	.offcanvas-body{
		padding: 0 !important;
	}

	.offcanvas-body ul{
		padding: 0 !important;
	}

	.offcanvas-body .nav-link{
		font-size: 17px;
	    line-height: 27px;
	    padding: 10px 20px !important;

	}
}


/*********Ipad Pro*************/
@media screen and (min-width:991px) and (max-width:1024px){
	.features-box{
		width: 33.33%;
	}

	.b1{
		right: 3%;
		top: 13%;
		width: 80px;
		height: 80px;
	}

	.b2{
		right: 12%;
		bottom: 19%;
		width: 100px;
		height: 100px;
	}

	.b3{
		left: 12%;
		bottom: 19%;
		width: 80px;
		height: 80px;
	}

	.b4{
		left: 12%;
		top: 4%;
		width: 120px;
		height: 120px;
	}

	.homepage-banner-section:hover{
		.b1{
			right: 25%;
            top: 0;
			width: 120px;
			height: 120px;
		}

		.b2{
			right: 0;
			bottom: 30%;
		}

		.b3{
			left: 38%;
			bottom: 0;
			width: 90px;
			height: 90px;
		}

		.b4{
			left: 0;
			bottom: 0;
		}
	}
}

@media screen and (min-width:1025px) and (max-width:1250px){
}

/*large screen*/
@media screen and (min-width:1920px){
}

@media screen and (min-width:1400px){
	.b4{
		left: 27%;
		top: 14%;
	}

	.b1 {
	    right: 7%;
	    top: 36%;
	}
}