@media(max-width:1500px){

    .features_tab_inner .features_tab_left .features_tab{

        max-width: 100%;

        margin-right: 0px;

        padding-left: 15px;

        padding-right: 20px;

    }

    .signup_area .contact_img img{

        right: 20px;

        max-width: 100%;

    }

}



@media (max-width:1199px){

    .features_tab_inner .features_tab_left,.features_tab_inner .features_tab_right{

        width: 100%;

        float: none;

        overflow: hidden;

    }

    .features_tab_inner .features_tab_left .features_tab li{

        width: 48%;

        float: left;

        margin-left: 2%;

    }

    .features_tab_inner{

        display: block;

    }

    .features_tab_inner .features_tab_left .features_tab{

        overflow: hidden;

        padding-right: 20px;

        padding-left: 0px;

        margin-bottom: 40px;

    }

    .features_tab_inner .features_tab_right .carousel-inner{

        padding-left: 20px;

        padding-right: 20px;

    }

    .main-nav .nav .nav-item.last{

        margin-left: 5px;

    }

    .main-nav .nav .nav-item{

        margin-right: 0px;

    }

    .heading-content .headline{

        font-size: 30px;

    }

    .testimonial_inner_two .inner{

        padding: 40px 10px 40px 15px;

    }

    .story-item .content .inner{

        padding-left: 0px;

        padding-right: 20px;

    }

    .story-item .content .desc{

        font-size: 14px;

        line-height: 25px;

    }

    .service_area .img_mocup{

        right: 50px;

    }

    .service_area .reviews-carousel{

        margin-right: 0px;

    }

    .related-posts .item .content {

        padding: 30px 15px;

    }

    .topic_area .topic_item{

        padding-left: 15px;

        padding-right: 15px;

    }

    .story_content .inner h2 {

        margin-bottom: 15px;

    }

    .story_content .inner {

        padding: 0px 15px 0px 0px;

    }

}



@media (min-width: 992px){

    .modal-video .modal-dialog {

        width: 720px;

        max-width: inherit;

    }

}



@media (max-width:991px){

    .features_content{

        padding-right: 0;

        margin-bottom: 20px;

    }

    .signup_area .contact_img img{

        top: 50px;

        transform: translateY(0);

        position: relative;

    }

    .footer_top .widget{

        margin-bottom: 30px;

    }

    .footer_top{

        padding-bottom: 20px;

    }

    .feature_blocks .feature-block {

        padding-top: 0px;

        padding-bottom: 50px;

    }

    .feature_blocks{

        padding-bottom: 30px;

        padding-top: 70px;

    }

    .story-item .content .inner{

        padding: 50px 30px;

    }

    .testimonial_inner_two .inner{

        margin-bottom: 30px;

    }

    .testimonial_inner_two .row{

        margin-bottom: -30px;

    }

    .about_area .about_content{

        margin-top: 40px;

    }

    .about_info_area .info_img img,.story_content img{

        width: 100%;

    }

    .about_info_area .about_info_content{

        padding-left: 0px;

        margin-top: 30px;

    }

    .service_area .img_mocup{

        right: 0px;

        margin-top: 50px;

    }

    .related-posts .item{

        margin-bottom: 30px;

    }

    .job_details_right{

        margin-left: 0px;

        margin-top: 60px;

    }

    #accordion2{

        margin-top: 50px;

    }

    .promo-section .headline br,.promo-section .tagline br,.forum_area .forum_list li .forum_content br{

        display: none;

    }

    .promo-section .actions .btn{

        margin-bottom: 15px;

    }

    .forum_area .forum_list li .forum_content {

        padding: 30px 30px 40px;

        text-align: center;

        width: 100%;

        height: 100%;

    }

    .contact_message_info{

        display: block;

        text-align: center;

    }

    .contact_message_info .contact_text,.values_item{

        margin-bottom: 25px;

    }

    .contact_message_info{

        padding-top: 80px;

    }

    .story_content .inner{

        padding: 50px;

    }

    .core_valu_area .row{

        margin-bottom: -25px;

    }

    .vision_content{

        margin-bottom: 40px;

    }

}



@media (min-width: 768px){

    .modal-video .modal-dialog {

        width: 660px;

        max-width: inherit;

    }

}



@media (max-width:767px){

    .features_tab_inner .features_tab_left .features_tab li{

        width: 100%;

        margin: 0px 0px 15px;

    }

    .features_tab_inner .features_tab_left .features_tab{

        padding-left: 15px;

        padding-right: 15px;

    }

    .signup_area .contact_img img {

        right: 0px;

    }

    .sec_intro br{

        display: none;

    }

    .header .logo{

        padding: 18px 0px;

    }

    .main-nav .nav .nav-item a{

        padding: 5px 0px;

    }

    .main-nav .navbar-collapse{

        background: rgba(0, 0, 0, 0.6);

        max-height: 290px;

        overflow-y: scroll;

    }

    .main-nav .navbar-collapse .nav{

        padding: 5px 20px 20px;

    }

    .main-nav .nav .nav-item.last{

        margin-left: 0px;

    }

    .main-nav .nav .nav-item .btn-signup{

        top: 0;

        display: inline-block;

        background: #1f8ceb;

    }

    .main-nav .nav .dropdown-menu{

        background: #000;

        padding: 0px 15px;

    }

    .feature_blocks .figure-holder.mr_50{

        margin-right: 0px;

    }

    .feature_block_3 .feature-content,.feature_block_4 .feature-content{

        margin-bottom: 20px;

    }

    .feature_block_4 img, .feature_block_2 img{

        margin-left: 0;

    }

    .heading-content .intro br{

        display: none;

    }

    .client_meta h4{

        font-size: 18px;

    }

    .other_stories_area .item{

        margin-bottom: 30px;

    }

    .post .meta{

        padding-left: 0px;

        width: 140px;

    }

    .post .post-content,.post .post-title{

        padding-left: 140px;

    }

    .blog_signup_area .form-group .form-control{

        width: 490px;

    }

    .benefit_info .benefit_item{

        padding-left: 15px;

        padding-right: 15px;

    }

    .job_details_left .media .media-body{

        padding-left: 0px;

        padding-top: 25px;

    }

    .job_details_left .job-details .benefits li{

        width: 48%;

    }

    .job_details_left .media,.forum_area .forum_list{

        display: block;

    }

    .forum_area .forum_list li{

        width: 100%;

        margin-bottom: 20px;

    }

}





@media (min-width: 576px){

    .modal-dialog {

        max-width: 500px;

        margin: 1.75rem auto;

    }

}



@media (max-width:576px){

    .sec_title{

        font-size: 27px;

        margin-bottom: 13px;

    }

    .features_tab_inner .features_tab_left .features_tab li{

        padding: 25px 10px 25px 55px;

    }

    .features_tab_inner .features_tab_left .features_tab li .tab_icon{

        left: 10px;

    }

    .features_tab_inner .features_tab_left .features_tab{

        margin-bottom: 15px;

    }

    .footer-bottom,.popular-articles{

        text-align: center;

        display: block;

    }

    .footer-bottom .social_media,.articles_block .text-left{

        text-align: center !important;

    }

    .footer_area .divider{

        margin-bottom: 20px;

    }

    .heading-content .actions .btn-cta{

        margin-left: auto;

    }

    .heading-content .headline {

        font-size: 25px;

        line-height: 35px;

    }

    .heading-content .intro{

        font-size: 15px;

    }

    .banner_area {

        height: 550px;

    }

    .testimonial_inner_two .inner{

        padding-left: 15px;

        padding-right: 15px;

    }

    .story-item .content .inner {

        padding: 50px 15px;

    }

    .team_info .team_item img,.popular-articles .popular-article{

        width: 100%;

    }

    .service_area .reviews-carousel .review{

        padding: 30px;

    }

    .service_area .reviews-carousel .review p{

        margin-top: 20px;

    }

    .client_meta .item{

        margin-bottom: 25px;

    }

    .story_article_area{

        padding-left: 15px;

        padding-right: 15px;

    }

    .quote-container .quote{

        padding-left: 5px;

        padding-right: 5px;

        font-size: 20px;

        line-height: 35px;

    }

    .blog_signup_area .form-group .form-control,.blog_signup_area .form-group{

        width: 100%;

    }

    .post .meta{

        position: relative;

    }

    .post .post-content, .post .post-title{

        padding-left: 0;

    }

    .blog_single .single_details .blog-quote{

        padding: 45px 10px;

    }

    .blog_single .author-container .intro {

        padding-left: 160px;

    }

    .blog_single .author-container{

        padding-left: 15px;

        padding-right: 15px;

    }

    .benefit_info .benefit_item{

        padding-left: 30px;

        padding-right: 30px;

    }

    .faq-accordion .card .card-header .btn-accordion{

        font-size: 16px;

        line-height: 25px;

        padding-left: 35px;

    }

    .faq-accordion .card .panel-body{

        font-size: 14px;

        line-height: 25px;

        padding-left: 35px;

    }

    .faq-accordion .card .card-header .btn-accordion span{

        left: 12px;

    }

    .promo-section .headline {

        font-size: 37px;

        line-height: 56px;

    }

}



@media (max-width: 480px){

    .features_tab_inner .features_tab_left .features_tab li .tab_icon{

        top: 0;

        left: -5px;

        margin-bottom: 10px;

        position: relative;

    }

    .features_tab_inner .features_tab_left .features_tab li{

        padding: 25px 10px 25px 15px;

    }

    .blog_signup_area .form-group .btn-primary{

        position: relative;

        top: 0;

        transform: translateY(0);

        margin-top: 20px;

        padding: 10px 47px;

    }

    .blog_single .author-container .author{

        position: relative;

        left: 0;

        top: 0;

    }

    .blog_single .author-container .intro{

        padding-left: 0px;

        padding-top: 40px;

    }

    .heading-content.mt_80{

        margin-top: 50px;

    }

    .job_details_left .job-details .benefits li{

        width: 100%;

        margin-right: 0px;

    }

    .job_details_left{

        padding-left: 15px;

        padding-right: 15px;

    }

    .promo-section .headline {

        font-size: 24px;

        line-height: 45px;

    }

    .actions a.play-trigger {

            display: none;

    }

    .promo-section .promo-content

    {

        padding-top: 10px;

    }

    .overview_area {

        padding: 20px 0px;

    }

    .sec_intro {

        margin: 0 auto 20px;

    }

    .overview_skills {

        margin-top: 10px;

    }

    .sec_pad {

        padding: 20px 0px;

    }

    .footer_top {

       display: none;

    }

    .price_item .item-inner .details-box {

        display: none;

    }

    .price_item .item-inner .summary-box {

        border-bottom: none;

    }

}