@media (max-width:1400px){
    .latest-projects-area:before{
        width: 20%;
    }
}
@media (max-width: 1199px){
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav li {
        margin-right: 15px;
    }
    .menu2 {
        padding-left: 122px;
    }
    .who-are-area .who-are-img .text{
        padding: 68px 8px;
    }
    .who-are-area .who-are-img{
        padding: 10px;
    }
    .team-area .team-item .content{
        margin: -50px 20px 0px;
    }
    .team-area .team-item .content .inner-box{
        padding: 25px 15px 25px 15px;
    }
    .team-area .team-item .image:before{
        bottom: -86px;
    }
    .latest-news-area .news-item .news-text{
        padding: 25px 15px;
    }
    .latest-news-area .news-item .news-text .latest-meta a{
        padding-right: 5px;
    }
    .latest-news-area .news-item .news-text .latest-meta a + a:before{
        margin-right: 5px;
    }
    .latest-news-area .news-item .news-text h3{
        font-size: 15px;
    }
    .offer-service{
        padding-left: 0px;
    }
    .offer-service .section-title{
        padding-bottom: 50px;
    }
    
    .core-featured .core-feature p{
        padding-right: 0px;
    }
    .call-to-action{
        padding: 25px 15px;
        margin-left: 0px;
    }
    .call-to-action .text h2,.call-to-action .text a{
        font-size: 17px;
    }
    .call-to-action:before, .call-to-action:after{
        width: 324px;
    }
    .call-to-action-area .icon{
        left: 50%;
    }
    .call-img img {
        top: -63px;
        max-width: 100%;
        right: 0;
    }
    .call-to-action .call-btn{
        font-size: 18px;
        line-height: 22px;
    }
    .service-items .service-content{
        padding: 15px 9px 20px 15px;
    }
    .service-items .service-content h2{
        font-size: 22px;
        line-height: 26px;
    }
    .service-items .service-content p{
        letter-spacing: 0px;
        font-size: 13px;
        padding: 10px 0px;
    }
    .service-items .service-content .thm-btn{
        line-height: 47px;
    }
    .about_us_area .about_person_text p{
        line-height: 26px;
    }
    .about_us_area .about_person_text h4{
        padding-bottom: 15px;
    }
    .about_us_area .about_person_text {
        padding-top: 50px;
    }
    .ex-title h2{
        font-size: 30px;
        line-height: 55px;
        padding-bottom: 8px;
    }
    .ex-title p{
        font-size: 16px;
        line-height: 24px;
    }
    .expertness-content .progress-element .progress{
        margin-bottom: 10px;
    }
    .portfolio-filters{
        margin-left: 0px;
    }
    .portfolio-filters li{
        margin: 7px 18px;
    }
    .subscribe-content h2{
        font-size: 30px;
    }
    .subscribe-content p{
        font-size: 17px;
        line-height: 35px;
    }
    .right_sidebar .r_widget{
        padding: 40px 15px;
    }
    .contact-info .info .media .media-left{
        padding-right: 15px;
    }
    .blog-section .blog-details .blog-content .post-meta li{
        font-size: 13px;
    }
    .blog-section .blog-details .blog-content .post-meta li + li{
        padding-left: 0px;
    }
    .comments .comment .media-body{
        padding-right: 0px;
    }
    .comments .comment .media-left{
        padding-right: 15px;
    }
    .exerince-left .content{
        max-width: 474px;
        padding-right: 15px;
    }
    .exerince-left .content ul li{
        font-size: 15px;
        line-height: 30px;
    }
    .exerince-left .content h2{
        font-size: 20px;
        line-height: 25px;
    }
    .exerince-left .content h1{
        font-size: 28px;
        line-height: 30px;
        padding-bottom: 15px;
    }
    .w-skill h4 {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .slider-carousel{
        padding: 0px;
    }
    .slider-carousel .slider-content .text{
        padding: 25px 20px;
    }
    .we-do-bg .we-sliders .item .texts a h4{
        font-size: 14px;
        letter-spacing: -0.50px
    }
    .we-sliders .item a h4{
        letter-spacing: 0px;
        font-size: 17px;
    }
    .promo-box .box-item .box-content h2{
        letter-spacing: 0px;
        font-size: 16px;
    }
    .quote-area .quote-title h3{
        font-size: 20px;
        letter-spacing: -0.30px;
    }
    .feature-count-bg .featured-item-simple-icon .ft-content h6{
        font-size: 13px;
    }
    .head-top-bar .bl-contact-info li + li {
        margin-left: 15px;
    }
    .head-top-bar .bl-contact-info li .bl-info {
        padding-left: 38px;
    }
    .head-top-bar .bl-contact-info li:nth-child(3) .bl-info {
        padding-left: 30px;
    }
    .get_touch .right_inner_content{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width: 991px){
    .navbar-default .navbar-collapse{
        margin: 0px;
        max-height: 300px;
    }
    .navbar-toggle{
        margin-top: 25px;
        margin-bottom: 25px;
        background: #fcbd1d;
        border-color: #fcbd1d;
    }
    .navbar-toggle span{
        background: #fff !important;
    }
    .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
        background-color: #fcbd1d; 
        border-color: #fcbd1d;
    }
    .main_menu_area .navbar-default .navbar-header a {
        line-height: 74px;
    }
    .menu2 {
        padding-left: 0px;
    }
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav li {
        margin-right: 0px;
    }
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
        line-height: 50px;
        border-bottom: 1px solid rgba(231, 231, 231, .7);
        display: block;
    }
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav.right-menu li:last-child a {
        border: none;
    }
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav li a::before{
        display: none;
    }
    .right-menu li .search{
        left: 6%;
        right: auto;
        top: 0;
    }
    .header4 .navbar-default .navbar-collapse .navbar-right li .search{
        padding: 5px;
        position: absolute;
        top: 0;
        left: 60px;
    }
    .header4 .navbar-default .navbar-collapse .navbar-right li + li{
        border-top: 1px solid rgba(231, 231, 231, .7);
    }
    .main_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a::before, .main_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a::before {
        top: 50px;
    }
    .header3 .navbar-default .navbar-header .navbar-brand{
        line-height: 70px;
    }
    .header3 .navbar-default .navbar-toggle{
        margin-top: 18px;
        margin-bottom: 18px;
    }
    .head-top-bar .site-logo {
        text-align: center;
        padding-bottom: 20px;
    }
    .head-top-bar .bl-contact-info {
        text-align: center;
    }
    .header4 .navbar-default .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .main_menu_area.header4 .navbar-default .navbar-header a img{
        max-width: 90%;
    }
    .header4 .navbar-default .navbar-header .navbar-brand {
        line-height: 48px;
        display: block;
    }
    .header4 .navbar-default{
        padding-left: 0px;
    }
    .header4 .navbar-collapse{
        padding-left: 15px;
        padding-right: 15px;
        border: 0px;
    }
    .header4 .navbar-default .navbar-collapse .navbar-right{
        background: transparent;
        padding-right: 0px;
        padding-left: 15px;
    }
    .header4 .navbar-default .navbar-collapse .menu2{
        margin: 0px;
    }
    .header4 .navbar-default .navbar-collapse .navbar-right li a{
        line-height: 36px;
    }
    .header4 .navbar-default .navbar-collapse .navbar-right::before{
        display: none;
    }
    .promotion-area .thm-btn{
        margin-left: 0px;
        padding: 0px 55px;
    }
    .promotion-area .promo-pz p{
        font-size: 13px;
        line-height: 25px;
    }
    .who-are-area{
        padding-bottom: 80px;
    }
    .who-are-area .who-are-img{
        margin-top: 50px;
    }
    .who-are-area .who-are-left .who-are-list li{
        position: relative;
        padding-left: 25px;
    }
    .who-are-area .who-are-left .who-are-list li i{
        position: absolute;
        text-align: left;
        left: 0;
    }
    .latest-projects-area .tab-content .tab-pane .projects-content {
        padding: 40px 0px 30px 0px;
        text-align: left;
    }
    .latest-projects-area .lt-pro-tab{
        padding-top: 0px;
    }
    .latest-projects-area:before{
        display: none;
    }
    .latest-projects-area .tab-content .tab-pane .tab-image .proj-img img{
        width: 100%;
    }
    .latest-projects-area .lt-pro-tab .nav-tabs li{
        display: inline-block;
        padding-right: 15px;
    }
    .latest-projects-area .tab-area {
        padding: 0;
    }
    .latest-projects-area .section-title{
        padding-bottom: 50px;
    }
    .latest-projects-area .lt-pro-tab .nav-tabs li + li{
        margin-top: 5px;
    }
    .team-area .team-item .image:before {
        bottom: -103px;
    }
    .team-area .team-item{
        margin-bottom: 30px;
    }
    .team-area{
        padding-bottom: 50px;
    }
    .footer-main-area .widget{
        padding-bottom: 40px;
    }
    .footer-main-area{
        padding-bottom: 40px;
    }
    .offer-service{
        margin-top: 50px;
    }
    .offer-img .text h1{
        font-size: 55px;
        line-height: 60px;
    }
    .call-img img{
        display: none;
    }
    .core-featured-area{
        padding-bottom: 80px;
    }
    .service-items .item-img img{
        width: 100%;
    }
    .service-items .item-img .icon img{
        width: auto;
    }
    .service-items .service-content{
        padding: 30px 20px 30px 20px;
        text-align: left;
    }
    .service-items .service-content p{
        padding: 15px 0px 20px; 
    }
    .service-details-area {
        padding: 30px 0px 80px;
    }
    .about_us_area .about_person_text {
        padding-top: 15px;
    }
    .about_us_area {
        margin-bottom: 80px;
    }
    .fun-fact-item h3{
        letter-spacing: 1px;
    }
    .fun-fact-section{
        padding: 65px 0px 90px;
    }
    .testimonial-area2 .testimonial-slider2 .item{
        padding: 0px 20px;
    }
    .portfolio-filters{
        margin-bottom: 50px;
    }
    .team-area-two {
        padding: 73px 0px 80px;
    }
    .right_sidebar{
        margin-top: 50px;
    }
    .contact-area .touch_middle{
        padding-top: 0px;
    }
    .contact-area .touch_middle .touch-img {
        display: none;
    }
    .contact-info .info{
        padding-right: 0px;
    }
    .contact-info .info{
        margin-bottom: 15px;
    }
    .contact-info .info .media .media-body{
        vertical-align: middle;
    }
    .contact-info{
        padding-bottom: 35px;
    }
    .we-sliders .item a h4{
        letter-spacing: 0px;
    }
    .display-flex{
        display: block;
    }
    .exerince-left .content{
        max-width: 100%;
        padding:50px 15px;
    }
    .exerince-right img{
        width: 100%;
    }
    .s-tab-content {
        margin-top: 50px;
    }
    .services-tab{
        padding-right: 0px;
    }
    .w-20{
        max-width: 33.33%;
    }
    .w-40{
        max-width: 66.67%;
    }
    .footer-main-area .widget.flicker-widget {
        max-width: 268px;
    }
    .feature-count-bg .featured-item-simple-icon .ft-content h6{
        font-size: 16px;
    }
    .get_touch-area .map{
        position: relative;
        height: 400px;
    }
    .get_touch .right_inner_content{
        min-height: 580px;
    }
    .get_touch .right_inner_content,.get_touch .right_inner_content .contact-form{
        width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 767px){
    .header3-top:before,.header3-top:after{
        display: none;
    }
    .header3 .navbar-default .navbar-header .navbar-brand{
        line-height: 58px;
    }
    .header3 .navbar-default .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .promotion-area{
        text-align: center;
    }
    .promotion-area .thm-btn{
        margin-top: 15px;
    }
/*
    .services-area .services .services-item .sr-item .hover-text {
        padding: 0px 5px;
    }
*/
    .team-area .team-item .image:before {
        bottom: -79px;
        height: 38%;
    }
    .testimonia-area .testimonial-carousel .clients{
        padding: 75px 20px 27px 20px;
    }
    .latest-news-area .news-item .news-img img{
        width: 100%;
    }
    .latest-news-area .news-item .news-img:before{
        display: none;
    }
    .latest-news-area .news-item .news-text{
        padding: 25px;
    }
    .latest-news-area .news-item .news-text h3{
        font-size: 18px;
    }
    .footer-main-area .widget.about-us-widget .f-logo{
        margin-top: 25px;
    }
    .footer-copyright .br{
        display: none;
    }
    .offer-img .text p{
        font-size: 13px;
        line-height: 22px;
        padding: 10px 0px;
    }
    .offer-img .text{
        top: 50%;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 0px 20px;
        transform: translateY(-50%);
        background: transparent;
        text-align: center;
    }
    .offer-img:before{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        content: '';
        background: rgba(254, 84, 84, 0.82); 
    }
    .offer-img .img-br {
        display: none;
    }
    .offer-img img{
        width: 100%;
    }
    .offer-service .offer-service-tab .nav-tabs li + li{
        margin-left: 5px;
    }
    .offer-service .offer-service-tab .nav-tabs li a{
        width: 160px;
    }
    .offer-service .s-tab-content .service-text ul li{
        width: 100%;
    }
    .call-to-action:before, .call-to-action:after {
        width: 293px;
    }
    .mission-video{
        margin-top: 50px;
    }
    .mission-video .ex-title {
        padding-bottom: 40px;
    }
    .testimonial-area2 .testimonial-slider2 .owl-nav .owl-prev, .testimonial-area2 .testimonial-slider2 .owl-nav .owl-next{
        border: 0px;
        width: 10px;
    }
    .testimonial-area2 .testimonial-slider2 .owl-nav .owl-prev:hover, .testimonial-area2 .testimonial-slider2 .owl-nav .owl-next:hover{
        background: transparent;
    }
    .team-item .team-member{
        max-width: 290px;
        margin: 0 auto 30px;
    }
    .team-area-two .section-title {
        padding-bottom: 54px;
    }
    .single-blog-post .post-meta .media-text h2 a{
        font-size: 16px;
        line-height: 25px;
        display: block;
    }
    .s-tab-content .service-img{
        max-width: 290px;
        margin: 50px auto 0px;
    }
    .s-tab-content .service-text{
        padding-left: 0px;
        padding-right: 0px;
    }
    .w-20{
        max-width: 50%;
    }
    .w-40{
        max-width: 100%;
    }
    .slider-carousel .owl-prev, .slider-carousel .owl-next{
        top: -63px;
        transform: translateY(0);
    }
    .certificate-content{
        border: 0px;
    }
    .footer3 .footer-bottom,.footer3 .footer-bottom .text-right{
        text-align: center;
    }
    .footer3 .footer-bottom .text-right{
        padding-top: 5px;
    }
    .quote-area .quote-title,.quote-area .text-right{
        text-align: center;
    }
    .quote-area .quote-title h3{
        margin-bottom: 10px;
    }
    .services-items .s-item{
        max-width: 480px;
        margin: 0 auto 30px;
    }
    .feature-count-bg{
        text-align: center;
    }
    .feature-count-bg .featured-item-simple-icon{
        width: 290px;
    }
}
@media (max-width:650px){
    .head-top-bar{
        display: none;
    }
    .header4{
        position: absolute;
        margin: 0px;
    }
    .hero-area3 .rev_slider ul li .slider4-p{
        text-align: center !important;
    }
    .call-to-action{
        text-align: center;
    }
    .call-to-action-area .icon{
        display: none;
    }
    .call-to-action .text,.call-to-action .call-btn{
        float: none !important;
    }
    .call-to-action .call-btn{
        display: inline-block;
    }
    .call-to-action:before, .call-to-action:after{
        width: 100%;
    }
    .portfolio-filters li {
        margin: 7px 10px;
    }
    .portfolio-filters li + li:before{
        left: -17px;
    }
    .blog-section .blog-details .blog-content .media .media-left{
        display: block;
        padding-right: 0px;
        padding-bottom: 30px;
    }
    .portfolio-filter{
        text-align: left;
    }
    .portfolio-filter li{
        margin-bottom: 5px;
    }
    .we-do-bg .we-sliders .item .texts a h4{
        letter-spacing: 0px;
    }
    .jum-banner-area h2{
        font-size: 30px;
    }
    .jum-banner-area h2 br{
        display: none;
    }
    .footer-area2 .footer-main-area .col-xs-6{
        width: 100%;
    }
    .hero-area3 .rev_slider ul li .slider4-btn{
        display: none !important;
    }
    .rev_slider .slider-button .slider-btn{
        width: 200px;
        padding: 16px 15px;
    }
    .rev_slider .slider-button .slider-btn + .slider-btn{
        margin-left: 0px;
    }
}
@media (max-width:550px){
    .services-area .services .services-item {
        width: 100%;
    }
    .services-area .services .services-item .sr-item .hover-text {
        padding: 0px 25px;
    }
    .team-area .col-xs-6{
        width: 100%;
    }
    .team-area .team-item .image img{
        width: 100%;
    }
    .team-area .team-item .image:before{
        display: none;
    }
    .team-area .team-item .content:before{
        height: 73%;
        top: -59px;
    }
    .team-area .team-item .content{
        margin: 0px;
    }
    .team-area .team-item .content .inner-box {
        padding: 5px 16px 25px 20px;
    }
    .footer-main-area  .col-xs-6{
        width: 100%;
    }
    .offer-service .offer-service-tab .nav-tabs li{
        width: 100%;
    }
    .offer-service .offer-service-tab .nav-tabs li a{
        width: 100%;
    }
    .offer-service .offer-service-tab .nav-tabs li + li{
        margin-left: 0px;
        margin-top: 20px;
    }
    .portfolio-gallery .portfolio-item{
        width: 100%;
    }
    .portfolio-filters:before{
        width: 100%;
    }
    .portfolio-filters li {
        margin: 5px 10px 0px;
    }
    .portfolio-filters{
        padding-bottom: 5px;
    }
    .portfolio-filters li + li:before{
        display: none;
    }
    .single-blog-post .post-meta .media-text{
        padding-left: 10px;
    }
    .header3-top .social-links.text-center{
        text-align: left;
    }
    .first_header .social-links a{
        font-size: 12px;
    }
    .get_touch .right_inner_content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .slider-carousel .slider-content .text p{
        font-size: 14px;
        line-height: 28px;
    }
    .slider-carousel .slider-content .text{
        padding: 25px 15px;
        box-shadow: 0px;
    }
    .slider-carousel .slider-content{
        margin: 0px;
    }
    .slider-carousel .owl-next,.slider-carousel .owl-prev{
        opacity: 0;
    }
    .slider-carousel:hover .owl-next,.slider-carousel:hover .owl-prev{
        opacity: 1;
    }
    .clients-area .thm-btn{
        margin-top: 30px;
    }
}
@media (max-width: 480px){
    .header3-top .social-links{
        display: none;
    }
    .first_header .pull-left{
        display: block;
        float: none !important;
        text-align: center;
    }
    .first_header .pull-right{
        display: block;
        float: none !important;
        text-align: center;
    }
    .first_header ..social-links{
        padding-top: 0px;
    }
    .first_header ..social-links a{
        display: inline-block;
    }
    .section-title h2 {
        font-size: 22px;
    }
    .testimonia-area .testimonial-carousel .owl-dots .owl-dot{
        width: 15px;
        height: 15px;
        margin: 5px;
    }
    .latest-news-area .news-item .news-text .latest-meta a i{
        padding-right: 5px;
    }
    .latest-news-area .news-item .news-text{
        padding: 25px 15px;
    }
    .footer-copyright{
        font-size: 15px;
    }
    .offer-img .text h2{
        font-size: 17px;
        line-height: 23px;
        letter-spacing: 0px;
    }
    .offer-img .text h1 {
        font-size: 45px;
        line-height: 45px;
    }
    .banner_area .banner_text h3{
        letter-spacing: 1px;
    }
    .subscribe .col-xs-7,.subscribe .col-xs-5{
        width: 100%;
    }
    .subscribe .thm-btn{
        width: 100%;
        margin-top: 15px;
    }
    .subscribe-content p{
        font-size: 15px;
        line-height: 24px;
    }
    .subscribe-content h2 {
        font-size: 25px;
    }
    .subscribe-area{
        padding: 40px 0px 50px;
    }
    .comments .comment .media-left{
        display: block;
        padding-right: 0px;
        padding-bottom: 25px;
    }
    .social-links .socail-tab{
        display: none;
    }
    .blog-social-links{
        padding-left: 0px;
        padding-top: 50px;
    }
    .social-links .social li{
        margin-bottom: 6px;
    }
    .comment_form input{
        width: 100%;
    }
    .comment_form input + input{
        margin-left: 0px;
    }
    .promotion-area .promo-pz h2,.s-tab-content .service-text h2{
        font-size: 21px;
    }
    .we-sliders .owl-nav{
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }
    .we-sliders .owl-nav .owl-prev{
        left: 0;
        right: auto;
        position: absolute;
    }
    .we-sliders .owl-nav .owl-next{
        right: 0;
        position: absolute;
    }
    .exerince-left .content ul{
        overflow: hidden;
    }
    .exerince-left .content ul li{
        width: 100%;
    }
    .exerince-left .content h1{
        font-size: 23px;
    }
    .w-20{
        max-width: 100%;
        width: 100%;
    }
    .project-item img{
        width: 100%;
    }
    .project-item .pr-content h2{
        padding-top: 7px;
        font-size: 18px;
    }
    .project-item .pr-content a{
        width: 40px;
        height: 40px;
        line-height: 36px;
    }
    .section-title2 h2{
        font-size: 20px;
    }
    .jum-banner-area h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .footer3 .footer-bottom:before,.footer3 .footer-bottom:after{
        display: none;
    }
    .rev_slider .slider-button .slider-btn{
        display: block;
    }
    .rev_slider .slider-button .slider-btn + .slider-btn{
        margin-top: 10px;
    }
}
@media (max-width:350px){
    .first_header .social-links a{
        display: inline-block;
        line-height: 20px;
    }
    .first_header .social-icon ul li a{
        line-height: 30px;
    }
}