@media (min-width: 1501px) and (max-width: 1700px) {
	.agency-img{
		top: -340px;
    	max-width: 700px;
	}
}
@media (min-width: 1366px) and (max-width: 1500px) {
	.banner-left{
		bottom: -95px;
	    max-width: 340px;
	}
	.agency-img{
		top: -340px;
    	max-width: 660px;
	}
}
@media (min-width: 1200px) and (max-width: 1366px) {
	.banner-left{
		max-width: 320px;
	}
	.agency-img{
		top: -270px;
    	max-width: 540px;
	}
}

@media (max-width: 1199px) {
	.work-box h3 {
	    font-size: 20px;
	    line-height: 22px;
	}
	.banner-left{
		max-width: 300px;
		bottom: -55px;
	}
	.nav-item a{
		color: #000 !important;
	}
	.navbar-collapse{
		background: #fff;
		border-radius: 0 0 30px 30px;
		padding-bottom: 10px;
		box-shadow: 0 0 15px rgb(0 0 0 / 40%);
	}
	.navbar-nav {
	    align-items: self-start;
	    margin-top: 10px;
	}
	.dropdown-menu{
		margin-left: 10px;
	}
	.nav-item .header-btn {
	    border: 1px solid #ed8824;
	    border-radius: 5px 20px !important;
	    height: 38px;
	    display: inline-flex;
	    align-items: center;
	    width: 150px;
	    justify-content: center;
	    color: #ed8824 !important;
	    margin-bottom: 10px;
	}
	.nav-item:nth-child(3) {
	    padding: 0 10px 0 15px;
	}
	.nav-item{
		padding: 0 15px;
	}
	.banner-section h1 {
	    font-size: 70px;
	}
	.signup-box {
	    right: -20px;
	    top: 30px !important;
	    /* left: auto; */
	    /* margin: auto; */
	}
	.agency-section {
	    margin-top: 25px;
	}
	.navbar-light .navbar-toggler-icon{
		background: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
	}
	.navbar-light .navbar-toggler{
		border-color: #fff;
    	background: #ed8824;
	}
	header{
		    height: 100px;
	}
	.agency-img{
		max-width: 100%;
		position: relative;
	}
	.agency-img{
		top: 0;
	}
	.shadow-box-content {
	    padding: 30px 30px;
	}
	.nav-item.dropdown.show{
		width: 100%;
		display: block;
	}
	.mr--20 {
	    margin-right: 0px;
	}


}

@media (max-width: 991px) {
	.banner-section h1{
		font-size: 56px;
		line-height: 55px;
	}
	.subscribe-box h2{
		font-size: 42px;    	
    	line-height: 42px;
	}
	.app-btns{
		max-width: 140px;
	}
	.common-title {
	    font-size: 45px;
	    line-height: 45px;
	}
	.subscribe-box h2{
		margin-bottom: 20px;
		text-align: center;
	}
	.signup-box{
		max-width: 340px;
	    margin-left: auto;
	    top: -60px;
	}
	.footer-links li a{
		font-size: 13px;
		padding: 0 10px;
	}
	.logo-shape{
		display: none;
	}
	.innerpage-wrapper h1.mt-5{
		margin-top: 0 !important;
	}
	.innerpage-wrapper{
		padding-top: 150px;
		height: auto;
	}
	.innerpage-wrapper .banner-left{
		display: none;
	}
	.innerpage-wrapper .banner-right{
		display: none;
	}
	.card-box{
		margin-bottom: 30px;
	}
	.subscribe-box .col-lg-3.text-right{
		text-align: center !important;
	}
	.mb-220 {
	    margin-bottom: 0px !important;
	}


}

@media (max-width: 767px) {
	.btn-small {
	    right: 45px;
	}
	.custom-align{
		text-align: left;
	}
	.detail-info span {
	    margin-left: 0px; 
	    display: block;
	    margin-top: 5px;
	}
	.agency-section::after{
	    width: 90%;
	    position: relative;
	    height: 500px;
	    display: block;
	}
	.work-section{
		margin-top: 0;
	}
	.app-image{
		max-width: 300px;
		margin: auto;
		display: block;
		margin-bottom: 20px;
	}
	footer{
		text-align: center;
		padding-top: 80px;
	}
	.footer-links {
	    text-align: center;
	}
	.social-links {
	    text-align: center;
	    margin-top: 15px;
	}
	.testimonial-section {
	    padding: 50px 0;
	}
	.single-testimonial{
		margin-right: 40px;
	}
	footer {
	    padding-top: 140px;
	}
	.agency-img {
	    padding: 30px 0;
	}
	.heartbeat{
		animation: none;
	}
	.testimonial-section:after{
		display: none;
	}
	.innerpage-wrapper{
		height: auto !important;
	}
	.mb-120 {
	    margin-bottom: 60px;
	}
	.form-label{
		font-size: 14px;
	}
	.work-icon{
		max-width: 130px;
	}
	.work-box h3{
		padding-left: 75px;
	}
	.history-box{
		margin: 0 20px;
	}


}

@media (max-width: 575px) {
	.navbar-brand::before{
		content: none;		
	}
	header{
		background: #fff;
	}
	.navbar-brand{
		margin: 0 0 0 10px;
	}
	.banner-left{
		display: none;
	}
	.banner-right{
		display: none;
	}
	.signup-box{
		right: 0;
		top: 30px;
		left: 0;
		margin: auto;
	}
	.navbar-light .navbar-toggler{
		margin-right: 20px;
	}
	.banner-section{
		height: 683px;
		padding-top: 140px;
	}
	.agency-section::after{
		height: 230px;
		margin-top: 60px;
	}
	.common-title {
	    font-size: 37px;
	    line-height: 37px;
	}
	footer{
		padding-top: 130px;
	}
	.subscribe-box{
		padding: 20px;
	}
	.subscribe-box h2 {
	    font-size: 36px;
	    line-height: 35px;
	}
	.input-group-text{
		padding: 20px 14px;
		font-size: 12px;
	}
	.form-control{
		font-size: 14px;
		padding: 10px 15px !important;
	}
	.app-btns {
	    max-width: 135px;
	}
	.banner-section h6 {
	    font-size: 18px;
	}
	.testimonial-name {
	    font-size: 16px;
	}
	.tesitmonial-img{
		max-width: 50px !important;
	}
	.shadow-box .nav-tabs .nav-link{
		padding: 24px 10px !important;
		font-size: 15px;
	}
	.shadow-box-content {
	    padding: 20px;
	}
	.form-label{
		margin-bottom: 3px;
	}
	.card-number {
	    font-size: 22px;
	}
	.custom-radio .custom-control-input:checked~.custom-control-label::after{
		left: -20px;
	}
	.custom-control-label::before{
		left: -25px;
	}
	.search-box.mr--20{
		margin-right: 40px;
	}
	.pagination {
	    justify-content: flex-start;
	    margin-top: 20px;
	}
}