/*----------------- Responsive ---------------------*/
@media (max-width: 1600px){
	
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts{
		font-size: 20px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts span{
		font-size: 15px;
	}
	.bottoms_transparent_hometops .mw-1387{
		max-width: 1185px;
	}
}

@media (max-width: 1280px){
	

}
/* Large desktop */
@media (max-width : 1135px){
	
	header .logo{ margin-left: 0; }
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts {
	    font-size: 16px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts span {
	    font-size: 14px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts a {
	    padding-top: 6px;
	}
	.wrapper{
		max-width: inherit;
		width: 99%;
		/*padding: 0 15px;*/
	}
	.section__footer p{
		font-size: 12px;
	}
	.section__footer-copyright{
		padding-left: 15px;
	}
	.section__footer-nav.text-right{
		padding-right: 15px;
	}
	header .logo a > h2.tagline-header{
		font-size: 14px;
	}
	.listing-data-shipping-seaHome .items .desc .titles{
		font-size: 16px;
	}

}

/*ipad width*/
@media (max-width : 1090px){
	
	.hero__content h1{ font-size: 28px; }
	.teaser .teaser__item h3{ font-size: 18px; }
	.section__footer a.scrolltop{ right: 10px; top: -10px; }
	.listing-data-shipping-seaHome .items .desc .titles{
		font-size: 14px;
	}
	.listing-data-shipping-seaHome .items {
	    height: 180px;
	    padding-top: 15px;
	}
	.listing-data-shipping-seaHome .items .desc .titles{
		height: 38px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen{
		height: 60px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts span{
		padding-top: 2px;
	}
	.outers_back-red_bottm-transparent{
		height: 275px;
	}
	.list-data-services-d .items{
		padding: 0 0.5em;
	}

}

/*(max-width : 1024px) and*/

@media (max-width : 1002px) {
	
	.outers_back-red_bottm-transparent{
		height: auto;
		background: none;
		background-color: rgba(100, 8, 14, 0.5);
	}
	.listing-data-shipping-seaHome .col-md-3{
		background: none;
	}
	.listing-data-shipping-seaHome .col-md-3 .items{
		background: url(../images/back-lines-border-white-right-home.png) top left no-repeat;
		margin-bottom: 1em;
	}
	.listing-data-shipping-seaHome .col-md-3.no-border2 .items,
	.listing-data-shipping-seaHome .col-md-3:first-child .items{
		background: none;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts{
		font-size: 12px; font-weight: 400;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts span{
		padding-top: 0; font-size: 11px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts a{
		padding-top: 3px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts a img{
		max-width: 80px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen{
		height: 50px;
	}
	.cont-bottom-home-lih{
		max-height: inherit;
	}
	.listing-lintas-damai-ship .items{
		padding-bottom: 3em;
	}
	.listing-lintas-damai-ship .items .sbs-titles{
		font-size: 19px;
	}
	.listing-lintas-damai-ship .items .sbs-titles span{
		font-size: 15px;
	}
	.listing-lintas-damai-ship .items .locators span{
		font-size: 14px;
	}
	.listing-lintas-damai-ship .items .locators{
		font-size: 28px;
	}
	.section__footer a.scrolltop{
		left: inherit;
		right: 0px;
		top: -35px;
	}
	footer.section__footer{
		padding: 3em 0px 1em;
	}
	.address_footer{
		text-align: left; font-size: 13px;
	}
	.show-nav .nav__item{
		margin-bottom: 10px;
	}
	.show-nav .nav{
		border-top: 1px solid rgb(221, 221, 221);
	}

	.box-form.tl-contact-form form .form-group{
		margin-bottom: 15px;
	}
	.box-form.tl-contact-form form .col-sm-6:first-child .form-group{
		padding-right: 10px;
	}
	.content-text p, .section-homebwhitebl.section--intro.insides-pabout-inner .intro__block p{
		font-size: 16px;
	}
	.h-225{
		height: 0 !important;
	}
	ul.nav__menu li.nav__item--current{
		
	}

}

@media (max-width: 980px){

	.home header, .single header{
		background: #fff;
	}
	.info-header{
		display: none;
		position: relative;
	}
	.nav__trigger span::before, 
	.nav__trigger span::after,
	.nav__trigger span{
		background: #000;
	}
	header .logo{
		margin-left: 0;
	}
	header .logo a{
		max-width: 175px;
		width: auto;
		background-size: 100% auto;
		height: 38px;
	}
	header .logo a > h2.tagline-header{
		display: none;
	}

	.section{
		padding:5em 0px;
	}
	.teaser .teaser__item{ margin-bottom: 2.5em; }
	.teaser .teaser__item:last-child{ margin-bottom: 0; }
	.cont-lefthomeslide{ margin-bottom:70px; }

	.section__footer a.scrolltop{
		right: inherit;
		text-align: center;
		display: block;
		top: -15px;
		position: relative;
	}
	.show-nav .nav__item{
		padding: 5px 0px;
		margin-left: 0;
	}

	header .logo a{
		background-image: url(../images/logo-responsive-5utama-w2.jpg);
		/*max-width: 175px;
		height: 36px;*/
		max-width: 46px; height: 33px;
	}
	header .logo{
		width: 250px;
	}
	.show-nav .nav{
		top: 60px;
	}
	header .logo a > h3{
		color: #000; margin-top: 14px;
	}
	.listing-about-vision-mission .items{
		padding-top: 5px;
		padding-left: 10px; padding-right: 10px;
	}
	.listing-about-vision-mission .items p,
	.listing-about-vision-mission .items ul li{
		font-size: 15px;
	}

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
	

}

@media (max-width: 768px){
	
	

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px), (max-width: 800px) {

	h1{
		font-size: 2rem;
	}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.section-homebwhitebl.section--intro .intro__block h2, .hero__content h1 {
	    font-size: 22px;
	}
	.hero__content h4{
		font-size: 17px;
	}

	.home header{
		position: absolute;
	}

	.show-nav .nav{
		top: 56px;
	}
	.show-nav .nav__item{
		margin-bottom: 2px;
	}
	.outers_back-red_bottm-transparent{
		position: relative;
	}
	.listing-data-shipping-seaHome .col-md-3 .items{
		background: none;
	}
	.listing-data-shipping-seaHome{
		padding-bottom: 2em;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen{
		background: none;
		background-color: rgb(93, 9, 0);
		height: auto;
		padding-bottom: 12px;
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts{
		padding: 0 1.5em;
		line-height: 1.6;
	}
	.listing-lintas-damai-ship .items .locators span{
		font-size: 13px;
	}
	.listing-lintas-damai-ship .items .locators{
		font-size: 26px;
	}
	.address_footer{
		text-align: center; padding-bottom: 1.5em;
	}
	.section__footer-logo{
		float: none; margin: 0 auto;
	}
	.section__footer p{
		font-size: 10px; text-align: center; padding-bottom: 10px;
	}
	.t-copyright{
		text-align: center; font-size: 10px;
	}
	.insides_hero_images{
		padding-top: 61px;
	}
	.content-text p, 
	.section-homebwhitebl.section--intro.insides-pabout-inner .intro__block p{
		font-size: 14px;
	}
	.cont-bottom-insides-btm .our-lising-clients-green .items{
		float: none; width: 100%; clear: both;
	}
	.cont-bottom-insides-btm .our-lising-clients-green .items{
		border-bottom: 1px solid #6c9583; border-left: 0px;
	}

	.cont-bottom-insides-btm .lines-white-transbtom{ height: 0; }
	.cont-bottom-insides-btm{
		max-height: inherit; background-position: bottom center;
	}

	.list-data-services-d .items .desc span.title,
	.list-data-services-d .items .desc p,
	.list-data-services-d .items{
		text-align: center;
	}
	.listing-lintas-damai-ship .f-ctrl{
		right: 10px;	
	}
	.outers_back-red_bottm-transparent{
		background-color: rgba(100, 8, 14, 0.9);
	}
	.outers_back-red_bottm-transparent .back-reds-top-cluen .texts span{
		font-size: 12px;
	}
	.listing-about-vision-mission .items{
		padding-left: 0px; padding-right: 0px;
	}
	.listing-about-vision-mission .lines-r-grey{
		background: none;
	}
	.cont-bottom-insides-btm .our-lising-clients-green{
		padding: 0px 0.6em;
	}
	header .logo{
		margin-left: 10px; margin-top: -2px;
	}

}

@media (max-width: 600px) {
	

}

/* Landscape phones and down */
@media (max-width: 480px) {
	
	header .logo{
		width: 220px;
	}
	header .logo a > h3{
		font-size: 15px;
	}


}

@media (max-width: 360px) {
	
	

}

@media (max-width: 358px) {
	


}

@media (max-width: 319px) {

}