@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


:root{
    --Turquoise:#45bad5;
    --red:#d71c58;
    --blue-light:#8aa3ce;
    --black:#000000;
    --blue:#00a4e3;
 --indigo:#6610f2;
 --purple:#6f42c1;
 --pink:#e83e8c;
 --red:#dc3545;
 --orange:#fd7e14;
 --yellow:#ffc107;
 --green:#28a745;
 --teal:#20c997;
 --cyan:#17a2b8;
 --white:#fff;
 --gray:#6c757d;
 --gray-dark:#343a40;
 --primary:#007bff;
 --secondary:#6c757d;
 --success:#28a745;
 --info:#17a2b8;
 --warning:#ffc107;
 --danger:#dc3545;
 --light:#f8f9fa;
 --dark:#343a40;
 --amaranth:#D71C58;
   
}
.bg-black{background: var(--black)}
.bg-blue{background: var(--blue)}
.bg-blue-light{background: var(--blue-light)}
.bg-orange{background: var(--orange)}
.bg-red{background:var(--red)}

.text-red{color: var(--red)}
.text-blue{color: var(--blue)}
.text-blue-light{color: var(--blue-light)}
.text-orange{color: var(--orange)}
.text-pink{color: var(--pink)}
.text-amaranth{color: var(--amaranth)}

.btn-rounded{border-radius: 50px}
.btn-black {
    background: var(--black);
    color: #ffffff;
    padding:13px 40px;font-size: 14px
   
}
.btn-black:hover,
.btn-black:focus{background: var(--amaranth);color: #ffffff;text-decoration: none}
a:hover {text-decoration: none}
html {
  scroll-behavior: smooth;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
a{
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.ease{
	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
body{font-family: 'Poppins', sans-serif;font-size:14px;color: #000000;}
img{height: auto;max-width: 100%}
p{margin: 0;padding: 0 0 25px}
html {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;overflow-x:hidden;
}
/*  Clearfix
------------------------------------------------------------------------------*/
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear:both;
	height:0;
}
li{list-style: none}
a, button{
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}

a:focus, button:focus{
  outline: none;
}
.relative{position: relative}
.bold{ font-weight: bold;}
img{max-width: 100%}
.sub-hed{font-size: calc(23px + (40 - 23) * ((100vw - 320px) / (1920 - 320)))}
.sub-hed h1{font-size: calc(21px + (40 - 21) * ((100vw - 320px) / (1920 - 320)))}
.sub-hed h5{font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1920 - 320)))}

.mobile .mbr-parallax-background {
  background-attachment: scroll !important;
}
.fixed{position: fixed;}
  #preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/logo-footer.png) no-repeat center center #000000;
    width:100%;
	height:100%;
	z-index:9999;
    
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	
	margin:-100px 0 0 -100px;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: 0;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
 
  height: 42px;
  line-height:28px;
  outline: none;
  padding-left: 18px;
  padding-right: 54px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #d0dae5; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; }
  .nice-select:after {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: '';
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cdd5de; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
      margin-top: 23px;
      min-width: 100%;
    background-color: #fff;
    border-radius:5px;
   border: 1px solid #26344c;
    box-sizing: border-box;
   
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;padding: 1px 18px !important;
    font-weight: 400;
    line-height: 29px;
    list-style: none;
    min-height: 20px;
    outline: none;
   
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;float: none!important;display: block!important;font-size: 80%; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f7f9; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #000000;
      cursor: default;}
.nice-select li{display: block!important}
.no-csspointerevents .nice-select .list {
  display: none; }
      
/**/
header{position: absolute;padding: 10px 0;z-index: 99}
header .enq{border:1px solid #00a4e3;border-radius:50px;padding: 7px 65px;color: #ffffff  }
header .search{font-size:31px;padding:3px 25px  }
header ul.nav-group li{float: left;}
header .fixed-top{background: #ffffff;box-shadow: 0 0 4px #ccc;padding: 5px 0;}
header .fixed-top .enq {color:var(--blue) }
header .fixed-top .search i{color:var(--black); }

header .navbar-brand img.default{display: block}
header .navbar-brand img.scrool{display: none}

header .fixed-top .navbar-brand img.default{display: none}
header .fixed-top .navbar-brand img.scrool{display: block}
.home-banner {z-index: 2}
.home-banner .carousel-item::after{position:absolute;
 background: rgb(0,0,0);
background: linear-gradient(3deg, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%); 
    display: block;position: absolute;left: 0; width: 100%;height: 50%;top: 0;content:"";z-index: 2 
}
.home-banner .indicators{position: absolute;left: 0;width: 100%;bottom:60px;z-index: 10; }
.home-banner .indicators .carousel-indicators{position:static;left: 0;width: 100%;bottom:60px;z-index: 10;margin: 0;text-align: right;display: block}
.home-banner .indicators .carousel-indicators li{display: inline-block;height: auto;background: transparent;opacity: 1;width: 160px;text-align: center;color: #ffffff;cursor: pointer}
.home-banner .indicators .carousel-indicators li.active{color:var(--blue)}
.home-banner .indicators .carousel-indicators li.active,
.home-banner .carousel-indicators .active{background: transparent;}
.home-banner .carousel-indicators li i{width: 77px; height: 71px;margin: 0 auto;position: relative;display: block}
.home-banner .carousel-indicators li i img{position: absolute;left: 0;top: 0;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.home-banner .carousel-indicators li i img.default{opacity: 1}
.home-banner .carousel-indicators li i img.active1{opacity: 0}
.home-banner .carousel-indicators li.active i img.default{opacity: 0}
.home-banner .carousel-indicators li.active i img.active1{opacity: 1}
.home-banner .carousel-indicators li.active i img.default,
.home-banner .carousel-indicators li i img.active1{
transform:  scale(.5) ;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-o-transform: scale(.5);
-ms-transform: scale(.5);
}
.home-banner .carousel-indicators li i img.default,
.home-banner .carousel-indicators li.active i img.active1{
transform:  scale(1) ;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
.home-banner .carousel-item  .title-bar{position: absolute;left: 0;width: 100%;top: 35%;z-index: 5}
.home-banner .carousel-item  .title-bar h1{font-weight: 700;color: #ffffff;font-size:calc(12px + (60 - 12) * ((100vw - 320px) / (1920 - 320)));padding: 0 0 35px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
    opacity: 0;
    transform: translate(-50px);
-webkit-transform: translate(-50px);
-moz-transform:  translate(-50px);
-o-transform: translate(-50px);
-ms-transform:translate(-50px);
}
.home-banner .carousel-item.active  .title-bar h1{
        transform: translate(0px);
-webkit-transform: translate(0px);
-moz-transform:  translate(0px);
-o-transform: translate(0px);
-ms-transform:translate(0px);opacity: 1
}
.home-banner .carousel-item  .title-bar .btn{
    transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
    opacity: 0;
    transform: translate(50px);
-webkit-transform: translate(50px);
-moz-transform:  translate(50px);
-o-transform: translate(50px);
-ms-transform:translate(50px);
}
.home-banner .carousel-item.active  .title-bar .btn{
    opacity: 1;
    transform: translate(0px);
-webkit-transform: translate(0px);
-moz-transform:  translate(0px);
-o-transform: translate(0px);
-ms-transform:translate(0px);
}

.btn-common{
    border: 1px solid #00a4e3;
    border-radius: 50px;
    padding: 7px 65px;
    color: #ffffff;
}
.btn-blue{background: #00a4e3;color: #ffffff}
.btn-blue:hover{background:transparent;color:#00a4e3}

.home-banner .carousel-item  .title-bar .btn{border: 1px solid #00a4e3;border-radius: 50px;padding: 7px 65px;color: #ffffff;}
.home-banner .carousel-item  .title-bar .btn:hover{background: #00a4e3}
/**/
.section-1{background:url(../img/bg-curve.png) no-repeat 0 0 #ffffff;z-index: 2 }





.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.service{height: 631px;z-index: 2;background: #ffffff;padding-bottom: 100px}
.service .bg::before{position: absolute;top: 0;height: 100%;width:calc(300px + (1300 - 300) * ((100vw - 320px) / (1920 - 320)));background: url(../img/service-bg.jpg) no-repeat right top / cover;content: ""; }
.service .bg .cover{z-index: 5;margin: 50px 0 0}
.service .bg .cover .nav-tabs{position: absolute;right: 100%;background: #000000;width: 369px;top:0;display: block;padding:47px 0 47px 19px;height: 352px;z-index: 2}
.service .bg .cover .nav-tabs li{display: block;border-bottom: 2px solid var(--blue)}
.service .bg .cover .nav-tabs li:first-child{border-top: 2px solid var(--blue)}
.service .bg .cover .nav-tabs li .nav-link{border: 0;background: transparent;color: #ffffff;text-transform: uppercase;padding: 16px;font-size: 17px;}
.service .bg .cover .nav-tabs li .nav-link.active{border: 0;background: var(--blue);border-radius: 0}
.service .bg .cover .tab-content{background: #ffffff;padding: 50px;height:352px;width: 450px}
.service .bg .cover .tab-content h2{text-transform: uppercase;font-size:24px;color: #000000;padding: 0 0 20px }
.service .bg .cover .tab-content .btn-blue{color: #ffffff}
.service .bg .cover .tab-content .btn-blue:hover{color:var(--blue)}
.service .bg .cover .control{position: absolute; right: 100%;top: 100%;margin: 10px 10px 0 0;z-index: 8;font-size: 30px;display: block;width: 100px}
.service .bg .cover .control .btn{display: inline-block; padding: 0;}
.service .bg .cover .control .btn:focus{box-shadow:none}
.service .bg .cover .control .btn i{font-size: 35px}

.hm-form{z-index: 2;padding: 100px 0}
.hm-form .form-control{height:48px;font-weight: 300;text-indent: 15px }
.hm-form textarea.form-control{min-height: 120px}
.bg-video{position:fixed;z-index: 0;height: 100%;left: 0;top: 0;width: 100%;object-fit: cover}

.sub-hed{text-transform: uppercase;}
.sub-hed h5{font-weight: 300;letter-spacing: 10px;color: var(--blue);}

::-webkit-input-placeholder { /* Edge */
  color:#b3b3b3;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b3b3b3;
}

::placeholder {
  color: #b3b3b3;
}

.why-choose{padding: 100px 0;background:url(../img/bg-curve-right.png) right top no-repeat #ffffff;z-index: 2}
.why-choose figcaption{font-weight: 500;font-size: 24px;padding: 20px 0;    
    transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}
.why-choose figure{position: relative}
.why-choose figure,
.why-choose .col-md-4 figure::after{  
    transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;}
.why-choose .col-md-4:hover figcaption{background: var(--blue);color: #ffffff}
.why-choose .col-md-4 figure::after{
    border:1px solid  var(--blue);
    display: block;opacity: 0;left:25px;right: 25px; top: 25px; bottom: 25px;position: absolute;content: ""
}
.why-choose .col-md-4:hover figure::after{
    
    display: block;opacity: 1;left:20px;right: 20px; top: 20px; bottom: 20px;
}

.clients{padding:100px 0;z-index: 2;position: relative}
.clients .owl-nav .owl-prev,
.clients .owl-nav .owl-next{display: block; width:35px; height: 50px;background: #000000;margin-top: -73px;font-size: 0 }
.clients .owl-nav .owl-prev{margin-left: -35px;}
.clients .owl-nav .owl-next{margin-right: -35px;float: right}
.clients .owl-nav .owl-prev::after,
.clients .owl-nav .owl-next::after{display: block; width:10px;height:19px;content:"";margin: 13px;pointer-events: none}
.clients .owl-nav .owl-prev::after{background:url(../img/prev.png) no-repeat 0 0;} 
.clients .owl-nav .owl-next::after{background:url(../img/next.png) no-repeat 0 0;}
.clients .owl-carousel.owl-loaded{padding:9px 0 0 0}


footer{background:url(../img/bg-footer.png) no-repeat center right #000000;padding: 154px 0 0;z-index: 2 }
footer h2{font-weight: 500;font-size: 24px}
footer .foot-links{line-height: 35px}
footer ul.info li{display: block;padding:0 0 22px 45px;position: relative}
footer ul.info li i{position: absolute;}
footer ul.info li.location i{left: 0;top: 0}
footer ul.info li.phone i{left: 0;top: -3px}
footer ul.info li.mail i{left: 0;top: -7px}
footer .copy{color: #898989;display: inline-block}
footer ul.social{ font-size: 35px}
footer ul.social li:first-child{ font-size: 30px}
footer ul.social li{display: inline-block}
footer .cols{margin-bottom: 50px}
footer .last{padding: 20px 0}


.pop{position:fixed;top: 0; height: 100%;width: 100%;background: rgba(255, 255, 255, 0.95);z-index: 9;left: -50px;opacity: 0;pointer-events: none;
   transition:all ease .4s ;
                            -moz-transition:all ease .4s ;
                            -webkit-transition:all ease .4s ;
                            -o-transition:all ease .4ms ;opacity: 0;
}
.pop.active
{left: 0;opacity: 1;pointer-events: fill}
.pop{padding-top: 125px}
.pop .close-btn{ position: absolute; top: 85px; right: 20px; font-size: 35px;z-index: 99;cursor: pointer}

ul.pop-list li{position: relative; padding: 0 0 10px 25px;font-weight: 500}
ul.pop-list li i{position:absolute;left: 0; top: 2px;font-size: 16px;}

.navegacion{
	position:fixed;
	top:0;
	left: 0;
	width: 0%;
	height: 100vh;
    z-index:10;

    margin: 0 0 0 0;
	transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;z-index: 90
}
.fixed-header .navegacion{margin: 62px 0 0 0;}
.navegacion ul.parent{top: 71px}
.navegacion ul{
	width: 320px;
	height: 100%;
    top: 0;
	background: #fff;
	list-style: none;
	position: absolute;
	left: -320px;
    z-index: 9;
	transition: left .3s;
}

.navegacion .menu li.title-menu{
	padding: 20px;
	background: #5F6F81;
	color: #fff;
	text-align: center;
	font-size: 22px;
}

.navegacion .menu a{
	display: block;
	padding: 20px;
    padding-top:20px;
    padding-bottom:20px;
	border-bottom: 1px solid #C6D0DA;

	font-size:18px;
	font-weight: 400;
	text-decoration: none;
	color: #16181C;
}

.navegacion .menu a:hover{
	background: #eee;
	color: #000000;
}

.navegacion .menu li span.icon-menu{
	margin-right: 12px;
}

.navegacion .menu .item-submenu > a span.next{
	float: right;
	color: #C5C5C5;
     border-top: 1px solid #7c7c7c;
    border-right: 1px solid #7c7c7c;
    transform: rotate(45deg);display: block;width:20px; height:20px;margin: 8px 0 0 0;
}

/* Submenu ============*/

.navegacion .submenu li.title-menu{
	background: #fff;
	color: #575D69;
}

.navegacion .submenu li.go-back{position: absolute;
    left:10px;
    top: 10px;
    width: 50px; height: 50px;
   z-index: 9;cursor: pointer;padding: 15px
}
.navegacion .submenu li.go-back::after{
   
    width: 20px; height: 20px;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #7c7c7c;
    transform: rotate(-45deg);display: block;pointer-events: none;display: block;content:"" 
}

.navegacion .submenu li a::after{display: none}

header #button-menu{
	font-size: 30px;
	width:41px;height: 30px;
    cursor: pointer;display: block;position: relative;margin: 5px 0 0 0;
}
header .fixed-top #button-menu .liner{background: #000000}
header #button-menu .liner{display: block;margin: 0;background:#ffffff;height: 2px;
width:41px; 
transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;position:absolute;
 }
header #button-menu .liner.line-1{top: 0;background: var(--blue);height: 4px}
header #button-menu .liner.line-2{top:12px;width: 25px;right: 6px;}
header #button-menu .liner.line-3{top: 23px;background: var(--blue);height: 4px}
header #button-menu.fa-close .liner.line-2{opacity: 0}
header #button-menu.fa-close .liner.line-1{ transform: rotate(45deg);    top: 9px;}
header #button-menu.fa-close .liner.line-3{ transform: rotate(-45deg);    top: 9px;}
@media (max-width: 1400px) {
    body{font-size:14px; }
    footer{padding: 48px 0 0;font-size: 14px}
    footer ul.info li i img{max-width: 20px}
    footer ul.info li{padding: 0 0 18px 32px;}
    footer .logo{max-width:200px}
    footer .cols{margin-bottom: 20px}
    footer ul.social{font-size: 23px;}
    footer ul.social li:first-child{font-size: 23px;}
    .clients{padding: 47px 0;}
    .clients h1{font-size:30px }
    .why-choose figcaption{font-size: 16px;}
    .why-choose{padding: 61px 0;}
    .hm-form{padding: 23px 0 50px;}
}
@media (max-width: 1200px) {
  
}
@media (max-width: 767px) {

}


@media screen and (max-width: 1400px){
    body{font-size: 16px;}
}
@media screen and (max-width: 1279px){
 
}
@media screen and (max-width: 1199px){

}

@media screen and (max-width:991px){
    .service .bg .cover .nav-tabs{position: static;}
    .service .bg::before{display: none}
    .service .bg .cover{margin: 0}
    .service .bg .cover .nav-tabs{padding: 0;width: auto;height: auto}
    .service .bg .cover .tab-content{padding: 20px; width: auto;height: auto}
    .service .bg .cover .control{display: none}
    .home-banner .indicators .carousel-indicators li{font-size: 0;width: 44px;height: 47px;}
    .home-banner .carousel-indicators li i img{max-width:45px }
    .home-banner .indicators .carousel-indicators{height: 50px;}
    .home-banner .indicators{bottom: 22px;}
     .service{height: auto;padding-bottom: 0}
    main{overflow: hidden}
    
   
}
@media screen and (max-width:800px){

}

@media screen and (max-width:767px){
    .heading-inner .btn-white{border-color:#000000;color: #000000}
    .site-banner h4{font-size: 13px}
    .home-banner .carousel-item .title-bar .btn{padding: 7px 23px;font-size: 10px;}
    .pop{padding-top: 104px;left: 0;overflow: auto}
    .pop .close-btn{top: 67px;}
    .clients .owl-nav .owl-prev{margin-left: 0;}
    .clients .owl-controls{position: relative;z-index: 9}
    .clients .owl-nav .owl-next{margin-right: 0;}
    header .enq{display: none!important}
    .home-banner .carousel-item .title-bar h1{font-weight: 500;}
    footer .cols.logo{display: none}
    footer .copy{display: block}
    footer ul.social{display: block!important;}
    footer .justify-content-end.last{display: block!important}
    .home-banner .indicators .carousel-indicators{display: inline-block; width: auto;left: auto; right: 20px;position: absolute;bottom: -10px   }
   
}
@media screen and (max-width:640px){
   
}

@media screen and (max-width:480px){
 
}