/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
    .px-sm-1-25 {
        padding-left: 1.25rem!important;
        padding-right: 1.25rem!important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .brand {
        height: calc(1.375rem + 2.5vw);
    }
    .fs-md-18 {
        font-size:18px;
    }
    .mb-md-18 {
        margin-bottom: 18px;
    }
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
    .pt-lg-44 {
        padding-top: 44px;
    }
    .mb-lg-120 {
        margin-bottom: 120px!important;
    }
    .fs-lg-36 {
        font-size:36px;
    }
    .fs-lg-20 {
        font-size: 20px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .brand {
        height: calc(2rem + 2.5vw);
    }
    .features .desc {
        font-size: 2.5vw;
        margin-bottom: 80px!important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
    .container-fluid {
        padding-left: 66px;
        padding-right: 66px;
    }
    .footer .copyright p {
        font-size: calc(.7vw);
    }
    .copyright h4 {
        font-size: calc(1vw);
    }
    .footer address {
        font-size: calc(1vw + 4px);
    }
    .social  {
        font-size: calc(1vw + 4px);
    }
    .features h4 {
        font-size: 1.6vw;
    }
    .features p:not(.desc):nth-of-type(1) {
       font-size: calc(1vw + 2px);
    }
    .features p:nth-of-type(2) {
        font-size: calc(1vw + 4px);
     }
    .works-header span {
        font-size: calc(1vw + 4px);
    }
    .work-title {
        font-size: calc(1vw - 2px);
    }
    .accordion-collapse p {
        font-size: calc(1vw);
    }

    .header h1,
    .header h2 {
        font-size: calc(7vw + 5px);
    }
    .logo-top {
        font-size:56px;
    }
    .brand {
        height: unset;
    }
    .slogan {
        font-size: 3vw;
    }
    .hero h2 {
        font-size: 7vw;
    }
    .footer h2 {
        font-size: 7vw;
    }
    .footer h2 + p {
        margin-bottom:90px;
        font-size: 1.4vw;
    }
    .footer {
        padding-top:36px!important;
        padding-bottom: 54px!important;
        margin-bottom: 200px!important;
    }
    .footer .desc {
        margin-bottom:160px;
    }
    
 }




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  
    
    .copyright-logo {
        top: -32%;
        right: -23%;
    }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .bars-wrapper {
        display: none;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  
    .brand {
        height: 31px;
    }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .brand {
        height: 23px;
    }
    .features h4 {
        font-size:18px
    }
    .works .works-header,
    .works .accordion-body {
        padding-left:0;
        padding-right: 0;
    }
}

@media(max-width:510px) {
    .header p {
        font-size:22px;
    }
    .header h1, .header h2, .footer h2 {
        font-size: 7vw;
    }
    .rotating {
        max-width: 70px;
        max-height: 70px;
    }
    .hero h2 {
        font-size:36px;
    }
    .container-xxl {
        padding-left:21px;
        padding-right:21px;
    }
    .features p {
        line-height: 173%;
    }
}