@media screen and (max-width: 2560px) {
.slick-slide { height: 125vh }
}
 @media screen and (max-width:1920px) {
.slick-slide { height: 95vh }
}
 @media screen and (max-width:1680px) {
.slick-slide { height: 104vh }
}
 @media screen and (max-width: 1600px) {
.slick-slide { height: 104vh }
}
 @media screen and (max-width: 1440px) {
.slick-slide { height: 104vh }
}
 @media screen and (max-width: 1366px) {
.slick-slide { height: 113vh }
}
 @media screen and (max-width: 1280px) {
.slick-slide { height: 58vh }
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mainmenu-area #primary-menu > ul > li > a { padding: 30px 12px; }
.header-area { padding-top: 80px; }
.price-table, .box { padding: 30px 15px 0; height: 78vh }
.price-table.active { padding: 50px 15px; }
.single-team { margin-bottom: 30px }
.side-icon-boxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.page-title hr { width: 25%; height: 2px; }
.footer-area { padding: 30px 0 0; }
.section-padding { padding: 30px 0; }
.svg-map { left: -30px; top: 35px; padding: 80px 0 0 0; position: relative; overflow: hidden; }
footer .svg-map svg { position: relative; width: 725px; margin: 0 195px; top: -100px }
.about-page-sec.section-top-padding { padding: 150px 0 0; }
.p-25 { padding: 0 25px!important; }
.hover01 figure img { width: 100%; padding: 0 15px 25px }
.about-page-sec .vision-and-mission { padding: 10px 0px 0; position: relative; margin: 15px 0 25px }
.about-page-sec h3 span { font-size: 12px; padding: 0 0 25px; }
.about-page-sec h5 { font-size: 15px; padding: 0px }
html, body { overflow: auto; }
.our-team { overflow-x: hidden; }
.svg-team { overflow-x: hidden }
.vessel-it .owl-dot.active span { background: #ec5621!important; }
.button { margin: 0 auto 30px; }
.contact-us address { margin: 0 0px 15px }
.mainmenu-area li a { padding: 15px 10px 10px; text-align: center; font-size: 13px; text-align: left; display: inline-block; }
.mainmenu-area .logo img { width: 80%; display: inline; }
#menuToggle input:checked ~ ul { transform: none; transform: scale(1.0, 1.0); opacity: 1; }
.mainmenu-area ul li { width: 100%; top: 0; }
#menuToggle { display: block; position: absolute; top: 30px; right: 25px; z-index: 1; -webkit-user-select: none; user-select: none; }
#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; left: -5px; }
#menuToggle span { display: block; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #000; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; }
#menuToggle span:first-child { transform-origin: 0% 0%; }
#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #36383F; }
#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }
nav { background-color: #1E1E23; height: 0px; }
.mainmenu-area #primary-menu { background-color: #fff; /* height: 100vh; */ }
.mainmenu-area #primary-menu ul { overflow-y: auto; max-height: 100vh; margin: 0; }
#menu { position: absolute; width: 50vw; height: 100vh; box-shadow: 0 0 0 #85888C; margin: 0px 0 0 0px; padding: 50px; padding-top: 75px; background-color: #fff; right: -25px; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); float: right; top: -30px }
#menu li { padding: 0px 0; transition-delay: 2s; }
nav { background-color: #1E1E23; height: 0px; }
.mainmenu-area.affix-top { background-color: #fff; opacity: 1; }
.mainmenu-area #primary-menu ul li ul { left: 15px; position: relative; padding: 0 0 0px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; overflow: hidden; opacity: 0; }
.dropdown:active .dropdown-list { transform: rotate(0); }
.dropdown.open .dropdown-menu { max-height: 100vh!important; opacity: 1!important; position: relative; }
.cost-effective-vessel-it-solutions { background: url('../images/cost-effective-vessel-it-solutions-t.jpg'); background-size: contain; }
.operational-excellence { background: url('../images/operational-excellence-ensures-transfer-with-security-t.jpg'); background-size: contain; }
.predictive-intelligence { background: url('../images/predictive-Intelligence-for-actionable-insights-t.jpg'); background-size: contain; }
.ct-u-display-tablex { height: 540px; }
.slick-slide { height: 540px; min-height: 1px; }
.ct-header h1.big { font-size: 22px; line-height: 1.3; }
.ct-u-display-tablex > .inner { position: relative; margin-top: 160px; display: block; }
#sea-of-solutions-section h3 { font-size: 15px; color: #212121; font-weight: 500; }
.box .box-icon.software { margin-bottom: 15px; }
.change { background: #fff; }
.mainmenu-area #primary-menu ul li a:hover { border: 0px; box-shadow: none; }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
body { font-size: 13px; }
.header-area { padding-top: 120px; padding-bottom: 100px; height: auto; }
.page-title h2, .header-text h2 { font-size: 20px; }
.mainmenu-area .navbar-toggle { margin-top: 20px; background: #000 }
.mainmenu-area .navbar-toggle .icon-bar { background-color: #ffffff; }
.mainmenu-area #primary-menu { background-color: #fff; /*height: 100vh*/ }
.mainmenu-area #primary-menu ul { overflow-y: auto; max-height: 100vh; margin: 0; }
.mainmenu-area #primary-menu > ul > li > a { padding: 15px 0 15px; overflow: hidden; text-align: left; display: inline-block; }
.mainmenu-area #primary-menu > ul > li { padding: 0px; }
.vessel-it .box { padding: 30px 15px 0; float: left; height: 80vh }
.box { padding: 30px 15px 0; }
.box .box-icon { height: auto; }
.single-blog, .single-team, .price-table.active { margin-top: 30px; }
.form-double input { width: 100%; }
.footer-top { margin-bottom: 30px; }
.x-left { text-align: left; }
.mainmenu-area .logo { margin-left: 15px; }
.mainmenu-area .logo img { width: 80%; position: relative; z-index: 999 }
html, body { overflow: auto; }
.change { background: #fff; }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
.page-title { margin: 0; text-align: left; }
.page-title hr { float: left; margin-bottom: 30px; }
.box p { padding: 0px }
.section-padding { padding: 30px 0px!important; }
.cost-effective-vessel-it-solutions { background: url('../images/cost-effective-vessel-it-solutions-m.jpg'); background-size: cover; height: 100vh }
.operational-excellence { background: url('../images/operational-excellence-ensures-transfer-with-security-m.jpg'); background-size: cover; height: 100vh }
.predictive-intelligence { background: url('../images/predictive-Intelligence-for-actionable-insights-m.jpg'); background-size: cover; height: 100vh }
.ct-u-display-tablex > .inner { position: relative; margin-top: 160px; display: block; }
.newsletter .content .form-control { width : 100%; }
.newsletter .content .btn { left: -25px; margin: 0 0 0 43px }
.ct-header h1.big { font-size: 21px; line-height: 1.3; padding-top: 0; margin: 0 }
.ct-header p { font-size: 15px; margin: 0 0 25px; }
.slick-prev, .slick-next { display: none!important; }
.ct-u-display-tablex { height: 532px; }
.slick-list { height: 100vh; }
.page-title h2 { margin: 0 0% 0 0; }
/*.owl-carousel.owl-drag .owl-item{width: auto!important}*/
.owl-prev { top: 40%; left: 0%; }
.owl-next { top: 40%; right: 0%; }
.sea-of-solutions .owl-prev { top: 40%; left: 0%; }
.sea-of-solutions .owl-next { top: 40%; right: 0%; }
.active.center { transform: scale(1); -webkit-filter: grayscale(0); filter: grayscale(0); }
.active {/*transform: scale(.8); */ transition: .6s ease; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
#our-achievements .achievements { margin: 50px 0px 0 }
#our-achievements .achievements .owl-prev { top: -150%; }
#our-achievements .achievements .owl-next { top: -150%; }
.testimonial-area #img { width: 75%; margin: 0 auto 50px; display: block; }
.owl-prev { top: -88%; }
.owl-next { top: -88%; }
.testimonial { padding: 0 15px; }
.contact-form { margin: 0 0px; }
.clients1 .owl-nav { display: none; }
.footer-area { padding-top: 30px; }
.page-title h2 { text-align: center; }
.page-title hr { float: none; width: 15%; margin-left: auto; margin-right: auto; }
.about-page-sec p { font-size: 16px; line-height: 30px; text-align: center; padding: 0 0px }
.about-page-sec.section-top-padding { padding-top: 130px !important; }
.padding-r-50 { padding: 0; }
.p-25 { padding: 0 25px!important; }
.about-page-sec .vision-and-mission { padding: 0; text-align: center; }
.about-page-sec .vision-and-mission figure { margin: 30px 0; }
.about-page-sec h1 { font-size: 24px; text-align: left; margin: 25px 0 15px }
.about-page-sec .vision-and-mission p:last-child { padding: 0px; }
.padding-l-50 { padding: 0px; }
.about-page-sec h3 span { font-size: 65px; line-height: 25px; border-bottom: solid 0.5px #979797; padding: 0 0 50px; }
.about-page-sec h5 { font-size: 18px; padding: 0px }
.about-page-sec .years { padding: 50px 25px 0; }
.solutions .owl-item img { width: auto!important; margin: 0 auto }
.solutions .owl-item { width: 100%!important }
#sea-of-solutions-section .box { margin: 0px 15px 0px; padding: 18px 35px 30px; height: 215px }
.testimonial_detail h4 { font-size: 22px; margin: 0; }
.testimonial_detail p { font-size: 15px; line-height: 24px }
.vessel-it .box h3 { font-size: 18px; }
.news-and-updates { margin-bottom: 30px; }
.news-and-updates p { text-align: left!important; }
.news-and-updates h3 span { font-size: 12px; padding: 0; border: 0 }
.sea-of-solutions .owl-nav { display: none; }
.about-page-sec .vision-and-mission hr { background: #979797; height: 1px; width: 100%; margin: 15px 0 }
.inner-our-team .owl-nav { display: none; }
.vessel-it .item .col-xs-12 { width: 100%; margin: 0; padding: 0 5% 0 5% }
/*.boat {  -ms-transform: scaleY(1.5);  transform: scaleY(1.5); }*/
html, body { overflow: auto; }
.mainmenu-area.affix-top { /*background-color: #fff; */ opacity: 1 }
nav { background-color: #1E1E23; height: 0px; }
#menuToggle { display: block; position: absolute; top: 30px; right: 25px; z-index: 1; -webkit-user-select: none; user-select: none; }
#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; left: -5px; }
#menuToggle span { display: block; width: 29px; height: 2px; margin-bottom: 5px; position: relative; background: #000; border-radius: 3px; z-index: 1; transform-origin: 5px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; }
#menuToggle span:first-child { transform-origin: 0% 0%; }
#menuToggle span:nth-last-child(2) { transform-origin: 0% 100%; }
#menuToggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-3px, -1px); background: #36383F; }
#menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
#menuToggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(0, -1px); }
#menu { position: absolute; width: 100vw; height: 100vh; box-shadow: 0 0 0 #85888C; margin: 0px 0 0 0px; padding: 50px; padding-top: 110px; background-color: #fff; right: -25px; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); float: right; top: -30px; }
#menu li { padding: 8px 0; transition-delay: 2s; }
#menuToggle input:checked ~ ul { transform: none; transform: scale(1.0, 1.0); opacity: 1; }
.mainmenu-area #primary-menu ul li a { display: inline; padding: 10px 3px 0px 0px!important; font-size: 18px!important; line-height: 40px; box-shadow: none; font-weight: 400 }
.dropdown.custom:hover .dropdown-menu { visibility: visible; display: block; border-radius: 0; }
.mainmenu-area #primary-menu ul li ul { left: 15px; position: relative; padding: 0px 0 0px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-height: 0; display: block; overflow: hidden; opacity: 0; }
.dropdown:active .dropdown-list { transform: rotate(0); }
.dropdown.open .dropdown-menu { max-height: 100vh!important; opacity: 1!important; position: relative; }
#text { font-size: 30px!important; }
.sk-folding-cube { top: 40%; left: 0%; width: 100%; text-align: center; }
.contact-us strong { text-align: left; }
.vessel-it.row-eq { display: block; }
.about-page-sec ul { padding: 0 15px }
.box .box-icon.software { margin-bottom: 15px; }
i.ti-arrow-left:before { padding: 8.8px 15px; }
#myModal .form-control { padding: 8px 20px; box-shadow: none; }
#myModal .modal-content .modal-title { font-size: 14px }
#myModal .modal-header { padding: 0 0 15px; }
#myModal1 .modal-content { background-color: transparent; width: 85%; margin: 0 auto; }
.tree ul { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; left: 10% }
.tree li { float: left; text-align: left; list-style-type: none; position: relative; padding: 20px 5px 0 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.tree li a { border: 0px solid #ccc; padding: 5px 50px; text-decoration: none; color: #666; font-size: 11px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
.tree li a { border: 0px solid #ccc; padding: 5px 50px; text-decoration: none; color: #666; font-size: 11px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; font-size: 16px; color: #212121; font-weight: 500; }
.tree ul ul li { width: 100%; display: block; padding: 0 }
.tree li::before, .tree li::after { content: ''; position: absolute; top: 18px; right: 30%; border-top: 1px solid #ccc; width: 10%; height: 160px; }
.tree ul li ul li::before, .tree ul li ul li::after { height: 100%; }
.tree li::after { right: auto; left: 0%; border-left: 1px solid #ccc; }
ul.no-border { left: 14%!important; padding: 0 }
ul.no-border li:last-child { padding: 0 0 10px 0 }
ul.no-border li.one a { font-size: 12px; font-weight: normal; padding: 0 15px }
.tree ul li ul li::after { border-top: 1px solid #ccc!important; }
.tree ul li ul li::before { border-top: 0px solid #fb0000; }
.tree ul ul::before { border-left: 0px solid #ccc; }
.tree ul li a.main-point:nth-child(1) { font-size: 18px; padding: 0 0 0 40px }
.tree li:last-child::before { border-right: 0px solid #ccc; }
.tree ul.no-border1 li.one a { font-size: 10px; }
.tree ul.no-border1 li.one::before { left: 2%; }
ul.no-border1 { left: 5%!important; }
.news-and-updates-details h2 { font-size: 20px; }
.news-and-updates-details .banner { margin: 10px 0 30px }
#myModal .modal-content { width: 100%; margin: 0 auto; padding: 6%; }
.custome_slide.owl-carousel .owl-item { padding: 10px 25px; }
}
@media screen and (max-width:414px) {
#our-achievements .achievements .owl-prev { top: -130%; }
#our-achievements .achievements .owl-next { top: -130%; }
}
 @media screen and (max-width:380px) {
#our-achievements .achievements .owl-prev { top: -123%; }
#our-achievements .achievements .owl-next { top: -123%; }
}
 @media screen and (max-width:360px) {
#our-achievements .achievements .owl-prev { top: -118%; }
#our-achievements .achievements .owl-next { top: -118%; }
}
 @media screen and (max-width:320px) {
#our-achievements .achievements .owl-prev { top: -98%; }
#our-achievements .achievements .owl-next { top: -98%; }
.about-page-sec h3 span { font-size: 50px; }

}