@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet');

@import url('../dist/bootstrap/css/bootstrap.min.css');


:root { 
    --primary-font:  'Raleway', sans-serif;
    --secondary-font: 'Raleway', sans-serif;
    --gray: #333333;
    --light-gray: #f5f3f3;
    --blue: #0a4871;
    --orange: #c00;
}
body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--bs-white); font-family: var(--primary-font); font-weight: 700; text-transform: capitalize; }
h1 { font-size: 71px; }
h2 { font-size: 35px; }
p, li { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.blink { -webkit-animation: blink-1 6s infinite both;animation: blink-1 6s infinite both;}

@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.career-why h4  {position: relative;z-index: 2;}
.career-why h4 span {margin-right: 16px;}
p a {font-weight: bold;}

span.three {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: -1;
    width:100%;
}
span.three.two-serv-w {
    top: 15px;
}
span.three.three-serv {
    top: 3px;
}
span.three.for-serv {
    top: 0px;
}
.thnk-wrap {border-bottom: 1px solid #e6e6e6;}

.track .sound-on {display: none;}
.sound-off {display:block;cursor: pointer;}
.track:hover {opacity: 0.6;}

.track.active .sound-on {display:block;cursor: pointer}
.active .sound-off {display:none}

.equal-wrap {background-color: #cb2027;}
.why-about {color:#c00; font-size: 11px;}
.why-about:hover {text-decoration: underline;}
.why-pic {background:url("../images/team-pc.jpg") no-repeat left center;background-size: cover;}

.header { background: rgb(8,8,8); background: linear-gradient(0deg, rgba(8,8,8,0) 0%, rgba(8,8,8,0.6) 100%); height: 105px; position: absolute; left: 0; right: 0; top: 0; z-index: 9; }
.header .navbar-brand { max-width: 160px; }
.smaller { background: #000; padding-bottom: 0.5rem; position: fixed; z-index: 999; height: 85px; }
.smaller .navbar-brand { max-width:160px; }
.navbar-expand-lg .navbar-nav a.nav-link:hover {color: #cb2027;}
.navbar-expand-lg .navbar-nav a.nav-link { color: var(--bs-white); font-size: 14px; text-transform: uppercase; font-weight: 500; font-family: var(--primary-font);padding-right:15px;
        padding-left: 15px;}
.navbar-nav .nav-link:hover { color: var(--orange); }
.navbar-nav .nav-link.active { color: var(--orange); }
.navbar-nav .nav-link.show { color: var(--orange); }
.navbar-nav .position-static {position:relative !important;}

.dropdown-toggle::after{opacity:0;opacity:0;font-size:0;border:0}
.py-banner{padding:0% 0; }
.py-banner .owl-carousel button.owl-dot {background-color: #898888;border-radius: 50px;margin:0 5px;width: 12px;height: 12px;}
 .py-banner .owl-carousel button.owl-dot.active {background-color: #fff;}
 .py-banner .owl-dots {position: absolute;bottom: -70px;display: inline-block;width:100%;left:0;}

.dropdown-item {color: var(--bs-white);}
.dropdown .dropdown-menu { background-color: #000; display: none; }
.dropdown:hover>.dropdown-menu, .dropend:hover>.dropdown-menu { display: block; margin-top: .1em; margin-left: .1em; }
.dropend:hover>.dropdown-menu { position: absolute; top: 0; left: 100%; }
.dropdown-item { border-bottom: 1px solid rgba(255, 255, 255, 0.25); font-size: 12px; }
.dropdown-item:focus { background-color: #f8f9fa; color: #212529; }

a.nav-link {transition:transform 4s ease-in;}
a.nav-link:hover .drop {transform: rotate(-180deg);display: inline-block;}
.india {background:url("../images/map.png") no-repeat center 40px;background-size:inherit;}

.img-hover-zoom  {transition: all ease-in-out 0.5s;}

.img-hover-zoom:hover {transform: scale(1.02); transition: all ease-in-out 0.5s;}
.spec-image .two {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in-out 0.5s;
}
.spec-image:hover .two {
     opacity: 1;
    transition: all ease-in-out 0.5s;
}
.spec-image:hover .one {
    opacity: 0;
 transition: all ease-in-out 0.5s;
}




.container.mafin{max-width:1280px}
.btn-primary{background-color:#fff;border-radius:25px;border:inherit;color:#1e1e1e;font:700 14px 'Raleway',sans-serif;line-height:24px;min-width:143px;min-height:36px;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background-color:var(--orange) !important}
.banner{clear:both;position:relative;width:100%;line-height: 0;}
.banner .overlay{height:100%;position:absolute;left:0;top:0;width:100%;z-index:2;display: flex;align-items: center;}
.banner .overlay::after {content: "";width:100%; height: 100%;position: absolute; top:0px; left:0; background:#000; opacity: 0.43;}
.banner h1{font-size:5.764vw;font-family:'Raleway',sans-serif;text-transform:none}
.banner h1 span{font-size:31px}
.banner h2{font-size:23px;font-weight:200;margin-top:50%;text-transform:uppercase}
.banner .btn-light{z-index:2;position:relative;border: none;background:transparent;display:inline-flex;color:var(--bs-white);font-family:var(--primary-font);font-size:14px;font-weight:700;line-height:32px;text-align:left;text-indent:20px;text-transform:uppercase;width:auto;}
.curve img {width:100%;}
.banner video{height:100%;object-fit:fill;width:100vw}
.news{ z-index:2;position: relative;padding:5px 4px;color:#fff;font-size:15px;margin-top:-1px;line-height:18px;letter-spacing: 0.04em;}
.news ul li{list-style:none;color:#fff;font-size:15px;display:inline-block;padding:0 3%;text-wrap: nowrap;}
.news ul{margin:0}
.news-text a{color:#fff;}
.news-text a:hover{text-decoration:underline;}
.head-bg-top {background: #cb2027;padding: 58px;margin-bottom:20px;margin-top:48px;}
.sub-page .head-bg-top h1 {margin-bottom: 0;color:#fff;}

.bg-about-img {background:url("../images/container.png") no-repeat left center;background-size: cover;}
.bg-black-img::after {content: '';width:100%;height: 100%;background-color: #000;opacity: 0.65;position: absolute;left:0; top:0;}
.bg-black-img {padding:100px 0;max-width: none; position: relative;}
.max-width {max-width: 1320px;margin:0 auto;}
.why-flex-left img { width: 100%;}
.why-flex-leftso img { width: 100%;}
.header.subpage-head {background: rgb(8, 8, 8);height: 75px;}

.bg-black-img.points-about {padding:100px 0;}
.sub-page .bg-black-img.points-about p {    font-size: 14px;line-height: 28px;}
.sub-page .bg-black-img.points-about h3 {font-size: 18px; margin-bottom: 12px;}
.sub-page .bg-black-img.points-about h2 {color:#fff;    position: relative;z-index: 1;}


.sub-page .bg-black-img h3, .sub-page .bg-black-img p {z-index: 1;position: relative;color: #fff;}

.specifi-conte{background-color:#c00;padding:76px 20px 6.4%}
.specifi-conte h2{color:var(--bs-white);text-align:center;font-size:3.75vw;margin-bottom:5.3%;font-weight:700}
.spec-wrap{display:flex;justify-content: center;}
.specifi-conte h3 span{color:var(--bs-white);font-size:20px;line-height:32px;font-weight:300;font-style: normal;}
.spe-pack{width:255px;margin:0 2.2%}
.spec-image{margin-bottom:12px;position: relative;}
.specifi-conte h3{color:var(--bs-white);font-size:24px;line-height:32px;margin-bottom:15px;font-weight:600}
.specifi-conte p{color:var(--bs-white);font-size:14px;line-height:22px}
.our-company{background:url("../images/gradeint-comp.png") no-repeat left -200px;}
.india {padding:200px 0;}
.our-company .col{display:flex}
.our-company .left{width:53%}

.ring-red,.ring-grey{position:relative;}
.ring-text{position:absolute;top:50%;left:0;width:100%;margin-top:-85px}
.ring-big{color:#c00;font-size:89px;font-weight:300}
.our-company .ring-big h2 {color: #c00;font-size: 89px;font-weight: 300;margin-bottom: 0;display: inline-block;line-height: 76px;}
.ring-small{color:#c00;font-size:14px;line-height:24px;font-weight:800}
.sat-cust {border: 1px solid #967589;
    color: #4C213B;
    border-radius: 25px;
    font-weight: 600;
    font-size: 17px;
    max-width: 494px;
    padding: 12px 3px;
    text-align: center;}
.f-border {border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}

.min-height {height:600px;}

.our-company .right{width:60%;position:relative;top:-10px;background:url("../images/air-f-chart-hp-bg.png") no-repeat left top;text-align:center;display:flex;align-items:center;flex-direction:column;background-size:100%;}
.our-company h4{color:#54626b;font-size:12px;line-height:16px;font-weight:700;margin-bottom:16px;display:inline-block;text-transform:uppercase}
.our-company h2{color:#4d213b;font-size:40px;line-height:44px;text-transform:none;margin-bottom:23px}
.our-company p{color:#4d213b;font-size:24px;line-height:40px;max-width:580px}
.our-company p strong{color:#cb2027}
.our-company .right .col {flex: none;}
.serv-text {position: absolute;top:0;left:0;width:100%;}
.serv-text .space-btm {position: relative;top:90px;}
.serv-text .space-side {position: relative;bottom:90px;}
.video-serv video, .video-quote video {height: 100%;object-fit: fill;width: 100vw;}
.our-service{line-height:0;position:relative;background:url("../images/our-servc-bg.pfng") no-repeat center center;text-align:center;background-size:100% 100%;}
.our-service h2{font-size:54px;font-weight:800;margin-bottom:20px;margin-bottom:33px}
.our-service p.serv-content{font-size:25px;font-weight:400;margin-bottom:34px;color:#fff;max-width:735px;margin:0 auto;}
.our-service p{font-size:16px;font-weight:normal;margin-bottom:45px;color:#fff;line-height:28px}
.our-service .space-btm{margin-bottom:25%}
.our-service .space-side .col{padding:0 45px}
.our-service .space-side h3{font-size:24px;margin-bottom:19px}
.our-service .space-side .icon{margin-bottom:21px}
.air-portfolio{background:url("../images/air-pink.png") no-repeat left top;padding:131px 0;background-size:cover;}
.air-portfolio p.serv-content{font-size:28px;font-weight:400;margin-bottom:34px;color:#2f2f3b;max-width:850px;line-height:47px;}
.air-portfolio p{font-size:16px;font-weight:normal;margin-bottom:45px;color:#2f2f3b;line-height:28px}
.air-portfolio .space-btm{margin-bottom:36px}
.air-portfolio .space-side .col{padding-right:14%}
.air-portfolio .space-side .col:last-child {padding-right:0;}
.air-portfolio .space-side h3{font-size:24px;margin-bottom:35px;color:#2f2f3b;font-weight:900}
.our-service .space-side .icon{margin-bottom:21px}
.quote{padding:0;background-size:cover;position: relative;}
.quote .heading{padding-top:12%}
.quote .heading h2{font-size:90px;color:#2f2f3b;font-weight:700;text-transform:none}
.quote .heading h4{font-size:40px;color:#2f2f3b;font-weight:500;text-transform:none}
.quote .form{position:relative;padding-top:109px;padding-bottom:50px;padding-right:26px;padding-left:26px;width:628px;flex:none;}
.quote form{position:relative;z-index:2}
.quote .form::after{position:absolute;opacity:.7;left:0;top:0;width:100%;height:100%;background:#2f2f3b;content:"";}
.quote .button{position:relative;z-index:2}
.quote .form .form-control{letter-spacing: 0.05em;background-color:transparent;border-width:0 0 1px 0;border-radius:0;padding-left:0;color:#fff;margin-bottom:21px;}
.quote input::placeholder{font-weight:400;opacity:.84;color:#fff;padding-bottom:12px;margin-bottom:15px}
.quote .btn-primary{width:100%;border-radius:2px;min-height:50px;text-transform:none;font-size:24px;color:#fff;background:#f8262f;margin-top:24px;}
.quote-text {position: absolute;top:0; left:0;width:100%;}

.whatsapp-fixed-btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;position: fixed;bottom: 16px;left: 15px;width: 50px;height: 50px;text-decoration: none;
    border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 0 1px rgb(0 0 0 / 25%);box-shadow: 0 0 1px rgb(0 0 0 / 25%);z-index: 99999;font-size: 0;}
.contact-map {overflow: hidden;}
.ring-big {position:relative;}
.ring-big span {position:absolute;}
#audio-control {
  cursor:pointer;
  padding: 6px;
  background:#000;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  position:absolute;
  right: 15px;
  top:36px;
  z-index: 2;
}
.smaller #audio-control {top:24px;}
footer{border-bottom:2px solid #cb2028}
.contact-left h4{color:#cb2028;font-weight:800;text-transform:uppercase;font-size:14px;}
.address{min-width:300px;}
footer .containerabh{max-width:none}
footer .contact-left p {color: #2f2f3b;font-weight: 600;font-size: 14px;margin: 0;line-height: 24px;}
.contact-left .time{color:#2f2f3b;font-weight:800;font-size:14px;display:flex;width:300px;}
span.clock{width:40px}
footer .right{border-left:1px solid #e6e6e6}
footer .top-marg{border-top:1px solid #e6e6e6;position: relative;}
footer .right .call-footer .big, footer .right .call-footer .big a {color:#2f2f3b;margin-bottom: 10px;}
.download-wrap{display:flex}footer .right .small{color:#2f2f3b;font-weight:700;font-size:12px;text-transform:uppercase}
footer .right .big,footer .right .big a{color:#2f2f3b;font-weight:500;font-size:20px}
.down-ico{margin-right:12px}
.down-text{color:#cb2028;font-weight:900;font-size:24px}
.copy-rght{color:#2f2f3b;font-weight:400;font-size:14px;position:relative;top:18px}ul.social-link,ul.site-map{margin:0;padding:0;display:flex}

.row.top-marg.bottom-part,.row.top-part{padding:49px 0 36px 51px}
ul.site-map{list-style:none;font-size:14px;color:#cb2028;position:relative;top:13px}
ul.site-map li a{font-size:14px;color:#cb2028;padding:0 12px;list-style:none;white-space: nowrap;}
ul.social-link li a{word-wrap:normal;list-style:none;padding:0 12px}
ul.social-link li::marker{font-size:0}
.col-3.contact-left{display: flex;justify-content: space-between;flex-direction: column;padding: 28px 0 28px 16px}
.owl-carousel .owl-item{padding: 10px 6px}
#goTop{position: fixed;right: 15px;bottom: 15px;z-index: 2}
#goTop a{background: #000;color: #fff;width: 50px;height: 50px;justify-content: center;align-items: center;text-decoration: none;transition: opacity 0.3s linear;border: 1px solid #fff}
#goTop a:hover{opacity: 0.7}
ul.site-map li:first-child {display: none;}
.sub-page hr {margin: 0;}



/*-------------------subpage---*/
.sub-page .heading{font-size:24px;font-weight: 400;margin-bottom: 8px;color: #2f2f3b;line-height:35px}
.sub-page .heading .small-int {font-size: 24px;}

.sub-page h1{font-size: 60px;font-weight: 800;margin-bottom: 33px;color: #cb2027}
.sub-page .bg-color{padding: 27px 0}
.sub-page .subhead, .sub-page h3, .sub-page h2{font-size: 32px;margin-bottom: 15px;color: #2f2f3b;font-weight: 600}

.sub-page p{font-size: 18px;font-weight: normal;margin-bottom: 15px;color: #2f2f3b;line-height: 28px}
.sub-page p a{color: #2f2f3b;text-decoration: underline}

.site-map a:hover {text-decoration: underline;}
ul.point-list li {margin-bottom: 12px;}
.social-link img:hover {opacity: .66;}
.photo-border img {border: 9px solid #fff;}
.paragraph-point p {position: relative;padding-left:12px;}
.paragraph-point p::after {position: absolute; content: ""; left:0; top:2px; width: 3px; height: 20px; background-color: #c00;}
.form-contact {background: #fff;padding: 0 30px 60px 30px ;border-radius: 12px;}
.form-contact textarea {height: 156px;}
.form-contact label {margin-bottom: 10px;font-size:12px;}
.form-contact input {height: 56px;}
.form-contact .btn-primary{width: 100%;border-radius: 2px;min-height: 50px;text-transform: none;font-size: 24px;color: #fff;background: #f8262f;margin-bottom: 24px}
.download-wrap a {display: flex;}
.download-wrap a div:hover  {color:#f8262f;}
.sitemap-wrap a {color:#2f2f3b;text-decoration: underline;}
.sitemap-wrap li {margin-bottom: 20px;}
.sub-page .about-team-cont h3 {font-size:24px;}
.sub-page .about-team-cont p {font-size:16px;line-height: 28px;}
.play-video {cursor: pointer; margin-left: 10px;}

.why-flex-left, .why-flex-leftso {display: flex;justify-content: flex-end;}
.why-right {display: flex;align-items:start;}
.added-white {position: relative; z-index: 2;}
.sub-page .freight-text p {font-size: 16px;line-height: 28px;}

.sub-page .service-wrap h3 {font-size: 24px;color:#cb2027;}
.sub-page .service-wrap p {font-size: 16px;line-height: 28px;}
.service-wrap {flex: 50%;border: 1px solid #e5e5e5;border-radius: 10px;padding:3% 2%;background-color: #fff;}
.service-two {display: flex;gap: 30px;flex-direction: row;flex-wrap: inherit;padding:30px 0;}
.news-wrap::after {
    content: "";
    width: 100%;
    position: absolute;
    height: 40px;
    background: #000;
    opacity: 0.26;
    bottom: 0;
    left: 0;
}
.news-wrap {
        position: absolute;
    bottom: 0;
    left: 0;

}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {

   
    div.news-wrap {
        position:inherit;
        bottom: 0;
        left: 0;
        background: #000;
    }
a.whatsapp-fixed-btn {width:25px;height: 25px;}
div.py-banner .owl-dots {bottom:-41px; text-align:left; padding-left: 10px;}
div.py-banner a.btn.btn-light {top: -18px;}

ul.social-link img {width: 34px;}
div.down-ico svg {width: 29px;}
div.down-text {    font-size: 18px;}
    footer .right .big, footer .right .big a{font-size:16px}
    body .quote .heading h2{font-size: 40px}
    body .quote .heading h4{font-size: 28px}
    body .air-portfolio p.serv-content{font-size: 16px;line-height: 28px}
    body .our-service h2{font-size: 30px}
    body .our-service{padding: 70px 0}
    body .our-service p.serv-content{font-size: 14px}
    body .our-service::before{position: absolute;content: "";width: 100%;height: 100%;background-color: #000;opacity: 0.35;left:0;top:0;z-index: 0}
    body .our-service .space-btm, .our-service .space-side{position: relative}
    body .icon-link-white{margin-bottom: 50px}
    body .air-portfolio .space-btm{margin-bottom: 0px}
    body .air-portfolio p.serv-content{font-size: 16px;line-height: 26px}
    body .air-portfolio p{font-size: 14px;font-weight: 500;margin-bottom: 30px;line-height: 24px}

     body .ring-text{margin-top:-60px}
     .quote .heading h2{font-size:40px}
     body .ring-big{font-size:56px}
     body .ring-small{font-size:12px;line-height:16px}
     footer .right{border-left:0}
     body .specifi-conte h2{font-size:30px}
     body .specifi-conte{padding-top:56px}
     body .our-company h2{font-size:20px;line-height:34px}
     body .india {padding:40px 0}
     body .our-company p{font-size:14px;line-height:28px}
    h1 { font-size: 50px; }
    h2 { font-size: 28px; }
    .col { flex-basis: auto; }
    .header { background: var(--bs-white); height: 55px; position: relative; }
    .smaller { position: relative; }
    .navbar-toggler { border: inherit; border-radius: inherit;padding-right:50px; }
    div#audio-control {top:18px;}
    .navbar-nav { background-color: var(--gray); margin-top: 7px; }
    .navbar-nav .nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.5rem 12px; }
    .dropdown-menu .container { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .dropdown-toggle::after { display: inline-block; opacity: 1; position: absolute; right: 30px; margin-top: 10px; }
    .banner h1 { font-size: 32px; }
    .banner h1 span { font-size: 20px; }
    .banner h2 { font-size: 18px; }
    .spe-pack {width: auto;margin: 0;}
    .sub-page .bg-color.contact-mob {padding:0 16px;}
    div.service-two {flex-wrap: wrap;padding: 0 16px;margin-bottom: 20px;}
    div.sub-page .service-wrap p {font-size: 14px;line-height: 28px;}
        body .air-portfolio, body .our-company, body .quote {overflow-x: hidden;}
        div.news ul li {font-size: 12px;}
   
}

@media only screen and (max-width: 991px) {
    .about-center {margin-top: 30px;}
    .our-service{line-height:0;position:relative;background:url("../images/our-servc-bg.png") no-repeat center center;}
    .quote{background:url("../images/quot-bg.png") no-repeat left top;background-size: cover !important;}
    div.quote-text {position: inherit;}


    div.video-serv, div.video-quote {display: none;}
    body .our-service .space-btm, .our-service .space-side {
       bottom: auto;top:auto;
    }
    div.serv-text {position:inherit;}
    div.why-flexbb-left {width: 50%;}
    .navbar-toggler .open-mob {display:none;}
    .navbar-toggler.collapsed .open-mob {display:block;}

.navbar-toggler.collapsed .close-mob {display:none;}
    div.sub-page p {font-size: 14px;line-height: 28px;}
    div.sub-page .subhead, .sub-page h3, .sub-page h2 {font-size: 26px;}
    div.sub-page .heading .small-int {font-size: 16px;}
div.head-bg-top {padding: 26px 0;margin-bottom: 20px;margin-top: 0px;}
    div.max-width {max-width: 720px;}
    div.bg-black-img {padding: 80px 0;}
     .count-wrap{flex-wrap: inherit}
     .count-itm{flex-shrink: inherit}
     .header{background:#000;height: 75px;position: relative}
     .our-company .col{flex-direction: column}
     .our-company .left{width: 100%}
     .our-company p{max-width: none}
     .our-company .right{align-items: center;flex-direction: column;width: 100%;margin-top: 40px}
     .our-company .right .col{flex-direction: row}
     .our-service{background-size: cover;position: relative}
     .our-service .space-btm{margin-bottom:26%}
     .our-service .space-side .col{padding: 0 10px}
     .spe-pack{width: auto;margin: 0}
     .india {padding:100px 0}
     div.navbar-collapse{text-align: center;position: absolute;top: 65px;left: 0;width: 100%;height: auto; transition: transform 40ms ease-out;}
     .navbar-collapse{background-color:#333333}
     .navbar-collapse .d-flex{text-align: center;display: block !important;padding-bottom: 16px}
     .specifi-conte h3, .specifi-conte h3 span{font-size: 18px;line-height: 26px}
     .our-company h2{font-size: 32px;line-height: 40px}
     .our-company p{font-size: 20px;line-height: 36px}
     .air-portfolio{padding:70px 0}
     .air-portfolio p.serv-content{font-size: 24px;line-height: 37px}
     .air-portfolio .space-side .col{padding-right: 20px}
     .quote .form{width:100%}footer .row{flex-direction: column}
     ul.site-map > li a, ul.social-link > li a{padding-left:0}
     footer ul.site-map, footer .copy-rght{position: inherit}footer .row.top-marg.bottom-part{text-align: center}
     footer .address{position: inherit;top: inherit;margin-bottom: 20px;}
     ul.social-link, ul.site-map{justify-content: center}
     .call-padding{padding-top:15px;padding-bottom: 15px}
     .call-footer{padding-top:35px;padding-bottom: 35px}footer .contact-left .time{position: inherit;bottom: inherit}
     footer .row.top-marg.bottom-part, footer .row.top-part{padding: 24px 0}
     .sub-page .bg-color {padding: 0;}
     .sub-page h1 {font-size: 30px;margin-bottom: 13px;}
    div.sub-page .heading {line-height: 28px; font-size: 16px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1 { font-size: 50px; }
    h2 { font-size: 28px; }
    .smaller { position: relative; }
    .navbar-toggler { border: inherit; border-radius: inherit;margin-right:50px; }
    div#audio-control {top:19px;}
    .navbar-nav { background-color: var(--gray); margin-top: 7px; }
    .navbar-nav .nav-link { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0.5rem 12px; }
    .dropdown-menu .container { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .dropdown-toggle::after { display: inline-block; opacity: 1; position: absolute; right: 30px; margin-top: 10px; }
    .banner h1 span { font-size: 20px; }
    .banner h2 { font-size: 18px; }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar.navbar-expand-lg .navbar-nav a.nav-link {font-size: 12px;}
    footer .contact-left p, .contact-left div.time {font-size: 12px;}
    footer .right .big.ipad a {font-size: 15px;font-weight: 500;}
    footer .right .big.ipad {font-size: 15px;font-weight: 500;}

    .header{height: 90px}
    .smaller{height: 60px}
    .navbar-nav .nav-link{font-size: 10px;padding: 0.5rem 0.2rem}
    .navbar .btn-primary{font-size: 10px;line-height: 22px}
    .banner h1 span{font-size: 35px}
    .banner h2{font-size: 25px}
    .spe-pack{width:auto;margin:0}
    .our-company{padding: 70px 0}
    .our-company h2{font-size: 36px}
    .our-company p{font-size: 22px}
    .air-portfolio .space-side .col{padding-right: 15px}
    .air-portfolio p.serv-content{font-size: 24px;line-height: 40px}
    .air-portfolio .space-side .col{padding-right: 15px}
    .air-portfolio{padding: 70px 0}
    .quote{background-size: cover}
    div.sub-page .heading {font-size: 26px;line-height: 40px;}
   
}

@media only screen and (min-width: 1200px) and (max-width: 1380px) {
    
   
}

@media (min-width: 1200px) {
    .about-center {align-items: center;}
     .spe-pack img {width:auto !important;}

     .video-quote {position: absolute;
        top: -13%;
        right: 0;}

    .quote {
        padding: 0;
        background-size: cover;
        position: relative;
        max-height: 780px;
        overflow: hidden;
        height: 164vh;
    }
    .why-flex-left {padding-left:0;}
    .img-ff, .why-flex-left .col-wrap,.why-flex-leftso .col-wrap {margin-right: 20px;width: 100%;}
}

@media (min-width: 1600px) {
    .our-service .space-btm {margin-bottom: 30%;}

}