@charset "utf-8";
/* CSS Document */
@media (min-width:540px) and (max-width:767px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8,.col-xs-9, .col-xs-10, .col-xs-11,.col-xs-12 {position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.container{width:540px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11{float:left;}
.col-xs-12{width:100%;padding-left:0;padding-right:0;}
.col-xs-11{width:91.66666666666666%;}
.col-xs-10{width:83.33333333333334%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666666666666%;}
.col-xs-7{width:58.333333333333336%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666666666667%;}
.col-xs-4{width:33.33333333333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.666666666666664%;}
.col-xs-1{width:8.333333333333332%;}
.col-xs-pull-12{right:100%;}
.col-xs-pull-11{right:91.66666666666666%;}
.col-xs-pull-10{right:83.33333333333334%;}
.col-xs-pull-9{right:75%;}
.col-xs-pull-8{right:66.66666666666666%;}
.col-xs-pull-7{right:58.333333333333336%;}
.col-xs-pull-6{right:50%;}
.col-xs-pull-5{right:41.66666666666667%;}
.col-xs-pull-4{right:33.33333333333333%;}
.col-xs-pull-3{right:25%;}
.col-xs-pull-2{right:16.666666666666664%;}
.col-xs-pull-1{right:8.333333333333332%;}
.col-xs-pull-0{right:0%;}
.col-xs-push-12{left:100%;}
.col-xs-push-11{left:91.66666666666666%;}
.col-xs-push-10{left:83.33333333333334%;}
.col-xs-push-9{left:75%;}
.col-xs-push-8{left:66.66666666666666%;}
.col-xs-push-7{left:58.333333333333336%;}
.col-xs-push-6{left:50%;}
.col-xs-push-5{left:41.66666666666667%;}
.col-xs-push-4{left:33.33333333333333%;}
.col-xs-push-3{left:25%;}
.col-xs-push-2{left:16.666666666666664%;}
.col-xs-push-1{left:8.333333333333332%;}
.col-xs-push-0{left:0%;}
.col-xs-offset-12{margin-left:100%;}
.col-xs-offset-11{margin-left:91.66666666666666%;}
.col-xs-offset-10{margin-left:83.33333333333334%;}
.col-xs-offset-9{margin-left:75%;}
.col-xs-offset-8{margin-left:66.66666666666666%;}
.col-xs-offset-7{margin-left:58.333333333333336%;}
.col-xs-offset-6{margin-left:50%;}
.col-xs-offset-5{margin-left:41.66666666666667%;}
.col-xs-offset-4{margin-left:33.33333333333333%;}
.col-xs-offset-3{margin-left:25%;}
.col-xs-offset-2{margin-left:16.666666666666664%;}
.col-xs-offset-1{margin-left:8.333333333333332%;}
.col-xs-offset-0{margin-left:0%;}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.col-xs-none{display:none;}
.ship-rec-intro-item-in{
width:50%;
}
#countdown ul li {
padding: 30px 10px;
margin-right: 10px;
margin-bottom:20px;
}
#countdown ul li span {
font: normal normal bold 70px/80px Montserrat;
margin: 0 4px;
padding: 0 6px;
}
.fixtures {
margin-top: 40px;
}
.contact-active {
display: flex;
flex-wrap: wrap;
}
.contact-active li {
width: 53.5%;
height: 190px;
}
.ship-img img{
width:100%;
}
.sustain-ship-item {
display: flex;
margin: 40px 0;
flex-wrap: wrap;
justify-content: space-between;
}
.sustain-ship-item-info {
padding: 50px 30px;
order: 3;
}
.inner-ban img.sustain-img{
object-position:unset;
}
.ship-rec-info p {
text-align: left;
font: normal normal normal 14px/25px poppins;}
.ship-rec-info h2 {
font: normal normal 900 30px/78px Lato;}
}
@media (min-width:991px) and (max-width:1200px){
.ship-rec-intro-item-in{
padding: 30px;
}
.locations-active{
margin-top:0;
}
/*.menu {*/
/*width: 88%;}*/
.menu ul li {
padding: 3px 13px;}
.menu ul li a::before {
letter-spacing: 1.3px;}
.menu ul li a {
font: normal normal normal 14px/19px Montserrat;
}
/*.menu ul li a:hover {*/
/* letter-spacing: 1.4px;*/
/*}*/
.logo {
margin-right: 20px;
}
.login_bt {
float:left;
margin-left:-250px;
}
.bot-menu-in li.first {
float: left;
margin-right: 20px;
width: 140px;
}
.who-we-are-in-right-item {
width: 212px;
}
.who-we-are-in-right-item .number {
font: normal normal bold 39px/30px Poppins;
}
.who-we-are-in-left p {
text-align: left;
font: normal normal normal 14px/23px Poppins;
letter-spacing: 1.28px;
color: #797979;
}
.what-diff-item {
width: 312px;
}
.red-item {
width: 310px;
}
.blue-item {
width: 310px;
}
.carr-name {
font: normal normal bold 18px/50px Roboto Slab;
}
.career-ban-blue h1 {
font: normal normal 900 30px/36px Lato;
margin-bottom: 15px;
}
.career-ban-red h1{
margin-top: 0;
}
.inner-ban img.sustain-img{
object-position:unset;
}
/* /NEW/ */
.ssorp-img {
text-align:left;
}
.ssorp-img img{
text-align:left;
}
.ssorp-counter{
display:block;
}
.ssorp-counter-inner{
margin-left:0;
display:block;
}
.ssorp-counter-in{
vertical-align:top;
}
.ssorp-counter-inner-in{
margin-top:30px;
display: block;
}
.ssorp-counter-head{
margin-bottom:20px;
}
.padding-right90{
padding:0;
}
.blue-excel{
padding:20px;
}
.blue-excel-in {
display:block;
}
.award-info {
margin-left: 23px;
}
.awards-ssorp {
margin-top:30px;
}
.ssorp-head{
padding-left:0;
}
}
@media (min-width:767px) and (max-width:991px){
.who-we-are-in-right-item {
box-shadow: 3px 3px 10px #0000001a;
margin-right: 13px;
margin-bottom: 13px;
width: 181px;
height: 256px;
float: left;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: 16px;
position: relative;
}
.who-we-are-in-right-item .number {
font: normal normal bold 30px/30px Poppins;
letter-spacing: 0px;}
.who-we-are-in-right-item .item-name {
font: normal normal normal 15px/20px Poppins;
letter-spacing: 0px;
color: #292222;
}
.who-overlay img {
width: 100%;
height: 100%;
}
.who-we-are-in-left {
float: left;
width: 100%;
}
.who-we-are-in-left p {
text-align: left;
font: normal normal normal 14px/25px Poppins;
letter-spacing: 1.28px;
color: #797979;
}
.ship-rec-intro-item-in {
padding: 17px;
}
.ship-rec-head {
font: normal normal bold 22px/50px Lato;
position: relative;
}
.locations-active{
margin-top:0;
}
.bot-menu-in {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.login_bt {
float:left;
margin-left:-50px;
}
.bot-menu-in li.first {
float: left;
margin-right: 80px;
width: 159px;
}
.red-item {
width: 360px;
}
.blue-item {
width: 360px;
}
.career-ban-blue{
padding:20px;
}
.career-ban-blue h1{
font: normal normal 900 20px/35px Lato;
margin-bottom: 15px;
}
.career-ban-blue p {
text-align: center;
font: normal normal normal 18px/21px Lato;
}
.career-ban-red{
padding:20px;
}
.career-ban-red h1{
margin-top:0;
}
.sustain-ship-item {
display: flex;
margin: 40px 0;
flex-wrap: wrap;
justify-content: space-between;
}
.sustain-ship-item-info {
padding: 50px 30px;
order: 3;
}
.inner-ban img.sustain-img{
object-position:unset;
}
.sustain-env-item-info {
font: normal normal bold 17px/24px Lato;
margin-top: 20px;
}
.sustain-env-last-inner p {
font: normal normal bold 17px/26px Lato;
}
/*NEW */
.ship-recycling-portal{
display:block;
}
.ship-portal-pages-img{
margin-top:32px;
}
.ship-portal-pages-img img{
width:100%;
}
.ship-portal-pages-info p{
font-size:14px;
}
.change-for-better {
margin:0;
flex-wrap: wrap;
justify-content: center;
margin-top:88px;
}
.key-img img{
width:100%;
}
.key-img h4{
text-align:center;
}
.key-img p{
text-align:center;
}
.portal-overview h3, .news-portal h3 {
text-align:center;
padding-left:0
}
.key-features h3{
text-align:center;
padding-left:0
}
.change-for-better-1{
order:2;
text-align: center;
}
.change-for-better-2{
order:1;
margin-bottom:66px;
}
.portal-counter-in{
margin:30px 0;
}
}
@media (max-width:991px){
.locations-active{
margin-top:0;
}
.js .menu .call-fix-top ul{
width:100%;
}
.js .menu .call-fix-top ul li a{
border:0;
}
.call-fix-top {
display:block;
}
.contact-info-tab {
margin-bottom: 60px;
}
.clock-full{
display:none;
}
.gallery-item .big-gal-img{
height:256px;
}
.js .menu .navtoogle {
width: 24px;
height: 14px;
display: flex;
float: right;
cursor:pointer;
margin-right:20px;
width: 24px;
height: 14px;
margin-top: 40px;
}
.js .menu ul {
/*max-height: 0em;*/
overflow: hidden;
width:0;
}
.menu ul li a:hover:after{display:none;}
.js .menu .active + ul {
/*max-height: 30em;*/
overflow: hidden;
transition: 0.5s;
/*-webkit-transition: max-height 0.4s;*/
/*-moz-transition: max-height 0.4s;*/
/*-o-transition: max-height 0.4s;*/
/*-ms-transition: max-height 0.4s;*/
/*transition: max-height 0.4s;*/
/*position: absolute;*/
position:fixed;
background-color: #fff;
z-index: 9999;
/*margin-top: 48px;*/
right: 0;
text-align:left;
display:block;
width:100%;
top:0;
bottom:0;
}
.menu-resp-ul .get-in-touch{
position: fixed;
bottom:0;
}
.menu-resp-ul .call-fix-top{
position: fixed;
bottom:0;
}
.menu {
float: right;
position: absolute;
right: 0;
top: 0;
width: 100%;
height:100%;
}
.menu ul li{
border-left:0;
border-right:0;
padding:3px 9px;
}
.menu ul li.frst{
margin-top:60px;
}
.inner-head {
margin-bottom: 30px;
}
.inner-head-banner {
padding: 20px 0;
}
.logo {
text-align: left;
padding: 13px 0;
float:none;
}
.logo img{
/* height:32px; */
width:80px;
}
.top{
padding:0;
}
.menu ul li {
display: block;
margin: 9px;
float: left;
width: 100%;
}
.menu ul li a {
padding: 0px 0;
float: left;
width: 100%;
padding-left:9px;
border-left: 1px solid #B53036;
}
.get-in-touch {
float: left;
width: 100%;
bottom: 0;
}
.menu ul li ul.sub-menu{
position:relative;
display: none;
top:0;
box-shadow: none;
left:0;
float: left;
padding: 0;
}
.menu ul li ul.sub-menu li{
padding:0;
}
.menu ul li ul.sub-menu li a{
border-left:0;
}
.ban-info h2 {
margin-bottom: 15px;
font: normal normal bold 40px/49px Montserrat;
}
.ban-info p {
font: normal normal normal 14px/22px Montserrat;
}
.ban-info h3 {
font: normal normal normal 30px/39px Montserrat;
}
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
#main-slide .slider-content {
width: 90%;
right: 0;
left: 0;
bottom:100px;
margin: auto;
}
.ban-info {
width: 100%;
}
.inner-email span {
margin-left: 0;}
.carrer-row{
flex-wrap:wrap;
margin-bottom: 40px;
}
.carrer h2{
margin-bottom:0;
}
.career-item{
margin-bottom:20px;
}
.carrer-row h5 {
margin-bottom: 10px;
}
.car-order{
order:2;
}
.why-join-us h2{
margin-bottom:30px;
}
/* /NEW/ */
.ssorp-img img{
width:100%;
}
.ssorp-counter{
display:block;
}
.ssorp-counter-inner{
margin-left:0;
display:block;
}
.ssorp-counter-in{
vertical-align:top;
}
.ssorp-counter-inner-in{
margin-top:30px;
display: block;
}
.ssorp-counter-head{
margin-bottom:20px;
}
.padding-right90{
padding:0;
}
.blue-excel{
padding:20px;
}
.blue-excel-in {
display:block;
}
.award-info {
margin-left: 23px;
}
.awards-ssorp {
margin-top:30px;
}
.ssorp-head{
padding-left:0;
}
.ship-portal-pages-info{
width:100%;
}
.ship-portal-pages-info p{
width:100%;
}
.portal-counter-in img{
width:100%;
}
.ship-recycling-portal{
display:block;
}
}
@media (min-width:320px) and (max-width:540px){
.map-res{
display:block;
/* float: left;
width: 100%; */
/* background-image: url("../images/map-res.png"); */
/* background-size: cover;
background-position: center center; */
}
.map-web{
display:none;
}
.map-res-main-box{
float:left;
width:100%
}
.map-img{
display:none;
}
.map-res-box{
background-color: rgba(255,255,255,0.8);
border: 1px solid #D3D3D3;
padding: 15px 13px;
display: flex;
width: 100%;
justify-content: space-between;
margin:2px 0;
float:left;
}
.map-container{
float: left;
width: 100%;
background-image: url("../images/map-res.png");
background-size: cover;
background-position: center center;
display: flex;
justify-content: center;
}
.map-res-img-name{
display:flex;
align-items: center;
}
.map-res-img-name span{
font: normal normal normal 14px/24px Lato;
color:#3B3B3B;
font-weight:800;
line-height: 1;
margin-left:3px;
}
.map-res-latitude span{
font: normal normal normal 14px/24px Lato;
color:#B53036;
font-weight:800;
}
.map-res-img-name img{
width:35px;
object-fit:none
}
.thought-leadership-img img {
width: 100%;
height: 160px;
object-fit: cover;
}
.locatons-tab{
margin-right:0;
}
.nav-item{
float:left;
}
.locations-active{
display: flex;
justify-content: space-evenly;
margin-top:0;
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,.col-xxs-9, .col-xxs-10, .col-xxs-11,.col-xxs-12 {position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
.container{width:100%;}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11{float:left;}
.col-xxs-12{width:100%;padding-left:0;padding-right:0;}
.col-xxs-11{width:91.66666666666666%;}
.col-xxs-10{width:83.33333333333334%;}
.col-xxs-9{width:75%;}
.col-xxs-8{width:66.66666666666666%;}
.col-xxs-7{width:58.333333333333336%;}
.col-xxs-6{width:50%;}
.col-xxs-5{width:41.66666666666667%;}
.col-xxs-4{width:33.33333333333333%;}
.col-xxs-3{width:25%;}
.col-xxs-2{width:16.666666666666664%;}
.col-xxs-1{width:8.333333333333332%;}
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
.col-xxs-none{display:none;}
.main-gal-pad{
margin-left:-15px;
margin-right:-15px;
}
.featured .slick-prev{
left: 70px;
}
.featured .slick-next{
right: 70px;
}
.featured .slick-prev, .slick-next{
bottom: -80px;
top: auto
}
.gallery {
margin-bottom: 90px;
}
.contact-active {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.contact-tab {
padding: 10px;
width: 100%;
align-items: center;
}
.contact-active li {
width: 60%;
height: auto;
}
.contact-tab{
display:flex;
}
.contact-active li a span{
font-size: 11px;
margin-left: 12px;
text-align: left;
margin-top:0;
}
.contact-tab img {
width: 50px;
height: 50px;
}
.ship-img img{
width:100%;
}
.gallery-item:hover .gal-info p{
opacity:0 !important;
max-height: fit-content !important;
display:none;
}
.who-we-are-in-right {
float: left;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.trust h1 {
display: flex;
flex-direction: column;
}
.app-banner img {
object-fit: cover;
height: 150px;
}
.app-banner .app-banner-head{
font-size:20px;
}
.app-banner .app-banner-head span{
margin-top: 3px;
display: block;
}
.app-pages-head h2{
font-size:20px;
}
.aboutdiff p{
text-align:justify;
}
.app-pages-info{
padding-left:30px;
padding-right:30px;
}
.responsible{
display:none;
}
.responsible-mobile{
display:block;
}
.resp img {
float: left;
}
.resp-info {
margin-left: 0;
padding-top: 6px;
width: 100%;
}
.resp{
display:block;
}
.over-who-we-are-inn{
flex-wrap:wrap;
}
.over-who-we-are-info{
width:100%;
float:left;
order:2;
padding-bottom: 40px;
}
.over-who-we-are-in-img{
width:100%;
float:left;
order:1;
}
.over-who-we-are-in-img img{
float:left;
height: 283px;
}
.over-who-we-are-info h2 {
font: normal normal 900 40px/48px Lato;
margin: 0;
}
.over-who-we-are-info h2 span {
font: normal normal 900 15px/18px Lato;
margin-left: 10px;
}
.over-who-we-are-num{
flex-wrap:wrap;
justify-content: center;
margin: 20px 0;
}
.over-who-we-are-num h2 br{
display:none;
}
.who-over-in-item-img{
display:none;
}
.who-over-in-item{
width:47%;
margin-right:15px;
padding: 8px 14px;
}
.who-over-in-item-info h2 {
font: normal normal 900 30px/40px Lato;
}
.who-over-in-mar-top{
margin-right:0;
margin-top:0;
}
.who-over-in-item-info p {
text-align: left;
}
.who-over-in{
flex-wrap:wrap;
}
.over-four-in {
width: 100%;
height: 200px;
padding: 10px;
}
.over-four-icon img {
width: 60px;
}
.expertise-item{
width:100%;
}
.awards-v-in{
flex-wrap:wrap;
}
.awards-v-in-in{
flex-wrap:wrap;
}
.awards-in{
flex-wrap:wrap;
}
.publish-inner{
flex-wrap:wrap;
}
.publish h2
{padding: 0 60px;
}
.publish-circle-in p{
font:normal normal normal 18px/30px Lato;
padding: 0 19px;
}
.publish-ex p {
font: normal normal normal 14px/20px Lato;
}
.publish-ex-logos img {
margin: 10px;
width: 35%;
}
.anil-in {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 30px;
}
.anil-info p {
font: normal normal normal 16px/23px Lato;
letter-spacing: 0px;
color: #3B3B3B;
}
.blue-rect {
margin-top: 40px;
}
.ssorp-lrqa {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 30px;
}
.lrqa-info p {
/* text-align: justify; */
font: normal normal normal 14px/30px poppins;
letter-spacing: 0px;
color: #3B3B3B;
}
.lrqa-logo img{
height: 100%;
width: 100%;
}
.publish-ex-logos {
flex-wrap: wrap;
}
.over-who-we-are-info h6 {
font: normal normal 900 15px/20px Lato;
text-align: center;
margin: 10px 0;
}
.over-who-we-are-info h5 {
font: normal normal 900 60px/41px Lato;
text-align: center;
}
.white-bg .over-who-we-are-in-img{
order:2;
}
.white-bg .over-who-we-are-info {
order:1;
margin-bottom:30px;
}
.expertise{
padding-top:0;
padding-bottom:60px;
}
.who-over-in-overlay h2{
font: normal normal 900 20px/45px Lato;
}
.who-over-in-overlay {
position: relative;
background: #00355F 0% 0% no-repeat padding-box;
width: 100%;
padding: 20px 20px;
float: left;
}
.who-over-in-overlay h2{
display:block;
}
.who-over-in-overlay p{
display:block;
}
.who-over {
padding: 47px 0;
}
.who-over-in-overlay-btn{
display:none;
}
.two{
padding-left:8%;
}
.two p{
margin-bottom:0;
}
.over-who-we-are-info h4 {
text-align: left;
font: normal normal bold 25px/30px Lato;}
.expertise h2{
font: normal normal 900 25px/30px Lato;
padding: 30px 0;
}
.awards-in{
padding-bottom:0;
}
.publish-in {
margin-top: 30px;
}
.vessel-ban h2{
font: normal normal bold 34px/50px Lato;
margin-bottom: 2%;
}
.vessel-ban h3{
font: normal normal bold 28px/40px Lato;
}
.publish-circle-in p br{
display:none;
}
.publish-ex {
padding: 40px 0;
margin-top: 40px;
}
.publish-ex p {
margin-bottom: 20px;
}
.anil {
padding: 30px 0;
}
.publish-inner {
margin-bottom: 40px;
justify-content: center;
}
.over-trust p {
font: normal normal 500 14px/23px Lato;
}
.over-trust h2 {
font: normal normal 900 21px/55px Lato;
}
.awards-v-in-item-v {
order: 1;
margin-bottom:30px;
}
.awards-v-in-item {
order: 2;
}
.ssorp-intro-item-in{
width:100%;
}
.in-testi-carousel .slick-next {
right: 30%;
bottom: 0;
top:auto;
}
.in-testi-carousel .slick-prev {
left: 30%;
bottom: 0;
top:auto;
}
.in-testi-carousel {
padding-bottom: 100px;
}
.in-testi-carousel-item-info, .in-testi-carousel-item-info p{
padding:0;
}
.ssorp-team-in .row{
margin-left: 0;
margin-right: 0;
}
.ssorp-team-item {
margin-bottom: 50px;
}
.ssorp-head {
text-align: center;
font: normal normal 900 27px/30px Lato;
padding:25px;
}
.ssorp-diff-ban-overlay-in-item .ssorp-diff-ban-overlay-in-item-info {
/*max-height:100%;*/
/*overflow:auto;*/
position: absolute;
bottom: 0;
top: 0;
/* left: 15px; */
/* right: 15px; */
padding: 20px;
width: 9%;
}
.res-dis-ssorp{
display:none;
}
.web-dis-ssorp{
display:block;
}
.ssorp-diff-ban-overlay-in-item .ssorp-diff-ban-overlay-in-item-info p{
overflow:auto;
max-height:100%
}
.ssorp-diff-ban-overlay-in-item{
padding:0;
}
.ssorp-diff-ban{
float: left;
width: 100%;
height: 380px;
}
.ssorp-diff-ban-overlay-in-item img {
float: left;
width: 100%;
position: relative;
margin-bottom: 0;
height: 380px;
object-fit: cover;
}
.beaching-item{
width: 110px;
height: 130px;
margin-right: 3px;
margin-bottom: 5px;
}
.beach-no h2 {
font: normal normal normal 20px/35px Lato;
}
.beach-border{
display:none;
}
.beach-img img {
width: 12px;
margin-bottom: 12px;
}
.beach-img {
justify-content: flex-start;
}
.beach-time-in-in h3{
display:none;
}
.search-select{
margin-top: 30px;
}
.search-select select {
margin-right: 1px;
}
.ship-rec-info{
order: 2;
width:100%;
margin-top: 20px;
}
.ship-rec-in-img{
width:100%;
}
.ship-rec-intro-item-in{
width:100%;
}
.ship-rec-two{
padding:0 0;
}
.ship-rec-info{
padding:0 30px;
}
.ship-rec {
padding: 0;
padding-bottom: 20px;
}
.ship-rec-info h3{
text-align:center;
}
.ship-rec-info p{
margin-top: 5%;
}
.ship-rec h3{
text-align:center;
}
.ship-rec-inn {
float: left;
width: 100%;
display: flex;
flex-direction: column;
}
.ship-rec-info h2 {
font: normal normal 900 36px/78px Lato;
display: grid;
justify-items: center;
margin-right: 33px;
}
.ship-rec-info span {
margin-top: -17px;
}
.cl-effect-14{
display: flex;
flex-direction: column;
align-items: center;
}
/*NEW */
.ship-recycling-portal{
display:block;
}
.ship-portal-pages-img{
margin-top:32px;
}
.ship-portal-pages-img img{
width:100%;
}
.ship-portal-pages-info p{
font-size:14px;
}
.change-for-better {
margin:0;
flex-wrap: wrap;
justify-content: center;
margin-top:88px;
}
.portal-counter {
display: block;
}
.key-img img{
width:100%;
}
.key-img h4{
text-align:center;
}
.key-img p{
text-align:center;
}
.portal-overview h3, .news-portal h3 {
text-align:center;
padding-left:0
}
.key-features h3{
text-align:center;
padding-left:0
}
.change-for-better-1{
order:2;
text-align: center;
}
.change-for-better-2{
order:1;
margin-bottom:66px;
}
.portal-counter-in{
margin:30px 0;
}
.ssorp-inner-head h1{
font-size:24px;
}
}
@media (max-width:767px){
.locations-active{
margin-top:0;
}
.categories.stick {
position: relative;
width: 100%;
}
.bot-logo-img{
order:1;
margin-bottom:40px;
}
.bot-menu-in{
flex-wrap:wrap;
display: flex;
}
.bot-menu-in li.first {
float: left;
margin-right: 0px;}
.bot-menu-in li {
color: #fff;
flex: 0 0 50%;
margin-bottom:10px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
object-position: right;
object-fit: cover;
height: 596px;
}
.shop-hover{
top:-5%;
}
.club-shop-item:hover .shop-hover{
top:-7%;
}
.club-shop-item{
margin-bottom:60px;
}
.legal{
padding-left:20px;
padding-right:20px
}
.top-left .nav-tabs > li:first-child{
margin-bottom:30px;
}
.categories{
height: auto;
margin-bottom:40px;
}
.footer-bot{
flex-wrap: wrap;
}
.footer-bot-links{
order: 2;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.social-icons-bot {
margin-bottom: 10px;
text-align: center;
flex-direction: column;
width: 100%;
order: 1;
}
.download-app {
float: left;
display: flex;
align-items: baseline;
width: 100%;
text-align: center;
margin: 0 auto;
order: 3;
justify-content: center;
}
.footer-bot-links ul {
width: 100%;
}
.download-app ul {
float: left;
display: flex;
align-items: center;
}
.social-icons-bot ul {
margin-bottom: 10px;
}
.contact-active {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.contact-tab {
padding: 10px;
width: 100%;
align-items: center;
}
.contact-active li {
width: 80%;
height: auto;
}
.contact-tab{
display:flex;
}
.contact-active li a span{
font-size: 11px;
margin-left: 12px;
text-align: left;
margin-top:0;
}
.contact-tab img {
width: 50px;
height: 50px;
}
.right-panel {
display: grid;
}
.abt-author {
order: 1;
}
.tags {
order: 3;
}
.share-article{
order: 2;
}
.inner-contact-strip{
order: 4;
margin-bottom:0;
margin-top:15px;
}
.related-news {
order: 5;
}
.res-show{display: flex;}
.web-show{display:none;}
.red-item {
width: 100%;
}
.blue-item {
width: 100%;
}
.blue-item:hover {
height:200px;
}
.red-item:hover {
height:200px;
}
.carr-num {
font: normal normal normal 14px/8px Lato;
}
.carrer-row h5 {
font: normal normal bold 20px/40px Lato;
}
.carrer-row p {
font: normal normal normal 14px/27px Roboto Slab;
}
.why-join-us{
margin-top:0;
}
.carr-overlay {
position: relative;
width:100%;
}
.career-ban-blue {
background: rgba(0,53,95,1) 0% 0% no-repeat padding-box;
padding: 20px;
float: left;
height: auto;
padding-bottom:30px;
width:100%;
}
.career-ban-blue h1{
font: normal normal 900 18px/40px Lato;
margin-bottom:0;
}
.career-ban-blue p {
text-align: center;
font: normal normal normal 14px/20px Lato;
margin-bottom:0;
}
.career-ban-red {
background: rgba(181,48,54,1) 0% 0% no-repeat padding-box;
padding: 20px;
float: left;
height: auto;
width:100%;
text-align: center;
}
.career-ban-red h1 {
font: normal normal bold 25px/25px Lato;
margin-top: 0;
}
.career-ban-red a {
font: normal normal bold 12px/25px Lato;
padding: 10px 15px;
float: none;
width: auto;
display: inline-block;
margin-top: 15px;
margin-bottom: 0;
text-align: center;
}
.car-cta a{
margin-right:0;
font: normal normal bold 15px/18px Lato;
padding: 15px 10px;
}
.car-cta{
justify-content: space-evenly;
}
.sustain-env-item-mar{
margin:0;
}
.sustain-intro-env p{
width:100%;
}
.sustain-intro-env h2{
width:100%;
}
.sustain-env-item-cta a img {
width: 36px;
height: 36px;
}
.sustain-env-item-info {
font: normal normal bold 20px/25px Lato;
margin-top:10px;
width: 100%;
}
.sustain-intro-env h2{
margin-bottom:40px;
}
.sustain-env-last-inner{
flex-wrap:wrap;
}
.sustain-env-last img{
width:100%;
}
.sustain-env-last-inner p{
margin-left:0;
margin-top:20px;
}
.who-we-are h1{
text-align: center;
font: normal normal 600 24px/30px Poppins;
}
.who-we-are-in-right-item{
margin-right:0;
}
.who-we-are-in-right {
float: left;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top:40px;
}
.trust h1 span{
font: italic normal 600 32px/48px Poppins;
letter-spacing: 2.56px;
}
.trust h1 span.circle{
width: 8px;
height: 8px;
margin: 10px 0;
margin-top: 20px;
}
.trust h2{
font: normal normal 600 20px/44px Poppins;
}
.what-we-offer-in-left{
width:100%;
height:302px;
padding-top: 50px;
}
.what-we-offer-in-info{
width:100%;
padding-top: 50px;
padding-left:0;
padding-bottom: 50px;
}
.what-we-offer-inner{
background-image:none;
background-image:url("../images/bg.png");
background-repeat:no-repeat;
background-color:#00355F;
background-size: contain;
position: relative;
background-position: top;
}
.what-we-offer-in-left li a.active{
font: normal normal bold 24px/50px Poppins;
}
.what-we-offer-in-left li a{
font: normal normal normal 24px/38px Poppins;
}
.what-we-offer-in-left li {
margin-bottom: 20px;
}
.what-diff-item {
width: auto;}
.in-testi-carousel{
float:left;
width:100%;
}
.in-testi-carousel .slick-prev, .slick-next{
top:50%;
bottom:auto;
}
.locations-active{
margin-top:0;
}
.scan-in{
float: left;
width: 100%;
display: flex;
margin-top: 30px;
flex-direction: column;
text-align: -webkit-center;
}
.stores{
justify-content: center;
}
.scan{
display: none;
float:left;
width:100% !important;
}
.scan-info-video{
display: block;
position: absolute;
right: 0;
}
.scan img{
width:100%;
}
.scan-info {
width:100%;
}
.scan-info p{
margin-top: 98%;
}
.scan-info span{
width: 80%;
}
.social-icons-in{
display:flex;
justify-content:center;
flex-direction: column;
align-items: center;
margin: 60px 0;
}
.social-icons{
width:150px;
flex-direction:row;
align-items:center;
}
.what-we-offer-info h5{
display:none;
}
.in-news-in .read-more-who, .twitter-in .read-more-who{
margin-top:0;
}
.in-blogs-carousel{
padding:0 30px;
}
.in-news-carousel{
padding:0 30px;
}
.mar-blog{
margin-left:0;
}
.twitter-in{
padding:0 30px;
}
.ban-overlay h1 {
font: normal normal bold 25px/40px Poppins;
}
.spinny-words span {
top: -31px;
font: normal normal bold 31px/30px lato;
left: 10px;
}
.spinny-words {
display: inline-block;
min-width: 255px;
margin-left: -3%;
}
.in-testi-carousel .slick-prev{
left:15px;
}
.in-testi-carousel .slick-next{
right:15px;
}
.vessel-quote-in p {
font: normal normal 19px/30px Poppins;
}
.vessel-quote-in img {
width: 44px;
height: 44px;
margin-left: 10px;
}
.vessel-quote-in img:hover{
width: 44px;
height: 44px;
}
#main-slide .carousel-indicators {
bottom: 246px;
left:15px;
text-align:left;
}
.who-we-are-in-left {
float: left;
width: 100%;
}
/*.in-locations{*/
/* display:none;*/
/*}*/
.call-fix{
display:none;
}
/* /NEW/ */
.ssorp-inner-head h1{
font:normal normal 900 24px/30px Lato
}
.ssorp-img img{
width:100%;
}
.ssorp-counter{
display:block;
}
.ssorp-counter-inner{
margin:0;
display:block;
}
.ssorp-counter-inner-in{
display:block;
}
.ssorp-counter-in{
display:block;
margin:30px 0;
}
.ssorp-counter-head{
margin-right:0;
text-align:center;
margin-bottom:20px;
}
.count-des{
text-align:center;
}
.impact-main{
display:block;
}
.impact-main-inner{
display:block;
}
.impact-main-inner-in{
display:block;
}
.padding-right90{
padding:0;
}
.blue-excel{
padding:20px;
}
.blue-excel-in {
display:block;
}
.award-info {
margin-left: 23px;
}
.awards-ssorp {
margin-top:30px;
}
.ssorp-head{
padding-left:0;
}
}
@media (max-width:540px){
.in-testi-carousel .slick-next, .ssorp-accomplanishment .slick-next {
right: 30%;
bottom: 0;
top:auto;
}
.ssorp-diff-ban-overlay-in .slick-next{
right: 30%;
bottom: 0;
top:auto;
background: url(../images/testi-right.png);
}
.ssorp-diff-ban-overlay-in .slick-prev{
left: 30%;
bottom: 0;
top:auto;
background: url(../images/testi-left.png);
}
.in-testi-carousel .slick-prev, .ssorp-accomplanishment .slick-prev{
left: 30%;
bottom: 0;
top:auto;
background: url(../images/testi-left.png);
}
.in-testi-carousel-item-info, .in-testi-carousel-item-info p{
padding:0;
}
.carousel-control-prev, .carousel-control-next{
top: auto;
bottom: -50px;
width: auto;
height: auto;
}
.carousel-control-prev {
left: 35%;
}
.carousel-control-next {
right: 35%;
}
.gallery-item .gallery-overlay {
padding: 0px 8px;
height: 35px;
}
.gallery-item .gallery-overlay .gal-info h2 {
font: normal normal bold 10px/9px Lato;
margin: 0;
}
.gally-main{
margin-bottom:120px;
}
#main-slide .gallery-item .gal-img, .gallery-item .big-gal-img{
height: 105px
}
#main-slide1 .gallery-item .gal-img, .gallery-item .big-gal-img {
height: 215px;
}
.gallery-item .gallery-overlay img {
width: 20px;
height: 20px;
}
.contact-info p {
font: normal normal normal 12px/20px Roboto Slab;
}
.get-in-touch-inner {
padding: 60px 15px;
}
.res-art-ban img{
object-position:25%
}
.inner-info p{
font: normal normal normal 14px/22px Roboto Slab;
}
.inner-head h1:after {
bottom: 0px;
margin: 0 auto;
right: 0;
}
.inner-ban-app img{
height: 300px;
}
.inner-head h1 {
font: normal normal 900 35px/50px Lato;}
.inner-contact{
padding-right: 0;
border-bottom: 1px solid #fff;
text-align: center;
border-right:0;
display: inline-block;
margin: 0 auto;
padding-bottom: 10px;
}
.inner-contact-strip{
flex-direction: column;
text-align: center;
}
.inner-email {
padding-left: 0;}
.sitemap-inner {
padding: 28px 24px;
}
.testi {
float: left;
padding: 0 0;
}
.inner-main-top {
flex-direction: column;
}
.nav-tabs > li {
margin-bottom: 40px;
}
.nav-tabs li a {
margin-right: 25px;
}
.search {
margin-right: 0;
width: 100%;
}
.search input{
width:100%;
}
.top-right {
width: 100%;
}
.top-left{
margin-left:0;
margin-bottom:10px;
}
.red-item{
background-image:none !important;
height:90px;
background-color:rgba(181, 48, 54, 1);
}
.blue-item{
height:90px;
}
.carr-name {
font: normal normal bold 20px/50px Roboto Slab;
}
.sustain-ship-item {
display: flex;
margin: 40px 0;
flex-wrap: wrap;
justify-content: space-between;
}
.sustain-ship-item-info {
padding: 50px 30px;
order: 3;
}
.sustain-ship-item-no {
width: 146px;
height: 163px;
margin: 0 17px;
}
.sustain-ship-item-no img {
width: 146px;
height: 163px;
object-fit: contain;
}
.sustain-ship-item-image img {
height: 163px;
width: 163px;
}
.sustain-ship-item-image {
height: 163px;
width: 163px;
}
.sustain-intro h2 {
font: normal normal bold 25px/30px Lato;
margin-bottom:0;
}
.inner-ban img.sustain-img{
object-position:unset;
}
.sustain-intro-env p{
width:100%;
}
.sustain-intro-env h2{
width:100%;
}
.sustain-env-item-mar{
margin:0;
}
/* /NEW/ */
.ssorp-inner-head h1{
font:normal normal 900 24px/30px Lato
}
.ssorp-img img{
width:100%;
}
.ssorp-counter{
display:block;
}
.ssorp-counter-inner{
margin:0;
display:block;
}
.ssorp-counter-inner-in{
display:block;
}
.ssorp-counter-in{
display:block;
margin:48px 0;
}
.ssorp-counter-head{
margin-right:0;
text-align:center;
margin-bottom:10px;
}
.ssorp-intro-img img {
margin: 35px 0;
}
.count-des{
text-align:center;
}
.impact-main{
display:block;
}
.impact-main-inner{
display:block;
}
.impact-main-inner-in{
display:block;
}
.padding-right90{
padding:0;
}
.blue-excel{
padding:20px;
}
.blue-excel-in {
display:block;
}
.award-info {
margin-left: 23px;
}
.awards-ssorp {
margin-top:30px;
}
.ssorp-head{
padding-left:0;
}
}
@media (max-width:1024px){
.ship-rec-info {
margin-top: 0% !important;
}
.ship-rec h3{
text-align: center !important;
}
.podcast-img{
margin-left: -3%!important;
}
}
@media (min-width:480px) and (max-width:540px){
.ban-info h2 {
font: normal normal bold 40px/59px Montserrat;}
.ban-info h3 {
font: normal normal normal 30px/29px Montserrat;
}
.ban-left-wrapper {
margin-top: -200px;
}
}
@media (min-width:320px) and (max-width:480px){
.ban-info h2 {
font: normal normal bold 28px/34px Montserrat;
}
.ban-info h3 {
font: normal normal normal 30px/34px Montserrat;
}
.ban-left-wrapper {
margin-top: -140px;
}
.ban-info h1 {
font: normal normal bold 36px/44px Montserrat;
}
.copy_flex {
width: 100%;
}
.podcast-img{
margin-left: -8%!important;
margin-top: -4%;
margin-bottom: -11% !important;
}
}
@media (min-width:320px) and (max-width:410px){
.namera img{
width:100%;
}
}