@media only screen and (max-width:767px) {
    .blog-list-recent span {
        margin-right: 10px;
        width: 55px;
        height: 55px;
    }
    .date {
        margin-top: 2px;
        font-size: 11px !important;
        margin-bottom: 5px;
    }
    .top-bar{ display:none}
    .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }
    .logo-box img {
        width: 75%;
    }
    .main-slider h2 {
        font-size: 29px;
        line-height: 33px;
         
    }
    .po-b-box {
        bottom: 38px;
    }

        .po-b-box a {
            position: absolute;
            bottom: 0;
        }

    .bottom-s:before {
        height: 75%;
    }
    .bootom-box {
        position: relative;
        margin-bottom: 20px;
    }
    .form-request .pl-70 {
        padding-left: 15px;
    }
    .form-request:after{ display:none}
    .form-request:before{ width:100%;}
    .blog-list {
        margin-bottom: 20px;
    }
    .footer-min .pl-30{ padding-left:15px;}
    .footer-min .copy-one p {
        float: left;
    }
    .right.copy-one.wow.slideInUp {
        float: left;
        width: 100%;
        border-top: 1px solid #999;
    }
   .min-news p{ display:none}
    .tag-img {
        position: absolute;
        bottom: 0;
        width: 50%;
        left: 0;
    }
    .about-img {
        margin-top: 2em;
    }
    .col-md-6.pl-100 {
        padding-left: 75px;
    }
    .min-draw{ margin-bottom:30px;}
    .news-sub .btn-extended-lines {
        margin-left: 8em;
        float: left;
        margin-top: 20px !IMPORTANT;
    }
    .main-header .nav-outer{ height:1px;}
    .blog-con h3 a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }

    .blog-con h3 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }
    .text-line h1 {
       font-size: 48px !important;
    }
    .pl-70 {
        padding-left: 15px;
    }

    .pt-120 {
        padding-top: 50px;
    }
    .col-md-4 .fl-r {
        margin: 20px 0 !important;
    }
    .pr-40 {
        padding-right: 15px;
    }
    .pl-40 {
        padding-left: 15px;
    }
    .pr-0 {
        padding-right: 15px !important;
    }
    .w-min-img img{ width:100%;}
    .pl-0 {
        padding-left: 15px !important;
    }



    }
 

@media only screen and (min-width:550px) and (max-width:767px) {
    .carousel-cell {
        width: 100%;
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
   
}
@media only screen and (min-width:320px) and (max-width:557px) {
    .carousel-cell {
        width: 100%;
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
    .top-bar {
        display: none
    }  
}
@media only screen and (min-width:768px) and (max-width:991px) {
    .blog-list-recent span {
        margin-right: 10px;
        width: 55px;
        height: 55px;
    }

    .date {
        margin-top: 2px;
        font-size: 11px !important;
        margin-bottom: 5px;
    }

    .carousel-cell {
        width: 100%;
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
    .top-bar {
        display: none
    }
    .bottom-s .col-md-3 {
        max-width: 50%;
        min-width: 50%;
        margin-bottom: 30px;
    }
    .pb-90 {
        padding-bottom: 40px;
    }

    .pt-90 {
        padding-top: 40px;
    }
    .po-b-box {         
        bottom: 38px;
    }
        .po-b-box a {           
            position: absolute;
            bottom: 0;
        }
    .bottom-s:before{height:75%;}
    .pl-100 {
        padding-left: 50px;
    }
    .tag-img {
        position: inherit;
    }
    .heading-t {
        font-size: 28px;         
    }
    .min-news p{ display:none}
    .category {
        display: -webkit-box !important;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 14px;
    }
    .blog-con {
        padding: 10px;
    }
    .pt-60 {
        padding-top: 30px;
    }
    .pb-60 {
        padding-bottom: 30px;
    }
    .btn-extended-lines {
        font-size: 16px !important;
        padding: 10px 18px !important;
    }
    .ser-it{ display:none}
    .blog-con h3 a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }
    .blog-con h3 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }
    .text-line h1 {
        font-size: 75px !important;
        color: #fff;
    }
    .sub-banner {
        padding: 100px 0;
        margin-bottom: 50px;
    }
    .pl-70 {
        padding-left: 30px;
    }

    .pt-120 {
        padding-top: 10px;
    }
    p {
        font-size: 16px !IMPORTANT;
        line-height: 23px !IMPORTANT;
    }
    .about-con .tag-img {
        position: absolute;
        width: 39%;
        left: 0;
    }
    .recent {
        min-height: 625px;
    }
    .recent, .service {
        position: relative;
        overflow: hidden;
        min-height: 625px;
    }
    .pr-40 {
        padding-right: 15px;
    }
    .pl-40 {
        padding-left: 15px;
    }
    .min-w-list p {
        font-size: 15px !IMPORTANT;
    }
    .min-w-list span {
        float: left;
        margin-right: 16px;
        width: 50px;
        height: 83px;
    }
    .first-box h3 {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
    }
    .first-box img {
        width: 58px;
        margin-bottom: 20px;
    }
    .con-ser-des {
        padding-left: 10px;
        padding-right: 10px;
    }
    .min-blog-list-so .col-md-4, .min-service-list-so .col-md-4 {
        min-width: 50%;
    }
    .contact .col-md-4{ display:none}
    .contact .col-md-8 {
        min-width: 100%;
    }
    .main-header .nav-outer .mobile-nav-toggler {
        display: block;
    }
    .nav-outer .mobile-nav-toggler {
        position: absolute;
        top: 0.2em;
    }
    .main-menu .navbar-collapse {
        
        display: none !important;
    }
        .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }
    .main-menu .navigation > li {
        margin-right: 18px;
        margin-left: 0px;
    }
        .main-menu .navigation > li > a {
            font-size: 14px;
        }
    .logo-box img {
        width: 75%;
    }
            }

@media only screen and (min-width:992px) and (max-width:1349px) {
    .carousel-cell {
        width: 100%;
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
    .recent, .service {
        position: relative;
        overflow: hidden;
        min-height: 625px;
    }
    .blog-con h3 a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }

    .blog-con h3 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
        float: left;
        font-size: 19px;
    }
    .logo-box img {
        width: 75%;
    }
    .main-menu .navigation > li {
        margin-right: 18px;
        margin-left: 0px;
    }
        .main-menu .navigation > li > a {
            font-size: 14px;
        }
    
}

@media only screen and (min-width:1350px) and (max-width:1699px) {
    
    }

@media only screen and (min-width:1700px) {
    
    
}

@media only screen and (min-width:1800px) {
}