@media screen and (min-width:1710px) {
     .servicesBg {
         padding: 30px 50px 60px 60px;
    }
     .servicesBg h2 {
         font: Bold 60px/73px Barlow;
    }
     .servicesBg>ul>li {
         color: #fff;
         font-size: 24px;
         list-style: none;
         line-height: 46px;
    }
     .specialize {
         height: 600px;
    }
     .specialize>h2 {
         font-family: Barlow;
         font-weight: 900;
         font-size: 90px;
         margin-top: 5px;
         line-height: 90px;
    }
     .specialize>p {
         font: 40px/52px Barlow;
    }
     .servicesIcons>ul>li>img {
         width: 30px;
         height: 30px;
    }
     .servicesIcons>ul>li {
         margin-right: 35px;
    }
     .servicesIcons {
         margin-top: 2.5rem;
    }
     .bannerText>h1 {
         font-size: 100px;
         line-height: 98px;
         margin-top: 165px;
    }
     .bannerText img {
         width: 110px;
    }
     .bannerText {
         margin-left: 6rem;
    }
     ul.topNavigation>li.nav-item {
         font-size: 18px;
    }
     .caseStudyAfter:after {
         right: -100px;
         width: 300px;
         height: 300px;
         top: 40px;
    }
     .caseStudy, .uxWorkshop {
         padding: 120px 0px 70px !important;
         position: relative;
    }
     .caseStudy>.col-sm-12>h2, .uxWorkshop>.col-sm-12>h2 {
         font-family: Barlow;
         font-size: 65px;
         line-height: 63px;
    }
     .caseStudy>.col-sm-12>a {
         font-size: 20px;
    }
     .knowMore {
        font-size: 35px;
    }
     .quickRideUi .domusDiv {
         font-size: 14px;
         width: 40%;
    }
     .quickRideEffect:hover .domusDiv {
         font-size: 14px;
    }
     .quickRideEffect:hover .domusDiv {
         width: 40%;
    }
     .ourClients>.col-sm-12>ul>li>img {
         width: 150px;
    }
     .quvarText h2{
        margin-top: 40px;
         margin-bottom: 30px;
    }
     .ourClients>.col-sm-12>h3 {
         font: Bold 60px/73px Barlow;
    }
     .testimonailBg>.col-sm-12>p {
         font-size: 32px;
    }
     .testimonailBg>.col-sm-12>h2 {
         font-size: 100px;
    }
     .tesimonalUi>p {
         font-size: 32px;
         line-height: 36px;
    }
     .tesimonalUi>small {
         font-size: 100%;
    }
     .testimonailBg>img {
         right: -200px;
         top: 200px;
    }
     .testimonailBg {
         padding: 90px 0 100px;
    }
     .qualityWork>div {
         font-size: 60px;
         line-height: 60px;
    }
     .emailPhone {
         margin-top: 200px !important;
    }
     .emailPhone div h3 {
        font-size: 45px;
    }
     .emailPhone div a{
         font-size: 25px;
    }
     .qualityWork {
         padding: 150px 48px;
    }
     .navbar-brand {
         margin-left: 0.5rem;
    }
     .quickRideUi .domusDiv {
         margin-top: 150px !important;
    }
     .quickRideEffect:hover .domusDiv {
         margin-top: 130px !important;
    }
}
 @media screen and (min-width:1400px) {
     .container-full {
         padding: 0 5%;
         margin: 0 auto;
         max-width: 100%;
    }
     .caseStudy, .uxWorkshop {
         padding: 110px 0px 60px;
         position: relative;
    }
     .gmrBackground, .quickRide, .rugged, .quickrideWork {
         position: relative;
         height: 500px;
    }
     .quickrideWork {
        height:1000px;
    }
     .gmrUi>h2 {
         font-size: 66px !important;
         line-height: 62px !important;
    }
     .gmrUi {
         padding: 130px 0px 0px 80px;
    }
     .quickRideUi>h2, .quvareUI>h2 {
         font-size: 75px !important;
         font-weight: 700;
    }
     .workShopAfter:after {
         right: -90px;
         width: 300px;
         height: 300px;
         top: 62px;
    }
     .largeseeMore {
         margin-top: 150px !important;
    }
     .domusText {
         margin-top:135px;
    }
     .quickrideText {
         margin-top:190px;
    }
    .quickrideWork .quickrideText {
         margin-top:100px;
         margin-left:26px; 
    }
     .mobileImg {
         margin-left: 50px;
    }
}
 @media screen and (min-width:1650px) {
     .container-full {
         padding: 0 5%;
         margin: 0 auto;
         max-width: 100%;
    }
     .mobileImg {
         width: 60%;
         margin-left: 0px !important;
    }
     .caseStudy, .uxWorkshop {
         padding: 95px 0px 70px;
         position: relative;
    }
     .gmrBackground, .quickRide, .rugged {
         position: relative;
         height: 600px;
    }
     .quickrideWork{
         position: relative;
         height: 100%;
    }
     .gmrUi>h2 {
         font-size: 78px !important;
         line-height: 72px !important;
    }
     .gmrUi {
         padding: 220px 0px 0px 80px;
    }
     .quickRideUi>h2, .quvareUI>h2 {
         font-size: 76px !important;
         font-weight: 700;
         line-height: 72px !important;
    }
     .quickRideUi .domusDiv {
         margin-top: 120px;
    }
     .quickRideEffect:hover .domusDiv {
         margin-top: 100px;
    }
}
 @media screen and (min-width:1280px){
}
 @media screen and (max-width: 1400px) {
     .container-full {
         padding: 0 5%;
         margin: 0 auto;
         max-width: 100%;
    }
     .navbar-brand {
         margin-left: 2rem;
    }
     .topQuvareDiv {
         height: 100px;
    }
}
 @media screen and (max-width: 1280px) {
     .container-full {
         padding: 0 2%;
    }
     .bannerText {
         margin-left: 1.5rem;
    }
     .servicesBg {
         padding: 15px 50px 30px 20px;
    }
     .specialize {
         padding-left: 20px;
    }
     .tesimonalUi {
         width: 60%;
    }
     .testimonailBg {
         height: auto;
    }
     .navbar-brand {
         margin-left: 0.3rem;
    }
     .mobileImg {
         position: absolute;
         right: 0;
         width: 100%;
    }
}
 @media screen and (max-width: 1280px) {
     .mobileImg {
         position: absolute;
         width: 50%;
         left:50px;
    }
}
 @media (min-width:992px) and (max-width:1100px) {
     .gmrUi {
         padding: 100px 0px 0px 40px;
    }
     .mobileImg {
         width: 70% !important;
    }
}
 @media (max-width:992px) {
     .container-full {
         padding-left: 20px;
         padding-right: 20px;
    }
     .mobileImg {
         width: 100% !important;
         margin-top: 50px;
    }
}
 @media (min-width:768px) and (max-width:991px) {
     .bannerImg {
         
    }
    .ipWrapper{padding-bottom:30px;}
     .bannerText {
         margin-left: 1.2rem;
    }
     .bannerText>h1 {
         font-size: 60px;
         margin-top: 4rem;
         line-height: 60px;
    }
     .servicesBg {
         padding: 15px 53px 30px 40px;
    }
     .specialize {
         padding-left: 40px;
         height:auto;
    }
}
 @media (min-width:767px){
     .mobileNavigation {
        display: none;
    }
}
 @media (max-width:767px) {
     .hamburger {
         padding: 0px;
         display: inline-block;
         cursor: pointer;
         transition-property: opacity, filter;
         transition-duration: 0.15s;
         transition-timing-function: linear;
         font: inherit;
         color: inherit;
         text-transform: none;
         background-color: transparent;
         border: 0;
         margin-top: 8px;
         overflow: visible;
         position: fixed;
         z-index: 10;
         right: 40px;
    }
     .hamburger-box {
         width: 20px;
         height: 20px;
         display: inline-block;
         position: relative;
    }
     .hamburger-inner {
         display: block;
         top: 50%;
         margin-top: -2px;
    }
     .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
         width: 20px;
         height: 2px;
         background-color: #ffffff;
         border-radius: 4px;
         position: absolute;
         transition-property: transform;
         transition-duration: 0.15s;
         transition-timing-function: ease;
    }
     .hamburger-inner::before, .hamburger-inner::after {
         content: "";
         display: block;
    }
     .hamburger-inner::before {
         top: -7px;
    }
     .hamburger-inner::after {
         bottom: -6px;
    }
     .hamburger:hover {
         opacity: 0.7;
    }
     .hamburger.is-active:hover {
         opacity: 1;
    }
     .hamburger--arrow.is-active .hamburger-inner::before {
         transform: translate3d(-25px, 0, 0) rotate(-45deg) scale(1, 1.2);
    }
     .hamburger--arrow.is-active .hamburger-inner::after {
         transform: translate3d(-25px, 0, 0) rotate(45deg) scale(1, 1.2);
    }
     .hamburger--arrow .hamburger-inner > p {
         display: none;
         color: #fff;
         transform: translate3d(0px, 0, 0);
         position: relative;
         top: -12px;
         left:22px;
    }
     .hamburger--arrow.is-active .hamburger-inner>p {
         display: block;
         transform: translate3d(-25px, 0, 0);
    }
     .hamburger--arrow.is-active .hamburger-inner {
         transform: translate3d(-5px, 0, 0) rotate(0) scale(1, 1);
         background: #0F0F0F;
    }
     .mobileNavigation {
         width:100%;
         height: 100vh;
         background-color: #0F0F0F;
         position: fixed;
         z-index: 9;
         transition: 0.5s;
         display: none;
    }
    
     .side-nav-show {
         display: block;
    }
     .mobileNavigation ul {
         margin-top: 60px;
    }
.dropdown-menu {position:relative !important;}
     .mobileNavigation ul li {
         text-align: center;
         margin-bottom: 20px;
         list-style: none;
    }
     .mobileNavigation ul li a {
         font-size: 30px;
         font-weight: 700;
         color: #fff;
    }
    
     .qualityWork>div {
         width:100%;
    }
     .testimonailBg {
         height: auto;
    }
     .footerWidth {
         width: 84%;
         margin: auto;
    }
     .seeMoreUi {
         height: 300px;
    }
     .seeMoreWork>h2 {
         margin-top: 0;
    }
}
 @media (min-width:576px){
     .dasktopDisplayNone {
         display: none;
    }
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
   { 
    .owl-stage{left:-30px !important;}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
   { 
    .owl-stage{left:-30px !important;}
}
 @media (min-width:576px) and (max-width:767px) {
     .bannerImg {
         
    }
    .ipWrapper{padding-bottom:30px;}
     .bannerText {
         margin-left: 1.2rem;
    }
     .bannerText>h1 {
         font-size: 60px;
         margin-top: 4rem;
         line-height: 60px;
    }
     .servicesBg {
         padding: 15px 53px 30px 40px;
    }
     .specialize {
         padding-left: 40px;
    }
     .emailPhone {
         margin-left: 40px;
         margin-top: 60px;
         margin-bottom: 60px;
    }
     footer {
         padding: 60px 0 60px;
    }
     .ourClients>.col-sm-12>ul>li {
         display: inline-block;
         width: 48%;
         margin-bottom: 60px;
    }
     .ourClients>.col-sm-12>h3 {
         margin: 50px 0 60px;
         text-align: center;
    }
     .ourClients {
         padding-bottom: 50px;
    }
     .mbTextCenter {
         text-align: center;
    }
     .headerbg {
         position: fixed;
         width: 100%;
         z-index: 9;
    }
     main {
         padding-top:100px;
    }
     .mobileImg {
         right: 50px;
    }
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
      .bannerImg {
         height: 600px;
    }
}

 @media (max-width:575px) {
     .mbTextCenter {
         text-align: center;
    }
     .bannerImg {
         height: 472px;
    }
     .bannerText>h1 {
         font-size: 40px;
         margin-top: 5rem;
         line-height: 50px;
    }
    .play-yt{background-size:50%; width:95px; height:95px;margin-top:.75rem !important;}
     .bannerText {
         margin-left: 1.5rem;
    }
     .servicesBg {
         padding: 15px 20px 30px 40px;
    }
     .bannerText img {
         width: 55px;
         margin-top: 1.5rem;
    }
     .specialize {
         padding-left: 40px;
    }
     .emailPhone {
         margin-left: 75px;
         margin-top: 60px;
         margin-bottom: 60px;
    }
     footer {
         padding: 60px 0 0px;
    }
     .ourClients>.col-sm-12>ul>li {
         display: inline-block;
         width: 48%;
         margin-bottom: 60px;
         text-align: center;
    }
     .ourClients>.col-sm-12>h3 {
         margin: 50px 30px 60px;
         text-align: left;
         font-weight: 600;
    }
     .ourClients {
         padding-bottom: 50px;
    }
     .tesimonalUi>p {
         font-size: 16px;
         line-height: 22px;
    }
     .tesimonalUi {
         width: 90%;
         margin: 50px auto;
    }
     .testimonailBg>.col-sm-12>h2 {
         font-size: 44px;
    }
     .tesimonalUi > small {
         display: none;
    }
     .testimonailBg {
         background: rgba(24, 128, 219, 1);
         background: -moz-linear-gradient(top, rgba(24, 128, 219, 1) 0%, rgba(190, 17, 184, 1) 100%);
         background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(24, 128, 219, 1)), color-stop(100%, rgba(190, 17, 184, 1)));
         background: -webkit-linear-gradient(top, rgba(24, 128, 219, 1) 0%, rgba(190, 17, 184, 1) 100%);
         background: -o-linear-gradient(top, rgba(24, 128, 219, 1) 0%, rgba(190, 17, 184, 1) 100%);
         background: -ms-linear-gradient(top, rgba(24, 128, 219, 1) 0%, rgba(190, 17, 184, 1) 100%);
         background: linear-gradient(to bottom, rgba(24, 128, 219, 1) 0%, rgba(190, 17, 184, 1) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1880db', endColorstr='#be11b8', GradientType=0);
         padding: 80px 0 0px;
         height:auto;
    }
     .testimonailBg>img {
         position: relative;
         width: 100%;
         right: 0px;
    }
     .mb-display-none{
        display: none;
    }
     .qualityWork {
         padding: 100px 0px;
    }
     .tesimonalUi>p::before {
         right: -20px;
    }
     .tesimonalUi>p::after {
         left: 16px;
    }
     .qualityWork>div {
         width: 75%;
    }
     .lightBlackBg {
         width: 90%;
         margin: auto;
         margin-top: -36px;
    }
    .lightBlackBgWork {
         width: 100% !important;
         margin: auto;
         margin-top: 0px !important;
    }
     .footerWidth {
         margin: auto;
         text-align: left;
    }
     ul.footerLink li {
         display: block;
         margin-bottom: 15px;
    }
     .paddingBottomFooter {
         padding-bottom: 50px;
    }
     .mobileDarkBg {
         background-color: #0f0f0f;
         margin-top: -5px;
    }
     .gmrBackground:after {
         background-position: center;
    }
     .moneMileyBg:after {
         background-position: 8% !important;
    }
     .gmrUi {
         padding: 100px 0px 0px 20px;
    }
     .gmrUi>h2 {
         font-size: 65px;
         line-height: 62px;
        ;
    }
     .quvareIcon {
         width: 12%;
    }
     .seeMoreUi {
         height: 300px;
    }
     .seeMoreWork>h2 {
         margin-top: 20px;
         margin-left: 10px;
    }
     .moneyMile{
         background: rgb(0, 0, 0) !important;
    }
     .caseStudy>.col-sm-12>h2, .uxWorkshop>.col-sm-12>h2 {
         font-size: 42px;
    }
     .caseStudyAfter:after, .workShopAfter:after {
         right: -90px;
    }
     .headerbg{
        padding: 0;
    }
     .ourClients>.col-sm-12>ul>li:last-child img {
         width: 165px;
    }
     .navbar-brand {
         margin-left: 0.2rem;
    }
     .testimonailBg>img {
         top: 50px;
    }
     .headerbg {
         position:fixed;
         width:100%;
         z-index: 9;
    }
     main {
         padding-top: 0px;
    }
     .mobileImg {
         position: absolute;
         right: -50px;
         width: 50% !important;
         margin-top: -40px;
         left: auto;
    }
     .quickImg {
         margin: 30px 0 0 40px;
    }
     .seeMoreWork>h2 {
         line-height: 50px;
    }
     .seeMoreHover img {
         margin-right: 20px;
         margin-top: -70px;
    }
}
 @media (max-width:350px) {
     .container-full {
         padding-left: 0px;
         padding-right: 0px;
    }
     .bannerText {
         margin-left: 0rem;
    }
     .workbg .bannerText{
         margin-left: 1rem;
    }
     .servicesBg {
         padding: 15px 20px 30px 20px;
    }
     .specialize {
         padding-left: 20px;
    }
     .ourClients>.col-sm-12>ul>li:last-child img {
         width: 150px;
    }
     .navbar-brand {
         margin-left: 0.2rem;
    }
     .hamburger {
         right: 20px;
    }
     .testimonailBg>img {
         top: 40px;
    }
     .quickSpan {
         margin: 35px 0 0 0px;
    }
     .gmrBackground span, .quickRide span, .rugged span, .quickrideWork span {
         right: 15px;
    }
     .domusLablesWrap, .quickLablesWrap {
         padding-right: 15px;
    }
     .navbar-brand img{
         width: 180px;
    }
     .emailPhone {
         margin-left: 55px;
    }
     .quickImg {
         margin: 30px 0px 0 20px;
    }
     .tesimonalUi {
         width: 90%;
         margin: 50px auto 70px;
    }
     .tesimonalUi>p::before {
         right: 0px;
         bottom: -81px;
    }
     .testimonailBg {
         padding: 50px 0 30px;
    }
     .testimonailBg>.col-sm-12>h2 {
         font-size: 32px;
    }
}