
@media screen and (max-width:1200px) {
.pagewrap {
	width: 98%;
}
.navbar-nav > li > a{
	    margin: 0px 10px !important;
}
#welcome-main{
	padding:90px 0;
}
#footer-top:after{
	width:25%;
}

#footer-top:before{
	width:25%;
}
.getQuote{
	position: absolute;
	right:-12%;
	top:0%;
	/*background-color: #2B3990;*/
	width: 100px; 
	height:100px;
	display: inline-block;
    text-transform: uppercase;
    /*background: none;*/
    background: rgba(191,30,46,0.7);
    font-weight: bold;
    transition:color 0.25s ease;
    border-left:1px solid #2B3990;
    border-right:1px solid #2B3990;
    
 }
 
 
}

 
@media screen and (max-width:1020px) {
	.navbar-nav > li > a{
		margin: 0px 5px !important;
	}

	.getQuote{
	position: absolute;
	right:-12%;
	top:0%;
	/*background-color: #2B3990;*/
	width: 100px; 
	height:100px;
	display: inline-block;
    text-transform: uppercase;
    /*background: none;*/
    background: rgba(191,30,46,0.7);
    font-weight: bold;
    transition:color 0.25s ease;
    border-left:1px solid #2B3990;
    border-right:1px solid #2B3990;
    
 }
	
}
 

@media (min-width:951px) {
.navbar-toggle {
	display: none
}
.navbar-nav {
	float: left;
	margin: 0
}
.navbar-nav>li {
	float: left
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}
.navbar-header {
	float: left
}
/*.getQuote{
	position: absolute;
	right:-2.5%;
	top:110%;
	width: 100px; 
	height:100px;
	display: inline-block;
    text-transform: uppercase;
    background: none;
    background: rgba(191,30,46,0.7);
    font-weight: bold;
    transition:color 0.25s ease;
    border-left:1px solid #2B3990;
    border-right:1px solid #2B3990;
    
 }*/


} 
@media screen and (max-width:950px) {
/************************************************************************************
MENU
*************************************************************************************/
html { height: 100%; width: 100%; overflow-x: hidden }
body.pn-push-left, body.pn-push-right { position: relative; min-height: 100%; }
.anim { left:0px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out  }
body.pn-slide-left { overflow: hidden }
.bsPushNav-backdrop { width: 100%; background-color: rgba(0,0,0,.2); left: 0; z-index: 700 }
.bsPushNav, .bsPushNav-backdrop { height: 100%; position: fixed; top: 0 }
.bsPushNav { width: 200px; background-color: #fff; z-index: 2; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.bsPushNav.left { left: -200px; /*-webkit-transform: translateX(-200px); transform: translateX(-200px) */}
.bsPushNav.right { right: 0; -webkit-transform: translateX(200px); transform: translateX(200px) }
.bsPushNav .navbar-nav { margin: 0px !important }
.pn-slide-left .bsPushNav.left.active, .pn-slide-left .bsPushNav.right.active, .pn-slide-right .bsPushNav.left.active, .pn-slide-right .bsPushNav.right.active { -ms-box-shadow: 0 4px 12px 0 rgba(0,0,0,.2); -o-box-shadow: 0 4px 12px 0 rgba(0,0,0,.2); box-shadow: 0 4px 12px 0 rgba(0,0,0,.2); -webkit-transform: translateX(0); transform: translateX(0) }
.pn-push-left { /*-webkit-transform: translateX(200px); transform: translateX(200px)*/ left:200px;/*-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out*/ }
.pn-push-left .bsPushNav {
    left: 0px;
	z-index:750;
}
.affix{
	left:0;
}
.affix::after{
	
	background-position:top;
}
.pn-push-left .affix{ left:200px;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pn-push-right { -webkit-transform: translateX(-200px); transform: translateX(-200px) }

.navbar-nav{
	width:100%;
}

.nav > li{
	margin: 0 10px;
border-bottom: 1px solid #EFEFEF;
padding: 7px 0;
}
.navbar-nav > li > a {
    padding: 3px 10px !important;
	font-size:13px !important;
	margin:0px !important;
}
.push_nav_logo{
	display:block !important;
	margin:0 0 15px 0!important;
	padding:10px 0px 11px 0 !important;
	background:#f4f4f4 !important;
	border:0 !important;
}
 
.menu_txt{
    position: absolute;
    left: -53px;
    top: 1;
    line-height: 14px;
    font-size: 16px;
    text-transform: uppercase;
	font-family: 'Roboto' ; 
	font-weight:500;
	color: #262626 !important; 
}
.navbar-toggle {
    margin: 50px 0px 0px !important;
}
header{ 
}
header .col-sm-10{ 
		padding:0px 5px!important;
	}
.logo {
    width: 268px;
    height: auto;
}
.push_nav_logo a{
	background:none !important;
}
.navbar-nav > li > a > i{
	display:inline-block;
	margin-right: 10px;
}
 
 .serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 45%;
	float: left;
}
 .getQuote{
	display: none; 
 }
 
} 
@media screen and (max-width:767px){
.truck-pic img {
    position: relative;
    top: inherit;
    right: 0;
    margin-bottom: -132px;
}
.truck-pic{
	width:100%;
	float:none !important;
}
#wel-bottom aside{
	width:100%;
}
.ftr-wrp:before{
	left:0;
}
.ftr-wrp:after{
	right:0;
}
.contact-adrs aside {
    padding-bottom:25px;
}
footer, footer .text-right{
	text-align:center;
}
.inner_right{
	margin-top:30px; 
	 
}

.serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 45%;
	float: left;
}
.getQuote{
	display: none; 
 }

}
@media screen and (max-width:680px){
	#footer-top:after {
    width: 17%;
}
#footer-top:before {
    width: 17%;
}
.social-icons{
	display:none;
}
.navbar-toggle {
    margin: 22px 0px 0px !important;
}
.truck-pic { 
    margin-top: 34px;
}
.clients-con .col-lg-4.col-md-4.col-sm-4.col-xs-4{
	display:none;
}
.clients-con .col-lg-2.col-md-2.col-sm-2.col-xs-2{
	width:25%;
}
.clients-con{
	padding-top:15px;
}
.ftr-wrp{
	width:100%;
}
#wel-bottom:after{
	display:none;
}
#wel-bottom { 
    background: #be1d2d;
	    padding-bottom: 45px;
}
#mid-main {
    padding-top: 50px;
	   
}
#mid-main h4 span{
	font-size:30px;
	    line-height: 31px;
}
#mid-main h4{
	font-size: 38px;
	 margin: 0 0 23px 0;
}
#mid-bottom{
	background:none;
	padding-bottom:10px;
	    padding-top: 230px;
}
#mid-bottom .mid-top-wrap{
	background: #192954;
    width: 100%;
    padding: 50px 1%;
    box-sizing: border-box;
	padding-bottom:0;
	margin-bottom: 50px !important;
}
#srv-main {
    padding: 50px 0 50px 0;
}
.request-qt{
	width:100%;
	    top: -193px;
}

.serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 42%;
	float: left;
}
.getQuote{
	display: none; 
 }

}
@media screen and (max-width:500px){
	#footer-top:after {
    display:none;
}
#footer-top:before {
     display:none;
}
.ftr-wrp:after{
     display:none;
}
.ftr-wrp:before{
     display:none;
}
.ftr-wrp{
	padding:0;
}
#footer-top{
	padding:20px 0;
	min-height:inherit;
}

.serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 100%;
	float: left;
}
.getQuote{
	display: none; 
 }

}
@media screen and (max-width:450px){
	.ftr-wrp h4 span {
    font-size: 34px;
	}
	.ftr-wrp h5 {
    font-size: 15px;
	}
	.clients-con .col-lg-2.col-md-2.col-sm-2.col-xs-2{
		width:100%;
		padding-bottom:10px;
	}
   .getQuote{
	display: none; 
 }

}
@media screen and (max-width:400px){
	.logo {
    width: 195px;
    height: auto;
}
.menu_txt{
	    left: -45px; 
        font-size: 13px;
}
.navbar-toggle { 
    padding: 8px 5px;
}

.serviceBorder{
	border:1px solid #ccc; 
	margin: 15px;
	padding: 25px 0px;
	width: 100%;
	float: left;
}

.getQuote{
	display: none; 
 }

}

 
 

