@media (min-width: 768px) {
	.height-md-100{height:100%;}
        
}
@media (min-width: 992px) {	
	.height-lg-100{height:100%;}  

} 
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
	ul.bulletlist{width: 80%;}
	.contactsection .sectiontitle{font-size:86px; line-height:90px;}
}
@media (min-width: 1320px) {	
}
@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1360px; }
	body{font-size:18px;}	
	.navbar-brand img {max-height:60px;}
	.navbar{padding:20px 0;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 15px;padding-left: 15px;}
	.navbar .nav-link{font-size:18px; }
	

	.hero .herotx{ font-size:24px; line-height:34px;}
	.hero .herotx p{line-height:1.3; margin-bottom: 30px;}
	.hero .herotx h2{font-size:58px; line-height:64px;}
	.hero .coverdata{min-height: 100vh;}
	.hero .coverimg{padding-left: 30%;}
	.hero .coverbox{width:240px;font-size:22px; line-height:28px; padding:15px 20px;}
	.hero .coverbox i{margin: 0 0 10px;}
	.hero .coverbox i svg{width:42px; height:42px;}
	.hero .box1{top:-5%;left:58%;}
	.hero .box2{top:25%;left:76%;}
	.hero .box3{top:50%;left:50%;}
	.hero .btn{font-size:18px;}
	.worksection:before{height: 125px;}	

	.offerlead{max-width:780px;font-size:118px; line-height:28px;}
	.offerlead h2{font-size:62px; line-height:68px;}
	/*.contactsection .container{max-width:1240px;}*/
}
@media (min-width: 1600px) {
}
@media (min-width: 1800px) {
	.form-control, .form-select {padding:12px 20px;font-size: 18px;	}
	.btn-primary {font-size:18px; padding: 12px 25px;}
	h2 {font-size:80px;line-height:98px;}
	h4 {font-size:30px;margin-bottom:15px;}
	h5 {font-size: 26px; margin-bottom:15px;}
	.lead {font-size:20px; line-height: 28px;}
	.sectiontitle {font-size:80px;line-height:98px;}
	.hero .herotx {max-width: 550px;}
	.hero .herotx h2 {font-size:68px;line-height:74px;}
	.hero .coverimg {padding-left:42%; }
	.offerbox{max-width:430px;font-size: 38px;}   
	.offerlead h2 {font-size:80px;line-height:98px;}
	.olidivbox{font-size:21px;line-height: 28px; min-width:410px; max-width: 430px;}
	.worklist{padding-top: 50px;}
	.workitem::before{left: -26.5%;}
	.workitem:nth-child(odd)::before { left: inherit; right: -22.5%;}
	.keysection .container{max-width: 1600px;}
	.anchorimg1 {transform: scaleX(-1); top:23%; left: -2%;}
	.anchorimg2 { top: 36%; right: -6%;}
	.anchorimg3 {width:16%;top:inherit; bottom: -5%; right:35%;}
	.wholistbox{font-size: 18px;line-height: 26px;}
}

@media (max-width: 1280px) {
	.container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
	.hero .herotx { width: 40%;}
	.keyitem5{
		    grid-column: span 2 / span 2;
	}
	.keyitem9{
		grid-column-start: 3;
	}
} 

@media (max-width: 1080px) {
	/* ---------------------------- GENRAL ---------------------------- */
	section{padding: 80px 0;}
	.navbar .nav-item {margin-left:5px;}

	.hero {padding-top:120px;}
	.hero .coverdata{position: relative;}
	.hero .herotx{width: 100%; max-width:inherit;padding: 0 20px;}
	.hero .herotx span{ display: block;	}
	.hero .coverimg{
		flex-direction: column;
		padding:50px 20px;
	}
	.hero .coverbox{
		display: flex;align-items: center; 
		        width: 50%;
		height: 60px;
		position: relative;
		z-index: 2;
		margin: 10px 0;
	}
	.hero .coverbox i{ width:30px; margin-right: 10px;}
	.hero .coverbox i svg{width:30px; height:30px;}
 	.hero .coverbox br{display:none;}
	.hero .box1,.hero .box2,.hero .box3{top:inherit;left: inherit;	}
	.hero .box2{width:55%;}
	.hero .box3{ width:60%;}
	.hero .heroimg{position: absolute; bottom: 0; right: 0; width: 100%; max-width:500px;}
	.offerlist{margin-bottom: -50px;}
	.olidivbox{min-width: 326px; max-width: 328px;}
	.oceanshipimg{width: 28%;}
	.workitem::before{left: -28.6%;}
	.workitem:nth-child(odd)::before {left: inherit;right: -24%;}

	.keylist {
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(5, 1fr);
	}
		
	.keyitem1 {
		grid-column: span 2 / span 2;
	}

	.keyitem2 {
		grid-column: span 3 / span 3;
		grid-column-start: 3;
	}

	.keyitem3 {
		grid-column: span 2 / span 2;
		grid-column-start: 2;
		grid-row-start: 2;
	}

	.keyitem4 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 2;
	}

	.keyitem5 {
		grid-column: span 2 / span 2;
		grid-row-start: 3;
	}

	.keyitem6 {
		grid-column: span 2 / span 2;
		grid-column-start: 3;
		grid-row-start: 3;
	}

	.keyitem7 {
		grid-column: span 3 / span 3;
		grid-column-start: 2;
		grid-row-start: 4;
	}

	.keyitem8 {
		grid-column: span 3 / span 3;
		grid-row-start: 5;
	}

	.keyitem9 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 5;
	}
	.wholist{max-width: 100%;}
	.wholistbox{min-width:480px; max-width: 482px;padding: 10px 10px 10px 65px;}
}

@media (max-width: 991px) {
	.navbar-collapse {position:fixed;top:78px;left: 0;z-index: 99;padding: 10px 20px 20px;width: 100%;height:100%;background-color:#f6f3ee;overflow: auto;opacity:0;-webkit-transition: all .3s;transition: all .3s;box-shadow:0px 7px 4px 0px rgba(50, 50, 50, 0.23);}
	.navbar-collapse.show {opacity: 1;height:calc(100% - 90px);-webkit-transition: all .3s;transition: all .3s;}
	.menuclose {display: none;z-index: 999; width: 20px;height: 20px;background-image: url(../images/modal-close.svg);background-position: center center;background-repeat: no-repeat;position: absolute;top: 25px;right: 30px;}
	.navbar .nav-item {margin-left:0px;}
	.navbar .navbar-nav .nav-link{border-bottom:1px solid #e1dcd5;padding:15px 15px;}
	.navbar .nav-item:last-child > .nav-link{border-bottom:0px solid #e1dcd5;}
	.navbar .navbar-nav .nav-link.show{border-bottom:0px solid #e1dcd5;padding:15px 15px 10px;}
	.navbar-collapse .d-flex .btn{margin-top:20px;}


	.footer-bottom{ text-align: center;}
	.footlinks{padding:10px 0;}
	.powby{justify-content: center;}
	.oceanshipimg {width:34%;  padding:60px 20px 100px 20px;  }
	.offerbox{max-width:inherit;}
	.offerbox br{display: none;}
	.offerlistwrap{ position: relative;}
	.offerlist{max-width:800px; margin: 0 auto;}
	.olidivbox{    min-width:100%; max-width:500px;}
	.keywrap{padding: 20px; border-radius: 20px;}

	.wholistbox h4 {font-size:22px;}
	.workitem{padding: 20px 30px;}
	.workitem::before{left: -30.5%;}
	.workitem:nth-child(odd)::before{right: -26%;}
	.wholist{ width: 100%; max-width: inherit;}
	.wholistbox{
		min-width: inherit;
		width: 100%;
	}
}
@media (max-width: 767px) {
	/* ---------------------------- HEADER ---------------------------- */
	.navbar {background: #f6f3ee ;}
	.anchorimg2{display:none;}
	.workitem::before{         left: -33%;}
	.workitem:nth-child(odd)::before{right: -29%;}
	.keylist {
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(6, 1fr);
	}
		
	.keyitem1 {
		grid-column: span 5 / span 5;
		grid-row: auto;
		display: block;
	}

	.keyitem2 {
		grid-column: span 3 / span 3;
		grid-row-start: 2;
	}

	.keyitem3 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 2;
	}

	.keyitem4 {
		grid-column: span 3 / span 3;
		grid-column-start: 2;
		grid-row-start: 3;
	}

	.keyitem5 {
		grid-column: span 2 / span 2;
		grid-column-start: 2;
		grid-row-start: 4;
	}

	.keyitem6 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 4;
	}

	.keyitem7 {
		grid-column: span 3 / span 3;
		grid-row-start: 5;
	}

	.keyitem8 {
		grid-column: span 2 / span 2;
		grid-column-start: 4;
		grid-row-start: 5;
	}

	.keyitem9 {
		grid-column: span 3 / span 3;
		grid-column-start: 2;
		grid-row-start: 6;
	}
	
	.contactsection .sectiontitle{text-align: center; max-width: 440px; margin:0 auto 20px;}
	.contactsection .sectiontitle br{display: none;}

}

@media (max-width: 700px) {
	section {
        padding:50px 0;
    }
	.hero .coverimg{padding-top:200px; padding-bottom: 20px; margin-top:30px;}
	.hero .heroimg{ bottom: inherit; top: 0;}
	.hero .heroimg img{max-width: 150%;}
	.offerlist{
		display: block; max-width: 440px;
	}
	.oceanshipimg {
    width: 80%; max-width: 400px;}
	
	.anchorimg1{    top: 18%;}
	.anchorimg3{bottom: 2%;    right: -1%;}
	.keyitem5{
		    grid-column: span 2 / span 2;
	}
	.worklist{
		padding-left: 50px;
	}
	.worklist:before{
		left:20px; top:20px; height: calc(100% - 60px);
	}
	.workitem{
		width: 100%;
	}
	.workitem::before,
	.workitem:nth-child(odd)::before{
		    width:50px;
    	height:50px;
		right: inherit;
        left: -53px;
	}
	.whocontainer,
	.whocontainer img {
		 border: 0px;
    border-radius:0px;
	}
	.wholist{
		max-width: 90%;
		display: block;
	}
	.wholistdiv3,.wholistdiv4{ justify-content: start; }
	.whosection{overflow: hidden;}
	.whocontainer{overflow: visible;}
	.whosecimg{
		margin-left: -18px;
		margin-right: -18px;
		 overflow: hidden;
		 display: flex;
		 justify-content: center;
		 align-items: center;
	}
	.whosecimg img{
		max-width: 180%;
	}
	.whynonwsection .container{max-width: 400px;}
	.whynonwsection h2,
	.whynonwsection h4,
	.whynonwsection p.lead{
		text-align: center;
	}
	.seritem{  margin: 0 auto 20px;}
	.seritem h4{text-align: left;}
	.whynonwsection ul.bulletlist{ max-width: 400px; margin: 0 auto 20px;}
	.doccontainer{position: relative; width: 100%; display: flex; justify-content: end;margin-bottom: -80px; padding: 30px 0 0;}
	.doccontainer img{max-height:400px;}
}
@media (max-width: 600px) {
	h1{font-size:40px;}
	h2{font-size:40px;}
	h3{font-size: 26px;}
	h4{font-size: 22px;}
	.sectiontitle {font-size:40px;line-height:46px;}
	.hero .herotx{ font-size:16px; line-height:20px;}
	.hero .btn{padding:12px 30px;}
	.hero .box1{width:75%;}
	.hero .box2{width:80%;}
	.hero .box3{ width:85%;}
	.offerbox{font-size:30px; line-height: 34px;}
	.caseitem,.caseimg{border-radius: 30px;}
	.casewrap {padding-top: 20px;}
	.casecontent {padding: 20px 20px 20px;}
	.keysection{padding-bottom: 120px;}
	.anchorimg1{ width: 30%; top: 13%;}
	.anchorimg3{width:44%;bottom: 2%;    right: -8%;}
	
}

@media (max-width: 480px) {
	.keylist {
		display: block;
	}
	.keyitem1,
  .keyitem2,
  .keyitem3,
  .keyitem4,
  .keyitem5,
  .keyitem6,
  .keyitem7,
  .keyitem8,
  .keyitem9 {
    grid-column: 1 / -1; /* Full width */
    grid-column-start: auto; /* Reset column start */
    grid-row-start: auto; /* Reset row start */
	margin: 15px 0;
  }
  .wholist {
        max-width:100%;
  }
  .wholistbox{padding: 10px 10px 40px 55px;}
  .wholistbox::before{    left: 5px;}
  .seritem{    padding: 20px 20px 20px 70px;}
  .seritem i {    width: 36px;left: 20px;}
    
}

@media (max-width:420px) {
	.hero .box1{width:85%;}
	.hero .box2{width:85%;}
	.hero .box3{ width:85%;}
	.hero .coverbox{
		height: 50px;margin:6px 0; font-size:15px; line-height: 20px; padding:5px 15px;
	}
	    .hero .coverbox i {
        width:24px;margin: 0 4px 0 0;
		}
	    .hero .coverbox i svg {
        width:22px;
        height:22px;
    }
}
@media (max-width: 380px) {
	.hero .coverbox{ width:98%;}
       
}