/* CSS Document */
@media screen and (max-width: 1024px) {
.container {min-width: 0}
.cn-wrap {width: 95%}
.row {width: 95%}
.home #content {margin: 0 auto;padding: 50px 5%;width: 60%;float:left;}
.home #sidebar {float:right;width:35%;top:76px;}
#main {padding: 40px 0}
.cn-box dd , .cn-box dt {max-width: 48%}
.cn-box dt img {max-width: 100%}
.btns {margin: 0 auto}
.truck {margin:0 auto;max-width: 90%;}
.ft-top {height: auto;padding: 20px 0;}
nav ul li {padding: 0 15px 0 35px}

.cn-box .fl , .cn-box .fr {float:none;max-width: none;}
#inner #content {padding: 50px 5%}

img {max-width: 100%}
.ctc-right {width: 48%;margin: 0 auto;float:right;}
.ctc-left {width: 48%;margin: 0 auto}
.contact #sidebar {width: 100%;margin: 76px auto 0}
}

/*Styles for screen 800px and lower*/
@media screen and (max-width: 880px) {
.hd-logo {position: static;display: block;margin: 0 auto;max-width: 80%}
nav {text-align:center;}
.cn-bot dt {padding: 0}
.home #content {width: 100%;float:none;}
.home #sidebar {position: relative;top:auto;right:auto;width: 100%;margin: 80px auto 0;float:none;}
.cn-box .fl , .cn-box .fr {float:left;max-width:48%;}
.cn-box .fr {float:right;}


}


/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {

#content h1 {font-size: 45px}
.ctc-left , .ctc-right {width: 100%;float:none;margin: 0 auto 20px}
#sidebar {height: auto;}
}

@media screen and (max-width: 600px) {
	.cn-box dt, .cn-box dd {float:none;margin: 0 auto 20px;max-width: none;}
	.cn-box dt {text-align: center;}
	.cn-box .fl , .cn-box .fr {float:none;max-width: none;}
	.abt-img {max-width: 100%;float:none;margin: 0 auto 20px}
	
}


@media only screen and (max-width : 560px) {
	nav {  display:block; height: auto; 	}
  	nav ul { width: 100%; display: none; height: auto;   	}
  	nav ul li { width: 100%; float: left; position: relative;margin: 0;padding:0;background: none}
  	nav ul li a {display: block;background: none;background: none;padding:10px 0;margin: 0 auto;}
  	nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	nav a#pull {	display: block;	background-color:#03327E;	width: 100%;position: relative;color:#fff;height: 30px;padding:10px 0 0;}
	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;
		position: absolute;	right: 15px;top: 10px;	}

	nav ul li.active-menu a , nav ul li a:hover {color:#124297;}
	
}



/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
.btn {margin: 0 auto 15px}
#inner #content , .home #content{padding: 20px 5%}
 #main , #inner #main{padding: 20px 0}
#sidebar {padding: 20px 5%;position: static;margin: 0 auto !important;}
#sidebar::before {height: 0}
#sidebar h2 {font-size: 45px}
#content h1 {font-size: 38px;}
}