@media only screen and (min-width: 1920px)
{
	.phone-header.style1 {
		width: 18%;
	}
	.phone-header.style1 {
    	padding: 3px 45px;
    }
}		
@media only screen and (max-width: 1500px)
{
	.phone-header.style1 {
		width: 20%;
	}
}
@media only screen and (max-width: 1450px)
{
	.phone-header.style1 {
		width: 25%;
	}
	.phone-header.style1 {
    	padding: 8px 45px;
    }
}
@media only screen and (max-width: 1220px)
{
	.phone-header.style1 {
		width: 25%;
	}
	.phone-header.style1 {
    	padding: 8px 45px;
    }
}
@media only screen and (max-width: 1191px)
{
	.phone-header.style1 {
		width: 290px;
		padding: 11px 45px;
	}
	.text-right {font-size: 11px;}
}
@media only screen and (max-width: 991px)
{
	.phone-header.style1 {
		width: 273px;
		padding: 13px 45px;
	}
	.navbar-collapse {
		 margin-top: 20px;
	}
	.item-bg {
		width: 155px;
		background: rgb(1, 17, 42);
		color: #ffbe00 !important;
		clip-path: none;
		padding: 5px 13px !important;
	}
	.trade {
		top: 20%;
	}
	.margin-sty {
	    margin: 0 0px 0 -30px !important;
	}
	.art-contact {
	    padding: 25px 0px;
	}
	.service h5 {
	    font-size: 13px;
	}
@media only screen and (max-width: 767px)
{
	.phone-header.style1 {
		padding: 8px 5px;
		background-color: #01112a;
		position: static;
		top: -5px;
		left: 0;
		z-index: 1;
		width: 230px !important;
		-webkit-box-shadow: 0 3px 18px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 3px 18px 0 rgba(0,0,0,.1);
		box-shadow: 0 3px 18px 0 rgba(0,0,0,.1);
		clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
		-o-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
		-ms-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
		-moz-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);			    
	}
	.bg-light {
		background-color: #ffbe00 !important;
		padding: 0px 0 0px 0;
	}
	.navbar-brand {
		background: transparent;
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-toggler {
		margin-right: 8px;
	}
	.navbar-nav .nav-link {
		margin-left: 8px;
	}
	.item-bg
	{
		background: rgb(1, 17, 42);
		color: #ffbe00 !important;
		clip-path: none;
		padding: 5px 20px !important;
		margin-left: 0 !important;
		width: 100%;
	}
	.item-bg2
	{
		background: rgb(138, 0, 0);
		color: #ffbe00 !important;
		clip-path: none;
		padding: 5px 20px !important;
		margin-left: 0 !important;
		width: 100%;
	}
			.navbar-collapse {
			    margin-top: 0px !important;
			    transition: 500ms;
			}
			.logo-res {width: 80%;}
			.margin-sty {
				margin: 0 -15px 0 -15px !important;
			}
			.art-bx {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
			}
			.art-bx2 {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
			}
			.art-sv {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
			}
			.about-box {
				padding: 20px;
			}
			.pad-style {
				padding-left: 15px;
			}
			.service h5 {
			    padding: 5px 15px 20px 15px;
			}
			.ftr-info h3 {
			    font-size: 20px;
			    padding: 15px;
			}
			.mobile-off {
				display: none;
			}
			.mobile-on {
				display: block;
			}
			.banner-abs h1 {
				font-size: 15px;
				font-weight: bold;
			}
			.shadow-bg {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
				padding: 0;
			}
			.shadow-bg2 {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
				padding: 0;
			}
			.text-right {
				text-align: left !important;
			}
			.art-contact {
				clip-path: none;
				-webkit-clip-path: none;
				-moz-clip-path: none;
				-ms-clip-path: none;
				-o-clip-path: none;
				margin-bottom: 20px;
			}
			.art-sv img {
			    width: 100%;
			    height: auto;
			}
			.text-right {font-size: 13px;}
		}