@media (min-device-width : 1025px) and (max-device-width : 1280px){}
@media only screen and (max-width : 1024px){
    .site-navbar .site-navigation .site-menu li a{padding: 10px 9px !important; font-size: 12px !important;}
    .bg-video-wrap {height: auto;}
    video {min-height: auto;}
    .overlay{height: auto;}
    .slider-content{margin-top: 280px;}
    .circle-box{width: 87%;}
    .product-content p {font-size: 12px;}
    .footer-menu {width: 56%;}
    .menu-togle{display: none !important;}
    .ser-list{right: -80px;}
    .ser-list:nth-child(2){right: 16px;}
    .ser-list:nth-child(3){right: 18px;}
    .ser-list:nth-child(4) {right: -65px;}
    .cr-right-box .ser-list:nth-child(1){right: 65px;}
    .cr-right-box .ser-list:nth-child(2){right: -30px;}
    .cr-right-box .ser-list:nth-child(3){right: -34px;}
    .cr-right-box .ser-list:nth-child(4){right: 50px;}
}
@media only screen and (min-device-width : 678px) and  (max-width : 992px){
    header{padding: 10px 0; background-color: gary;}
    .navbar-brand img{width: 80%;}
    .menu-togle{display: inline-block !important;position: absolute !important;top: 50% !important;transform: translateY(-50%);right: 15px;}
    .bg-video-wrap {height: auto;}
    video {min-height: auto;}
    .overlay{height: auto;}
    .slider-content{margin-top: 200px;}
    h1.slider-title{font-size: 24px;max-width: 280px;}
    .circle-box{width: 100%;}
    .cr-right-box .ser-list:nth-child(3) {right: 0px;}
    .ser-list p {padding: 0 40px 0 0px;font-size: 12px; width: 150px;}
    .cr-right-box .ser-list p {padding: 0 10px 0 40px;font-size: 14px;}
    .product-list {background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(56,86,122,1) 40%, rgba(56,86,122,1) 100%);padding: 20px 40px; margin-bottom: 30px;}
    section.products{background: none; padding-bottom: 50px;}
    .product-img img{width: 100%;}
    .fleet-right-img, .fleet-left-img {height: 320px;width: 320px;}
    .about{padding: 50px 0;}
    .counter-heading p br{display: none;}
    .footer-menu {width: 66%;}
    .copy-right{margin-top: 50px;width: 76%;}
    .inside-haeder{height: 250px;}
    .barges-ul li a {font-size: 10px !important;}
    .cr-img-circle{height: 300px; width: 300px;}
    .cr-img-circle img {width: 265px;height: 266px;}
    .cr-center-box{padding: 90px 0;}
    .ser-list{right: -98px;}
    .ser-list:nth-child(2){right: 15px;}
    .ser-list:nth-child(3){right: 17px;}
    .ser-list:nth-child(4){right: -83px;}
    .cr-right-box .ser-list:nth-child(3){right: -9px;}
    .cr-right-box .ser-list:nth-child(1){right: 108px;}
    .cr-right-box .ser-list:nth-child(2){right: -5px;}
    .cr-right-box .ser-list:nth-child(4){right: 93px;}
    .bunker-trading-menu{padding-bottom: 30px;}
    .circle-bg {height: 60px;width: 60px;background-size: contain;}
    .menu-p p {font-size: 11px;line-height: 13px;}
    .bunker-trading-content h2{font-size: 36px;}.bunker-trading-section-img{height: 180px; background-size: contain; background-repeat:no-repeat;}
    .bunker-content{width: 100%; padding: 40px 0 0 0;}
    .bunker-content.cust-bunker-content{padding: 0 0 40px 0;}
    .footer-menu-list{display: none;}
    section.products .container .row {justify-content: center;}
    .fleet{padding-top: 0;}
    .products-services{padding-top: 50px;}
    .cont-box{margin-bottom: 75px; height: 180px;}
	.bunker-trading-menu ul li{padding: 0 1%;}
	
}
@media screen  and (max-width : 767px){
	
	.mobile-product-slider{display:block;}
	.products-desk{display:none;}
    header{padding:0; background-color: gary;}
    .menu-togle{display: inline-block !important; position: absolute !important;top: 50% !important;transform: translateY(-50%);right: 15px;}
    .bg-video-wrap {width: auto;height: auto;margin-top: 90px;}
	header .navbar-brand img.header-logo {display: none;}
	header .navbar-brand img.sticky-logo {display: block;height: 80px;}
	.site-navbar.fixed-top .icon-menu.mobile-nav-toggle{background-image: url(../images/menu.svg)!important;}
	.fixed-top{background: #fff;}
	.inside-haeder{margin-top: 90px;}
    video {min-width: auto;min-height: auto;}
    .overlay{height: auto;}
    .slider-content{margin-top: 200px;}
    h1.slider-title{font-size: 24px;max-width: 280px;}
    .products-services{background-size: cover; padding-top:20px;padding-bottom: 20px;}
    .fleet-content p{width: 100%; font-size: 15px;}
    .circle-box{display: block; width: 100%;}
    .cr-left-box, .cr-center-box, .cr-right-box{width: 100%;}
    .ser-list {justify-content: center;position: unset;margin-bottom: 20px;width:100%;display: block; }
    .product-list {background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(56,86,122,1) 40%, rgba(56,86,122,1) 100%);padding: 20px 20px 75px;}
    section.products{background: none;padding: 40px 0;}
    .product-content p br{display: none;}
    .fleet-right-img, .fleet-left-img {height: 345px;width: 100%;}
    .fleet-left-img{margin-right: 0;}
    .fleet-right-img{margin-left: 0; margin-top: 30px;}
    .about{padding: 50px 0;}
    .about.cust-about {padding:20px 0 30px 0;}
    .counter-heading p br{display: none;}
    .counter-box ul li {margin-right: 20px;min-width: 100px;}
    .counter {font-size: 32px;}
    .counter-box ul li p {font-size: 11px;}
    .client{width: 100%;padding: 50px 0;}
    .mar-right{display: none;}
    footer{padding: 30px 0;}
    .footer-menu {flex-direction: column;}
    .footer-menu-list ul li:nth-child(1), .footer-menu-list ul li:nth-child(3), .footer-menu-list ul li:nth-child(4){display: none;}
    .copy-right {margin-top: 30px; margin-bottom: 10px;}
    .inside-haeder{height: 180px;}
    .bunker-content{width: 100%;}
    .products-list p, .sitemap-menu ul li{width: 100% !important;}
	.sitemap-menu ul li li{width: 46% !important;}
	.sitemap-menu ul ul{display:block;padding-left: 10px;}
    .sub-menu-sitemap, .barges-ul{flex-direction: column;}
    .revers-box { display: flex; flex-direction: column-reverse; }
    .cr-img-circle{height: 270px; width: 270px;}
    .cr-img-circle img { width: 250px; height: 250px; }
    .cr-left-box .ser-list-img{ position: absolute; }
    .ser-list p {text-align: start; padding: 0 10px 0 50px; justify-content: start;width: 100%; }
    .cr-right-box .ser-list p{width: 90%;}
    .cr-left-box{padding-left: 35px;}
    .cr-center-box{padding: 35px 0 65px 0;display: none;}
    .fleet{padding: 0px 0 30px 0;}
    .bunker-trading-menu {padding: 30px 0 10px 0;}
    .bunker-trading-menu ul {flex-wrap: wrap;justify-content: center;margin-bottom: 0;}
    .bunker-trading-menu ul li {display: inline-flex;width: 25%;justify-content: center;margin-bottom: 20px;}
    .circle-bg {height: 60px;width: 60px;background-size: contain;}
    .menu-p p {font-size: 11px;line-height: 13px;}
    .bunker-trading-content h2{font-size: 30px;}
    .bunker-trading-section-img{height: 115px; background-size: cover; margin: 0; background-repeat:no-repeat;}
    .bunker-content{width: 100%; padding: 25px 0 0 0;}
    .bunker-content.cust-bunker-content{padding: 0 0 5px 0;}
    .site-mobile-menu .site-nav-wrap > li.dest-none{display: inline-block;}
    .footer-menu-list{display: none;}
    .footer-address {width: 230px;}
    section.products .container .row{justify-content: center;}
    section.products .fleet-content{margin-bottom: 35px;}
    .fleet-content{margin-bottom: 40px;}
    .padding-less{padding-left: 0; padding-right: 0;}
    .cont-box{margin-bottom: 55px;}
    .contact-page-sec { padding:20px 0 30px 0;}
    .footer-address li a, .footer-address li{font-size: 14px;margin-bottom: 10px;}
    .copy-right p{line-height: 22px;}
    .footer-sticky{width: 100%;}
	.display-n{display:none!important;}
	header.smaller{padding:0;}
	header.smaller .navbar-brand img {width: 65%;}
	.site-map h2 {padding:20px 0 0;}
	.heading {font-size: 30px;margin-bottom: 15px;}
	.cont-details.email-id br{display:none;}
	.cont-box{padding: 60px 0 20px 0;height: auto;}
	.cot-top-box { margin-top: 50px;}
	.form-section form .form-group {margin-bottom: 10px;}
	header.smaller .navbar-brand img{width: auto;height: 80px;}
	.header-logo {height: 80px;}
}
@media screen  and (max-width : 767px) and (orientation: landscape) {
    
	video {min-width: 100% !important;min-height: 100% !important;}
    .ser-list {width: 50%; display: flex;}
    .ser-list:nth-child(2), .ser-list:nth-child(4){float: right;justify-content: end;}
    .ser-list:nth-child(1), .ser-list:nth-child(3){float: left;justify-content: end;}
    .padding-less{padding-left: 15px; padding-right: 15px;}
    .cr-left-box {padding-left: 0px;}
    .cr-right-box .ser-list p {padding: 0 10px 0 50px;font-size: 14px;}
    .cr-right-box{display: flex;flex-direction: row;flex-wrap: wrap;}
    .ser-list p{width: 210px;}
    .cr-right-box .ser-list {width: 50%;display: block;}
    .cr-right-box .ser-list p {width: 81%;}
    .cr-right-box .ser-list a{justify-content: end;}
    .bunker-trading-section-img {height: 225px;}
}
@media only screen and (min-width:768px) and (max-width:1100px) {
.form-section form .form-check label{font-size: 14px;}

}


@media(max-width:991px){
	.sticky-box{right: -55px;}
	.sticky-wrap {
  position: relative;
  z-index: 999;
}
.mobile-submenu {display: block;}
.bunker-trading-menu {display:none;}
.mobile-submenu .navbar-header{position: absolute;z-index: 999;float: left;right: 0;top: 0;width: 100%;text-align: left;background: #54c5cf;}
.mobile-submenu .navbar-brand{color: #fff;padding: 10px;font-size: 15px;text-transform: uppercase;margin: 0;}
.mobile-submenu .navbar-toggle{background: url(../images/menu-white.svg) no-repeat 15px center;line-height: 1;margin:0;display: inline-block;height:40px;width: 40px;background-size:30px;border: 0;float: left;} 
.mobile-submenu .navbar-toggle.close-menu{background:url(../images/close.svg) no-repeat center #38567a;margin: 0;position: absolute;right: 0;top: 0;}
.mobile-submenu li{float: left;width: 100%;}
.mobile-submenu li a{color: #000;float: left;width: 100%;padding: 10px 0;border-bottom: 1px solid rgba(0,0,0,0.1);}
.mobile-submenu li a:hover{text-decoration: none;}
.mobile-submenu li:last-child a{border:0;}
.mobile-submenu navbar .lateral-left.open{padding: 30px 20px;}
.mobile-submenu .navbar .lateral-left.open{padding: 40px 20px;}
.bunker-trading-content {
  margin-top: 55px;
}
  .navbar .navbar-collapse.collapsing{ 
    height:auto !important;
  }
  .navbar .lateral-left{
    left:-100%; 
    animation: slide-out-left 200ms forwards;
  }
  .navbar .lateral-left.open{ 
    animation: slide-in-left 200ms forwards;
  }
  .navbar .lateral-right{
    right:-100%;
    animation: slide-out-right 200ms forwards;
  }
  .navbar .lateral-right.open{ 
    animation: slide-in-right 200ms forwards;
  }
  .navbar .navbar-collapse{ 
    top:0px; bottom:0px; 
    position:fixed; 
    width:80%; width:calc(100% - 60px); 
    max-width:320px; 
    height:auto !important;box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.10);
-webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.10);

    /* Optional styling */
    background:#f8f8f8;
    padding:30px;z-index:9999;
    top: 0;
  }
  .navbar .lateral-left.open,
  .navbar .lateral-right.open{
    display:block !important;
    overflow-y:auto;
  }
}

@keyframes slide-in-left{ 
  0%		{ left:-100%; }
  100%	{ left:0px; }
}
@keyframes slide-out-left{
  0%		{ left:0px; }
  100%	{ left:-100%; }
}
@keyframes slide-in-right{ 
  0%		{ right:-100%; }
  100%	{ right:0px; }
}
@keyframes slide-out-right{
  0%		{ right:0px; }
  100%	{ right:-100%; }
}