@media only screen and (max-width :1920px) and (min-width: 1699px) {
.established__grid {
grid-template-columns: 1.4fr 2.7fr;
}
.bannerall__left h1 {
font-size: 88px;
}
.bannerall__left {
margin-bottom: 25%;
}
}
@media only screen and (max-width :1700px) and (min-width: 1367px) {
}
@media only screen and (max-width :1366px) and (min-width: 1281px) {
.established__grid{
grid-template-columns: 1.1fr 2.7fr;
}
.home-our-services .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.home-our-services .owl-carousel .owl-nav .owl-next {
right: 0;
}
} @media only screen and (max-width :1280px) and (min-width: 1101px) {
.header-right .menu {
gap: 40px;
}
.bannerall__left {
width: 600px;
}
.established__grid{
grid-template-columns: 1fr 2.7fr;
}
.home-our-services .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.home-our-services .owl-carousel .owl-nav .owl-next {
right: 0;
}
.cs-slide > div {
left: 380.667px !important;
}
.footer-sol-lft a {
width: 18%;
}
} @media only screen and (max-width :1100px){
.header-right .menu {
gap: 25px;
}
.mid-sec {
margin-left: 30px;
}
.bannerall::after{
height: 170px;
}
.bannerall__left {
width: 480px; margin-bottom: 20px;
}
.bannerall__left h1 {
font-size: 58px;
line-height: 62px;
}
.bannerall__left p br {
display: none;
}
.established__right {
gap: 20px;
}
.established__grid {
grid-gap: 20px;
grid-template-columns: 1.2fr 2.5fr;
}
.established__right{
padding: 30px 60px;
}
.about-shipping {
padding: 90px 0 0px;
}
.about-shipping__gird {
grid-template-columns: 1.3fr 1fr;
}
.about-shipping__right {
padding: 30px 40px 100px 20px;
}
.who-we {
margin-top: 60px;
}
.counter {
margin: 60px 0 80px;
}   
.bannerall.banner__sap .bannerall__left h1 {
font-size: 54px;
line-height: 58px;
}
.bannerall.banner__sap .bannerall__left {
width: 480px;
position: relative;
right: -20px;
}
.sap-focus {
padding: 60px 0 60px;
}
.sap-3 {
padding: 0px 0 60px;
}
.sap-3 .sap-3__main img,
.sap-4 .sap-4__main img {
width: 100%;
}
.sap-4 {
padding: 60px 0 80px;
}
.home-our-services .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.home-our-services .owl-carousel .owl-nav .owl-next {
right: 0;
}
.cs-slide > div {
left: 250.667px !important;
}
.ab-con-rgt {
padding: 35px 53px;
}
.footer-sol-lft a {
width: 22%;
}
.footer-con h3 {
width: 85%;
}
.header-right ul.menu li a {
font-size: 14px;
}
.mid-sec span {
font-size: 14px;    
}
.map-dir a:after {
top: 6px;
}
.footer-copyright .menu li a {
font-size: 14px;
} 
.footer-bottom-rgt p {
font-size: 14px;
}
.header-right #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
font-size: 14px;
}
.home-banner .banner-content .banner-btn a {
font-size: 10px !important;
}
.home-banner .banner-content h1 {
font-size: 56px !important;
}
} @media only screen and (max-width:999px){ .btn-close:after {
color: #fff;
content: "\f2d7";
font-family: "Ionicons";
-webkit-transition: all .2s linear 0s;
-moz-transition: all .2s linear 0s;
-o-transition: all .2s linear 0s;
transition-property: all .2s linear 0s;
}
.btn-close:hover:after {
color: #34B484;
}
.header-mobile-menu {
display: block;
position: absolute;
right: 20px;
top: 30px;
}
.header-mobile-menu ul {
width: 30px;
height: 16px;
cursor: pointer;
}
.header-mobile-menu ul.active {
width: 30px;
height: 16px;
cursor: pointer;
}
.header-mobile-menu .toggle ul li {
list-style: none;
position: absolute;
background: #c31e2a;
width: 100%;
height: 3px;
transform: translateY(-50%);
transition: .3s;
}
.header-mobile-menu a.btn-close {
color: #ff1e09;
font-size: 26px;
font-family: 'Font Awesome 5 Brands';
position: absolute;
top: 20px;
right: 0;
display: inline-block;
}
.header-mobile-menu .toggle ul li:nth-of-type(1) {
top: 20%;
}
.header-mobile-menu .toggle ul li:nth-of-type(2) {
top: 50%;
}
.header-mobile-menu .toggle ul li:nth-of-type(3),
.header-mobile-menu .toggle ul li:nth-of-type(4) {
width: 50%;
top: 80%;
}
.header-mobile-menu .toggle ul li:nth-of-type(1),
.header-mobile-menu .toggle ul li:nth-of-type(2),
.header-mobile-menu .toggle ul li:nth-of-type(3) {
left: 0;
}
.header-mobile-menu .toggle ul li:nth-of-type(4) {
right: 0;
}
.header-mobile-menu .toggle ul.active li:nth-of-type(1) {
top: 20%; }
.header-mobile-menu .toggle ul.active li:nth-of-type(2) {
top: 50%; }
.header-mobile-menu .toggle ul.active li:nth-of-type(3),
.header-mobile-menu .toggle ul.active li:nth-of-type(4) {
width: 50%;
top: 80%;
}
.header-mobile-menu .toggle ul.active li:nth-of-type(1),
.header-mobile-menu .toggle ul.active li:nth-of-type(2),
.header-mobile-menu .toggle ul.active li:nth-of-type(3) {
left: 0;
}
.header-mobile-menu .toggle ul.active li:nth-of-type(4) {
right: 0;
}
.header-mobile-menu .slide-menu {
transform: translateX(-999px);
transition: transform 0.5s;
}
.slide-menu.slide-out-menu {
transform: translateX(0);
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 400px;
background: #fff;
z-index: 9999;
padding: 40px 0 0 30px;
transition: transform 0.5s;
box-shadow: 5px 0px 11px -8px #000;
height: 100vh;
}
.header-mobile-menu .slide-out-menu ul {
width: auto;
height: auto;
display: block;
cursor: inherit;
}
.header-mobile-menu ul li,
.header-mobile-menu ul li a {
display: none;
width: 100%;
float: none;
}
.header-mobile-menu .toggle li {
display: block !important;
}
.header-mobile-menu .slide-out-menu ul li,
.header-mobile-menu .slide-out-menu ul li a {
display: block;
color: #000;
text-transform: uppercase;
font-size: 18px;
font-family: 'Inter-Medium';
}
.header-mobile-menu ul li a {
width: 82%;
}
.header-mobile-menu  ul li {
margin-bottom: 16px;
}
.header-mobile-menu ul li a {
font-size: 22px;
}
.header-mobile-menu ul li a::before {
display: none;
}
.header-mobile-menu .slide-out-menu ul.sub-menu {
margin: 20px 0 25px 10px;
display: none;
}
.header-mobile-menu .slide-out-menu ul li.active ul {
display: block;
}
.header-mobile-menu .slide-out-menu ul li.menu-item-has-children {
position: relative;
}
.header-mobile-menu .slide-out-menu ul li.menu-item-has-children::after {
position: absolute;
content: '';
right: 30px;
top: 0;
background-image: url(https://celebratedeals.in/clients/project-name/wp-content/uploads/2021/12/down-chevron-2.png);
background-repeat: no-repeat;
width: 26px;
height: 26px;
background-size: contain;
}
.header-mobile-menu .slide-out-menu ul li.active::after {
transform: rotate(180deg);
top: -10px;
}
header.site-header.fixed .header-mobile-menu {
top: 40px;
} .header-top {
padding: 20px 20%;
}
header.site-header {
top: 50px;
}
.header-right {
display: none;
}
.bannerall::after {
height: 80px;
width: 57%;
right: 0;
top: 0px;
background-position: top;
background-size: cover;
}
.bannerall__content {
grid-template-columns: 1fr 1.3fr;
}
.bannerall__left {
width: auto;
padding-left: 40px;
}
.bannerall__left h1 {
font-size: 38px;
line-height: 42px;
}
.bannerall__left p{
font-size: 16px;
line-height: 22px;
}
.established {
padding-top: 30px;
}
.established__grid {
grid-template-columns: 1fr;
}
.established__left {
width: 29%;
margin: 0 auto;
padding: 43px 0;
}
.established__left p {
font-size: 20px;
}
.established__right {
width: 90%;
margin: 0 auto;
}
.about-shipping__right:before{
display: none;
}
.about-shipping__gird {
grid-template-columns: 1fr 1fr;
}
.about-shipping__gird img {
max-width: 100%;
}
.about-shipping__right {
padding: 30px 40px 20px 30px;
}
.counter__main {
padding: 30px 10px;
}
.bannerall.banner__sap .bannerall__left {
width: auto;
right: 0px;
}
.bannerall.banner__sap .bannerall__left h1 {
font-size: 34px;
line-height: 38px;
}
.bannerall__left p {
font-size: 14px;
line-height: 18px;
}
.sap-focus {
padding: 50px 0 60px;
}
.title__red-willish {
line-height: 34px;
font-size: 32px;
}
.sap-3 .sap-3__main {
grid-template-columns: 1fr;
}
.sap-3 .sap-3__main .right{
order: -1;
}
.sap-4 .sap-4__main {
grid-template-columns: 1fr;
}
.sap-4 .sap-4__main .right {
padding: 30px 25px;
}
.sap-4 {
padding: 10px 0 80px;
}
ul.form__ca li.file p label {
width: 160px;
}
.careers-sec-2__main {
padding: 25px 58px;
width: 90%;
}
.careers-sec-2 {
padding: 60px 0 55px;
}
.footer-sec {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 50px;
}
.footer-sec > div {
max-width: 100%;
flex: 100%;
}
.footer-sec .footer-rgt {
grid-column: 1/-1;
}
.home-our-services .owl-carousel .owl-nav .owl-prev {
left: 0;
}
.home-our-services .owl-carousel .owl-nav .owl-next {
right: 0;
}
.cs-slide > div {
left: 124.667px !important;
}
.home-banner .banner-content .banner-btn a {
font-size: 12px !important;
}
.carousel {
width: 90% !important;
margin: 0 auto;
}
.testimonials__main > div > div {
width: 412px !important; min-height: auto;
}
.testimonials__main .owl-carousel .owl-stage-outer {
padding: 1px;
}
.testimonials__main .owl-carousel .owl-nav .owl-prev {
left: 50px;
}
.testimonials__main .owl-carousel .owl-nav .owl-next {
right: 50px;
}
.testimonials__main .carousel .carousel-item.active {
min-height: auto;
}
.footer-sol-lft {
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
}
.footer-sol-lft a {
margin-top: 20px;
width: 30%;
}
.vision-inner {
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px 20px;
}
.news-form {
width: 50%;
}
.tech-lft {
width: 100%;
}
.tech-rgt {
width: 100%;
}
.con-addr-left {
width: 100%;
}
.con-form {
width: 100%;
}
.manage-flag-content {
width: 60%;
}
.lft-img {
width: 100%;
}
.postid-103 .ser-content .rgt-content {
width: 100% !important;
margin-top: 0px !important;
}
.etc-con {
grid-template-columns: repeat(4, 1fr);
}
.etc-con .etc-block:last-child span {
top: 85%;
}
#nav_menu-3 h4.widget-title {
margin-top: 107px;
}
.home-banner .banner-content {
padding: 0 100px !important;
}
.home-banner .banner-content h3 {
font-size: 40px !important;
line-height: 40px !important;
}
.home-banner .banner-content h1 {
font-size: 40px !important;
line-height: 45px !important;
}
.home-banner .banner-content p {
color: #fff;
}
#nav_menu-3 h4.widget-title {
margin-top: 75px;
}
.news-form {
width: 100%;
}
.footer-con h3 {
width: 100%;
}
.footer-copyright {
flex-wrap: wrap;
}
.footer-copyright .widget_nav_menu {
flex: 0 0 70%;
}
.footer-copyright #custom_html-6 {
flex: 0 0 30%;
}
.footer-copyright #custom_html-7 {
margin-top: 20px;
}
.footer-copyright #custom_html-6 .custom-html-widget {
justify-content: flex-end;
}
.sub-btn p {
display: flex;
}
.news-slider-sec .owl-carousel .owl-nav .owl-next {
right: 0px;
}
.news-slider-sec .owl-carousel .owl-nav .owl-prev {
left: 0px;
}
} @media only screen and (max-width:767px){
.crellyslider {
height: 372.75px !important;
}
.crellyslider>.cs-slides>.cs-slide {
height: 372.75px !important;
}
.home-banner .banner-content h3 {
font-size: 16px !important;
}
.bannerall::after {
width: 100%;
}
.bannerall__content {
grid-template-columns: 1fr;
}
.bannerall__right {
order: -1;
}
.bannerall__left {
width: auto;
padding: 10px 40px 0;
}
.established__left {
width: 46%;
}
.established__right {
flex-direction: column-reverse;
}
.established__right img {
max-width: 100px;
margin: 0 auto;
}
.about-shipping {
padding: 90px 0 20px;
}
.about-shipping__gird {
grid-template-columns: 1fr;
}
.counter__main {
grid-template-columns: 1fr 1fr;
grid-gap: 30px;
}
.sap-focus__gird {
grid-template-columns: 1fr 1fr;
}
.title__red-willish br {
display: none;
}
.title__red-willish {
line-height: 30px;
font-size: 28px;
}
.bannerall__left {
padding: 10px 10px 0;
}
.careers-sec-2 {
padding: 30px 0 45px;
}
.careers-sec-2__main {
padding: 25px 28px;
width: 100%;
}
.hiring-roles__each {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.hiring-roles__each a {
display: inline-block;
}
.careers-form__grid {
grid-template-columns: 1fr;
}
.careers-form__grid .right{
order: -1;
}
.head-top-sec {
flex-direction: column;
gap: 10px;
}
.head-top-sec p, .head-top-sec a, .head-top-sec span {
font-size: 14px !important;
}
.header-mobile-menu {
top: 122px;
}
header.site-header.fixed .header-mobile-menu {
top: 20px;
}
.slide-menu.slide-out-menu{
width: 290px;
}
header.site-header {
top: 100px;
}
.header-mobile-menu {
top: 20px;
}
.cs-slide > div {
left: 50px !important;
top: 150px !important;
}
.home-banner .banner-content p {
font-size: 12px !important;
color: #fff;
}
.home-banner .banner-content h1 {
font-size: 30px !important;
}
.home-banner .banner-content p {
font-size: 12px !important;
}
.ab-con-rgt {
padding: 35px 53px;
}
.ab-con-rgt {
width: 100%;
}
.ab-lft-img {
width: 100%;
}
.footer-con h3 {
width: 100%;
}
.footer-sol-lft a {
width: 50%;
}
.footer-con p {
margin-top: 10px;
}
.footer-sec .menu li {
width: 85%;
}
#nav_menu-3 h4.widget-title {
margin-top: 23%;
}
.map-dir a:after {
top: 0px;
}
.footer-copyright .menu {
margin-bottom: 10px;
}
.social-sec {
margin-bottom: 10px;
}
.news-form {
width: 100%;
}
.footer-copyright {
justify-content: space-between;
align-items: center;
}
.map-block-lft {
width: 100%;
margin: 0 auto;
}
.map-block-rgt {
width: 100%;
margin: 20px auto;
}
.header-logo {
width: 25%;
}
.manage-flag-content {
width: 80%;
padding: 50px 30px;
}
.etc-con {
grid-template-columns: repeat(2, 1fr);
}
.wss-content .wss-con {
width: 85%;
}
.testimonials__main .carousel { }
header.site-header {
top: 50px;
}
.header-logo img {
max-width: 110px;
}
.head-top-sec {
flex-direction: row;
}
.marquee {
width: 260px;
}
.marquee > div p {
padding-left: 300px;
}
.cs-slide > div {
top: 80px !important;
}
.home-banner .banner-content {
padding: 0 70px !important;
}
.home-banner .banner-content h3 {
font-size: 18px !important;
line-height: 24px !important;
}
.home-banner .banner-content h1 {
font-size: 25px !important;
line-height: 30px !important;
margin-bottom: 5px !important;
}
.home-banner .banner-content p {
font-size: 14px !important;
white-space: inherit;
line-height: 24px !important;
text-align: center;
margin-left: -52px;
}
.footer-con {
width: 100%;
}
#nav_menu-2 h4.widget-title {
margin-top: 148px;
}
.news-form h4 {
font-size: 26px;
}
.testimonials__main .owl-carousel .owl-nav .owl-next {
right: 20px;
}
.testimonials__main .owl-carousel .owl-nav .owl-prev {
left: 20px;
}
.testimonials__main .owl-carousel .owl-nav button {
top: 40%;
}
.desktop-vision {
display: none;
}
.mobile-slider {
display: block !important;
}
.mobile-slider img {
max-width: 100px;
margin-bottom: 20px;
}
.mobile-slider p {
margin-bottom: 0 !important;    
}
.mobile-slider .vision-block{
height: 450px;
}
.owl-carousel .owl-item:nth-child(odd) .vision-block {
background: #c31e2a;
}
.news-slider-sec .owl-carousel .owl-nav .owl-next {
right: 0px;
}
.news-slider-sec .owl-carousel .owl-nav .owl-prev {
left: 0px;
}
} @media only screen and (max-width:479px){
header.site-header {
top: 55px;
}
.home-banner .banner-content {
padding: 0 50px !important;
}
.crellyslider>.cs-controls>.cs-previous {
left: 10px;
}
.crellyslider>.cs-controls>.cs-next {
right: 10px;
}
.bannerall__left {
padding: 20px 20px 0;
margin-bottom: 30px;
}
.established {
padding-top: 20px;
}
.established__left {
width: 70%;
}
.established__right {
padding: 30px 30px;
}
.established__right img {
max-width: 70px;
}
.about-shipping {
padding: 60px 0 20px;
}
.about-shipping__right {
padding: 20px 20px 20px 20px;
}
.who-we {
margin-top: 40px;
}
.sap-focus__gird {
margin: 30px 0;
grid-gap: 0px 10px;
}
.bannerall.banner__sap .bannerall__left h1 {
font-size: 32px;
line-height: 36px;
}
.sap-focus {
padding: 20px 0 40px;
}
.home-banner .banner-content h1 {
font-size: 20px !important;
}
.home-banner .banner-content p {
font-size: 13px !important;
line-height: 22px !important;
}
.home-banner .banner-content p {
white-space: break-spaces;
margin-left: 0;
}
.home-banner .banner-content .banner-btn a {
font-size: 10px !important;
}
.vision-inner {
grid-template-columns: repeat(1, 1fr);
grid-gap: 35px 20px;
}
.wss-content .wss-con {
width: 100%;
}   
.testimonials__main > div > div {
width: 290px !important;
margin: 0 auto;
}
.testimonials__main .carousel-item.active:before {
bottom: -30px;
left: 65%;
right: -40px;
background-size: 38%;
}
.carousel .carousel-item {
left: -10px !important;
}
.footer-sol-lft a {
width: 60%;
}
.footer-copyright {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.footer-copyright .menu li:nth-child(2) {
margin-left: 10px;
}
.footer-copyright .menu li {
margin-left: 0px;
margin-right: 0px;
}
h4.widget-title {
margin-top: 30%;
}
.manage-flag-content {
width: 100%;
}
.marquee {
width: 180px;
margin-left: -10px;
}
.ab-con-rgt {
width: 100%;
padding: 35px 20px;
}
.wss-sec {
padding: 40px 20px;
}
.footer-sec {
display: block;
}
#nav_menu-2 h4.widget-title,
#nav_menu-3 h4.widget-title,
.footer-sec .footer-rgt {
margin-top: 50px;
}
.news-form h4 {
font-size: 22px;
}
.testimonials__main .owl-carousel .owl-item.active {
min-height: 230px;
width: 285px !important;
}
.testimonials__main .owl-carousel .owl-item {
padding: 30px 10px 50px 10px;
}
.footer-section {
padding: 80px 12px;
}
.container {
max-width: 90%;
}
.container-x {
max-width: 90%;
}
.news-slider-sec .owl-carousel .owl-nav .owl-next {
right: 0px;
}
.news-slider-sec .owl-carousel .owl-nav .owl-prev {
left: 0px;
}
}
@media only screen and (max-width:320px){
.slide-menu.slide-out-menu {
width: 240px;
}
.header-mobile-menu .slide-out-menu ul li a {
font-size: 16px;
}
.marquee {
width: 130px;
margin-left: -10px;
}
.testimonials__main > div > div {
width: 260px !important;
}
}