@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

#banner_hydr{ margin:0 auto; padding:0; background-color:#eaeaea; height:148px; position:relative;}

#hydr_title{ margin:0 auto; padding:0; background:#FFF; margin:50px 0px 60px 0px;}

#about_hydr{ background:#FFF; padding-bottom:30px; height:450px;}

.iconsAbt_hydr{}
.hyd_marineImg{ width:0px; height:0px; position:absolute; top:0px; left:0px; opacity:0; }
.hyd_industImg{ width:0px; height:0px; position:absolute; top:375px; left:312px; opacity:0;}
.hyd_oilfldImg{ width:0px; height:0px; position:absolute; top:340px; left:0px; opacity:0;}
.hyd_dredgImg{ width:0px; height:0px; position:absolute; top:14px; left:335px; opacity:0;}

.cntntHeadArrw{ width:496px; height:36px; margin-bottom:50px; background:url(../titusimpex-images/hyd_cntntArrwImg.png) top center no-repeat; display:block; position:absolute; left:0; right:0; top:0; margin-left:auto; margin-right:auto;}
.cntntAbt_hydr{ float:right; width:496px; margin-bottom:0px; padding-top:90px; font-family: 'proxima_novaregular';}

#ourCore_act{background:#EAEAEA; height: auto; padding-top:80px; padding-bottom:60px;}

#core_activty{height: auto; margin-top:40px; text-align:center;}
.core_activty_dvdLine{ width:1px; height:100px; margin-top:120px; background-color:#b4b4b4; float:left;}
.core_actNo{ width:40px; height:40px; background-color:#373737; border-radius:100%; -moz-border-radius:100%; -webkit-borderradius:100%;
font-family:Arial, Helvetica, sans-serif; font-size:22px; margin:0 auto; color:#FFF; padding:6px 0 0 0;}


#hyd_wware{ background-color:#FF6600; padding:40px 0;  height: auto;}


#services{ background:#FFF; height: auto; padding:50px 0;}
.services_list ul{ padding-top:40px;}
.services_list ul li{ width:24%; height:75px; background:url(../titusimpex-images/serv_list_bull.jpg) top left no-repeat; float:left; padding:5px 0 0 32px; margin:0 0 0 5px;}










.gryTit48{ font-size:48px; color:#373737; line-height:48px; text-align:left; font-family:'florencesans_blackregular';}
.gryTit24{ font-size:24px; color:#373737; line-height:30px; font-family: 'proxima_novaregular';}
.whtcntnt24{ font-size:24px; color:#FFF; line-height:30px; font-family: 'proxima_novaregular';}
.greyTxt16{ font-size:16px; line-height:18px; font-weight:normal; color:#373737; text-align: justify; font-family: 'proxima_novaregular';}
.grycntnt18, .services_list ul li{  font-size:18px; line-height:18px; font-weight:normal; color:#505c62; text-align:left; font-family: 'proxima_novaregular';}







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

#banner_hydr{ height:120px;}
#hydr_title{ margin:30px 0px 20px 0px;}

#about_hydr{ margin:0px 0px 30px 0px; padding-bottom:15px;}

#ourCore_act{ padding-top:60px; padding-bottom:100px;}

#services{ padding:80px 0 0 0;}


}





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

.cntntHeadArrw{ margin-right:35px;}
.core_activty_dvdLine{ width:1px; height:100px; margin-top:120px; background-color:#b4b4b4; float:left;}
.padding-lr5{ padding-left:15% !important; padding-right:5% !important;}

}


@media screen and (max-width: 768px){
#about_hydr{ padding-bottom:20px !important; height: auto;}
.iconsAbt_hydr{ display:none;}
.cntntHeadArrw{ left:0; right:0; top:0; margin-left:auto; margin-right:auto;}
.padding-lr5{ padding-left:0 !important; padding-right:0 !important;}
.margin-bot6{ margin-bottom:0% !important;}
	
}


@media only screen 
and (min-width : 213px) 
and (max-width : 560px){
#banner_hydr{ height:115px; }
#hydr_title{  margin:20px 0px 0px 0px;}

#about_hydr{ margin:0px 0px 20px 0px; padding-bottom:30px; height: auto; width:100%;}
.iconsAbt_hydr{ display:none;}
/*.hyd_marineImg{ top:0px; left:0px;}
.hyd_industImg{ top:375px; left:312px;}
.hyd_oilfldImg{ top:340px; left:0px;}
.hyd_dredgImg{ top:14px; left:335px;}*/

.cntntHeadArrw{ display:none;}
.cntntAbt_hydr{}
.greyTxt16{ padding:0 20px;}

#ourCore_act{ height: auto; padding-top:30px; padding-bottom:30px;}
.core_activty_dvdLine{ width:100%; height:1px; margin-top:10px;}
#hyd_wware{ padding:50px 0 40px 0; height: auto;}

.whtcntnt24{ padding:0 20px; font-size:20px; line-height:24px;}

#services{ height: auto; padding:50px 0 0 0;}
.services_list ul{ padding-top:20px;}
.services_list ul li{ width:44%; height:80px; float:left; padding:5px 0 0 32px; margin:0 0px 0 5%;}

}