
 @media (max-width: 1440px) {
}
@media (max-width: 1366px) {
}
 @media (max-width: 1280px) {
}
@media (min-width:1200px){.container{max-width:1300px}}
@media (max-width:1199px) {
	
header .navbar-expand-lg .navbar-nav .nav-link {  padding-right: 5px;  padding-left: 5px; font-size:11px;}
.slide2 .slider-text, .slide3 .slider-text, .slide4 .slider-text{top:23%; }
.home-slider .slider-text h1{font-size:30px; line-height:30px;}
.home-slider .slider-text h1 br{display:none;}
.home-slider .slider-text p{padding:5px 0px;}

/*About us*/
.overview_boxconent h4 { font-size: 18px;  line-height: 30px;}
.overview_heading h2 { font-size: 26px; }
.about_navbar ul li a { padding: 12px; font-size: 15px;}
.overview_welcome h3 {font-size:22px;}
.overview_pagestatus ul li a {font-size: 14px;}
.overview_boxconent {height:213px;}

}
 @media (max-width:1170px) {
}
 @media (max-width:1024px) {
body { cursor: pointer;}
.home-slider img{width:100%;     height: auto; }
header{position:fixed;}
header .navbar-brand {    padding: 30px 0px 10px 0;}
.navbar-brand img {    width: 190px;}
header .navbar-nav{margin-left:auto;}
header .navbar-expand-lg .navbar-nav .nav-link{font-size:10px;}
.booking-form .nav-tabs li a{padding:8px 0;}
header .search-box input{width:80px;}
header .navbar-expand-lg .navbar-nav .nav-link{font-size:14px;}
header .navbar {    padding-left: 190px;}
.footerSection h5{font-size: 14px; line-height:18px; }
.footerSection li{padding-bottom:0;}
.footerSection li a {   font-size: 14px;}
.footerSection input{width:100%;}
.secutiry-code{width:100%;}
.footerSection input{font-size:13px;}
.captcha-code{width:80px; top: 20%;   right: 10px;}
.res-mt-20{margin-top:20px;}
.home-slider .slider-text p{font-size: 26px; line-height: 28px;}
.slider-text p::after{top:49%;}
.footer-submit{padding:7px 20px;}
.world-port-network .button6, .news .button6{padding:7px 20px; font-size:14px !important;}
.about-sohar-list li a{margin:0 2px;}
h2.main-heading::before{top: 35px;}
h2.main-heading{font-size:31px;}
.button6.notification-button {position: absolute; top: 15px; left: auto; right: 15px; padding: 0 5px; font-size: 12px;}
.notification-box.tender-box { min-height: 126px;}
.gallery.management .gallery_1 h2{height:105px;}
.team-person-position{line-height:24px;}
.team-person-image img{height:150px; width:150px;}
.team-person {min-height: 371px;}
    .gallery .pgallery {
        height: 268px;
        object-fit: cover;
    }
}

@media (max-width:992px) {
body {    font-size: 14px; line-height:20px;}
header .navbar { padding: 20px 0;}
.logo img{width:190px;}
.navbar-collapse{text-align:right; display:inline-block;}
.navbar-collapse{ text-align: right;    display: inline-block;    position: absolute;    top: 50px;    background: #fff;    right: 0;    width: 100%;    z-index: 0;    padding: 15px;}
.navbar-nav{   display: block;    width: 100%;    margin-left: auto;    margin-right: 0 !important;}
header .navbar-nav li{    display: inline-block;    width: auto;}
header .navbar-nav li {    display: block;    width: 100%;}
header .navbar-nav.right-links  li {    display: inline-block;    width:auto;}
header .dropdown-menu{text-align:right;}
header .right-links {    margin-top: 10px;}
h2.main-heading {font-size: 22px;}
.stellarnav.mobile > ul > li > a.dd-toggle, .stellarnav.mobile > ul > li > ul > li > a.dd-toggle {width: 100%;}
.stellarnav a.dd-toggle .icon-plus {right: 15px; float: right; }
.stellarnav.dark.right .menu-toggle {position: fixed; }
.stellarnav {height: 0px; }
.stellarnav .menu-toggle span.bars { border: 1px solid; border-radius: 50%; padding: 9px 7px 6px 7px; }
.stellarnav.dark .menu-toggle span.bars span {background: #0f0f0f; }
.stellarnav .menu-toggle span.bars span {width: 17px; height: 2px; }
.stellarnav{display:block; background: linear-gradient(to bottom,rgba(255,123,0,1) 0,rgba(255,168,0,1) 100%);}
.stellarnav.dark {background: linear-gradient(to bottom,rgba(255,123,0,1) 0,rgba(255,168,0,1) 100%);}
.stellarnav.mobile.dark ul {background: #212529; }
.navbar-toggler{display:none;}
.stellarnav a.menu-toggle { color: #000; position: absolute;  right: 0;  top: 0px;  z-index: 99;}
.stellarnav ul li h4{color: #fff; padding-left: 15px; text-transform: uppercase; font-size: 14px; padding-top: 15px; }
.stellarnav .menu-toggle span.bars {top: 10px; }
header .navbar-brand {padding: 15px 0px 10px 0; }
.navbar-toggler { display: block; }
.growth-img { width: 85%; padding-left: 140px; }
.home-slider .slider-text p{font-size: 20px; line-height:28px;}
.slider-text p::after, .slider-text p::before{width:80px;}
.slider-text p::after{top: 47%;margin-left: 10px;}
.footer-submit{padding: 7px 20px;}
.home-slider .slick-dots {   bottom: 8px;}
.scroll-button a{bottom:0;}
#scroll-section a span {  top: 20px;   left: 71%;    width: 20px;    height: 40px;}
#scroll-section a span::before{height:6px;}
.home-slider .slick-next, .home-slider .slick-prev{padding:15px !important;}
.slick-dots li button{padding:0;}
.padding-50 {    padding: 20px 0;}
.sohar-port .py-5, .sohar-freezone .py-5{padding-bottom:1rem !important;}
.section {    padding: 30px 0px;}
.red-tag{padding: 5px;}
.red-tag p span{font-size: 28px; line-height: 25px;}
.button{font-size:18px;}
.button img{width:20px;}
.world-port-network h4 {   font-size: 20px;    line-height: 22px; padding-left:10px;}
.world-port-network img{width:60px;}
.world-port-network p { padding-top: 20px;   padding-bottom: 30px;}
.news .overlay-text{line-height: 18px; padding:5px;}
.news .date-text{padding:2px; font-size:12px;}
.news .content-div p {  padding-top: 20px;    padding-bottom: 30px;}
.footerSection h5{font-size: 13px; line-height:18px; min-height:51px;}
.footerSection li{padding-bottom:0;}
.footerSection li a {   font-size: 13px;}
.contact-form input{width:100%;}
.secutiry-code{width:100%;}
.footerSection input{font-size:13px;}
.res-mt-20{margin-top:20px;}
.res-mt-20 .footerHeading{min-height:auto;}
.footerSection .newsletter-subscibe input {    width: 100%;}
.footerSection .newsletter-subscibe a img{margin-left:0; padding: 9px 40px;}
.captcha-code{width:80px; top: 20%;   right: 10px;}
.footerSection {    padding: 30px 0;}
    .world-port-network .button6, .news .button6 {
        padding: 3px 12px;
        font-size: 12px;
        border-radius: 0;
        width: 100%;
        text-align: center;
        position: relative;
        margin-left: 15px;
    }
.industries-details h4{font-size:14px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{width: 100%; max-width: 100%; top: 75px;height:470px;}
.stellarnav a.dd-toggle .icon-plus::before, .stellarnav a.dd-toggle .icon-plus::after{display:none;}
.stellarnav.mobile li a {    border-bottom: 1px solid #8e8e8e;	text-transform: uppercase; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{display:none;}
.header-search {    text-align: center; margin-top:20px; vertical-align:top;}
.search-box {    margin-left:15px;}
.header-search .nav-item.search span{padding: 5px 10px; background-color: #e70033; text-transform: capitalize;}
.nav-item.search{position: absolute; top: 7px; right: 15px;}
.stellarnav li .search a{padding:0;}
.header-search .search-box input { border:none;	background: url(../images/search-mobile.png) 90% no-repeat;	border-radius:15px;	background-color:#FFF;}
.header-social-media {    text-align: center;    padding: 15px;}
.header-social-media a{margin:0 10px;}
.socialMedia{display:none}
.button6:after, .button6{border-radius:0 !important;}
.res-footer .navbar-collapse{padding:15px 0 0 0 !important;}
.res-footer .nav > li:not(:last-child) {    border-bottom: 1px solid #8e8e8e;  width: 100%;}
.res-footer .nav > li > a{padding:15px;}
.has-sub.open > ul > li a {    padding-left: 30px;}
.has-sub.open > ul > li.open > ul > li a {    padding-left: 50px;}
.stellarnav.mobile.dark ul ul {    background:     rgba(255, 255, 255, .15);}
.growth-img img{height:36px;}


/** About us **/

.inner_banner {padding: 80px 0px; margin-top: 77px;}
.inner_banner_blk h2 {font-size:26px;}
.inner_banner_blk h3 {font-size: 20px; margin-bottom: 5px;}
hr.tital_strip {margin-top:8px;}
.overview_boxconent h4 { font-size: 15px; line-height: 22px;}
.overview_boxconent {height: 155px;}
.overview_bottomcontent p { font-size: 14px; line-height: 24px; }
.overview_welcome p { font-size: 14px; line-height: 24px; }
.overview_welcome h3 { font-size: 18px;}
.overview_welcome h3 {padding:5px;}
/*.about_navbar ul li a{height:100%;}
*/.gallery.management .gallery_1 h2{height:165px;}
.growth-img-desktop{top:75px;}
.white-box .overview_welcome h5::after{border-width: 30px 15px 30px 0;}
 .white-box .overview_welcome h5 {
    position: relative;
    left: -15px;
    padding-right: 25px;
    height: 60px;
    padding-top: 18px;
}
.team-person{padding:10px; min-height:288px;}
.team-person-image img{width:130px; height:130px;}



}


@media (max-width:980px) {
}
@media (max-width:840px) {
}
 @media (max-width:800px) {
}
@media (max-width:768px) {
}
 @media (max-width:767px) {

    body {
        overflow-x: hidden
    }
    .add-more-forms{float: right !important;}
.add-cover{width: 114%}
.upldt{width: 100%;}
.logo img {    width: 130px;}
.home-slider .slider-text h1 {    font-size: 16px;    line-height: 18px;}
.home-slider img{width:100%;     height: 203px; }
header .navbar-nav li {    display: block;    width: 100%;}
header .navbar-nav.right-links  li {    display: inline-block;    width:auto;}
body {    font-size: 14px;}
.section {    padding: 30px 0px;}
.res-grey-bg {background-color: #f9f9f9;padding: 30px 15px;}
.pt-30 {padding-bottom: 30px;}
.doing-business p {	text-align: center;	width: 100%;}
h2.main-heading {    text-align: center;}
.doing-business {	text-align: center;	    margin-bottom: 25px;}
.world-port-network h4 {    font-size: 21px;    line-height: 23px;    text-align: left;}
.world-port-network h4 br{	display: none;}
.world-port-network p {    width: 100%;    text-align: center;    padding-bottom: 10px;}
.world-port-network {	text-align: center;}
.red-tag {    padding: 5px 5px;}
.red-tag p span {    font-size: 21px;    line-height: 22px;}
.bg-grey {    background-color: #fff;        padding-top: 0px;}
.button6 {	display: inline-block;}
.industries .slick-slider {    margin-top: 15px;}
.industries-details h4 {	font-size: 14px;}
.industries-slider .slick-next {	display: none !important;}
.news .content-div p {    padding-top: 20px;    padding-bottom: 20px;}
.button {    font-size: 16px;}
.red-tag p {    line-height: 18px;}
.about-growth img {    display: none;}


.sohar-port p, .sohar-port .about-sohar-list{    padding: 0px 8px; font-size:12px;	line-height:16px;}
.sohar-port h2.main-heading::before {  background-color: #fff;}
.p-res-0 {    padding: 0px;}
.padding-50 {    padding: 20px 0;}
.sohar-freezone p, .sohar-freezone.about-sohar-list {    padding: 0px 8px;	font-size:12px;	line-height:16px;}
.scroll-button {    display: none;}
.slick-dots {    display: none !important;}
.slider-text-box {    display: none;}
.footerSection {    display: none;}
.res-footer {    display: block;    padding: 15px 0;}
.res-footer .footerHeading {  text-align: center;  color: #e70033;  text-transform: uppercase;  font-size: 14px;}
.copyright p {    font-size: 13px;    padding: 10px 0px 8px 0px;}
.res-footer .navbar-toggle {    position: relative;    padding: 9px 10px;    margin-top: 8px;    margin-left: -15px;    margin-bottom: 8px;    background-color: transparent;    background-image: none;    border: 1px solid #fff;    border-radius: 50%;}
.res-footer .navbar-toggle .icon-bar {    display: block;        width: 18px;    height: 2px;    border-radius: 1px;       margin-bottom: 4px;}
.res-footer .navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}
.res-footer  .sr-only {    position: absolute;    width: 1px;    height: 1px;    padding: 0;    margin: -1px;    overflow: hidden;    clip: rect(0,0,0,0);    border: 0;}
.res-footer .navbar-collapse{          left: -16px;    position: absolute;    top: -434%;    background: #424649;    z-index: 1;    padding: 15px;    width: 240px;    text-align: left;    height: 327px;    overflow-y: scroll;}
.res-footer .navbar {    position: relative;    min-height: 50px;    border: 1px solid transparent;}
.res-footer .nav>li {    position: relative;    display: block;       padding: 3px 0px;}
.res-footer .nav > li.dropdown a:hover{  color: #de0132;  transition: all ease 0.2s;}
.res-footer .nav>li a{    color: #fff;}
.res-footer .nav>li ul li a {color: #000;}
.res-footer  .navbar-default .navbar-nav > .open > a, .res-footer .navbar-default .navbar-nav > .open > a:hover, .res-footer  .navbar-default .navbar-nav > .open > a:focus {    color: #fff;    background-color: transparent;}
.res-footer .dropdown-menu>li{   position:relative;   padding: 5px 15px;}
header .navbar { padding: 10px 0;}
header .navbar-brand {    padding: 14px 0px 10px 0;}
.stellarnav .menu-toggle span.bars { padding: 9px 7px 6px 7px;}
.slider-image {    margin-top: 55px;}
.home-slider .slick-arrow{display:none !important;}
.abt-section{margin-top:-6px;}
.about-sohar-list{display:none;}
.sohar-port .py-5, .sohar-freezone .py-5{padding-bottom:0rem !important; padding-top:1.5rem !important;}
.res-footer .footerHeading{font-size: 12px; margin-bottom: 10px;}
.socialMedia{top:150px;}
.res-footer .navbar-toggle { padding: 10px 9px 6px 9px;   margin-top: 20px;}
#return-to-top img {     margin: 0 auto;    display: table; margin-top: 40px;}
.overlay-text{min-height:auto; font-size: 10px; line-height: 10px !important;}
.news .overlay-text{padding: 5px 2px;}
.stellarnav .menu-toggle span.bars {    top: 0;}
h2.main-heading::before{height:5px; width:35px;}
.news .content-div p{font-size:12px; line-height:16px;}
.date-text{top: 46px; left: 10px;}
.news .date-text {    padding: 1px;    font-size: 10px;}
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul{top: 55px;}
.sohar-port h2.main-heading, .sohar-freezone h2.main-heading{text-align:left; margin-left:8px; font-size:20px;}
.news {    padding: 0 5px;}
.news .col-sm-4.col-6 {    padding: 0 5px; }
.doing-business-video{height:225px;}
.doing-business-video iframe{height:100%;}

/**/
.overview_boxconent {margin-bottom:20px;}
.overview_boximginner {margin-bottom:20px;}
.overview_soharport {margin-bottom:20px;}
.overview_heading h2 {  font-size: 17px;}
hr.tital_strip { margin-top: 0; }
hr.tital_strip {width: 30px; border-width: 4px;}
.overview_pagestatus ul li a {font-size: 12px;}
.overview_top {margin-bottom:20px;}
.about_navbar ul li a { padding: 3px; font-size: 12px;}
.about_overview {margin-top:20px;}
.overview_pagestatus {margin:10px 0px; float: none;}
.overview_welcome h3 { font-size: 14px;}
.overview_boxconent h4 {font-size: 14px; }
.overview_bottomcontent {margin-bottom:20px;}
.inner_banner_blk h2 { font-size: 18px;}
.inner_banner_blk h3 {font-size: 16px;margin-bottom: 0;}
.inner_banner { padding: 50px 0px;  margin-top: 55px;}
.cargo-handing-box p {padding: 0; }
.location-map {  margin-top: 15px;}
.dis-block{display:block;}
.gallery.management .gallery_1 h2{height:auto;}
.h-80{height:80px;}
.abt-section {  margin-top: -9px;}
.home-slider img { width: auto; height: 280px;}
.res-grey-bg { background-color: #ececec; padding: 30px 15px;}
    .world-port-network .button6 {
        float: none;
        margin: 0 auto;
        display: table;
        position: relative;
        margin-left: 10px;
    }
.date-text { top: 6px; left: 10px;}
.main-heading.mb-5 { margin-bottom: 25px !important;}
.iconText { display: flex; align-items: center; padding-top: 35px;  width: 80%;  margin: 0 auto;}
.footer-resmenu #cssmenu ul li {width: 100%; border-top: 1px solid #8e8e8e; background-color: #212529; }
.footer-resmenu #cssmenu ul ul li a {padding:17px; padding-left: 35px; font-size: 14px; }
.footer-resmenu #cssmenu ul ul li {background: #424649 !important; }
.footer-resmenu .button { height: 46px; position: absolute; right: 0; left: 0; top: 0; z-index: 12399994; background-color: transparent; padding: 0;}
.footer-resmenu .button img {width: 40px; margin-top: 20px;}
.footer-resmenu .button.menu-opened img{width:40px;}
.footer-resmenu #cssmenu .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #8e8e8e;
height: 46px; width: 46px;}
.footer-resmenu #cssmenu .submenu-button.submenu-opened { background: #262626 }
.footer-resmenu #cssmenu ul ul .submenu-button { height: 34px; width: 34px;}
.footer-resmenu #cssmenu .submenu-button:after {position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #ddd;
content: '';}
.footer-resmenu #cssmenu ul ul .submenu-button:after {top: 15px; right: 13px;}
.footer-resmenu #cssmenu .submenu-button.submenu-opened:after { background: #fff}
.footer-resmenu #cssmenu .submenu-button:before {position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #ddd;
content: '';}
.footer-resmenu #cssmenu ul ul .submenu-button:before {top: 12px; right: 16px }
.footer-resmenu #cssmenu .submenu-button.submenu-opened:before { display: none }
.footer-resmenu #cssmenu ul ul ul li.active a { border-left: none}
.footer-resmenu #cssmenu > ul > li.has-sub > ul > li.active > a, .footer-resmenu #cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
.footer-resmenu #cssmenu .menu-opened {width: 345px;}
.footer-resmenu #cssmenu .menu {width: 345px !important; z-index:1; top: 70px; border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e;}
.nautical-info li { width: 45%;}
.nautical-info .nautical-cords p{text-align:center;}
.form_detail { padding: 0 15px;}
.form_detail .form-control {  width: calc(100% - 100px) !important;}
.page-cont .form_detail .form-control {  width: 100% !important;}
.frmwid .form_detail .form-control {  width: 100% !important;}
.form_detail label { width: 100px;}
.form_detail .browse_blk, .form_detail .right_cont {  width: calc(100% - 100px);}
    .form_detail .form-group i {
        position: absolute;
        top: 50px !important;
        left: 100px !important;
    }
.form_detail .right_cont .checkbox-btn {  width: 100%;}
.edjb .form_detail .right_cont .checkbox-btn { width: 100% !important;}
.team-person{min-height:auto;}
.reg-img {padding: 10px 20px; }
    .white-box{
        height:auto !important;
    }

    .table-responsive {
        display: block !important;
        overflow-x: scroll;
        white-space: nowrap;
        max-width: none;
        -webkit-overflow-scrolling: touch !important;
    }

    .faq-aaccordion .card-header h5 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 700px) {
    .a.pp_close {
        right: 10px !important;
        top: -275px !important;
    }
}
@media (max-width:685px) {

}
@media (max-width:640px) {
}
@media (max-width:600px) {

}
@media (max-width:568px) {
	
}
@media (max-width:480px) {
	.about_navbar ul li a {font-size:11px; height: 50px; vertical-align: top; padding: 15px 0; }
		
}
@media (max-width:479px) {
}
@media (max-width:380px) {
	.header-search .search-box input{width:50%;}
	
}
@media (max-width:360px) {
	.growth-img {    width: 83%;    padding-left: 130px;}
	.about_navbar ul li a {font-size:10px; padding:1px; height: 50px; vertical-align: top;}
	.notification-box.tender-box h4 { font-size: 13px;}
}
@media (max-width:320px) {
	.footer-resmenu #cssmenu .menu-opened {width: 290px;}
.footer-resmenu #cssmenu .menu {width: 290px !important; z-index:1; top: 70px; border-left:1px solid #8e8e8e; border-right:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e;}
}



