@media only screen and (max-width : 1920px) {}



@media only screen and (max-width : 1600px) {}



@media only screen and (max-width : 1460px) {}



@media only screen and (max-width : 1366px) {

.welcomeTop::before {

  width: 25.85%;

}

.brateCamArea::before {

  width: 11.8%;

}	

	}

@media only screen and (max-width : 1280px) {

.welcomeTop::before {

    width: 26.4%;

}

.padStile-1 {

  padding: 80px 77px 0 30px;

}

.padStile-2 {

  padding: 80px 30px 0 77px;

}	

}



@media only screen and (max-width : 1199px){

nav ul li a {

	font-size: 13px;

}

}



@media only screen and (max-width : 1135px) {

}



@media only screen and (max-width : 1024px) {

.welcomeTop::before {

  width: 28.7%;

  }

.flex-caption {

  top: 6%;

  } 

 .servicesInner [class*="col-"] {

  min-height: 444px;

}

 

}	



@media only screen and (max-width : 1000px) {

.padStile-2 {

  padding: 30px 30px 0 30px;

}

.padStile-1 {

  padding: 30px 30px 0 30px;

}	

	

	}



@media only screen and (max-width : 991px) {

/*.stepname ul li a {

  font-size: 12px;

}

.accountValue {}

header{

	min-height:121px;

}

nav {

	float: none;

	left: 0;

	margin: 50px auto 0;

	position: absolute;

	right: 0;

	text-align: center;

	width: auto;

}

nav ul{

	display:inline-block;

}

nav ul ul{

	text-align:left;

}*/



nav ul li a {

  padding: 12px 8px;

}

}



@media only screen and (max-width : 960px) {}



@media only screen and (max-width :910px) {}



@media only screen and (max-width : 900px) {

	

	}



@media only screen and (max-width : 885px) {}



@media only screen and (max-width : 880px) {}



@media only screen and (max-width : 875px) {

}



@media only screen and (max-width : 768px) {

.flex-caption {

  max-width: 412px;

}

.flex-caption h1 {

  font-size: 25px;

  line-height: 31px;

}

.flex-caption p {

  font-size: 13px;

  text-align: left;

}



.welcomeTopInner {

  float: left;

  max-width: 464px;

  width: 100%;

}

.welcomeTop::before {

  width: 35.7%;

}



.projectsLeft, .projectsRight {

  display: block;

  float: left;

  vertical-align: top;

  width: 100%;

}

.padStile-1 , .padStile-2 {

  padding: 30px 25px;

}



/*.projects .projects-fullWidth:nth-child(2) .projectsLeft{

	float:right !important;

	}*/

.brateCamArea::before{

	display:none;

	}

.servicesInner [class*="col-"] {

  min-height: 390px;

}



.dtView{

	display:none;

	}		

.mobView{

	display:block;

	}	

	}



@media only screen and (max-width : 767px) {

.welcomeTop::before {

  display:none

}

.welcomeTopInner {

  max-width: 100%;

}

.imgContainerBottom {

  min-height: 120px;

}



.welcomeBottomInnerArea.fleet .imgContainerBottom {

  min-height: 1px;

}



.welcomeBottom.pad-v-95-100{

	padding:40px 0;

	}

	

.asianHerculesRight {

	margin-top:30px;

	}

.toxinCross {

  right: 17px;

  top: -34px;

}



	

/*.triangle::after {

  border-bottom: 15px solid #fff;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 0;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  width: 0;

}*/



.forMob{

	display:block;

	}

.forDt{

	display:none;

	}	



.triangle2::after {

  border-bottom: 15px solid #e4e4e4;

  border-left: 15px solid transparent;

  border-right: 15px solid transparent;

  bottom: 0;

  content: "";

  display: block;

  height: 0;

  left: 0;

  margin: 0 auto;

  position: absolute;

  right: 0;

  width: 0;

}	

	



}



@media only screen and (max-width : 736px) {



		

	}



@media only screen and (max-width : 700px) {

/*--ramij--*/



.banner {

	margin-top:71px;}

.logo , .sticky .logo  {

  padding-right: 0;

  width: 61px;

}

.sticky .navigation {

    margin-top: 0px;

}

header{

	min-height:auto;

	position:fixed;

	padding:13px 0;

	top:0; 

	z-index:99999;

}



/*--nav--*/

.menu-responsive{

	background:none;

	border: medium none;

	cursor: pointer;

	display: block;

	float: left;

	padding: 9px 6px 6px;

	z-index:99999;

	position:absolute;

	top:20px;

	right:100%;

}

.menu-responsive.menu_responsiveTo{

	background:#ffcc00;

}

.menu-responsive span, .menu_responsiveTo span{

	display:block;

	width:20px;

	height:2px;

	background:#333;

	margin-bottom:3px;

}

.navigation{

	margin:0;

	background: #525252;

	display: block;

	position: fixed;

	height:100%;

	top: 0;

	right:-260px;

	-ms-transition:all 300ms ease-out;

	-moz-transition:all 300ms ease-out;

	-webkit-transition:all 300ms ease-out;

	-o-transition:all 300ms ease-out;

	transition:all 300ms ease-out;

	

	width:260px;

	z-index:9999;

	text-align:left;

}

.navigation.left0{

	right:0;

}

.navigation ul{

	width:100%;

}

.navigation ul ul{

	display:none;

	background:#000000;

}

.navigation ul li{

	float:none;

	width:100%;

	/*border-top: 1px solid #3d3d3d;*/

}



.navigation ul li a{

	display:block;

	color:#fff;

	font-size:15px;

}

.navigation ul li a:hover{

	color:#fff;

	background:#ffcc00;

}

.navigation ul li span{

	cursor: pointer;

	display: block;

	height: 40px;

	position: absolute;

	right: 0px;

	top: 0;

	width: 30px;

	display:none;

}

.navigation ul li:hover ul {

	display: none;

}

.navigation ul li ul li a{

	padding-left:25px;

}

.navigation ul li ul li ul li a{

	padding-left:35px;

}



.navigation ul li.sub_menu_open span::after {

	content: "+";

	left: 0;

	color:#fff;

	font-size:24px;

	margin:auto;

	width:15px;

	height:15px;

	opacity: 1;

	position: absolute;

	right: 0;

	top: 0;

	bottom:0;

}

.navigation ul li.sub_menu_open span.open::after {

	content: "x";

	font-size:18px;

	height:20px;

	width:10px;

}

.menu_responsiveTo span{

	opacity:0;

}

.menu_responsiveTo:after{

	position:absolute;

	content:"X";

	top:4px;

	left:0;

	right:0;

	margin:auto;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	color:#fff;

	font-size:18px;

}

.navigation ul li a{

	padding:10px 15px;

}

}



@media only screen and (max-width : 667px) {



}



@media only screen and (max-width : 600px) {

h2 {

  font-size: 20px;

  line-height: 20px;

}



.flex-caption h1 {

  font-size: 23px;

  line-height: 27px;

}

.flex-caption a {

  margin-top: 10px;



}

	

}



@media only screen and (max-width : 568px) {







}



@media only screen and (max-width : 545px) {

}

@media only screen and (max-width : 545px) {

}



@media only screen and (max-width : 480px) {

.welcomeBottomInnerArea .col-xs-6{

	width:100%;

	}

.welcomeBottomInnerArea.fleet .col-xs-6{

	width:50%;

	}	

.flex-caption {

  background: #666666;

  /*float: left;*/

  margin-bottom: 3px;

  max-width: 100%;

  padding: 20px 30px 60px;

  position: static;

  text-align: center;

}

.flex-control-nav {

  bottom: auto;

  left: 0;

  position: absolute;

  right: 0;

  text-align: center;

  top: 250px;

  width: auto;

  z-index: 10;

}

.flex-caption p {

  font-size: 14px;

  text-align: center;

}

.flex-caption a {

  display: inline-block;

  float: none;

  line-height: 38px;

  margin-top: 20px;

  padding: 0 36px;

  width: auto;

}

.banner::before{

	display:none;

	}

.flexslider .slides img {

  /* height: 304px; */

}



.banner.about img{

	min-height:300px;

	}

.mapCaption {

  padding: 50px 15px 0;

  position: static;

  width: 100%;

}



.bannerCaption {

  font-size: 30px;

  left: 0;

  margin: -30px auto;

  right: 0;

  text-align: center;

}



.banner.about{

	height:370px;

	}

.aboutBanner {

	background-position:-250px 0;

	}

.servicesBann  {

	background-position:-230px 0;

	}

.projectsBann {

	background-position:-250px 0;

	}	

.our-fleet {

	background-position:-220px 0;

	}			

				

}

 

@media only screen and (max-width : 414px) {

footer .col-md-5.col-sm-5.col-xs-12 {

	display:none;

	}

footer .col-xs-4{

	width:100%;

	margin-bottom:15px;

	}	

	

}



@media only screen and (max-width : 384px) {

h4 {

  font-size: 14px;

}

}



@media only screen and (max-width : 375px) {

}



@media only screen and (max-width : 345px) {

.welcomeBottomInnerArea.fleet .imgContainerBottom {

    min-height: 65px;

	padding:15px 0 0 !important;

}

}







@media only screen and (max-width : 320px) {

.downloadBrochure h5 a::before {

  width: 12.4%;

}

}



@media only screen and (max-width : 240px) {}





/*---------RESPONSIVE----------*/

@media screen and (min-width:701px){

.navigation ul li ul {

	display: block;

	min-width: 150px;

	position: absolute;

	background:#333;

	top:100%;

	left:0;

	opacity:0;

	visibility:hidden;

	transition:all 300ms ease-in-out;

	-moz-transition:all 300ms ease-in-out;

	-ms-transition:all 300ms ease-in-out;

	-webkit-transition:all 300ms ease-in-out;

	-moz-transform: scaleY(0) translateY(15px);

	-webkit-transform: scaleY(0) translateY(15px);

	-o-transform: scaleY(0) translateY(15px);

	-ms-transform: scaleY(0) translateY(15px);

	transform: scaleY(0) translateY(15px);

}

.navigation ul li:hover ul{

	opacity:1;

	visibility:visible;

	-moz-transform: scaleY(1) translateY(0);

	-webkit-transform: scaleY(1) translateY(0);

	-o-transform: scaleY(1) translateY(0);

	-ms-transform: scaleY(1) translateY(0);

	transform: scaleY(1) translateY(0);



}

.navigation ul li ul li{

	width:100%;

	float:none;

}

.navigation ul li:hover ul li ul{

	opacity:0;

	visibility:hidden;

	top:0;

	left:100%;

	-moz-transform: scaleY(0) translateY(15px);

	-webkit-transform: scaleY(0) translateY(15px);

	-o-transform: scaleY(0) translateY(15px);

	-ms-transform: scaleY(0) translateY(15px);

	transform: scaleY(0) translateY(15px);

}

.navigation ul li ul li:hover ul{

	top:0;

	left:100%;

	opacity:1;

	visibility:visible;

	-moz-transform: scaleY(1) translateY(0);

	-webkit-transform: scaleY(1) translateY(0);

	-o-transform: scaleY(1) translateY(0);

	-ms-transform: scaleY(1) translateY(0);

	transform: scaleY(1) translateY(0);

}

.menu-responsive{

	display:none;

}

}