/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
::selection { background: #e7e7e7; color: #000; text-shadow: none; }
/* Misc defaults */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}
body {-webkit-font-smoothing:subpixel-antialiased;}
/* ==========================================================================
   Browser Upgrade
   ========================================================================== */

.browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
.browserupgrade a {color: #b81424;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-size:16px; background-color:#000;}

h1, h2, h3, h4, h5, h6 {font-weight:600; margin:0; font-size: 1em;font-family:"Poppins", sans-serif;}
p{line-height:1.5em; padding-bottom:1em; font-size:0.88em; margin: 0; letter-spacing: 0.06em;}
a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);}
ul {list-style:none; padding:0; margin:0;}
img {max-width:100%; height:auto;width: 100%;}
input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
select > option {padding: 0; -moz-padding:0;}
::-webkit-input-placeholder {color: inherit;}
:-moz-placeholder {color: inherit;}
::-moz-placeholder {color: inherit;}
:-ms-input-placeholder {color: inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
    body {color:#49773e;font-family: 'Poppins', sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}

#orimode{position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.9);display:none}.oriprompt{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff;position:absolute;top:50%;left:0;right:0;padding:20px}.oriprompt{text-align:center;color:#fff}.oriprompt h3{color:#fff;text-transform:uppercase;font-size:1.6em}.oriprompt p{color:#fff;text-align:center;font-size:1em;}
.oriprompt img {width: auto;}
#overlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay{width:100%;height:100%;top:0;min-width:320px}
#overlay{position:fixed}
#overlay{background-color:rgba(0,0,0,.6)}
#message{width:30%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px}
#message{background-color:rgba(255,255,255,.8)}
#message{font-weight:400}
#message #okbtn{color:#fff;padding:5px 20px;background:#000}
#overlay.closes{display: flex;}
/*body{background: url(../bg/Desktop_Landing-new.jpg) no-repeat 0 0 /100% auto;padding-bottom: 000px;}*/
    /* ==========================================================================
                                  Animation
       ========================================================================== */
.imgcontainer.htg.in-view > .columnimg,.hsercontainer.htg.in-view .orservce,.whyuscontainer.htg.in-view .whyimg,.expshowlst.htg.in-view .expshowlst1{opacity: 0;transform: translateX(-20px);}
.imgcontainer.htg > .columnimg,.hsercontainer.htg .orservce,.whyuscontainer.htg .whyimg,.expshowlst.htg .expshowlst1  {opacity: 1;transform: translateX(0px);}

.imgcontainer.htg.in-view > .aboutx > h3,.imgcontainer.htg.in-view > .aboutx > p,.hsercontainer.htg.in-view .hservc > h3,.hsercontainer.htg.in-view .hservc > p,.whyuscontainer.htg.in-view .whyas8,.awards.htg.in-view .awrdtxt,.awards.htg.in-view .awrdsc1,.cliawds.htg.in-view{opacity: 0;transform: translateY(-10px);}
.imgcontainer.htg > .aboutx > h3 ,.imgcontainer.htg > .aboutx > p,.hsercontainer.htg .hservc > h3,.hsercontainer.htg .hservc > p,.whyuscontainer.htg .whyas8,.awards.htg .awrdtxt,.awards.htg .awrdsc1,.cliawds.htg  {opacity: 1;transform: translateY(0px);}

.imgcontainer.htg > .columnimg,.imgcontainer.htg > .aboutx > h3,.hsercontainer.htg .hservc > h3,.whyuscontainer.htg .whyas8,.expshowlst.htg .expshowlst1:first-child,.awards.htg .awrdtxt,.cliawds.htg {-webkit-transition: all 1s ease-in-out 0.4s;-moz-transition: all 1s ease-in-out 0.4s;-ms-transition: all 1s ease-in-out 0.4s;-o-transition: all 1s ease-in-out 0.4s;transition: all 1s ease-in-out 0.4s;}
.imgcontainer.htg > .aboutx > p ,.hsercontainer.htg .hservc > p,.whyuscontainer.htg .whyimg:first-child,.expshowlst.htg .expshowlst1:nth-child(2),.awards.htg .awrdsc1{-webkit-transition: all 1s ease-in-out 0.7s;-moz-transition: all 1s ease-in-out 0.7s;-ms-transition: all 1s ease-in-out 0.7s;-o-transition: all 1s ease-in-out 0.7;transition: all 1s ease-in-out 0.7s;}
.hsercontainer.htg .orservce,.whyuscontainer.htg .whyimg:nth-child(2),.expshowlst.htg .expshowlst1:nth-child(3){-webkit-transition: all 1s ease-in-out 1s;-moz-transition: all 1s ease-in-out 1s;-ms-transition: all 1s ease-in-out 1s;-o-transition: all 1s ease-in-out 1s;transition: all 1s ease-in-out 1s;}
.whyuscontainer.htg .whyimg:nth-child(3),.expshowlst.htg .expshowlst1:nth-child(4){-webkit-transition: all 1s ease-in-out 1.3s;-moz-transition: all 1s ease-in-out 1.3s;-ms-transition: all 1s ease-in-out 1.3s;-o-transition: all 1s ease-in-out 1.3s;transition: all 1s ease-in-out 1.3s;}
.whyuscontainer.htg .whyimg:nth-child(4){-webkit-transition: all 1s ease-in-out 1.7.s;-moz-transition: all 1s ease-in-out 1.7.s;-ms-transition: all 1s ease-in-out 1.7s;-o-transition: all 1s ease-in-out 1.7s;transition: all 1s ease-in-out 1.7s;}
    /* ==========================================================================
                                 commoncode
       ========================================================================== */
.mob,.mob1,.sldmnu1{display: none;}
.navi,.socl,.imgcontainer,.servccrsl,.serlft,.whyuscontainer,.whyflt,.expshowlst,.foot,ul.ftpct,.cliawds{font-size: 0;}
.navi > li,.socl > li,.imgcontainer > div,.servccrsl > div,.serlft > div,.whyuscontainer > div,.whyflt > div,.expshowlst > div,.foot > div,ul.ftpct > li{display: inline-block;vertical-align: top;font-size: 16px;}
.aboutus > div,.cliawds > div{display: inline-block;vertical-align: middle;font-size: 16px;}
.bannercls,.servccrsl1,.awrdsc > h3,.whtsne > h3,.abouts8 > p,#aservce,.whtsne{position: relative;}

    /* ==========================================================================
                                  header
       ========================================================================== */
.head {position: fixed;top: 0;width: 100%;z-index: 999;background-color: #000;}
.hedcontainer {padding: 29px 0;margin: 0 14.5%;}
.head.shead .hedcontainer {padding: 29px 0;}
.hedleft {float:left; width: 130px;}
.hedright {float: right;margin-top: 10px;}
.navi > li {padding-left: 44px;}
.navi > li > a {color: #8a8a8a;font-size: 0.9em;text-transform: capitalize;font-family: 'Poppins', sans-serif;font-weight: 500;}
.navi > li > a:hover {color: #1d9dc2;}
.phmenu {display: none;}
    /* ==========================================================================
                                  main content
       ========================================================================== */
#content{padding-top: 90px;}
.expence > h1 {font-size: 3.05em;font-weight: 700;color: #f5f5f5;}
.expence > p {font-size: 1.3vw;padding-top: 3px;margin: 0 auto;width: 90%;letter-spacing: 0;color: #9e9e9e;padding-bottom: 0;}
.expence {margin-right: 13px;padding-top: 68px;text-align: center;}
.bgcaimg { padding: 27px 0 110px 0;position: relative;}
.bgcaimg::after{position: absolute;content: '';top: 0;left: 0px;right: 0px; background: url(../img/autox/Ellipse.png) no-repeat 35% 25% / 125% auto;height: 100%;z-index: -1;}
.imgcontainer { padding: 49px 5% 143px;position: relative;margin: 0 15%;}
.imgcontainer::after{position: absolute;content: '';left: 0;right: 0;bottom: 0;width: 100%;height: 5px;background: url(../img/autox/Line.png) no-repeat 0 0 / 100% 3px;}
.columnimg{ width: 45%;}
.aboutx{padding-top: 8%;width: 55%;box-sizing: border-box;padding-left: 11%;}
.aboutx > h3{  font-weight: 700; color: #ffff; font-size: 2.05em; padding: 0px 0 15px 1px; letter-spacing: 0.02em;}
.aboutx >p {  font-size: 1vw; padding: 11px 0px 5px 2px;color: #898989;letter-spacing: 0.02em;line-height: 1.2em;}
#services{position: relative;overflow: hidden;}
#services::before { position: absolute;content: '';top: 125px;left: -1%;right: 0;bottom: 30px;background: url(../img/autox/servbg.jpg) no-repeat center / cover;}
.hsercontainer { padding: 64px 0px;margin: 0 14.5%;}
.hservc > h3 {  font-weight: 700; color: #fff; font-size: 2.1em;}
.hservc > p{font-size: 1vw;color: #fff;padding-top: 8px;letter-spacing: 0.02em;}
.orservce {padding: 20px 0px 0px 0px;}
.servccrsl1:first-child{margin-left: 0 !important;}
.servccrsl1 {height: 590px;width: 22.5%;overflow: hidden;margin-left: 3.2%;transition: all 500ms ease-in-out;}
.servimgtext >h3 { font-size: 1.1em; font-weight: 700;color: #fff; }
.servccrslig > img { object-fit: cover; height: 100%;object-position: left;}
.servccrslig {height: 100%;}
.servimgtext {position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 19px 11px;background: rgba(0,0,0,0.7);}
.servimgtext >p {font-size: 0.9em;opacity: 0;color: #6f6f6f;letter-spacing: 0;padding-top: 5px;font-weight: 500;height: 0;transition: all 500ms ease-in-out;}
.servccrsl1:hover .servimgtext >p{ opacity: 1;height: 27px;}
.servccrsl1.active { width: 48%;margin-left: 2.8%;}
.servccrsl1.active1 { width: 14.5%;margin-left: 2.8%;}
.servccrsl1.active1:first-child{margin-left: 0;}
.servdtls {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(51.85deg, rgba(23, 0, 72, 0.87) 1.92%, rgba(40, 0, 41, 0.87) 97.99%);opacity: 0;visibility: hidden;}
.servccrsl1.active .servdtls{opacity: 1;visibility: visible;transition: all 100ms ease-in-out 0s;}
.servdtls7 {position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;width: 68%;}
.servccrsl1.active .servdtls7{opacity: 1;transition: all 500ms ease-in-out 0.5s;}
.servimgtextaft {margin-left: 48px;}
.servimgtextaft >h3 { font-size: 1.4em;color: #fff;}
.servimgtextaft>p {  padding: 17px 0px 0px 0px;font-size: 0.95vw;color: #C9C9C9;letter-spacing: 0;line-height: 1.2em;}
.servimgcir {margin-left: 48px;width: 50%;padding-top: 20px;}
.servimgcir > h5 {font-size: 1em;color: #fff;}
.serlft .sercrle:first-child {margin-left: 0;}
.serlft {margin-top: 20px;}
.serlft .sercrle { margin-left: 30px;}
.sercrle {width: 50px;}
.sercrle > h5 {text-transform: capitalize;font-weight: 600;color: #C9C9C9;padding-top: 5px;}
.serlik >a {font-weight: 500;font-size: 1.05em;padding: 10px 35px 8px 14px;display: inline-block;color: #fff;position: relative;border-radius: 0.625rem;background: linear-gradient(231deg, #A901B4 13.69%, #0C00B4 100%);}
.serlik >a::after{position: absolute;content: '';top: 17px;right: 15px;width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);}
.serlik {padding-top: 27px;margin-left: 48px;padding-bottom: 30px;}
a.clos {position: absolute;top: 20px;right: 20px;width: 17px;height: 17px;background: url(../img/autox/Vector.png) no-repeat 0 0 / 100% auto;}
.servccrsl1.active .servimgtext,.servccrsl1.active1 .servimgtext{display: none;}
.whyuscontainer{ padding: 103px 0px 90px 0px;    margin: 0 14.5% ;}
.whyas8 { margin-top: 112px;width:42%;}
.whyas8 > h3 {font-weight: 700;color: #FFF;font-size: 2.1em;padding-bottom: 27px;}
.whyas8 > p{ font-size: 0.92vw;  margin: 0px 78px 0px 0px;line-height: 1.3em;font-weight: 500;color: #898989;}
.whyimgcon {width: 58%;}
.whyimg { position: relative;margin-left: 11%;width: 44.5%;padding-top: 18px;margin-bottom: 57px;}
.whyimg:nth-child(2n+1) { margin-left: 0;}
.whycrle {top: 0%; left: 11%; position: absolute; width: 17%;padding: 0 5.5%;background-color: #000;}
.whytxt {position: absolute;top: 18px;left: 0;width: 100%; min-height: 201px;padding: 18% 9% 15px;box-sizing: border-box;}
.whytxt>h4 {color: #f5f5f5;font-size: 1.3vw;font-weight: 700;font-family: 'Poppins', sans-serif;}
.whytxt>p {font-size: 0.82vw;color: #8a8a8a;margin: 17px 0px 0px 0px;font-family: 'Poppins', sans-serif;line-height: 1.6em;    font-style: italic;}

#expertise{ background-color:  #0A0A0A;}
.expshow{padding: 40px 7.3% 25px;}
.expshowlst1 {width: 15%;margin-left: 13.3%;text-align: center;}
.expshowlst1:first-child {margin-left: 0;}
.expshowlst1 > h3 {color: #fff;font-size: 4em;line-height: 1em;  letter-spacing: 0.02em;}
.expshowlst1 >p{ padding-top: 10px;font-size: 1.25em;text-transform: capitalize;letter-spacing: 0.02em;padding-bottom: 0;color: #fff;}

.awards {padding: 0px 0 35px;margin: 0 11.5%;position: relative;}
.awards::after{position: absolute;content: '';left: 0;right: 0;bottom: 0;width: 100%;height: 5px;background: url(../img/autox/Line.png) no-repeat 0 0 / 100% 3px;}
.awrdtxt {padding: 0px 0% 0px 3.5%;}
.awrdtxt > h3{font-weight: 900;color: #f5f3f3;font-size: 2.1em;font-family: "Raleway",sans-serif}
.awrdtxt >p {  padding-top: 9px; font-size: 0.77em; color: #fff;letter-spacing: 0.02em;}
.awrdsc1 {padding: 49px 0;}
#clents{overflow: hidden;}
.servbgk{position: relative;overflow: hidden;}
.servbgk::before{ position: absolute;content: '';top:30%;left: 0%;right: 0;bottom: 25%;background: url(../img/autox/servbg.jpg) no-repeat center / cover;z-index: -1;}
.awrdsc2 {padding: 0 4%;box-sizing: border-box;}
.owl-nav {position: absolute;top: 43%;left: 0;right: 0;z-index: 10;}
button.owl-prev {float: left;width: 20px;height: 30px;background: url(../img/autox/leftarw.png) no-repeat 5px 0 / 10px auto !important;}
button.owl-next {float: right;width: 20px;height: 30px;background: url(../img/autox/rightarw.png) no-repeat 5px 0 / 10px auto !important;}
button.owl-prev > span,button.owl-next > span{font-size: 0;}
.cliawds {margin: 0 14.5%;padding: 67px 0 10px;text-align: center;}
.cliawds1 {width: 16%;margin-left: 5%;margin-bottom: 50px;}
button.owl-prev.disabled,button.owl-next.disabled {display: none;}
.newsrv .owl-nav{left: -40px;right: -40px;}

.newsrvtxt {position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 19px 11px;background: rgba(0,0,0,0.7);}
.newsrvtxt >h3 { font-size: 1.1em; font-weight: 700;color: #fff; }
.newsrvtxt >p {font-size: 0.9em;opacity: 0;color: #6f6f6f;letter-spacing: 0;padding-top: 5px;font-weight: 500;height: 0;transition: all 500ms ease-in-out;}
/* ==========================================================================
                                  footer
       ========================================================================== */
footer{background-color: #161616;}
.footcontainer {padding: 36px 0;font-family: 'Montserrat', sans-serif;margin: 0 6.2%;}
.ftlogo {width: 85px;}
.foot {padding: 25px 0;}
.foot1 {width: 29%;box-sizing: border-box;padding-right: 6.5%;}
.foot1 > p {line-height: 1.8em;color: #fff;}
.call,.mail {color: #ccc;font-size: 0.9em;padding: 5px 0 8px 31px;display: block;position: relative;}
.call::before {position: absolute;content: '';left: 2px;top: 5px;background: url(../img/autox/img.png) no-repeat 3px -1305px / 100px auto;width: 20px;height: 20px;}
.mail::before {position: absolute;content: '';left: 2px;top: 5px;background: url(../img/autox/img.png) no-repeat 3px -1371px / 100px auto;width: 20px;height: 20px;}
.socl > li {margin-right: 15px;border: 2px solid #292d2e;position: relative;overflow: hidden;   border-radius: 50%;background-color: #292d2e;}
.socl {padding-top: 23px;}
.socl > li > a {width: 30px;height: 30px;display: block;background-image: url(../img/autox/img.png);background-repeat: no-repeat;background-size: 90px auto;z-index: 5;position: relative;}
.socl > li > a.fb {background-position: 11px -1288px ;}
.socl > li > a.twtr {background-position:8px -1348px;}
.socl > li > a.lnkin {background-position: 8px -1410px;}
.socl > li > a.insta {background-position: 8px -1471px;}
.socl > li > a.utbe {background-position: 7px -1531px;}
.socl > li::before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #060606;transition: .5s;z-index: 2;}
.socl > li:hover::before {top: 0;}
.foot2 {width: 29.5%;}
.foot3 {width: 21%;}
.foot4 {width: 20.5%;}
.foot2 > h5,.foot3 > h5,.foot4 > h5 {color: #d8d8d8;font-size: 1.15em;}
.ftservc {padding-top: 13px;}
.ftservc > li > a {color: #ccc;display: block;font-size: 0.9em;margin-bottom: 12px;}
.fofiless {padding-top: 11px;}
.vtxt {font-size: 0.7em;padding: 7px 10px;border-radius: 5px !important;background: #121212 !important;margin-bottom: 7px;color: #ccc;width: 100%;}
.sbmt {padding-top: 10px;}
input#subtn {font-size: 0.8em;background-color: #1E9DC3;color: #ccc;border-radius: 5px;padding: 5px 0;width: 100%;}
.cpyrt {padding: 33px 0 10px;text-align: center;}
.ftpct > li > a {color: #A3A6AC;font-weight: 500;font-size: 0.8em;}
.ftpct > li{padding-right: 12px;position: relative;}
.ftpct > li::after{position: absolute;content: '';top: 7px;right: 5px;width: 1px;height: 10px;background-color: #A3A6AC;}
.ftpct > li:last-child::after{width: 0;}
.ftpct > li:first-child{pointer-events: none;}
.call:hover,.mail:hover,.ftservc > li > a:hover {color: #1E9DC3;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input.vtxt.error {border: 1px solid #ff0000;}
.mob,.mob1{display: none;}
/*16-08-2023*/
.head::after {position: absolute;content: '';top: 63px;right: 0;width: 47%;height: 5px;background: url(../img/autox/Mask.png) no-repeat 0 0 / 100% auto;}
/* ==========================================================================
                                  responsive
   ========================================================================== */
@media only screen and (min-width: 768px){
.cliawds1:nth-child(5n+1) {margin-left: 0;}
}
@media only screen and (min-width: 1200px){
.newsrv1:hover .newsrvtxt >p{ opacity: 1;height: 27px;}
}
@media only screen and (min-width: 1400px){
    .servbgk::before{top: 28%;bottom: 23%;}
    .servccrsl1 {height: 617px;}
}
@media only screen and (min-width: 1600px){
section#clents {width: 1400px;margin: 0 auto;overflow: hidden;}
    .head::after{width: 54%;}
    .servbgk::before{top: 27%;bottom: 20%;}
    .servccrsl1 {height: 670px;}
}
@media only screen and (min-width: 1700px){
    .servccrsl1 {height: 685px;}
}
@media only screen and (min-width: 1900px){
    .servbgk::before{top: 27%;bottom: 16%;}
    .servccrsl1 {height: 750px;}
}
@media only screen and (max-width: 1180px) and (min-width: 820px) and (orientation: landscape) {
    .bgcaimg::after{    background: url(../img/autox/Ellipse.png) no-repeat 35% 25% / 140% auto;}
    .hsercontainer {padding: 28px 7%;}
    .whyuscontainer {padding: 138px 7% 102px 10%;}
    .awards {padding: 112px 7% 58px;}
    .footcontainer {padding: 15px 7%;}
    .expence > h1{font-size: 2.2em;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
    
}
@media only screen and (max-width: 64em){
.navigation,.desk,.head::after{display: none;}
.phmenu,.mob{display: block;}
.hedcontainer,.head.shead .hedcontainer {margin: 0;padding: 15px 30px;}
.hedleft {float: left;width: 100%;text-align: center;}
.clogo {width: 130px;margin: 0 auto;}
.hedright{margin-top: 4px;}
.mnulnk {width: 25px;height: 25px;position: relative;}
.mnulnk > span {width: 25px;height: 2px;background-color: #f5fafb;display: block;position: absolute;top: 12px;right: 0px;}
.mnulnk span::before {content: "";position: absolute;background-color: #f0f2f3;top: -6px;width: 25px; height: 2px;right: 0px;transition: all 500ms ease-in-out;}
.mnulnk span::after {content: "";position: absolute;background-color: #e9f0f2;top: 6px;width: 25px; height: 2px;right: 0;transition: all 500ms ease-in-out;}
.mnulnk.open span {width: 0;}
.mnulnk.open span::before {transform: rotate(51deg);top: 0;width: 18px;}
.mnulnk.open span::after {transform: rotate(-51deg);top: 0;width: 18px;}
.sldmnu1 {position: fixed;right: 0;display: block;transform: translateX(100%);width: 100%;height: 1000%;background-color: #000;transition: all 500ms ease-in-out;z-index: 100;}
.sldmnu1.opts-open {transform: translateX(0);}
.opts1 {padding: 25px 50px;}
.opts1 > li {padding-bottom: 15px;position: relative;}
.opts1 > li.hasubs > a::after {position: absolute;content: '';top: 9px;right: 20px;width: 12px;height: 12px;border-top: 1px solid #6d6d6d;border-right: 1px solid #6d6d6d;transform: rotate(-45deg);transition: all 500ms ease-in-out;}
.opts1 > li.hasubs.open > a::after{top: 0px;transform: rotate(135deg);}
.opts1 > li > a {color: #6d6d6d;display: block;}
.opts1 > li.active > a {color: #1d9dc2;}
.submnu {padding-left: 30px;padding-top: 15px;}
.submnu > li > a {color: #6d6d6d;padding-bottom: 15px;display: block;}
  #content{padding-top: 71px;}
  .expence {padding-top: 40px;margin: 0;} 
    .whyas8{width: 40%;padding-top: 50px;}
    .hservc > h3,.whyas8 > h3,.hservc > p {text-align: center;}
    .expshowlst1 > h3{font-size: 3em;}
    .expence > h1 {font-size: 2.0em;}
    .aboutx > h3,.hservc > h3,.whyas8 > h3,.awrdtxt > h3{font-size: 1.4em;}
    .expshowlst1 >p{font-size: 1em;}
    .expence > p,.hservc > p,.newsrvtxt >p {font-size: 0.8em;}
    .bgcaimg {padding: 19px 0px 70px 0px;overflow: hidden;}
    /*.bgcaimg::after{background: url(../img/Ellipse.png) no-repeat -40px -35px / 110% auto;}*/
    .imgcontainer,.hsercontainer,.whyuscontainer,.awards,.cliawds,.footcontainer{margin: 0;}
    .aboutx >p{font-size: 0.85em;}
    .imgcontainer {padding: 50px;}
    .servimgtext,.newsrvtxt{padding: 15px 10px;}
    .aboutx{padding-top: 15px;padding-left: 30px;}
    .aboutx > h3{padding-bottom: 15px;}
    .hsercontainer,.whyuscontainer,.awards {padding: 50px;}
    .servccrsl1{width: 47%;margin-left: 6%;height: auto;}
    .whyimg:first-child,.whyimg:nth-child(2){margin-bottom: 50px;}
    .hservc {margin-left: 0;}
    .whyas8{margin-top: 0;}
    .whyas8 > p{margin-right: 0;}
    .whyimgcon{width: 60%;padding-left: 5%;padding-top: 0;box-sizing: border-box;}
    .expshow {padding: 40px 50px 40px;}
    .expshowlst1 {width: 18%;margin-left: 8.3%;}
    .awrdtxt{padding-right: 0;}
    .awrdsc1 {padding: 35px 0;}
    .servccrsl1 {width: 22.7%;height: 500px;margin-left: 3%;}
    .servimgtext >h3,.newsrvtxt >h3 {font-size: 0.83em;}
    .servimgtext >p,.servimgtextaft>p,.whyas8 > p {font-size: 0.8em;}
    .servimgtextaft >h3 {font-size: 1.2em;}
    .servdtls7{width: 100%;}
    .servimgtextaft {margin: 0 30px;}
    .serlik {margin-left: 30px;}
    .serlik >a{font-size: 0.9em;}
    .serlik >a::after {width: 8px;height: 8px;}
    .whytxt>h4{font-size: 0.78em;}
    .whytxt>p {font-size: 0.65em;margin: 10px 0 0 0 ;}
    .whyimg{padding-top: 10px;}
    .whytxt{top: 10px;padding: 15% 9% 15px;}
    .awrdtxt {padding-left: 0;text-align: center;}
    .owl-nav {top: 39%;}
    button.owl-prev{background-position:  0 0 !important;}
    button.owl-next{background-position:  10px 0 !important;}
    .cliawds{padding: 50px 50px 0 50px;}
    
    .footcontainer {padding: 50px;position: relative;}
    .footcontainer::after {position: absolute;content: '';top: 6%;right: 0;width: 400px;height: 352px;overflow: hidden;}
    .foot1,.foot3 {width: 55%;margin-bottom: 40px}
    .foot2,.foot4 {width: 45%;}
    .servimgtext >p,.newsrvtxt >p{opacity: 1;padding-bottom: 0;height: auto;}
    .newsrv .owl-nav {left: -25px;right: -25px;}
       } 

        @media only screen and (max-width: 39em){
            .desk1{display: none;}
            .mob1{display: block;}
            .hedcontainer { padding: 15px;}
            .clogo{width: 100px;}
            .hedright {margin-top: 3px;}
            .mnulnk > span,.mnulnk span::before,.mnulnk span::after{width: 20px;}
            .opts1 {padding: 25px 20px;}
            .submnu {padding-left: 15px;}
            
            .content {padding-top: 60px;}
            .expence {padding: 25px 15px 0;}
            .aboutx,.columnimg,.foot1,.foot4,.whyas8,.whyimgcon{width: 100%;box-sizing: border-box;}
            .aboutx > h3,.awrdtxt{text-align: center;}
            .expshowlst1 > h3 {font-size: 2em;}
            .expence > h1 {font-size: 1.1em;}
            .aboutx > h3, .hservc > h3, .whyas8 > h3, .awrdtxt > h3 {font-size: 1.2em;}
            .bgcaimg {padding: 0px 0px 70px 0px;}
            .hsercontainer{padding: 0 20px 30px;}
            .orservce {padding: 30px 0px 0px 0px;}
            .servimgtext{padding: 10px;}
            .servccrsl1:first-child, .servccrsl1:nth-child(2), .whyimg:first-child, .whyimg:nth-child(2),.expshowlst1:first-child,.expshowlst1:nth-child(2) {margin-bottom: 30px;}
            .hsercontainer{position: relative;}
            .hsercontainer::after,.imgcontainer::after{position: absolute;content: '';left: 20px;right: 20px;bottom: 0;height: 4px;background: url(../img/autox/Line.png) no-repeat 0 0 / 100% 3px;width: auto;}
            .imgcontainer {padding: 30px 0px;}
            .aboutx{padding: 0 20px;}
            .columnimg {padding-top: 20px;}
            .whyuscontainer,.awards,.footcontainer {padding: 30px 20px;}
            .whyas8 > h3{padding-bottom: 25px;}
            .whyimg{padding-top: 12px;width: 47.5%;margin-left: 5%;}
            .whycrle{width: 30px;padding: 0 4px;}
            .expshow {padding: 40px 30px 40px;}
            .expshowlst1:nth-child(3) {margin-left: 0;}
            .expshowlst1 {width: 45%;margin-left: 8.3%;}
            .ftservc > li > a{font-size: 0.8em;}
            .foot2 > h5, .foot3 > h5, .foot4 > h5{font-size: 1em;}
            .foot2{width: 55%;}
            .foot3{width: 45%;}
            .aboutx >p:last-child{display: none;}
            .servccrsl1:first-child,.servccrsl1:nth-child(2){margin-bottom: 30px;}
            .servccrsl1 {width: 47%;height: auto;margin-left: 6%;}
            .servccrsl1:nth-child(3){margin-left: 0;}
            .whyas8 {padding-top: 0;}
            .whyimgcon {padding: 20px 0 0 0;}
            .whytxt>h4 {font-size: 0.7em;}
            .whytxt>p {font-size: 0.65em;margin: 7px 0 0 0;line-height: 1.5em;hyphens: auto;}
            .whyimg:nth-child(3),.whyimg:nth-child(4){margin-bottom: 0;}
            .awrdsc2 {padding: 0 20px;}
            button.owl-prev,button.owl-next{width: 10px;height: 20px;background-size: 5px auto !important;}
            button.owl-next {background-position: 5px 0 !important;}
            .owl-nav {top: 37%;}
            .hsercontainer::after, .imgcontainer::after,.awards::after{background-size: 100% 2px;}
            .awrdsc1 {padding: 35px 0 5px;}
            .cliawds {padding: 30px 30px 0 30px;}
            .cliawds1 {width: 30%;margin-bottom: 30px;}
            .cliawds1:nth-child(3n+1){margin-left: 0;}
            .servbgk::before{background: url(../img/autox/servbg.jpg) no-repeat right / 150% auto;top: 50%;}
            #services::before{    background: url(../img/autox/servbg.jpg) no-repeat right/ 150% auto;top: 90px;bottom: 40px;}
            .foot2{width: 68%;}
            .foot3{width: 32%;}
            .foot1 > p,.call, .mail {font-size: 0.8em;}
            .ftservc > li > a {font-size: 0.7em;}
            #news {padding-top: 30px;}
            .newsrv .owl-nav {left: -10px;right: -10px;top: 40%;}
       }