@media (max-width:1500px){
    .timeline_area .timeline_bg{
        right: -350px;
    }
    .slider_two .slick-next{
        right: 1%
    }
    .slider_two .slick-prev{
        left: 1%
    }
    .cl_work_skill_area .clean_img{
        right: 0;
    }
    .video_area{
        height: 500px;
    }
    .service_accordian .card .card-header button{
        padding-left: 0;
    }
}
@media (max-width:1199px){
    .main_features_one .main_features_content{
        padding-left: 10px;
    }
    .main_features_two .main_features_content{
        padding-right: 10px;
    }
    .main_features_two {
        margin-top: -14px;
    }
    .about_slider_nav .nav_item p img{
        left: 12px;
    }
    .about_slider_nav .nav_item p{
        padding-left: 42px;
    }
    .about_content_slider .a_img img{
        max-width: 100%;
    }
    .main_slider .img img{
        max-width: 100%;
    }
    .menu > .nav-item:not(:last-child) {
        margin-right: 25px;
    }
    .navbar-right li {
        margin-left: 20px;
    }
    .main_slider {
        height: 580px;
    }
    .main_slider .swiper-wrapper .swiper-slide {
        padding-top: 57px;
    }
    .timeline .card{
        padding-left: 30px;
    }
    .timeline .card .card-header button:after{
        left: -39px;
    }
    .timeline .card .card-header button:before{
        left: -35px;
    }
    .timeline_area .timeline_bg{
        right: -488px;
    }
    .service_item .service_icon {
        margin-right: 15px;
    }
    .recommend_img_gallery .item img{
        max-width: 100%;
    }
    .recommend_left .about_recommend {
        padding-top: 50px;
    }
    .f_content {
        max-width: 475px;
    }
    .f_content h2 br{
        display: none;
    }
    .clean_recommend_left .clean_form {
        padding: 38px 20px;
    }
    .clean_team_item img{
        max-width: 100%;
    }
    .service_info .tab-content .tab-pane .tab_img {
        padding-right: 0;
    }
    .service_info .tab-content .tab-pane .text {
        padding-right: 10px;
    }
    .widget.trending_widget .trending_item .trending_img{
        width: 110px;
        margin-right: 15px;
    }
    .widget.trending_widget .trending_item .trending_img img{
        max-width: 100%;
    }
    .widget.tag_widget ul li a{
        padding: 10px 20px;
    }
    .blog_left {
        padding-right: 15px;
    }
    .slider_four .text_two{
        padding: 70px 20px;
    }
    .cons_about_text,.cons_team_item img{
        max-width: 100%;
    }
    .cons_team_area .team_img_bg{
        display: none;
    }
    .car_quote_area .car_img{
        right: -95px;
    }
    .f_widget.widget_img img{
        margin-left: -92px;
    }
    .about_content_slider .slick-dots{
        padding-right: 0;
        text-align: center;
    }
    .portfolio_img:hover .img img{
        max-width: 100%;
    }
    .portfolio_img .img img{
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width:991px){
    .main_features_two{
        margin-top: 50px;
    }
    .main_features_content p br{
        display: none;
    }
    .main_features_two .main_features_content{
        padding-right: 0;
        padding-bottom: 0;
        padding-top: 40px;
    }
    .about_slider_nav{
        margin-top: 50px;
    }
    .timeline_area .timeline_bg{
        display: none;
    }
    .f_widget{
        margin-bottom: 50px;
    }
    .footer_bottom .footer_list li{
        padding: 0px 8px;
    }
    .features_area_two .f_img,.service_features_area .f_img{
        height: 570px;
        overflow: hidden;
    }
    .f_content {
        max-width: 100%;
    }
    .f_content_left{
        padding: 100px 15px;
    }
    .skill_area .progress-element{
        margin-top: 50px;
    }
    .clients_logo_area .clients_log_info .log_item {
        width: calc(100% / 3);
    }
    .clients_logo_area .clients_log_info:before{
        display: none;
    }
    .portfolio_img{
        margin-bottom: 30px;
    }
    .service_info_list li a{
        font-size: 23px;
    }
    .header_info ul li a{
        padding: 0px 3px;
    }
    .header_info{
        font-size: 13px;
    }
    .slider_three{
        height: auto;
    }
    .slider_three .slick-list .slick-track .slider_item{
        padding-top: 100px;
    }
    .clean_recommend_info .about_content{
        padding-left: 0;
    }
    .clean_recommend_info .recommend_skill{
        margin-bottom: 40px;
    }
    .clean_about_content:before{
        transform: skew(0deg);
        left: -50%;
    }
    .clean_about_content{
        padding: 100px 0px;
    }
    .c_features_img{
        margin: 30px 0px;   
    }
    .work_skill_item,.counter_info .work_skill_item{
        margin-bottom: 30px;
    }
    .counter_info{
        margin-bottom: -30px;
    }
    .clean_team_item .team_content {
        padding: 40px 5px;
    }
    .team_info .clean_team_item .team_content .social_list{
        padding-top: 30px;
    }
    .team_info .clean_team_item .team_content .social_list a{
        padding: 0px 3px 0px 5px;
    }
    .team_info .btn_one {
        margin-top: 20px;
    }
    .testimonial_slider {
        max-width: 100%;
        margin: 0 50px;
    }
    .history_timeline_info .hi_timeline .timeline_content{
        padding-left: 70px;
    }
    .history_timeline_info .hi_timeline:nth-child(even) .timeline_content{
        padding-right: 70px;
    }
    .history_timeline_info .hi_timeline .timeline_content .date{
        box-shadow: 0 0 0 10px #fff;
    }
    .service_info{
        margin-top: 30px;
    }
    .service_accordian .card .card-body{
        padding-left: 0;
    }
    .blog-pagination {
        padding-top: 0px;
    }
    .blog_sidebar{
        margin-top: 60px;   
    }
    .comment_holder_inner,.comment_form{
        margin-top: 70px;
    }
    .slider_four .text_two{
        padding: 70px 35px;
    }
    .cons_tab .nav-item {
        margin: 0px 0px 30px;
        width: calc(100% / 4);
    }
    .cons_tab{
        justify-content: center;
    }
    .cons_about_text img{
        max-width: 100%;
    }
    .work_portfolio_area .portfolio_item .portfolio_img{
        margin-bottom: 0;
    }
    .slider_five .text_two{
        padding-left: 0;
        padding-top: 40px;
    }
    .car_testimonial_area .testimonial_slider{
        margin: 0px 0px 50px;
        padding: 0px;
    }
    .car_info .feat_top_left, .car_info .feat_top_right, .car_info .feat_bottom_right, .car_info .feat_bottom_left{
        position: relative;
        margin-bottom: 50px;
    }
    .car_info .track_feature_img{
        margin: 0px;
    }
    .car_info .clean_features_item .line{
        display: none;
    }
    .f_widget.widget_img img{
        margin-left: 0px;
    }
    .f_widget.clean_recommend_left{
        margin-top: 0;
    }
    .main_slider {
        height: auto;
    }
    .navbar .navbar-brand{
        padding: 15px 0px;
    }
    .menu > .nav-item{
        padding: 10px 0px;
    }
    .menu > .nav-item:not(:last-child){
        margin-right: 0;
    }
    .navbar-right{
        padding-left: 0;
    }
    .navbar-right li{
        margin-left: 0;
    }
    .menu > .nav-item > .nav-link{
        display: inline-block;
    }
    .navbar-right li a{
        margin-bottom: 20px;
        display: inline-block;
    }
    .coming.header_area + section, .coming.header_area + div {
        margin-top: 47px;
    }
    .main_slider .slider_content{
        padding: 40px 0px 100px;
    }
    .stricky-fixed .menu > .nav-item {
        padding: 10px 0px;
    }
    .h_portfolio_area .portfolio_slider .swiper-scrollbar{
        width: 96%;
        left: 2px;
    }
    .campaign_area .campaign_info .progress-element{
        margin-top: 30px;
    }
    .contact_form_inner{
        margin-top: 40px;   
    }
    .recommend_left .about_recommend p{
        margin-bottom: 0;
        padding-bottom: 40px;
    }
    .recommend_skill,.clean_team_info,.features_info_one,.clients_logo_area .clients_log_info_two{
        justify-content: center;
    }  
    .clean_recommend_info .about_content{
        text-align: center;
    }
    .clean_recommend_info .about_content .line_br{
        display: inline-block;
    }
    .cl_work_skill_area .clean_img {
        top: auto;
    }
    .header_area_five .navbar-collapse{
        background: #1c223a;
        padding: 0px 15px;
    } 
    .header_area_five .stricky-fixed .navbar-collapse{
        padding: 0px;
    } 
    .cons_team_info{
        justify-content: center;
    }
}

@media (max-width:767px){
    .service_item {
        margin-bottom: 35px;
    }
    .main_features_one .main_features_content{
        padding-top: 40px;
        padding-left: 0;
    }
    .recommend_skill .progress_item{
        margin-bottom: 40px;
    }
    .recommend_img_gallery .item img{
        width: 100%;
    }
    .footer_bottom{
        text-align: center;
    }
    .recommend_left .about_recommend p{
        padding-bottom: 20px;
    }
    .portfolio_img .img img{
        width: 100%;
    }
    .portfolio_img .img .popup img{
        width: auto;
    }
    .header_info,.header_info ul li a,.header_social_icon a{
        line-height: 25px;
        text-align: center;
    }
    .header_top{
        padding: 0px 0px 5px;
    }
    .header_social_icon{
        text-align: center;
    }
    .slider_two .text h2{
        font-size: 50px;
        line-height: 55px;
    }
    .slider_two .slider_imgs img{
        max-width: 100%;
    }
    .cl_work_skill_area .clean_img{
        top: -30px;
    }
    .service_area .row {
        margin-bottom: -35px;
    }
    .blog_details_info .blog_item .media{
        display: block;
    }
    .blog_details_info .blog_item .media img{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .blog_details_info .blog_item blockquote{
        padding: 66px 25px 66px 105px;
    }
    .cons_ribbon_info{
        display: block;
    }
    .cons_ribbon_info h2{
        margin-bottom: 15px;
    }
    .cons_tab .nav-item {
        width: calc(100% / 3);
    }
    .slider_five .text_two h2,.slider_five .text_two p{
        color: #fff;
    }
    .footer_area_four .f_widget.widget_img img{
        max-width: 100%;
    }
    .campaign_info .about_content{
        padding-right: 0px;
        margin-top: 30px;
    }
    .blog_list_item{
        display: block;
        margin-bottom: 50px;
    }
    .blog_list_item img{
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .error_area {
        padding: 100px 0px 150px;
    }
    .clients_logo_area .clients_log_info{
        justify-content: center;
    }
    .slider_two .text h2{
        font-size: 50px;
        line-height: 55px;
    }
}
@media (max-width:650px){
    .about_content_slider .about_content{
        width: 100%;
        padding-right: 0;
        margin-bottom: 60px;
    }
    .about_content_slider .a_img{
        width: 100%;
    }
    .about_content_slider .item{
        display: block;
    }
    .portfolio_filter .work_portfolio_item:not(:last-child) {
        margin-right: 10px;
    }
    .features_area_two .f_img {
        height: 370px;
    }
    .about_counter_up{
        padding: 120px 0px 90px;
    }
    .promo_area{
        display: block;
    }
    .promo_area .promo_btn{
        display: block;
        width: 100%;
    }
    .service_info .service_tab .nav-item{
        width: calc(100% / 3);
    }
    .cons_tab{
        margin-right: -5px;
        margin-left: -5px;
    }
    .cons_tab .nav-item {
        margin: 0px 0px 10px;
        padding: 0px 5px;
    }
}

@media (max-width:576px){
    .f_widget .f_title {
        margin-bottom: 36px;
    }
    .f_widget.widget_news{
        max-width: 270px;
    }
    .footer_bottom .footer_list{
        justify-content: center;
    }
    .footer_bottom .footer_list li{
        font-size: 11px;
        padding: 0px 2px;
    }
    .timeline{
        padding-top: 0;
    }
    .clients_logo_area .clients_log_info .log_item {
        width: calc(100% / 2);
    }
    .header_info,.cl_work_skill_area .clean_img{
        display: none;
    }
    .header_top{
        padding: 5px 0px;
    }
    .slider_two .text h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .slider_two .slick-list .slick-track .slider_item .slider_img{
        background-position: 60% !important;
    }
    .history_timeline_info .hi_timeline{
        display: block;
    }
    .history_timeline_info .hi_timeline .timeline_content{
        width: 100%;
        padding-left: 95px;
    }
    .history_timeline_info .hi_timeline:nth-child(even) .timeline_content{
        padding-right: 0;
        padding-left: 95px;
        text-align: left;
    }
    .history_timeline_info .hi_timeline .timeline_content .date{
        left: 0;
        transform: translateX(0);
        width: 80px;
        height: 80px;
    }
    .history_timeline_info:before{
        left: 38px;
        transform: translateX(0);
    }
    .service_accordian .card .card-header button i{
        display: none;
    }
    .service_accordian .card .card-body{
        padding-right: 0;
    }
    .blog_item img{
        width: 100%;
    }
    .cl_work_skill_area .clean_img{
        display: none;
    }
    .footer_area_two .f_widget.widget_img img{
        margin-left: 0;
    }
    .slider_four .text_two h2{
        font-size: 45px;
        line-height: 48px;
    }
    .cons_tab .nav-item {
        width: calc(100% / 2);
    }
    .cons_team_item img{
        width: 100%;
    }
    .navbar .container{
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:480px){
    .slider_two .slick-prev, .slider_two .slick-next{
        opacity: 0;
    }
    .slider_two:hover .slick-prev,.slider_two:hover .slick-next{
        opacity: 1;
    }
    .slider_two .text h2 {
        font-size: 30px;
        line-height: 37px;
    }
    .slider_two .text h6{
        font-size: 16px;
        line-height: 22px;
    }
    .service_info .service_tab .nav-item{
        width: calc(100% / 2);
    }
    .blog_details_info .blog_item blockquote {
        padding: 90px 25px 66px 25px;
    }
    .blog_details_info .blog_item blockquote:before{
        top: 35px;
    }
}

@media (max-width:420px){
    .footer_bottom .footer_list li:nth-child(2),.footer_bottom .footer_list li:nth-child(1),.footer_bottom .footer_list li:nth-child(3){
        display: none;
    }
    .footer_bottom .footer_list li{
        border: 0px;
    }
    .clients_logo_area .clients_log_info .log_item{
        width: 100%;
    }
    .portfolio_filter{
        display: block;
        text-align: center;
    }
    .service_info .tab-content .tab-pane{
        display: block;
    }
    .service_info .tab-content .tab-pane .text{
        padding-right: 0;
        padding-bottom: 25px;
    }
    .comment_list li ul li .author-bio{
        padding-left: 15px;
    }
    .comment_list li .author-bio .media-left {
        margin-right: 15px;
    }
}