.container {
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.row {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}
@media (min-width: 576px) {
    .more-information {
        width: 35%;
    }
}


@media (min-width: 768px) {

    .menu__items li:hover > .sub-menu {
        transform: scale(1, 1);
        opacity: 1;
        transition: 0.1s;
    }
    .mobile .menu__items li:hover > .sub-menu {
        position: relative;
        top: 11px;
    }
    .mobile .menu__items li:hover {
        padding: 1rem 0 0;
    }
    .mobile .menu .sub-menu li.menu-item a {
        padding: 1rem 2rem 0 !important;
    }
    .mobile .menu__items li:hover .menu-item-has-children:after {
        border: none;
    }
    .menu .menu-item:hover > a {
        color: #71cbcb;
    }
    .menu-item a:before {
        content: "";
        background-color: #71cbcb;
        height: 0.3rem;
        border-style: solid;
        border-width: 0;
        border-radius: 0;
        right: 0.2rem;
        left: auto;
        position: absolute;
        bottom: 8px;
        width: 0;
        transition: 0.3s;
        transform-origin: right;
    }
    .mobile .menu ul li {
        padding: 1rem 0;
    }
    .menu .menu-item {
        padding: 0 0 1rem 0;
    }

    .mobile .sub-menu .sub-menu {
        position: absolute;
        top: 43px;
        margin-right: 0;
        margin-top: 0;
    }

    .mobile .sub-menu li.menu-item {
        display: initial;
    }
    .mobile .menu ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
    }
    .mobile .menu ul li {
        width: 100%;
        border-bottom: 1px solid #989898;
        transition: 0.3s;
    }
    .mobile .menu ul li a {
        background-color: transparent;
        padding: 1rem 2rem 0;
        color: #f0f0f0;
    }
    .menu-item .sub-menu {
        margin-top: 1rem;
        padding: 0;
        color: #ddd;
        background: #038883;
        position: absolute;
        border-radius: 0.5rem;
        width: 20rem;
    }
    .sub-menu .sub-menu {
        margin-right: 100%;
        position: absolute;
        right: 0;
        margin-top: -0.6rem;
        width: 100%;
    }
    .sub-menu {
        transform: scale(1, 0);
        transition: 0.5s;
        opacity: 0;
        transform-origin: top;
    }
    .mobile .menu .active {
        background-color: #038883;
    }
    .mobile .menu .active a {
        color: #191919;
    }

    .sub-menu li.menu-item {
        padding: 0.5rem 1rem;
        border-bottom: 0.1rem solid;
        border-bottom: 0.1rem #959595 solid;
        transition: 0.3s;
        display: flex;
    }

    .menu-btn {
        display: none;
    }
    .menu {
        display: block !important;
    }

    .more-information {
        width: 40%;
    }

    .banner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .screen {
        width: 363px;
    }
}


@media (min-width: 992px) {

    .more-information {
        width: 35%;
    }
    .articles aside {
        width: 33%;
        margin-right: 2rem;
    }
    .content-single {
        width: 70%;
    }

    .related-content {
        flex-wrap: nowrap;
    }
}


@media (min-width: 1200px) {
    .more-information {
        width: 25%;
    }
    .banner {
        flex-wrap: nowrap;
        justify-content: start;
    }
    .screen {
        width: 300px;
    }
    .card {
        width: 60%;
    }
    .banner .left {
        width: 40%;
    }

    .articles aside {
        width: 25%;
        margin-right: 2rem;
    }
    .content-single {
        width: 75%;
    }
}


@media (min-width: 1400px) {

}

/*******************            max-width              ***********************************************/


@media (max-width: 576px) {
    .post-detail .time, .post-detail .author {
        width: 50%;
    }
    .mobile .menu {
        width: 30rem;
    }
    .mobile .menu-btn {
        right: 30rem;
    }
    .more-information {
        width: 50%;
    }
    .about__right {
        margin-bottom: 7rem;
    }
    .card {
        flex-direction: column;
    }
    .screen {
        width: 80%;
        scale: 0.9 !important;
    }
    .services-title h3 {
        font-size: 2.5rem;
    }
    .form .form-row {
        flex-direction: column;
    }
    .form .form-text {
        width: 100%;
    }
    .more-projects {
        width: 50%;
    }
    .line {
        width: 20%;
    }
    .single-text .pro-item {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .single-item .single-image .image-item {
        width: 100%;
    }
    .related-content .item {
        width: 100% !important;
    }
    .comment-respond .comment-form-author,
    .comment-respond .comment-form-email,
    .comment-respond .comment-form-comment {
        display: flex;
        flex-wrap: wrap;
    }
    .comment-respond .comment-form-author label,
    .comment-respond .comment-form-author input,
    .comment-respond .comment-form-email label,
    .comment-respond .comment-form-email input,
    .comment-respond .comment-form-comment label,
    .comment-respond .comment-form-comment textarea
    {
        width: 100%;
        margin: 0;
    }
    .stats-record, .stats-project, .stats-customer {
        width: auto;
    }

    .footer p {
    width: 100%;
    color: white;
    text-align: justify;
    padding: 2rem 1rem;
   }
   .copy-right {
    margin-top: 5rem;
   }

    .btnSlider .display-left, .btnSlider .display-right {
        padding: 0.3rem 1.2rem;
    }
    .btnSlider .display-left, .btnSlider .display-right {
        font-size: 2rem;
    }

    .related-item {
        width: 90% !important;
        height: auto;
    }

    .video__img .image {
        width: 100% !important;
    }
    .video-title h3 {
        font-size: 2rem;
    }
}



@media (max-width: 768px) {

    .page-content img {
        width: 100%;
        height: 100%;
    }
    .page-content h2 {
        font-size: 1.7rem;
    }
    .sub-menu li.menu-item {
        padding: 0.5rem 1rem;
        border: none;
        transition: 0.3s;
        display: flex;
    }
    .mobile .menu ul {
        padding: 0;
    }
    .mobile .menu ul li {
        width: 100%;
        border-bottom: 1px solid #989898;
        transition: 0.3s;
    }
    .menu .sub-menu .sub-menu li {
        border-bottom: none;
    }
    .menu .sub-menu .sub-menu {
        white-space: nowrap;
    }
    .mobile .menu ul li a {
        background-color: transparent;
        padding: 1rem 2rem 0;
        color: #f0f0f0;
    }
    .sub-menu {
        display: none;
    }
    .sub-menu.active {
        display: flex;
        flex-direction: column;
        background-color: #188883;
    }
    .mobile .menu ul li a {
        padding: 1rem;
        width: calc(100% - 5rem);
        height: 100%;
        display: inline-block;
        margin: 0;
    }
    .menu-btn {
        display: flex;
    }
    .menu {
        display: none;
    }
    .page-content .about {
        flex-direction: column;
    }
    .stats .row {
        height: auto;
        flex-direction: column;
    }
    .stats__number {
        flex-direction: column;
        width: 100%;
    }
    .stats__text {
        padding: 5rem;
    }
    .services-body {
        flex-direction: column;
    }
    .services-body .img__items {
         width: auto !important;
         margin-right: 0;
        padding-right: 0;
    }
    .banner {
        flex-direction: column;
    }
    .screen {
        scale: 1;
    }
    .related-item {
        width: 70%;
        height: auto;
    }
    .related-body {
        justify-content: center;
    }
    .screen__card {
        padding: 3rem 0 0;
    }
    .about_my .about__right {
        width: 100%;
    }
    .about_my .about__left {
        width: 100%;
    }
    .about_image {
        margin-right: 0;
    }
    .honors-img a {
        width: 40%;
    }
    .social-content {
        flex-wrap: wrap;
    }
    .social-content {
        justify-content: center;
    }
    .social_icons {
        padding: 0;
        margin-left: 0;
    }
    .about_my .about__right {
         margin-left: 0;
    }
    .page-content {
        z-index: 1;
    }
    .articles aside {
        width: 100% !important;
        margin-top: 5rem;
    }
    .articles .posts .blog {
         width: auto;
    }
    .articles .posts {
        justify-content: center;
    }
    .page-content .contact, .contact-us {
        flex-direction: column;
    }
    .contact-item a {
        flex-direction: column;
    }
    .contact-item .contact-info {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .contact-item {
        margin-top: 5rem;
    }
    .contact-item i {
        padding: 20px;
    }
    .contact-form .form, .contact-form .map {
        width: 100%;
        height: auto;
        margin: 2rem 0;
    }
    .detail-body {
        justify-content: center;
    }

    .related-content {
        padding: 2.5rem 0;
    }
    .section_title .title {
        font-size: medium;
    }
    .content-single {
         width: 100%
    }
    .post-image img {
        width: 100%;
        height: auto;
    }
    iframe[allowfullscreen="allowfullscreen"], iframe[allowfullscreen="true"] {
        width: auto;
        margin: 0 auto;
        display: block;
        height: auto;
    }
    .slideshow .slide .title {
        font: 100 18px/1.2 "Oswald", sans-serif;
        letter-spacing: 0.20em;
    }
    .slides .text p {
        font-size: 1.5rem;
        text-align: center;
    }
    .slideshow .slide .caption {
        padding: 0;
    }
    .slideshow .arrows .next {
        right: 10px;
    }
    .slideshow .arrows .prev {
        left: 10px;
    }
    .slideshow .slide .text {
        padding: 5rem 0;
    }
    .about__left {
        width: 100%;
    }
    .about__left strong span:last-child {
        right: 47%;
        font-size: 4rem;
    }
    .page-content .about {
        margin-top: 5rem;
    }
    .btnSlider .display-left, .btnSlider .display-right {
        padding: 0.3rem 1.5rem;
    }
    .page-content.single {
        margin-top: 0 !important;
    }
    .page-content {
      padding: 0 0 5rem;
    }
    /*.video__img {
        flex-wrap: wrap;
    }*/

    .video__img .image {
        width: 100% !important;
        margin: 0;
    }
    .video__items .video {
        width: 90%;
    }
}


@media (max-width: 992px) {

    .img__items .img img {
        width: 100%;
        height: 100%;
    }
    .articles {
        flex-wrap: wrap;
        justify-content: center;
    }
    .article-right {
        width: 100%;
        margin-left: 0;
    }
    .articles aside {
        width: 70%;
        margin-top: 5rem;
    }
    .page-img img {
        width: 100%;
    }
    .projects-item {
        width: auto;
    }
    .projects-items {
        justify-content: center;
    }
    .content-single .related-content .item {
        width: auto;
        margin-bottom: 7rem;
    }
    .related-content {
        justify-content: center;
    }
    .related-content {
        height: auto;
    }
    .single-item .single-text {
        width: auto;
    }
    .single-item .single-image {
        width: 100%;
    }
    .related-content .item {
        width: auto;
        margin: 2rem 0 5rem 1rem;
    }
    .services-about-body {
        flex-wrap: wrap;
    }

    .slider {
        margin-top: 0 !important;
    }

}


@media (max-width: 1200px) {
    .menu .menu__items {
        flex-wrap: wrap;
        margin: 0;
    }


}


@media (max-width: 1400px) {

}