@charset "utf-8";
	*{
		margin:0px;
		padding:0px;
	}
	body{
		margin:0px;
		padding:0px;
		color:#000;
		font-family:tahoma;
	}
    html {scroll-behavior: smooth;}
    #advisory {text-align:center; color:#000000; font-weight:bold;}
    .nav-collapse {transition: height 2s;}
    h2 {margin:10px 0 10px; letter-spacing:-1px;}
    h3 {display:inline-block; margin:20px 0 0 0; clear:both;}
    h4 {margin:20px 0 0 0;}
	p { margin:10px 0 0 0;}
    a {text-decoration:none; color:#0062CC;}
    a:hover {text-decoration:underline;}
    #menu .mobile{display:none;}
    #menu #navopen{position:absolute; top:0px; right:10px;}
    #menu #navclose{position:absolute; top:0px; right:10px;}
	.quoteformcontainer {
        display:inline-block;
        float:right;
        margin:0 0 30px 30px;
        text-align:center;
    }
    a.calltoaction {font-weight:bold;}
ul.list {
  list-style: none;
  list-style-type: none;
  margin: 0px;
  padding: 20px 0px 0px 0px;
}
ul.list li {
  position: relative;
  padding: 0px 0px 0px 25px;
  margin: 0px 0px 0px 0px;
  break-inside: avoid-column;
}

ul.list li:before {
  content: '';
  display: block;
  position: absolute;
  border: 2px solid #004999;
  left: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%; }
div.transports {display:inline-block;}
ul.transports {
  list-style: none;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  display:inline-block;
  width:360px;
}
ul.transports li {
  position: relative;
  padding: 0px 0px 0px 25px;
  margin: 0px 0px 0px 0px;
  break-inside: avoid-column;
}

ul.transports li:before {
  content: '';
  display: block;
  position: absolute;
  border: 2px solid #f47e1e;
  left: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%; }

    #transports {column-count: 3;}
    #rateslist {column-count: 3;}
    #militarylist {column-count: 3;}
    #servicelist3 {column-count: 3;}
    #servicelist2 {column-count: 3;}
    #servicelist1 {column-count: 3;}
    #serviceother {margin-top:10px;}
    #callnow {margin-top:10px;}
    #check {margin-top:10px;}
    #compare {margin-top:10px;}
	#header{
        position:relative;
		margin:0;
        width:100%;
        overflow:hidden;
		padding:0;
	}
	#header img{
        display:block;
        width: 100%;
	}
	#header h1{
        position:absolute;
        bottom:0px;
        padding-left:10px;
		color:black;
		font-family:Impact;
		font-size: 3.2em;
        letter-spacing:0px;
        text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 2px 2px 10px #000000;
        z-index:1;
	}
	#header #call::after {
        content:"Call 1-800-590-6492 For a Free Quote";
        position:absolute; right:2%; top:0px;
		font-family:Impact;
		font-size: 3.5vw;
        letter-spacing:-3px;
        -webkit-text-stroke: 1px white;
        text-shadow: 3px 3px 5px #000000;
        z-index:1;
    }
	#slider{
		width: 100%;
	    height: 100%;
		top: 0px;
		margin-bottom:0px;
		position: relative;
		overflow: hidden;
		z-index: 1;
		padding: 0;
	    margin: 0;
	}
	#slider img{
        display:block;
        width: 100%;
	}
	.container{
		width:90%;
		margin:0px auto;
        padding:5px 0 0 0;
		max-width: 100%;
	}
	
	#eimg1{float:left;width:100%;}
	#eimg2{display:none;}
    img.left  {float:left; margin:15px 25px 15px 0;}
    img.right {float:right; margin:15px 0 15px 25px;}
    p.justify {text-align:justify;}
	.navigation{
		
	}
	.title-bg{
		/*background:url("../images/title-bg.png");*/
		padding:20px 10px;
		background-repeat:no-repeat;
		font-size:16px;
		color:#fff;
		margin-bottom:10px;
		font-family:Calibri;
		font-size:19px;
	}


.full_banner .bann_cont xh1.bann-txt {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0;
}

.content{
		background:#fff;
		float:left;
		width:100%;
		margin: 0px 10px 10px 0px;
	}
	
.banner211t { 

    background:#ffffff;
	width: autopx;
	height: auto;
	float: left; 
	margin:0px 0px; 
	padding:0px;
    color: #000000;
	padding-right: 0px;

}
.articlesT {
	background-color: #FFF;
	color: #000000;
	width: 100%;
	height: auto;

}
.articlesc {
	background-color: #FFF;
	color: #000000;
	width: 100%;
	height: auto;
    padding-left: 0px;
}


	.title-second{
		margin:20px 0px 0px 0px;
		font-family:Calibri;
		color:#000;
		font-size:23px;
	}
	.iframe{
		width:100%;
	}
	.iframe img{
		width:100%;
		height:100%;
	}
	#footer{
		margin-top:20px;
		background-color: #26547F;
		padding:20px 0;
		float:left;
		width:100%;
        text-align:center;
	}
	#txtdown{
		padding:20px 0px;
		float:left;
		width:100%;
		/*margin-top:20px;*/
	}
  #txtdown h3{
    margin-top:20px;
  }
  #txtdown ul{
	float:left;
    width:33%;
    margin-top:10px;
    margin-bottom:10px;
    height:120px;
	}
  #txtdown ul li{
    padding-right:20px;
	}
  #txtdown p{
		clear:left;
	}
    .links {
        position:relative;
        margin:0 0px 10px 25px;
    }
    .links p {
        display: list-item;          /* This has to be "list-item"                                               */
        list-style-type: circle;       /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type     */
        list-style-position: outside; /* See https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position */
    }
  	#footer ul li{
		color:#fff;
		list-style:none;
		display:inline-block;
		text-align:center;
		font-size:16px;

	}	
	
	#footer ul {
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	#footer ul li{
		border-right: 2px solid #9A9A9A;
		padding:0 10px;
	}
	#footer ul li:last-child{
		border-right:none;
	}
	#footer ul li a{
		color:#fff;
		text-decoration:none;
		font-family:Calibri;
		
	}
	#footer ul li a:hover{
        text-decoration:underline;
	}
    
    #footer .copyright {text-align:center; padding:10px 0 0 0; color:#fff;}
    #footer .copyright::after {
        content:"2026 Copyright South West Auto Shipping Transport and southwestautotransport.com. All rights reserved.";
    }

.sticky {position: fixed; top: 0; width: 100%;}
.sticky + .content {padding-top: 60px;}


/* Breadcrumb Navigation Styling */
.breadcrumb {
  padding: 8px 0px;
  margin-bottom: 0px;
  list-style: none;
  background-color: transparent;
  font-size: 16px;
}


.breadcrumb-item {
  display: inline;
}

.breadcrumb-item a {
  color: #0056b3; /* A standard link blue color */
  text-decoration: underline;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

/* This adds the '»' separator */
.breadcrumb-item + .breadcrumb-item::before {
  content: "»";
  display: inline-block;
  padding: 0 0.5em;
  color: #6c757d;
}

/* This styles the current, non-linked page */
.breadcrumb-item.active {
  color: #333333;
  font-weight: bold;
  background-color: transparent; /* This line fixes the black background issue */
}

@media (min-width:240px) and (max-width:767px) {
    #advisory {padding:5px; line-height:14px; font-size:.8em;}
    .nav-collapse {height:0px; overflow:hidden;}
    .nav-collapse li a {font-size:1.3em;}
    h2 {line-height:1em;}
    h3 {line-height:1em;}
    p {line-height:1.1em; font-size:1.2em;}
	.quoteformcontainer {
        margin-left:0px;
		width:100%;
        text-align:center;
        line-height:1.4em;
    }
    #transports {column-count: 1;}
    ul.transports h4 {line-height:1em; font-size:1.2em;}
    ul.transports li {margin:10px 0 0 0; line-height:1em; font-size:1.2em;}
    .route {width:100%;}
    #rateslist {column-count: 1;}
    #militarylist {column-count: 1;}
    #servicelist3 {column-count: 1;}
    #servicelist2 {column-count: 1;}
    #servicelist1 {column-count: 1;}
    ul.list li {
        font-size:1.2em;
        line-height:1em;
        padding-bottom:12px;
    }
    ul.transports {
        width:auto;
    }
/* --- START: NEW MOBILE FOOTER STYLES --- */

/* Make each list item a full-width block */
#footer ul li {
    display: block;
    width: 100%;
    border-right: none; /* This line already exists, but is good to confirm */
}

/* Style the link itself to be a large, tappable target */
#footer ul li a {
    display: block; /* Makes the entire block clickable */
    padding: 14px 10px; /* Adds significant vertical padding for easy tapping */
    font-size: 1.1em; /* Slightly adjust font size for balance */
    text-align: center;
    border-bottom: 1px solid #4a4e8a; /* Adds a subtle separator line */
}

/* Remove the bottom border from the very last link */
#footer ul li:last-child a {
    border-bottom: none;
}

/* --- END: NEW MOBILE FOOTER STYLES --- */
    
	#header h1{
        text-align:center;
		font-size: 2em;
        line-height:1.2em;
        margin-bottom:10px;
	}
	#header h1 span {white-space: nowrap;}
	#header #call::after {
        right:0px;
        content:"";
        text-align:right;;
        letter-spacing:0px;
    }
	#header img{
        height:150px;
        width:auto;
        margin-left:-220px;
	}
	#menu{
		padding:0;
	}
    #menu .mobile{
        display:inline-block;
        margin:7px 0 0 15px;
    }
	.navigation ul{
		display:none;
	}
	.navigation select{
		width:80%;
		margin:0 auto;
		display:block;
		padding:5px;
		border:1px solid;
		border-radius:10px;
		
	}
	.navigation select option{
		margin:5px;
		padding:3px;
	}
	.title-bg{
		font-size:25px;
		color:#000;
		width:100%;
		float:left;
	}
    img.left {width:100%;}
    img.right {width:100%;}
	.content-left img{
		width:100%;
		margin-bottom:20px;
		
	}
	.content-right{
		margin-top:20px;
		float:right;
	}
	
	.content-right {
    text-align: center;
}
	
	.content-right h3{
		margin:10px 0;

	}
	.content-right img{
		width:100%;
		margin-top:10px;
	}
	.content-left ul{
		width:100%;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
  #txtdown ul{
    width:100%;
    height:100%;
	}
	#footer ul{
		width:100%;
	}
	
	#eimg1{background:#fff;}
	#eimg2{display:inline;float:left;width:100%;}
    #footer .copyright {margin:10px; font-size:1em; line-height:1em;}
}

@media (min-width:768px) and (max-width:930px) {
	#xheader h1{
        font-size:2.5em;
	}
    h1 {-webkit-text-stroke: 1px black;}
    #transports {column-count: 2;}
    #rateslist {column-count: 2;}
    #militarylist {column-count: 2;}
    #servicelist3 {column-count: 2;}
    #servicelist2 {column-count: 2;}
    #servicelist1 {column-count: 2;}
	.navigation li{
		list-style:none;
		display:inline-block;
		text-align:center;
		padding:10px 20px;
		font-family:Calibri;
		font-size:12px;
	}
	.navigation li:hover{
		background:#000;
	}
	.navigation li:hover a{
		color:#fff;
	}
	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
	.active a{
		color:#fff! important;
	}
	.navigation li a{
		color:#9A9A9A;
		text-decoration:none;
	}
	.navigation select{
		display:none;
	}
	.content-left{
		width:70%;
		float:left;
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:27%;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	.content-left ul{
		width:50%; float:right;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
  #txtdown ul{
    width:50%;
    height:120px;
	}
}
@media (min-width:931px) and (max-width:1050px) {
	#xheader h1{
        font-size:3em;
	}
    ul.list {column-count:2; column-gap:2px;}
    #transports {column-count: 2;}
    #rateslist {column-count: 2;}
    #militarylist {column-count: 2;}
    #servicelist3 {column-count: 2;}
    #servicelist2 {column-count: 2;}
    #servicelist1 {column-count: 2;}
	.navigation li{
		list-style:none;
		display:inline-block;
		text-align:center;
		padding:10px 20px;
		font-family:Calibri;
		font-size:13px;
	}
	.navigation li:hover{
		background:#000;
	}
	.navigation li:hover a{
		color:#fff;
	}
	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
	.active a{
		color:#fff! important;
	}
	.navigation li a{
		color:#9A9A9A;
		text-decoration:none;
	}
	.navigation select{
		display:none;
	}
	.content-left{
		width:70%;
		float:right;
		margin-left: 20px;
		margin-right: 20px;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:27%;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	.content-left ul{
		width:50%; float:right;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
  #txtdown ul{
    height:150px;
	}
	#footer ul{
		width:90%;
	}
	#footer ul li{
		font-size:17px;;
	}
}
@media (min-width:1051px) and (max-width:1920px) {
    ul.list {column-count:2; column-gap:2px;}
    ul.cols1 {column-count:1;}
    ul.cols3 {column-count:3;}
    ul.cols4 {column-count:4;}
	navigation li{
		list-style:none;
		display:inline-block;
		text-align:center;
		padding:10px 27px;
		font-family:Calibri;
		font-size:17px;
	}
	.navigation li:hover{
		background:#000;
	}
	.navigation li:hover a{
		color:#fff;
	}
	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
	.active a{
		color:#fff! important;
	}
	.navigation li a{
		color:#9A9A9A;
		text-decoration:none;
	}
	.navigation select{
		display:none;
	}
	.content-left{
		width:70%;
		float:left;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:300px;
        max-width:300px;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	.content-left ul{
		width:50%; float:right;
		padding:20px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
  #txtdown ul{
    height:150px;
	}
}