/* ==== Media Queries ===== */
@media (max-width:1280px) {
	.logobox{
		width: 30%;
	}

	.yearsbox{
		width: 30%;
		text-align: center;
	}

	.menus:before{
		height: 60px;
		top:-9px;
	}
	.contactinfo{
		width: 40%;
	}
	.headerTop .contactinfo p{
		margin:auto;
	}
	.logobox:after{
		right: 8px;
		-webkit-box-shadow: 4px 3px 4px #eaeaea;
		        box-shadow: 4px 3px 4px #eaeaea;
	}
	.textbox {
    margin: 5% 10% 5% 5%;
	}
	.quick {
    margin: 15% 29px -29px -29px;
	}
	.touch{
    	margin: 15% 29px 20px -29px;
	}
}

@media (max-width:1024px) {

	.topmar{
		margin:auto;
	}

	.companyover h1{
		margin:2%;
	}

	.client-list ul li img{
		width: 100%;
		height: auto;
	}

	.mulbox{
		padding-left:0px;
		padding-right:0px;
	}
	.mulbox img{
		width: 100%;
	}

	.mulbox:before{
		left:0px;
	}
	.mulbox:after {
		right: -15px;
	}

	header.header.sticky .menus ul{
		text-align: left;
	}

	.companyover h1{
		width: 70%;
	}

	.companyover p{
		padding-bottom: 10px!important;
	}

	.testimonial .company{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding:20px 0px;
		width: 100%;
	}
	.testimonial .company h3{
		padding:0px;
	}
	
	.counterup{
		padding:20px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.journey{padding:20px 0px;}
	.ourservice{
		-webkit-clip-path: polygon(0 12%, 100% 0%, 100% 100%, 0% 100%);
    	clip-path: polygon(0 12%, 100% 0%, 100% 100%, 0% 100%);
    }

    .ourservice h1{
    	width: 60%;
    	margin:9% 0% 3% 20px;
    }
    .slider.slider-for .slide2 h3{
    	font-size: 26px;
    }

	.choosetext{
		margin: 1% 6%;
	}
	.choosetext h1{
		line-height: normal;
	}
	.choosetext hr{
		margin:2px;
	}
	section.imgslide{
		padding:10px 0px;
	}

	.banner-slider h1{
		left:10%;
		top:30%;
	}
	.banner-slider h1.cargobanne{
		left:10%;
		top:30%;
	}

	.banner-slider h1.colddd,.banner-slider h1{
		left:10%;
		top:30%;
	}
	.banner-slider h1.colddd, .banner-slider h1{
		width:50%;
	}
	.logobox:after{
		display: none;
	}
	.logobox img{
		width: 100%;
	}
	.logobox {
		width: 35%;
	}
	.contactinfo{
		width: 35%;
	}
	.menus:before{
		width: 35%;
	}
	.menus ul{
		width:75%;
	}
	.menus ul li a{
		padding:15px 12px;
	}
	ul.menu-sub2{
		width:198px!important;
	}
	ul.menu-sub2{
		left:-70px;
	}
	.beforeuse{
		padding-bottom: 1px;
	}
	.textbox{
		margin:10px;
	}
	.beforeuse:after{
		position: absolute;
		content: '';
		height: 1px;
		width: 94%;
		background: #070707;
		top: 100%;
		right: auto;
	}
	.quick,.touch{
		margin:10px;
	}
	.quick{
		border-right:1px solid black;
	}
	.beforeuse1:after{
		display: none;
	}
	.slidetest:after{
		right:16%;
	}
}

@media (max-width:992px) {
	.menus ul li a{
		padding:15px 10px;
	}
	.testislider .slick-dots{
		bottom: 5px;
	}
	.vismission{
		-webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
		        clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
	}
	.visionbox,.misionbox{
		margin:19% auto 5%;
	}
	.textmap h3:before{
		display: none;
	}

	.textmap{
		padding:50px;
	}

	.textmap h3{
		padding:0px;
		text-align: center;
	}

	.mapicons{
		padding:20px;
		position:absolute;
		right: 0px;
		width: 30%;
	}

	.mapimgbox img {
    position: relative;
    top: 0px;
    left: 47px;
	}
}


@media (max-width:768px) {
	.client-list ul li{
		width:25%;
	}

	.mapimgbox img {
	    position: relative;
	    top: -14px;
	    left: -7px;
	}

	.slidetest:after{
		right: 22px;
	}

	.personbox .personimg img{
		width: 100%;
	}
	.award-slider .slick-prev:after{
		left:5px;
		z-index: 99;
	}
	.slick-prev{
		z-index: 9;
	}
	.ourhistory p{
		padding:0px;
	}
	.vismission{
		-webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
		        clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
	}

	
	.textitext h1{
		text-align: center;
		width: 100%;
		padding:10px;
	}
	.textitext{
		width: 90%;
		margin:5% auto;
	}

	.textitext p{
		width: 100%;
		margin:auto;
		text-align: justify;
		padding:0px;
	}
	.textitext span{
		text-align: center;
		padding:0px;
		display: block;
	}
	.textitext h2 img{ 
		text-align: center;
		margin:auto;
	}

	.mulbox{
		padding:0px;
	}

	.mulbox:after{
		top:0px;
	}

	.testimonial{
		background-size: 100% 74%;
	}
	.journey h3{
		text-align: center;
		padding-left:0px;
	}

	button.rdmore{
		display: block;
		margin: 10px auto;
	}

	.counterup2{
		padding:20px;
	}
	.service-slider .slider.slider-nav .slick-track{
		-webkit-column-count: 4;
		   -moz-column-count: 4;
		        column-count: 4;
	}

	.slider.slider-nav .slick-slide{
		margin: 15px  5px  20px  5px;
	}
	.slider.slider-nav .slide1 h3{
		left: 50%;
		    width: 100%;
		    bottom: -20px;
		    font-size: 12px;
		    -webkit-transform: translateX( -50%);
		        -ms-transform: translateX( -50%);
		            transform: translateX( -50%)
	}
	.ourservice{
		-webkit-clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%);
    	clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%);
    }

    .ourservice h1{
    	margin:13% 0% 3% 20px;
    	width: 70%;
    }

	.choosetext{
		margin-top:5%;
	}
	.choosetext h1{
		font-size: 40px;
	}
	.eye p{
		min-height: auto;
	}
	.imgbox .img-responsive{
		display: block;
		margin:auto;
	}
	section.choose-us .imgbox:after {
	    position: absolute;
	    content: '';
	    height: 100%;
	    width: 50%;
	    border: 5px solid #e8596f;
	    right: 14%;
	    /* left: 0; */
	    top: 4%;
	    z-index: -1;
	}

	.menus:before{
		display: none;
	}
	.menus ul{
		width: 95%;
	}
	.container-fluid.header-box{
		height: auto;
	}
	.logobox:after{
		display: none;
	}
	.container-fluid.header-box{
		width: 97%;
	}
	.contactinfo{
		display: block;
		width:20%;
	}
	.logobox{
		width: 40%;
	}

	.row.headerTop{
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.container-fluid.header-box{
		width: 100%;
	}
	.yearsbox img{
		width: 38%;
	}
	.textbox p{
		line-height: 40px;
	}
	.addressbook h2{
		padding:2% 0px;
	}
	.addressbook{
		padding:4% 0px;	
	}
	#contact-us{
		padding-top:5%;
	}
	.textp{
		width: 80%
	}
	.locationicon .tooltip1 .tooltiptext{width:350px;}
}

@media (max-width:767px) {

	.sticky .menus ul li a{
		text-align: center;
	}

	.menus ul li a{
		text-align: center;
	}
	.client-list ul li{
		width:33%;
	}

	.slidetest:after{
		display: none;
	}
	.menu-sub2{
		z-index: 99999999999;
	}
	.sticky {
		margin-top:0px;
	}

	.sticky .menucontianericons{
		position: fixed;
	}
	.ourservice h1{
		width: 90%;
	}


	.banner-slider h1.colddd, .banner-slider h1,.banner-slider h1.cargobanne{
		top:5%;
		left:5%;
	}

	.banner-slider h1{
		font-size:30px!important;
	}

	.quick{
		border:none;
		border-bottom: 1px solid black;
	}
	.row.headerTop{
		margin:auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top:5px;
		-webkit-box-align:start;
		    -ms-flex-align:start;
		        align-items:flex-start;
	}
	.yearsbox{
		display: none;
	}
	.contactinfo{
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.logobox{
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
		margin: 5px;
	}
	.header-box{
		padding:0px!important;
		top:70%!important;
	}
	.row.headerBottom{
		display: none;
		position:fixed;
		height:100%;
		width: 100%;
		top:0px;
		z-index: 999999;
	}
	.menus{
		height:100%;
		width: 100%;
		line-height: normal;
		padding:10%;
		overflow: scroll;
	}
	.menus ul li{
		display: block;
	}
	.menus ul {
	    width: 100%;
	    margin: auto;
	    text-align: center;
	}
	.menus ul li a{
		color:white;
		display: block;
		width:100%;
		margin:auto;
		border-bottom: 1px solid white;
	}
	a.sertext:after{
		right:auto;
		top: 21px;
		padding: 0px 10px;
	}
	a.context:after{
		right:auto;
		top: 21px;
		padding: 0px 10px;
	}
	.menucontianericons{
		display: block;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		position: fixed;
		right: 2%;
		top: 9%;
		padding:10px;
		border-radius: 50%;
		border:1px solid #ccc;
		background-color:#e1354f;
		height: 50px;
		width: 50px;
		z-index: 9999999;
	}
	.menucontianericons img{
		margin-top:2px;
		width: 100%;
	}

	.menucontianericons.menuopen{
		position: fixed;
	}

	.sticky .menucontianericons{
		top:7%;
	}
	ul.menu-sub2{
		position: inherit;
		width: 100%!important;
		left:0px;
		margin-bottom: 10px;
	}

	li.dropdown-menu-two a.sertext{
		pointer-events: none;
	}

	.open-img.hiddenicons{
		display: none;
	}
	.menus ul.menu-sub2 li a{
		padding:2px;
	}
	section.careertable:after,.chooseus:after{
		display: none;
	}

}

@media (max-width:600px) {
	.locationicon .tooltip1 .tooltiptext{top: -140px}
	.testimonial {
	    background-size: 100% 67%;
	}	
	.card-head h4{
		margin:0px;
	}

	.client-list ul li{
		width:50%;
	}
	.mapimgbox img {
	    position: relative;
	    top: -23px;
	    left: -40px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
}


@media only screen and (max-width:600px){
	.locationicon .tooltip1 .tooltiptext{
		width: 250px;
	}
	.addressbook{
		padding:10% 0px;
	}

	.ourservice h1:before{display: none;}
	.slider.slider-nav .slide1 h3{display: none;}
	.slider.slider-nav .slick-slide{
		margin:5px 0px;
	}
	section.choose-us .imgbox:after{display: none;}
	.menucontianericons{
		top:7%;
	}
	.headerTop .contactinfo p a{
		    line-height: 28px;
	}
	.logobox{
		width: 60%;
	}
	.textbox p,.quick h1,.touch h1{
		line-height: 30px;
		font-size:20px;
		margin-bottom: 10px;
	}
	.textbox span{
		padding-top:10px;
		line-height:normal;
		display: block;
	}
	.textbox span{
		letter-spacing: 1px;
	}
	.square{
		margin-left:0px;
		padding-bottom: 10px;
	}
	.testimonial .square h1{
		padding-top:10px;
	}
	.counterup3{
		margin:0px;
		padding:0px;
		padding:15px 0px;
	}
}

@media (max-width:480px) {

	.bannerallabout,.bannercontact,.careerbanner,.bannergallery,.bannertestimonial,.clientbanner,.coldbanner,.bannertrucking,.bannerwarehouse,.bannerodc{
		padding:30px;
	}
	.menucontianericons{
		top:8%;
	}
	.bannerallabout h6,.bannerhead{
		font-size: 36px;
		text-align: left;
	}


	.vismission{
		-webkit-clip-path:polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
		        clip-path:polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
	}
	.award-slider .slick-prev{
		left:-10px;
	}
	.award-slider .slick-next{
		right:-7px;
	}

	.menucontianericons{
		right:10%;
	}
	.mulbox:after{
		display: none;
	}

	.mulbox:before{
		display: none;
	}
	.banner-slider .slick-prev:before,.banner-slider .slick-next:before{font-size: 22px;}
	.banner-slider h1.colddd, .banner-slider h1,.banner-slider h1.cargobanne{
		font-size:20px!important;
		width: 70%;
	}	
	.personslider .slick-next:after{
		right:0px;	
	}
	.personslider .slick-prev:after{
		left:0px;
	}
	.key h1:after{
		display: none;
	}
	.banner-slider h1:after{display: none;}

	.logobox{
		width: 70%;
	}
	.menucontianericons{
		height: 45px;
		width: 45px;
	}
	.menus{
		padding:20% 10%;
	}
}

@media (max-width:425px) {
	.tooltip1 .tooltiptext h6{
		font-size:14px;
	}
	.mapimgbox img{
		width: 100%;
		display: block;
   		margin: 15px;
	}
	.locationicon .tooltip1 .tooltiptext{
		left:30px;
	}
	.iconadd p{font-size: 12px;}
	.client-list{
		padding-top: 30px;
	}
	.iconadd{padding: 20px;}
	.jobtype{
		padding:0px 20px;
	}
	.arrows:after{
		display: none;
	}

	.arrows:before{
		display: none;
	}

	.textmap {
		padding-bottom:25%;
	}
	a.viewalll{
		margin-left: 16%;
	}

	.mapicons{width:70%;}
	.jobtype i{
		display: block;
		padding-bottom:5px;
	}
	.jobtype span{
		display: block;
		padding-bottom:10px;
	}

	.choosetext h1{
		font-size: 30px;
	}
	.choosetext{
		margin: 10px 5px;
	}
	.choosetext p{
		text-align: justify;
	}
	.testimonial {
	    background-size: 100% 63%;
	}
	.mapicons {
	   padding: 20px;
	       position: absolute;
	       top: 148px;
	       width: 53%;
	}
	.menucontianericons {
    top: 7%;
}
}

@media only screen and (max-width:395px) {
	.menucontianericons,.sticky .menucontianericons {
		    top: 6.5%;
		    right: 7%;
	}
}

@media only screen and (max-width:360px) {
	.textbox p,.quick h1,.touch h1{
		line-height:normal;
		font-size:16px;
		margin-bottom: 5px;
	}
}

@media (max-width:320px) {
	.menucontianericons,.sticky .menucontianericons {
		    top: 6%;
		    right: 5%;
	}
    .testimonial {
	    background-size: 100% 60%;
	}
	.textitext h2{
		padding:10px;
	}
	.textmap h3{
		font-size: 30px;
	}
	.locationicon .tooltip1 .tooltiptext{
		width: 170px;
	}
}

.iconadd p{
	word-wrap: break-word;
}