@media(min-width: 220px) and (max-width: 767px) {
    body {
        font-size: 15px;
    }
    p {
        font-size: 15px;
    }
    .logo-slide {
        padding: 8px 6px 8px 10px;
    }
    .logo img {
        width: 280px;
    }
    .padding-bottom {
        padding-bottom: 1.5rem;
    }
    .padding-top {
        padding-top: 1.5rem;
    }
    .margin-top {
        margin-top: 1rem;
    }
    h4 {
        font-size: 20px;
    }
    .logo img {
         margin-right: 5px;
        display: inherit;
    }
    .logo a p {
        font-size: 18px;
        margin: 0;
        display: inline-table;
    }
    .logo a p span {
        font-size: 9.2px;
        display: block;
        margin-top: -2px;
    }
    .logo {
        width: 77%;
        display: inline-block;
    }
    .footer-logo a p {
        font-size: 18px;
        margin: 0;
        display: inline-table;
    }
    .footer-logo a p span {
        font-size: 9.2px;
        display: block;
        margin-top: -2px;
    }
    .slide__content {
        padding:0 18px 10px;
    }
    .wec-spn .slide__content{
        
        padding-top:10px;
         padding-bottom:10px;
    }
    .slide__content p {
        font-size: 25px;
    }
    .slider-title span,
    .slider-title {
        font-size: 17px;
       /** margin-top: 0.5rem;
        margin-bottom: 0.5rem;**/
        line-height: 30px;
        padding: 10px 0;
    }
    .slide__content>span:last-child {
        font-size: 14px;
        
    }
  
    .carousel-item img {
        height: 300px;
        min-height: auto;
    }
    .carousel-img {
        height: 300px;
    }
    .carousel-prev, .carousel-next{
            width: 35px;
        height: 35px;
    }
    .carousel-prev i, .carousel-next i {
        font-size: 19px;
        line-height: 35px;
    }
    .carousel-control-next {
        right: 35%;
    }
    .carousel-control-prev {
        left: 28%;
    }
    button:focus {
        outline: none;
    }
    .cpy-right {
        display: block;
    }
    .heading span::before {
        right: -3px;
    }
    .project .heading {
        display: block;
    }
    .heading h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .get-in-touch ul li p,
    .get-in-touch ul li a {
        font-size: 15px;
    }
    .about-build-text::after {
        top: -10%;
        left: 0%;
    }
    .dream-section {
        padding-bottom: 3rem;
    }
    .line-web {
        width: 30px;
        height: 3px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 5px 0;
        font-size: 16px;
        margin: 0px;
    }
    .build-text {
        padding: 0 20px;
        width: 100%;
        padding-bottom: 30px;
    }
    .builder-section:before {
        display: none;
    }
    .build-text p {
        font-size: 14px;
        padding: 0px;
    }
    .builders-box h4 {
        font-size: 20px;
    }
    .heading {
        padding-bottom: 10px;
    }
    .services-boxs {
        padding: 30px;
        text-align: left;
    }
    .services-build-img img {
        height: 580px;
    }
    .certificate-text p {
        font-size: 12px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -6rem;
        position: relative;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -6rem;
        position: relative;
    }
    .project-detail-slider.owl-theme .owl-nav {
        bottom: 7rem;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
    }
    .owl-carousel .owl-nav button.owl-prev i,
    .owl-carousel .owl-nav button.owl-next i {
        line-height: 35px;
        font-size: 17px;
    }
    .footer {
        padding-top: 4rem;
    }
    footer .nav li a {
        padding: 5px 5px;
        font-size: 16px;
    }
    footer .nav {
       
        float: inherit;
        justify-content: center;
    }
    .follow {
       /** justify-content: center;**/
  
    }
    .footer-logo {
        /**justify-content: center;**/
    }
    .follow-footer {
    padding-top: 1rem;
}
    .project-blog {
        width: 100%;
    }
    .project-slider .item img {
        width: auto;
        height: 340px;
    }
    .get-in-touch ul {
        display: inline-block;
    }
    .get-in-touch ul li {
        padding-left: 0px;
        margin-top: 10px;
    }
    .form {
        margin-bottom: 20px;
    }
    .menu-links ul {
        padding: 10px 15px;
    }
    .reputation-section {
        padding-bottom: 5rem;
    }
    .slider-block {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }
    .slider-block h1 {
        font-size: 35px;
    }
    .img-text-project {
        left: 3%;
    }
    .naics-codes-table table tr td:first-child {
        padding-left: 1rem;
    }
    .naics-codes-table table tr:first-child td {
        padding-top: 1rem;
    }
    .naics-codes-table table tr:last-child td {
        padding-bottom: 1rem;
    }
    .certificate {
        padding: 10px 10px;
        top: -8rem;
    }
    .home-slider {
        height: 300px;
    }
    .home-slider .item {
        height: 300px;
    }
    .home-slider .item img {
        min-height: 300px;
    }
    .services-section .services-boxs {
        text-align: left;
    }
    .carousel-caption {
        top: calc(50% - 3.5rem);
    }
    .home-slider .item img {
        height: auto;
        width: 100%;
        min-height: 420px;
    }
    .home-slider {
        height: auto;
    }
    .about-img-box {
        width: auto;
    }
    #top {
        width: 40px;
        height: 40px;
    }
    #top i {
        line-height: 40px;
        font-size: 16px;
    }
    .about-build {
        margin-top: 0px;
    }
    .about-build::before {
        display: none;
    }
    .project-detail-box h5 {
        font-size: 18px;
    }
    .about-build,
    .about-build img {
        height: auto;
    }
    .project-detail-slider .item {
        height: 269px;
    }
    .project-detail-slider .item img {
        height: 269px;
    }
    .project-detail-box {
        padding: 9px 9px;
    }
    .project-detail-box p {
        font-size: 13px;
    }
    .modal-dialog .close {
        width: 30px;
        height: 30px;
        top: 3px;
        right: 4px;
        font-size: 25px;
    }
    .naics-codes-section {
        padding-bottom: 4rem;
    }
    .img-text-project {
        bottom: 5%;
        padding: 10px 10px;
    }
    .footer-section h4{
        
   margin-bottom: 0.8rem;
    margin-top: 2.2rem;
    }
      .xl-con-box-contain{
       min-height: auto;
    }
}

@media(min-width: 767px) and (max-width: 992px) {
    .slide__content {
        left: 5%;
        top: 25%;
        width: 90%;
    }
      .xl-con-box-contain{
       min-height: auto;
    }
    .llc-img-box::before {
        width: 96%;
    }
    .build-text {
        width: 90%;
        padding: 0 19px;
        top: 2%;
    }
  
    .project-blog {
        width: 90%;
    }
    .get-in-touch ul li p,
    .get-in-touch ul li a {
        font-size: 16px;
    }
    .get-in-touch ul li {
        padding-left: 0px;
    }
    footer .nav li a {
        font-size: 14px;
        padding: 10px 6px;
    }
    .services-build-img {
        padding: 15px 0px;
        margin-bottom: 20px;
    }
    .builder-section:before {
        height: calc(45% - 15rem);
    }
    .padding-bottom {
        padding-bottom: 3.5rem;
    }
    .padding-top {
        padding-top: 3.5rem;
    }
    .project-slider .item img {
        height: 350px;
    }
    .slide__content p {
        font-size: 56px;
        margin-bottom: 0px;
        font-weight: 600;
    }
    .slider-title span,
    .slider-title {
        font-size: 45px;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
        line-height: 60px;
        padding: 14px 0;
    }
    .slide__content>span:last-child {
        font-size: 20px;
        margin-top: 1rem;
        display: block;
        font-weight: 600;
    }
    .carousel-item img {
        height: auto;
        min-height: auto;
    }
    .carousel-img {
        height: auto;
    }
    .about-build-text::after {
        display: none;
    }
    .about-build {
        margin-top: 2%;
    }
    .about-build-text .heading {
        width: 100%;
    }
    .dream-section {
        padding-bottom: 0px;
    }
    #portfoliolist .portfolio {
        width: 29%;
    }
    .heading h2 {
        font-size: 35px;
    }
    .footer-logo a p{
            font-size: 22px;
    }
    .footer-logo a p span {
    font-size: 10.8px;
        
    }
}

@media(min-width: 220px) and (max-width: 992px) {
    .logo img {
        display: inherit;
    }
    .logo a p {
        margin: 0;
        display: inline-table;
    }
    .logo a p span {
        display: block;
        margin-top: -2px;
        
    letter-spacing: normal;
    }
    .logo {
        display: inline-block;
    }
    /*  */
    .logo-slide {
        text-align: left;
        width: 100%;
        display: flex;
    }
    .logo-slide button {
        transform: translateY(2px);
    }
    .our-speciallization-content{
        
        height:420px;
    }
    .logo {
        width: 88%;
        display: inline-block;
    }
    .nav-contect {
        display: none;
    }
    .nav-contect,
    nav.stroke ul li a:after,
    nav.fill ul li a:after {
        display: none;
    }
    .menu-links {
        width: 100%;
        height: auto;
    }
    .navigation {
        background-image: none;
        background-color: #ffffff;
    }
    .menu-links ul {
        align-items: flex-start;
    }
}

@media(min-width: 991px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0 12px;
        font-size: 16px;
    }
    .menu-links ul {
        padding: 10px 10px;
    }
    .build-text {
        width: 100%;
        padding: 0 20px;
    }
    .our-speciallization-content {
        padding: 15px;
        border: 13px solid #f1f1f1;
    }
}

@media(min-width: 993px) {
    .fix {
        box-shadow: rgba(50, 50, 50, 0.06) 0px 5px 10px 0px;
    }
    .fix .menu-links ul {
        padding: 10px 30px;
    }
    .fix .nav-contect {
        padding: 5px 20px;
    }
    .fix .navbar-expand-lg .navbar-nav .nav-link,
    .fix .nav-contect p {
        font-size: 16px;
    }
    .fix .logo a p {
        font-size: 26px;
    }
    .fix .logo a p span {
        font-size: 13.5px;
        margin-top: -16px;
             letter-spacing:  0;  
    }
    .fix .logo img {
        width: 320px;
    }
}

@media(min-width: 1100px) and (max-width: 1300px) {
    .logo a p span {
        font-size: 13px;
    letter-spacing: normal;
    }
    .logo a p {
        font-size: 25px;
    }
}
@media(min-width: 991px) and (max-width: 1099px) {
    .logo a p span {
        font-size: 13px;
    }
    .logo a p {
        font-size: 25px;
    }
    .navigation {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 39%, #111 4%);
}
}