.homeSliderCaption { font-size: 20px; font-weight: 500; letter-spacing: 0; }
.detailContent h3 { font-size: 28px; }
.logo { width: 50%; }
.accordioncontent p img { width: 35%; padding: 5px !important; }
.gallery ul li { width: calc(33% - 2%); }
.gallery.video ul li { width: calc(33% - 2%); }
.ContactFormContainer .item { display: block; width: 100%; margin: 1% 0; }
.ContactFormContainer .item .txtbox { padding: 10px; width: calc(100% - 20px - 2px); }
.ContactFormContainer .item textarea.txtbox { width: calc(100% - 12px); }
.ContactFormContainer .item.sendBtn { width: 100%; padding: 10px 0; }
.ContactFormContainer .item .btnSend { padding: 10px 35px; font-size: 18px; }
.MapSearchContainer{ width:calc(100% - 30px); padding:20px 15px; }
.MapSearchContainer .SearchContainer .item .btnFind{ margin:10px 0 5px; }
#ctl00_ContentPlaceHolder1_UC_Map1_SearchBox1_HyperLink1{ width:100%; }
.MapSearchContainer .SearchContainer .item{ width:calc(100% - 10px); padding:0 5px 5px; }
.MapSearchContainer .SearchContainer .item a button{ width:100%; }
#mapPage #detailContainer h1{ font-size:22px; letter-spacing: 0;}
#mapPage .MapSearchContainer .SearchContainer{ width:100% !important; }
.MapSearchContainer .SearchContainer .item .btnFind {	margin: 2px 0;width: 100%;}
.MapSearchContainer .SearchContainer .item.searchBtnContainer {width: calc(100% - 2%) !important;	margin: 10px 0;	text-align: center;	float: none !important;}
.searchResult {padding: 200px 0 0 0;}
.timeLine .item .content{ padding:50px 0;}
.locationMap #map_canvas .mapImage {margin: -50px 0 0 0;}
.ContactFormContainer .item.verification .CaptchaControl {width: 40%; padding: 8px 0;} 
.ContactFormContainer .item.verification .CaptchaControlTextBox {width: 60%;}
.contactInfoLogo {float: none;width: 100%;padding: 0;}
.contactInfoText {float: none;width: 100%;}
#timeline {}
#timeline .timelineDateBtn {background: #1d3050 url(/en/images/icon/timelinedatebtn.png) no-repeat scroll right 15px center;padding: 20px;color: #fff;font-weight: 900;font-size: 24px;cursor: pointer; display: block;}
#timeline #dates {overflow: scroll;padding: 0;background: #1b2b47;position: relative;width: 100%;z-index: 9;display: none; height:205px;}
#timeline #dates li {background: none;display: block;float: none;width: auto;height: auto;padding: 10px 0;}
#timeline #dates li a {color: #fff;background: none;font-size: 22px;font-weight: 900;}
#timeline #issues li{display: none; width: 100%;}
#timeline #issues li:first-child{display: block;}
#timeline #issues li .content p { padding: 5px 0; font-size: 14px;  }
.noMarginLeftTime{ margin-left:0 !important; }
.magazineList li {width: calc(50% - 4%);}
.certificate .gallery ul li {width: calc(32% - 2%);}
.GalleryList ul li {width: calc(49% - 2%);}
.GalleryList .Title { font-size:14px;}
.ContactFormContainer .item .ListBox{ height:45px; }
table {font-size: 12px;border-collapse: collapse;}
table tr td {padding: 7px 2px;}
.magazineList li .image{ height:290px; }



.portsListHome .listItem {width:100%; margin: 3% 0; height: auto;}

#coutrySelectHome .detailContainer {margin: 80px 0 0;}




@media screen and (max-width: 432px) {
.homeSliderCaption { width: 100%; }
.newsList li { padding: 20px 20px !important; }
.newsList li .title { font-size: 14px; }
.ContactFormContainer .item.verification .CaptchaControl #imgRefreshCaptcha {padding: 0 10px;}
}

@media screen and (max-width: 414px) {
  .timeLine .item .content > h1{ font-size:40px; }
  .magazineList li .image{ height:246px; }
}

@media screen and (max-width: 390px) {
.gallery ul li { width: calc(50% - 2%); }
.gallery.video ul li { width: calc(50% - 2%); }
.ContactFormContainer .item.verification .CaptchaControl #imgRefreshCaptcha {padding: 0 3px;}
table {font-size: 10px;}
table tr td {padding: 7px 1px;}

#coutrySelectHome .detailContainer {margin: 30px 0 0;}
#coutrySelectHome #detailContainer h1{ font-size: 36px; }
}

@media screen and (max-width: 375px) {
  .timeLine .item .content{ padding:35px 0; }
  .locationMap #map_canvas .mapImage {margin: -125px 0 0 -150px; width: 200%;}
  #detailContainer {background-size: 170% !important;}
  .ContactFormContainer .item.verification .CaptchaControl {width: 45%; } 
  .ContactFormContainer .item.verification .CaptchaControlTextBox {width: 55%;}
  .magazineList li{ width: calc(100% - 4%); }
  .magazineList li .image{ height:452px; }
}