@media only screen and (max-width:1024px){
	.figure{background-attachment:initial}
}
@media only screen and (max-width:992px){
	.navigation li{font-size:12px;line-height:14px}
}
@media only screen and (max-width:767px){
	.top-contact{float:none;text-align:center;overflow:hidden;margin-bottom:30px}
	.top-contact ul{margin-bottom:10px;font-size:0}
	
	.logo img{max-height:75px; width:auto;}
	.header { height:175px; }
	#cssmenu {margin: 0 -15px;}
	.navigation{display:none;width:100%;z-index:9999;margin-top:0;margin-right: 0;padding-left: 0}
	.navigation::after,.navigation::before{display:none}
	.navigation li{display:block;border-left:0;text-align:center; height: auto;}
	.navigation li a{padding:10px 26px 10px 22px!important}
	.navigation li:hover > ul {top: 0;}
	.navigation ul > li:hover > ul {left:0; padding-left: 0;}
	.navigation ul, .navigation ul ul {top:0; left: 0; opacity: 1}
	.navigation ul li a { width: auto; }
	.sub-menu{display:none;left:0;position:relative;}
	.sub-menu a{color:#ffffff!important}
	.nav-icon{display:inline-block;padding:0 8px 8px;position:absolute;right:15px;top:97px;cursor:pointer}
	.sub-menu >li > ul { position: relative; }
	.custom-nav{position:static}
	.main-header{position:relative;margin-bottom:25px}
	.banner-text{top:50%;left:6%;width:auto}
	.caption{width:auto}
	.tp-caption{white-space:normal}
	.services{padding-bottom:15px;padding-top:50px}
	.services-link{width:132px;padding:9px 0}
	.features{margin-bottom:20px;padding-top:15px}
	.figure{height:300px;position:static;width:100%;padding-top:100%}
	.heading h2{font-size:25px}
	.heading h3{font-size:23px;margin-bottom:15px}
	.features-text>p{margin-bottom:15px!important}
	.footer-link{float:left;width:100%}
	.footer-link li:last-child{border-bottom:1px solid #42505b}
	.copyright-row{margin-top:40px}
	.phone{margin-bottom:30px}
	.footer{padding:50px 0 0}
	.footer h5{margin-bottom:20px}
	.footer-nav{padding-left:0}
	.custom-footer-padding{padding-left:0}
	.solution{padding:10px;width:300px;height:210px}
	.solution h2{font-size:15px;margin-bottom:10px}
	.solution p{font-size:12px;margin-bottom:5px}
	.trucking{padding:25px 0 0}
	.about-company>p{margin:20px 0 0;padding:0}
	.about-company{padding:0 0 30px!important}
	.about-section{padding:35px 0 25px}
	.tab-content{padding:40px 10px 0;position:static;text-align:left}
	.active .tab-content{display:none}
	.services-link{padding:15px 0}
	.contact-form{padding:25px 0}
	.map-box{height:400px;width:100%}
	.contact-form-box{margin-bottom:30px}
	.contact-form form{padding:0}
}
@media only screen and (max-width:568px){
	.top-contact ul li.margin:after{height:14px}
	.top-contact img{height:14px}
	.top-contact ul li a{font-size:12px}
	.about-us{padding:21px 37px 95px}
	.our-address{margin-top:30px}
}
@media (min-width:1200px){
	.slide-content{max-width:1170px;width:100%}
}
@media only screen and (min-width:768px){
	#header{position:fixed;top:0}
	.logo img{margin-top:-10%}
	.slide-content{margin:0 auto;max-width:768px;width:100%}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .header{height:137px;}
	.top-contact{margin-bottom:20px}
	.banner-text{max-width:750px}
	.navigation li a{padding:18px 7px!important}
}
@media only screen and (min-width:320px) and (max-width:767px){
	
}
@media only screen and (min-width:713px) and (max-width:767px){
	.top-contact ul li a{font-size:21px}
}
@media only screen and (min-width:569px) and (max-width:712px){
	.top-contact ul li a{font-size:15px}
}
@media only screen and (min-width:768px) and (max-width:1024px){
	.navigation{width:106%;padding-left:35px;margin-right:0;}
	.services{padding-top:50px!important;padding-bottom:25px}
	.features{padding-top:50px;margin-bottom:50px}
	.about-us{padding:21px 37px 95px}
	.about-us h3 span{font-size:13px}
	.about-us h3{font-size:25px;margin-bottom:15px}
	.address,.copyright,.footer-link li a{font-size:12px}
	.map-box{width:100%}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.navigation li a{padding:16px 10px 14px 10px!important}
}
@media only screen and (min-width:992px) and (max-width:1024px){
	#cssmenu>ul>li:hover>ul{top:45px}
	.navigation{float:none}
}
@media only screen and (min-width:1025px) and (max-width:1199px){
	.about-us{padding:80px 20px 125px 32px}
	.navigation{width:101%}
	.navigation>li:first-child:before{display:none}
	.footer-link li a{font-size:11px}
	.address{font-size:13px}
}