/*--------------------------------------------------
    ## All responsive style
---------------------------------------------------*/
@media all and (min-width: 2300px) {
	
	.home-3 .banner-area.style-3 {
	    background-size: 123% 146%!important;
	}
}
@media all and (min-width: 1600px) {
	.container {
	    max-width: 1175px;
	}

	.bg-image-3 {
	    background-repeat: no-repeat !important;
	    background-position: top center !important;
	    background-size: 100% 100% !important;
	}
	.banner-area.style-3 {
		background-position: 47px -270px !important;
	    background-size: 123% 149%!important;
	    padding: 188px 0 175px;
	}
	.banner-area.style-3 .banner-inner {
	    margin-left: 3rem!important;
	    margin-right: 0px; 
	}
	.banner-area-3 {
	    background-position: bottom center !important;
	    padding: 210px 0 239px;
	    background-size: 100% 100% !important;
	}

	.banner-area-3 .banner-inner {
		padding-right: 254px;
	}
	
}

@media (max-width: 1400px) {
	
	.banner-area.style-3 .banner-inner {
	    margin-left: -120px !important;
	    margin-right: 0;
	}
	.banner-area.style-3 {
	    background-position: -32px -249px !important;
	}
}
@media all and (max-width: 1199px) {
	
	.banner-area.style-3 {
	    padding: 200px 0 100px;
		background-position: -38px -143px !important;
	}
	/*********************************************************/
	.banner-area.style-3 .banner-inner {
	    margin-left: 35px !important;
	}
	.banner-inner .btn {
		margin-right: 27px;
		animation: 1.5s 1.2s fadeInLeft both;
		height: 42px;
		line-height: 1.5;
		padding: 8px 13px;
		border-radius: 4px;
		position: relative;
		top: 21px;
		left: 3%;
	}
	.banner-area.style-3 .banner-inner .btn {
        margin-right: 14px;
    }
	
	.bg-image-3 {
	    background-position: -198px top !important;
	    background-size: 126% 91% !important;
	}
}
@media all and (max-width: 991px) {
	
	.bg-image {
	    background-size: 118% 66% !important;
	}
	.banner-area.style-3, .banner-area-3 {
        background: transparent !important;
        text-align: center;
        padding: 80px 0 0px;
    }
	img.registration-img {
        position: relative;
        top: 90px;
        left: 0%;
        margin-top: -69px;
        width: 86%;
    }
	.bg-image-3,
	.bg-image-2 {
	    background: transparent !important;
	}
	.bg-image-3 .product-area {
		padding-top: 0;
	}
	.banner-area.style-3 {
	    padding-bottom: 50px;
	}
	.banner-area.style-3 .banner-inner {
		margin-left: 0 !important;
	}
	img.logo {
		position: relative;
		bottom: 50px;
	}
	
}

@media all and (max-width: 767px) {
	.banner-inner h1 {
	    font-size: 35px;
	}
	.button1{
		margin-top: -60px;
	  }
	
}
@media all and (max-width: 575px) {
	
	.banner-area.style-3 {
        padding: 121px 0 0;
    }
	
}

@media only screen and (max-width: 991px) and (min-width: 601px)  {
img.registration-img {
    position: relative;
    top: 90px;
    left: -8%;
    margin-top: -69px;
}
.bvnBtn {
    position: relative;
    bottom: 40px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px)  {
	.logo {
		position: relative;
		bottom: 44px;
	}
	.button1{
		margin-top: -60px;
	  }
}

@media all and (min-width: 1920px) {
	
.banner-inner .btn {
    margin-right: 45px;
    animation: 1.5s 1.2s fadeInLeft both;
    height: 66px;
    line-height: 1.5;
    padding: 8px 13px;
    border-radius: 4px;
    position: relative;
    top: 38px;
    left: 3%;
    font-size: 18px;
}
}
@media all and (min-width: 1600px) {
.banner-inner.ms-xl-5 {
    margin-top: -200px;
    position: relative;
    left: -24%;
}
}