/* Normal desktop :1366px. */

@media (min-width: 1170px) and (max-width: 1400px) {
    /*Responsive CSS
    =============================*/
    
    .construction-content .real-time-update-one .real-time-content-one {
        padding-bottom: 8px;
        padding-top: 0px;
    }
    .construction-content .real-time-update-one .real-time-content-one h2 {
        margin-top: 23px;
    }
    .construction-content .real-time-update-one .real-time-content-one {
        padding-left: 117px;
    }
    .real-time-image-content-two img {
        min-height: 300px;
    }
    .construction-content .real-time-update-two .real-time-content-two {
        padding-top: 2px;
    }
}
/*Normal desktop :992px*/

@media (min-width: 992px) and (max-width: 1169px) {
    /*Responsive Css
    ===================*/
    
    .menu-area .main-menu li,
    .menu-area .home-two.main-menu li {
        padding: 57px 13px;
    }
    .filtering-menu {
        width: 100%;
    }
    .filter-gallery-active .single-project figure figcaption p {
        padding: 0 10px;
        transform: translateY(12px);
    }
    .filter-gallery-active .single-project a.btn-regular {
        padding: 4px 15px;
        font-size:15px;
    }
    .single-project span a {
        top: 28px;
    }
    .real-time-update-image-one .real-time-image-content-one img,
    .real-time-image-content-two img {
        width: 100%;
    }
    .construction-content .real-time-update-one,
    .construction-content .real-time-update-image-one,
    .construction-content .real-time-update-image-two,
    .construction-content .real-time-update-two {
        width: 100%;
    }
    .construction-content .real-time-update-one .real-time-content-one,
    .construction-content .real-time-update-two .real-time-content-two {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
    }
    .team-member-skills span::before {
        height: 23px;
        left: 173px;
    }
    .team-member-skills span::after {
        left: 18px;
    }
    .team-member-skills p {
        margin-left: 10px;
    }
    .footer-social li {
        padding: 0 8px;
    }
    .tab-content .list-item li {
        font-size:15px;
    }
    .tab-image::before {
        left: 0;
    }
    /*=============version two==================*/
    
    .header-top-social li {
        padding: 25px 24px;
    }
    .header-top-area .header-top-addres li {
        padding: 9px 35px;
    }
    .header-top-area .social-text {
        padding: 32px 10px;
    }
    .section-title.text-center > p,
    .section-title-home-version-two.text-center > p {
        width: 51%;
    }
    .aboutus-tab .tab-menu-two li {
        padding: 0 19px 10px;
    }
    .constaruction-two .real-time-update-two {
        padding: 10px 0;
    }
    .home-two-tab.tab-menu li a {
        padding: 9px 15px;
    }
    .team-vtwo-image figure figcaption {
        top: 6%;
    }
    .single-team-vtwo figcaption h3 {
        font-size:15px;
        padding-bottom: 0;
    }
    .single-team-vtwo figcaption h2 {
        font-size: 17px;
    }
    .single-team-vtwo figure figcaption p {
        padding-top: 8px;
    }
    .single-team-vtwo figure figcaption p::before {
        left: 81px;
        width: 120px;
    }
    .single-team-vtwo figure figcaption p::after {
        right: 65px;
        top: 37px;
        width: 44px;
    }
    .header-top-social li {
        padding: 22px 24px;
    }
    .service-content {
        left: 6%;
    }
    .service-content-left {
        right: 6%;
    }
    /*=================about us page==================*/
    
    .company-info .border::before,
    .company-info .border-two::before {
        top: 58px;
    }
    .about-gap {
        padding-bottom: 25px;
    }
    /*Team Page two*/
    
    .team-single-column .col-md-6,
    .team-single-column figure img {
        width: 100%;
    }
    .team-single .ts-info {
        padding: 20px 30px 5px 35px;
    }
}
/* Tablet mobile */

@media only screen and (max-width: 991px) {
    .sticky {
        display: none;
    }
    .menu-area .main-menu li {
        padding: 57px 10px;
    }
    .menu-area .main-menu li a,
    .menu-area .main-menu .dropdown li a {
        font-size: 12.3px;
    }
    .serch-phone {
        margin-left: -46px;
        position: absolute;
    }
    .section-title.text-center> p,
    .section-title-home-version-two.text-center> p {
        width: 70%;
    }
    .promo-area-wraper .info-details p {
        font-size:15px;
    }
    .company-info .border::before,
    .company-info .border-two::before {
        height: 168px;
    }
    .promo-area-wraper .info-details h2 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .filtering-menu button {
        font-size: 17px;
    }
    .filtering-menu {
        width: 100%;
    }
    .filter-gallery-active .single-project {
        float: left;
        width: 50%;
    }
    .single-project figure img {
        width: 100%;
    }
    .client-testimonial-info p {
        line-height: 27px;
    }
    .real-time-update-image-one .real-time-image-content-one img,
    .real-time-image-content-two img {
        width: 100%;
    }
    .construction-content .real-time-update-one,
    .construction-content .real-time-update-image-one,
    .construction-content .real-time-update-image-two,
    .construction-content .real-time-update-two {
        width: 100%;
    }
    .construction-content .real-time-update-one .real-time-content-one,
    .construction-content .real-time-update-two .real-time-content-two {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 35px;
    }
    .tab-image img,
    .image-with-content img {
        width: 100%;
    }
    .tab-content .list-item {
        padding-bottom: 0px;
    }
    .client-testimonial-info {
        top: 40%;
    }
    .client-testimonial-info p::before {
        top: 225px;
    }
    .need-help {
        margin-bottom: 40px;
    }
    .footer-bottom .col-sm-12 {
        text-align: center;
    }
    .tab-image::before {
        left: 0;
    }
    .tab-image::after {
        left: 42%;
    }
    .front-image-left {
        width: 100%;
    }
    .filter-gallery-active .single-project figure figcaption p {
        padding: 0 108px;
        transform: translateY(100px);
    }
    /*==================Vsersion two=============*/
    
    .menu-area .home-two.main-menu li {
        padding: 65px 10px;
    }
    .header-top-area .social-text {
        padding: 23px 0;
    }
    .header-top-area .social-text p {
        font-size:15px;
    }
    .header-top-social li {
        padding: 23px 15px;
    }
    .header-top-area .header-top-addres li {
        padding: 9px 37px;
    }
    .single-about-us figure img {
        padding-bottom: 25px;
        width: 100%;
    }
    .about-border::before {
        left: 100%;
    }
    .tab-content .about-content p {
        padding-bottom: 15px;
    }
    .real-slider img {
        width: 100%;
    }
    .home-two-tab.tab-menu li a {
        padding: 9px 32px;
    }
    .home-two-tab.tab-menu li {
        margin-right: 0;
    }
    .service-content,
    .service-content-left {
        left: 0;
        top: 10%;
    }
    .service-content-left {
        right: 0;
        width: 100%;
    }
    .service-content p,
    .service-content-left p {
        padding: 7px 35px;
    }
    /*====Team Two Page===*/
    
    .ts-image figure img {
        width: 100%;
    }
    .team-single .ts-info {
        padding: 40px 30px 20px 34px;
    }
}
/*Wide Mobile Layout: 480px*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .slider-active-part1 {
        float: none;
        width: 100%;
    }
    .client-testimonial-info p {
        line-height: 24px;
    }
    .client-testimonial-info p {
        font-size:15px;
    }
    .client-testimonial-info p::before {
        top: 235px;
        left: 70%;
    }
    .section-title.text-center> p,
    .section-title-home-version-two.text-center> p {
        width: 100%;
    }
    .price-table-are-wrapper .single-price-table {
        margin-bottom: 10px;
    }
    .filter-gallery-active .single-project {
        float: left;
        width: 100%;
    }
    .filtering-menu button {
        display: block;
        width: 100%;
    }
    .company-info .border::before,
    .company-info .border-two::before,
    .company-info .border-two::before {
        right: 16px;
    }
    .company-info .border-two::before {
        top: 225px;
    }
    .footer-social {
        text-align: left;
    }
    .serch-phone {
        margin-left: -54px;
        position: absolute;
        top: -135px;
        left: 84%;
    }
    .footer-bottom {
        padding: 0px;
    }
    .single-service-area img {
        width: 100%;
    }
    .slider-details {
        top: 55%;
    }
    .single-service-area figcaption {
        top: 85%;
    }
    .overlay-content {
        opacity: 0;
    }
    .front-image-left {
        ;
        left: 60px;
        top: 28%;
    }
    .client-testimonial-info {
        top: 36%;
    }
    /*================Version two==================*/
    
    .header-top-area .menu-search {
        padding: 23px;
    }
    .header-top-social {
        padding: 10px 0;
        text-align: center;
    }
    .header-top-area .header-top-addres li {
        padding: 9px 25px;
    }
    .home-two.logo {
        padding: 30px 0;
        text-align: center;
    }
    img.img-width {
        width: 100%;
    }
    .single-team-vtwo figure figcaption p::after {
        right: 128px;
    }
    .single-team-vtwo figure figcaption p::before {
        left: 130px;
    }
    .home-two-tab.tab-menu li {
        display: block;
    }
    .single-service-two {
        width: 100%;
    }
    .owl-slider-two img {
        width: 100%;
    }
    .portfolio-style-one .container-fluid {
        padding-left: 0;
    }
    .service-content h2,
    .service-content-left h2 {
        padding-top: 70px!important;
    }
    .team-vtwo-image figure figcaption {
        top: 20%!important;
    }
    /*Blog Page*/
    
    .faqs_sec .left_side form {
        width: 320px!important;
    }
    /*Contact  Page*/
    
    .contact-right {
        padding-left: 58px;
        padding-top: 50px;
    }
}
/* small mobile :320px. */

@media only screen and (max-width: 767px) {
    .serch-phone {
        margin-left: -54px;
        position: absolute;
        top: -135px;
        left: 78%;
    }
    .section-title.text-center> p,
    .section-title-home-version-two.text-center> p {
        width: 100%;
    }
    .company-info .border::before,
    .company-info .border-two::before,
    .company-info .border-two::before {
        right: 15px;
    }
    .company-info .border-two::before {
        top: 250px;
    }
    .filtering-menu button {
        display: block;
        width: 100%;
    }
    .filter-gallery-active .single-project {
        float: left;
        width: 100%;
    }
    .price-table-are-wrapper .single-price-table {
        margin-bottom: 10px;
    }
    .copyright {
        margin-bottom: 43px;
        margin-top: 0;
        text-align: left;
        margin-left: 29px;
    }
    .footer-social {
        text-align: left;
    }
    .slider-active-part1 {
        float: none;
        width: 100%;
    }
    .client-testimonial-info p {
        line-height: 24px;
    }
    .client-testimonial-info p {
        font-size:15px;
    }
    .client-testimonial-info p::before {
        top: 235px;
        left: 70%;
    }
    .client-testimonial-info {
        top: 36%;
    }
    .front-image-left {
        ;
        top: 28%;
    }
    .portfolio-style-one .container-fluid {
        padding-left: 0;
    }
    /*=============vsersion two=================*/
    
    .home-two.logo {
        text-align: center;
        padding: 30px 0;
    }
    .header-top-social {
        text-align: center;
    }
    .header-top-addres {
        text-align: center;
    }
    .overlay-content {
        opacity: 0;
    }
    .service-content-left.service-conten .border-hover-btn,
    .border-hover-btn-style-2 {
        line-height: 32px;
    }
    .aboutus-tab .tab-menu-two li a {
        font-size:15px;
    }
    .aboutus-tab .tab-menu-two li {
        padding: 0 16px 10px;
    }
    .service-content h2,
    .service-content-left h2 {
        font-size: 21px;
        padding-top: 18px;
    }
    .service-content p,
    .service-content-left p {
        padding: 0 35px;
    }
    .team-vtwo-image figure figcaption {
        top: 2.5%;
    }
    .section-title-home-version-two.text-center > h2::before {
        top: 2px;
    }
    .section-title-home-version-two h2 {
        font-size: 24px;
    }
    .faqs_sec .left_side form {
        width: 235px;
    }
    /*Conatct Page*/
    .contact-right {
        padding-left: 58px;
        padding-top: 50px;
    }
}