@media(min-width:2000px){
html {
    font-size: 1.25vw;
}
.button:after {
    width: 0.35rem;
    height: 0.35rem;
    border-top: 0.085rem solid #FFF;
    border-right: 0.085rem solid #FFF;
}
}


@media(max-width:1199px){
body {
    line-height: 1.85;
}
}

@media(max-width:1199px){
/********
Responsive Website
***************/
.responsive-website-body-content {
    margin-top: -3rem;
}
}

@media(max-width:1660px) {
    .why-us-list-inner {
        padding: 35px;
    }
}


@media(max-width:1399px){
/********
 Hero Banner
***************/
.hero-banner{
    min-height: 1px
}
}

@media(max-width:1399px){
/********
 Hero Banner
***************/
.header-logo {
    width: 228px;
    height:58px
}
.hero-banner-content h1 {
    margin-bottom: 15px;
}
.hero-banner-description {
    margin-bottom: 8px;
}
}

@media(max-width:1299px) {
    .why-us-list-inner {
        padding: 24px;
    }
}

@media(max-width:991px){

/********
 Hero Banner
***************/
.hero-banner-container {
    height: 600px;
}

.aviation-wrapper .hero-banner-container {
    height: 100%;
}


/********
WHY US
***************/
.why-us-section h2 {
    margin-bottom: max(30px, 6.833vw);
}
 .why-us-list {
    width: 100%;
    margin-bottom: 1.75rem;
}

/********
Responsive Website
***************/
.responsive-ipad-view {
    width: 71.417vw;
}


/**** Footer ****/
.container-footer{
    max-width: 720px
}
.footer-service {
    width: 24rem;
}
.footer-service li:nth-child(odd),
.footer-service li:nth-child(even){
    width: 50%;
}
.footer-col-3 {
    width: 7rem;
}
}



@media(max-width:767px){
    body {
        line-height: 1.75;
    }

    .read-more span.read-more-circle {
        width: 100%;
        height: 100%;
    }

    .read-more span.read-more-icon {
        right: 11.5%;
    }

    /********
    BANNER
    ***************/
    .header-logo {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-banner-content {
        width: 100%;
        height: auto;
        padding-top: 100px;
    }
    .automotive_v2-wrapper .hero-banner-content,
    .beauty .hero-banner-content {
        padding-top: 60px;
    }
    .hero-banner-container {
        height: 100svh;
        padding-left: 30px;
        padding-right: 30px;
        text-align: center;
    }
    .hero-banner-description {
        width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
    .hero-banner-description br {
        display: none;
    }
    .hero-image-group {
        transform: translate(-45px, 40px);
    }
    .hero-image-1 {
        right: 100px;
        bottom: -105px;
        width: 340px;
        height: 216px;
    }
    .hero-image-2 {
        right: -232px;
        bottom: 32px;
        width: 340px;
        height: 216px;
    }
    .hero-image-3 {
        width: 457px;
        height: 235px;
        bottom: 229px;
        right: -155px;
    }


    /********
    Responsive Website
    ***************/
    .responsive-website-behind-bg {
        width: 86%;
        left: 7%;
    }
    .responsive-website-group-images {
        padding-top: 55px;
        padding-bottom: 125px;
        margin-right: 0;
    }
    .responsive-ipad-view {
        transform: translateX(0);
        width: auto;
        margin-left: 2rem;
        margin-right: 2rem;
        padding-bottom: 76%;
    }
    .responsive-mobile-view {
        width: 30%;
        position: absolute;
        right: 60px;
        padding-bottom: 62.85%;
        top: 17%;
    }

    /**** Testimonial ****/
    .testimonial-list-content {
        line-height: 31px;
    }

    .client-testimonial-section {
        padding-top: 180px;
    }

    .client-testimonial-title {
        top: 60px;
    }

    /**** Footer ****/
    .site-footer {
        font-size: 18px;
        padding-top: 70px;
        padding-bottom: 45px;
        padding-left: 15px;
        padding-right: 15px
    }
    .footer-list li:last-child{
        margin-bottom: 0
    }
    .footer-social {
        text-align: left;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-col-2 {
        margin-bottom: 40px;
    }
    .footer-col-3 {
        width: 100%;
        font-size: 17px;
    }
    .footer-col-1{
        display: none
    }
    .footer-row {
        flex-direction: column;
        text-align: center;
    }
}


@media(max-width:675px){
/********
 Primarily Focused
***************/
.primarily-focused-lists {
    display: table;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-10px);
}
.primarily-focused-lists>div:nth-child(odd),
.primarily-focused-lists>div:nth-child(even){
    width: 100%;
    max-width: 100%;
}

}

@media(max-width:575px){
body {
    line-height: 1.625;
}

.hero-banner-description {
    width: unset;
}

/**** Responsive Website Section ****/
.responsive-website-section{
    margin-left: 15px;
    margin-right: 15px;
}
.responsive-ipad-view {
    margin-left: 0;
    margin-right: 0;
}
.responsive-mobile-view {
    right: 35px;
    top: 32%;
}
.responsive-website-body-content{
    padding-left: 16px;
    padding-right: 16px
}

/**** CRAFT BEAUTIFUL WEBSITE ****/
.craft-website-section{
padding-left: 0;
padding-right: 0;
padding-bottom: 80px;
}
.craft-website-image-1,
.craft-website-image-3 {
    width: 54.219vw;
    bottom: -75px;
    padding-bottom: 66.5%;
    border-radius: 10px;
}
.craft-website-image-2 {
    width: 78.417vw;
    padding-bottom: 97%;
    border-radius: 10px;
    position: relative;
    top: 37vw;
}
.craft-website-group {
    margin-top: -32vw;
}
.craft-behind-bg {
    bottom: 10%;
}
.craft-website-image-1 {
    left: -22vw;
}
.craft-website-image-3 {
    right: -22vw;
}
.craft-website-sub-title {
    max-width: 220px;
}
.read-more-holder{
    opacity: 0;
    visibility: hidden;
}
}




@media(max-width:479px){
    .button:after {
    margin-left: 0.45rem;
}



 /**** YOUR GOAL ****/
 .hit-your-goal-description{
     display: none
 }
 .hit-your-goal .button{
     margin-top: 36px
 }
}

@media(max-width:399px){
 /**** HERO BANNER ****/
 .hero-image-3 {
    width: 410px;
    height: 204px;
    bottom: 236px;
    right: -155px;
}
.hero-image-1 {
    right: 97px;
    bottom: -102px;
}
}



@media(max-width:379px){

/**** Responsive Website Section ****/
 .responsive-website-body-content h2 {
    font-size: 45px;
}

/********
CRAFT BEAUTIFUL WEBSITE
***************/
.craft-website-main-title {
    font-size: 15.75vw;
}
.craft-website-title {
    font-size: 10vw;
}
}




@media(max-width:374px){
    .button{
        font-size: 14px;
        letter-spacing: 1px
    }

  /********
 BANNER
***************/
.hero-banner-content h1 {
    font-size: 45px;
}
.hero-image-group {
    transform: translate(0, 40px);
}

  /********
 Primarily Focused
***************/
  .primarily-focused-lists {
    --bs-gutter-x: 0;
}
.primarily-focused-title {
    font-size: 26px;
}
 .container-primarily-focused {
    max-width: 80%;
}
.primarily-focused-lists{
    transform: none
}

 /********
 WHY US
***************/
 .why-us-section h2{
     font-size: 30px
 }
 .why-list-title {
    font-size: 20px;
}
.why-us-list-inner {
    padding: 25px
}

 /**** Footer ****/
 .footer-col-3 {
    font-size: 15px;
}
.footer-list li {
    margin-bottom: 1.3rem;
}


  /**** YOUR GOAL ****/
.container-goal {
    padding-right: 25px;
    padding-left: 25px
}
}


