/* ----------------------------------- *

    (max-width:1799px)

*--------------------------------------*/



@media only screen and (max-width:1799px) {

     /* index css */

     .banner_section .right_wrap {

        max-width: 820px;

    }

}

/* -------------------------------------- *
   (min-width:1600px) & (max-width:1900px)
*---------------------------------------- */

@media only screen and (min-width:1600px) and (max-width:1900px) {
    .web_file {
        max-width: 700px;
        max-height: 700px;
    }
    .digital_file {
        max-width: 800px;
        max-height: 800px;
    }
    .flutter_file {
        max-width: 850px;
        max-height: 850px;
    }
    .mobile_file {
        max-width: 750px;
        max-height: 800px;
    }
    .ui_file {
        max-width: 880px;
        max-height: 880px;
    }
    .ppc_file {
        max-width: 750px;
        max-height: 750px;
    }
    .testing_file {
        max-width: 720px;
        max-height: 720px;
    }
    .ror_file {
        max-width: 750px;
        max-height: 750px;
    }
    .django_file {
        max-width: 750px;
        max-height: 750px;
    }  
    .frontend_file {
        max-width: 750px;
        max-height: 750px;
    } 
    .food_file {
        top: 0;
        max-width: 800px;
        min-height: 800px;
    }
    .healthcare_file {
        max-width: 850px;
        max-height: 850px;
    }
}


/* ------------------------------------ *
    (max-width:1600px)
*-------------------------------------- */

@media only screen and (max-width:1600px) {
     /* index css */

    .banner_text h1 {

        font-size: 42px;

    }

    .banner_text h2 {

        font-size: 42px;

    }

    .banner_section .right_wrap {

        max-width: 750px;

        top:-100px;

    }

     .slider_arrow.slide1.slick-arrow {

        right: 100px;

        top: -50px;

    }

    .slider_arrow.slide2.slick-arrow {

        right: 40px;

        top: -50px;

    }

    /* mobile development css*/

    .slider_arrow.slick-arrow {

        right: 100px;

    }

    .slider_arrow.slide.slick-arrow {

        right: 40px;

    }

    .slider-nav {

        width: 100%;

    }

    /*-------------------*/
    .web_file {
        max-width: 650px;
        max-height: 650px;
    }
    .aso_file {
        max-width: 750px;
        max-height: 750px;
    }
    .digital_file {
        max-width: 750px;
        max-height: 750px;
    }
    .flutter_file {
        max-width: 750px;
        max-height: 850px;
    }
    .ios_file {
        max-width: 800px;
        max-height: 800px;
    }
    .mobile_file {
        max-width: 650px;
        max-height: 710px;
    }
    .node_file {
        max-width: 700px;
        max-height: 750px;
    }
    .ui_file {
        max-width: 780px;
        max-height: 780px;
    }
    .ppc_file {
        max-width: 700px;
        max-height: 700px;
    }
     .jquery_file {
        max-width: 600px;
        max-height: 600px;
    }
    .testing_file {
        max-width: 620px;
        max-height: 620px;
    }
    .ror_file {
        max-width: 700px;
        max-height: 700px;
    }
    .django_file {
        max-width: 700px;
        max-height: 700px;
    }
    .reactnative_file {
        max-width: 750px;
        max-height: 750px;
    }
    .frontend_file {
        max-width: 680px;
        max-height: 680px;
    }
    .network_file {
       right: 0;
    }
    .taxi_file {
        max-width: 800px;
        max-height: 800px;
    }
    .food_file {
        max-width: 700px;
        max-height: 700px;
    }
    .healthcare_file {
        max-width: 750px;
        max-height: 750px;
    }
     .dating_file {
        right: 0;
        max-width: 650px;
        max-height: 650px;
    }
}


/* ------------------------------------- *
     (max-width:1440px)
*---------------------------------------*/

@media only screen and (max-width:1440px) {
     .banner_section .right_wrap {
        max-width: 650px;
        /* max-height: 680px; */
    }
    .android_file {
        max-width: 600px;
        max-height: 600px;
    }
    .web_file {
        max-width: 560px;
        max-height: 560px;
    }
    .aso_file {
        max-width: 650px;
        max-height: 650px;
    }
    .cross_file {
        max-width: 780px;
        max-height: 780px;
    }
    .digital_file {
        max-width: 700px;
        max-height: 700px;
    }
    .flutter_file {
        max-width: 600px;
        max-height: 700px;
    }
    .ios_file {
        max-width: 680px;
        max-height: 680px;
    }
    .mobile_file {
        max-width: 550px;
        max-height: 680px;
    }
    .node_file {
        max-width: 600px;
        max-height: 750px;
    }
    .seo_file {
        max-width: 460px;
        max-height: 460px;
    }
    .smm_file {
        max-width: 470px;
        max-height: 470px;
    }
    .ui_file {
        max-width: 650px;
        max-height: 650px;
    }
    .react_file {
        max-width: 650px;
        max-height: 650px;
    }
    .ppc_file {
        max-width: 600px;
        max-height: 600px;
    }
    .jquery_file {
        max-width: 530px;
        max-height: 530px;
    }
    .testing_file {
        max-width: 500px;
        max-height: 500px;
    }
    .ror_file {
        max-width: 600px;
        max-height: 600px;
    }
    .django_file {
        max-width: 600px;
        max-height: 600px;
    }
    .python_file {
        right: 0;
        max-width: 600px;
        max-height: 600px;
    }
    .reactnative_file {
        max-width: 620px;
        max-height: 620px;
    }
    .frontend_file {
        top: 100px;
        max-width: 580px;
        max-height: 580px;
    }
    .network_file {
        right: 0;
        max-width: 570px;
        max-height: 570px;
    }
    .taxi_file {
        max-width: 700px;
        max-height: 700px;
    }
    .food_file {
        max-width: 650px;
        max-height: 650px;
    }
    .healthcare_file {
        top: 50px;
        max-width: 650px;
        max-height: 650px;
    }
    .dating_file {
        max-width: 550px;
        max-height: 550px;
    }
}


/* -------------------------------- *
    (max-width:1300px)
*----------------------------------*/

@media only screen and (max-width:1300px) {
    .food_file {
        max-width: 550px;
        max-height: 550px;
    }
}


/* ----------------------------------- *

    (max-width:1199px)

*--------------------------------------*/



@media only screen and (max-width:1199px) {
    .json_file {
        display: none;
    }

    /* about us css*/

    .section {

        padding: 70px 0px;

    }

    /*.section1 {

        padding: 80px 0px;

    }*/

    .theme-span {

        font-size: 11.2vw;

    }

    .our_box_wrap {

        margin-top: 50px;

    }

    /* contact us css*/

    .contact_text span {

        font-size: 7.80vw;

    }

    /* blog css */

    .blog_text span {

        font-size: 6.8vw;

    }

    .recent_post {

        padding: 44px;

    }

    .footer-subscription .wpsf-subscribe_form .both-fields-wrap{
        display: flex;        
    } 
    .footer-subscription .wpsf-subscribe_form .both-fields-wrap .wpsf-field-wrap:last-child{
        margin-top: 0px;
    }
    .footer-subscription .wpsf-form-wrap.wpsf-subscribe_form {
       max-width: 100% !important;
    }
    .subscribe-form-div .form_content_wrap {
        padding: 15px 34px;
    }
    .subscribe-form-div .form_content_wrap .wpsf-subscribe_form{
        max-width: 100% !important;
    }
    .wpsf-subscribe_form .both-fields-wrap .wpsf-field-wrap:last-child{
        margin: 10px auto;
    }
}

/* ----------------------------------------- *

    (min-width:992px) & (max-width:1199px)

*------------------------------------------- */



@media (min-width:992px) and (max-width:1199px) {

    /* blog css */

    .form_content_wrap {

        padding: 28px 34px;

    }

    .email_box h3 {

        font-size: 30px;

        line-height: 42px;

    }

    .email_box p {

        font-size: 18px;

        line-height: 32px;

    }

    /* blog-detail css */

    .business_section h3 {

        font-size: 30px;

        line-height: 40px;

    }

    .business_section h5 {

        font-size: 14px;

        margin: 14px 0px;

    }

    .business_section p {

        margin-bottom: 12px;

    }

    .business_section .business_links {

        margin-bottom: 0px;

    }

    .blog_detail h5 {

        font-size: 14px;

    }

    /* mobile development */

    .benefits h3 {

        font-size: 30px;

        line-height: 44px;

        min-height: 90px;

    }

    .benefits p {

        font-size: 20px;

    }

    .service_wrap {

        min-height: 341px;

    }

    /* index css */
    
    .mobile-menu-dropdown .mega-nav-item{
        margin:0px !important;
    }

    .megamenu-li .megamenu {

        padding: 36px 16px;

    }

    .banner_text h1 {

        font-size: 35px;

        line-height: 58px;

    }

    .banner_text h2 {

        font-size: 35px;

    }

    .banner_btn{

        padding:10px 28px;

    }

    .banner_section .right_wrap {

        max-width: 540px;

    }
    
    .about_wrap h4{
        font-size:24px;
    }

    .about_wrap h5 {

        font-size: 16px;

        line-height: 30px;

    }

    .client-logos .table_logo img {

        max-width: 170px;

    }
    /* soical network */
    .border_box {
        padding: 20px;
    }

}





/* ----------------------------------- *

    (min-width:991px)

*--------------------------------------*/



@media only screen and (min-width:991px) {

    .megamenu-li .megamenu {

        position: absolute;

        width: 100%;

        left: 0;

        right: 0;

        padding: 36px 16px;

        -webkit-box-shadow: 0px 25px 24px -30px black;

        box-shadow: 0px 25px 24px -30px black;

        display: block;

        top: calc(100% + 30px);

        margin: 0;

        z-index: 99;

        opacity: 0;

        visibility: hidden;

        background: #fff;

        -webkit-transition: 0.3s;

        transition: 0.3s;

    }

    .megamenu-li:hover>.dropdown-menu {

        opacity: 1;

        top: 100%;

        visibility: visible;

    } 

    .nav-pills-custom .nav-link::before {

        content: '';

        display: block;

        border-top: 8px solid transparent;

        border-left: 10px solid #e53e30;

        border-bottom: 8px solid transparent;

        position: absolute;

        top: 50%;

        right: -10px;

        transform: translateY(-50%);

        opacity: 0;

    }

    .nav-pills-custom .nav-link.active::before {

        opacity: 1;

    }  

}





/* ----------------------------------- *

    (max-width:991px)

*--------------------------------------*/



@media only screen and (max-width:991px) {

    .mb_50 {

        margin-bottom: 40px;

    }

    /* about us css*/

    .navbar {

        padding: 16px;

    }

    .bg_gray .banner_text {

        padding: 70px 0px 80px;

    }

    .theme-span {

        font-size: 10.8vw;

    }

    .our_box_wrap .our_title p {

        max-width: none;

    }

    /* contact us css*/

    .contact_text {

        padding-top: 40PX;

    }

    .contact_text span {

        font-size: 10.66vw;

    }

    .contact_form {

        margin-bottom: 30px;

    }

    /* blog css */

    .blog_text span {

        font-size: 9.3vw;

    }

    .recent_post {

        margin-top: -60px;

    }

    /* mobile development css*/

    .mb {

        margin-bottom: 40px;

    }

    .service_wrap {

        min-height: auto;

    }

    .slide-btn {

        padding: 20px 10px;

        font-size: 22px;

    }

    .education_section h2 {

        font-size: 46px;

    }

    .benefits h3 {

        max-width: none;

        min-height: 50px;

    }

    .wrapper.center-block{

        margin-top: 28px;

    }
    
    .sticky_section {
        position: unset;
    }

    /* index css */

    .banner_section {

        padding: 76px 0px 0px;

    }

    .navbar-nav {

        background-color: #D95C1B;

    }

    .mb-50 {

        margin-bottom: 0px;

    }
    
    .mobile-menu{ 

        display: block; 

        top: 20px;

        right: 0;

    }

    .header_btn {
        display: none;
    }   
    
    #mega-menu-wrap-responsive-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-responsive-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-responsive-menu .mega-menu-toggle .mega-toggle-block-1
    .mega-toggle-animated-inner::after{
        width:36px;
        background-color:#d85b1a;
    }

    .megamenu-li .megamenu {

        /* position: relative; */

        padding: 20px;

    }
    #mega-menu-wrap-responsive-menu .mega-menu-toggle + #mega-menu-responsive-menu{
        margin-top: 16px;
        box-shadow: 0px 25px 24px -30px #000 ;
    }
    .responsive-menu-custom .mega-menu-toggle .mega-toggle-block{
        margin-right: 16px !important;
    }

    .navbar-light .navbar-nav .nav-link {

        padding: 10px;

    }

    .border_right:before,

    .border_right::after {

        border-left: 0px;

        border-right: 0px;

    }

    .border_right1::after {

        border-right: 0px;

    }

    .navbar-light .navbar-toggler {

        border-color: transparent;

    }

    .header_lead {

        max-width: none;

        margin: 16px 0px;

    }

    .header_btn {

        position: absolute;

        top: 19px;

        right: 80px;

        margin-left: 0px !important;

    }

    .banner_section .right_wrap {

        position: relative;

        top:0px;

        max-width:950px;

    }

    .slider-wrap .slider h3 {

        font-size: 26px;

    }

    .slider-wrap .slider .quote_img {

        left: 0;

    }

    .slider_img {

        padding: 0px 16px;

    }

    .about_wrap {

        padding-left: 0px;

        max-width: none;

    }

    .about_wrap p {

        margin-top: 16px;

    }

    .tab_effect h3 {
        font-size: 40px;
    }

    .nav-pills-custom .nav-link h5 {
        margin: 0;
        font-size: 18px;
    }
    .nav-pills-custom .nav-link p {
        display: none;
    }

    .client-logos .bg_img {

        opacity: 0.5;

    }

    .client-logos .bg_img img {

        width: 100%;

    }
    /* social network css */
    .border_box {
        border: 0px;
    }
     /*development methodology css */
    .dev_process {
        justify-content: space-around;
    }
    .dev_process .process_box {
        margin-bottom: 16px;
    }
    .dev_process .process_box:after {
        border-bottom: 0px;
    }
     /* portfolio-detail css */
    .about_content {
        margin-bottom: 20px;
    }  
}


/* ----------------------------------- *

    (max-width:767px)

*--------------------------------------*/



@media only screen and (max-width:767px) {

    .section {

        padding: 60px 0px;

    }

    /*.section1 {

        padding: 70px 0px;

    }*/

    .theme-span {

        font-size: 10.4vw;

    }

    .mb_50 {

        margin-bottom: 30px;

    }

    .bg_gray .banner_text {

        padding: 60px 0px 70px;

    }

    .who_heading h3 {

        margin-bottom: 40px;

    }

    .our_box_wrap {

        margin-top: 40px;

    }

    footer {

        padding:34px 0px;

    }

    .footer-subscription .wpsf-form-wrap.wpsf-subscribe_form .both-fields-wrap .wpsf-field-wrap:last-child{
       max-width: 150px !important;
    }

    /* contact us css*/

    .medium_divider {

        min-height: 400px;

    }

    .contact_text span {

        font-size: 10.16vw;

    }

    .contact_text p {

        font-size: 26px;

    }

    .comman_anchor_robot {

        margin-top: 60px;

    }

    /* blog css */

    .header_img:after {

        left: 90px;

        top: 18px;

    }

    .blog_text {

        padding-top: 60px !important;

    }

    .blog_text span {

        font-size: 8.8vw;

    }

    .recent_post {

        padding: 30px;

        margin-top: -60px;

    }

    .card_bottom {

        padding-bottom: 0px;

    }

    .comment-form-block p.comment-form-author,

    .comment-form-block p.comment-form-email {

        display: block !important;

    }
    
    .wpsf-form-wrap.wpsf-template-8 .both-fields-wrap .wpsf-field-wrap:last-child{
        max-width: none;
    }    

    /* blog-detail css */

    .blog_detail h5 {

        font-size: 18px;

    }

    /* mobile development css*/

    .service_card_wrap {

        padding: 20px;

    }

    .service_card_wrap .card-header {

        margin-bottom: 20px;

    }

    .service_card_wrap .card-body .technology_wrap li {

        width: 48px;

    }

    .education_img {

        margin-bottom: 16px;

    }

    .education_section h2 {

        font-size: 36px;

    }

    .education_section p {

        font-size: 20px;

    }

    .comman_anchor {  

        font-size: 16px;

    }

    .mobile_heading {

        font-size: 39px;

    }

    .mb {

        margin-bottom: 30px;

    }

    .benefits h3 {

        font-size: 28px;

        line-height: 42px;

    }

    .benefits p {

        font-size: 22px;

    }

    .engagement_model h5 {

        font-size: 17px;

    }

    /* .accordion {

        margin-top: 40px;

    } */

    /* index css */

    .mega-menu {

        padding: 14px 0px 0px 14px;

    }

    .mega-menu li a {

        padding-left: 24px;

        font-size: 14px;

    }

    .mega-menu li a:after {

        left: 36px;

    }

    .megamenu-li .header_content {

        padding-left: 20px;

    }

    .megamenu-li .header_content a {

        font-size: 18px;

    }

    .header_btn {

        top: 20px;

    }

    .banner_text h1 {

        font-size: 34px;

        line-height: 60px;

    }

    .banner_text h2 {

        font-size: 34px;

    }

    .slider-wrap .slider .quote_img {

        left: 0;

        width: 100px;

    }

    .slider-wrap .slider h3 {

        font-size: 22px;

        line-height: 32px;

    }

    .slider-wrap .slider .testimonial_desc {

        margin: 30px 0px 16px;

    }

    .about_wrap h4 {

        font-size: 28px;

    }

    .about_wrap h5 {

        font-size: 18px;

        line-height: 30px;

    }
     .tab_effect {
        margin-top: 16px;
    }

    .client-logos .table_logo img {

        max-width: 170px;

    }

    .technology_logo img {

        width: 75%;

    }
    /* social network css */
    .banner_counter {
        margin-top: 30px;
    }
    .banner_counter h2 {
        line-height: 70px;
    }
    .banner_counter p {
        font-size: 26px;
    }
     /* development methodology css*/
    .industry_text p {
        font-size: 28px;
    }

}

/* ----------------------------------- *

    (max-width:662px)

*--------------------------------------*/



@media only screen and (max-width:662px) {

    .theme-span {

        font-size: 12.0vw;

    }

    .contact_text span {

        font-size: 11.76vw;

    }

    .blog_text span {

        font-size: 10.2vw;

    }

    /* mobile development css */

    .slide-btn {

        font-size: 22px;

    }

    /* index css */

    .slider_img .web_overlay .slider_overlay p {

        max-width: 190px;

    }

    .slider_img .web_overlay .slider_arrow {

        width: 36px;

        height: 36px;

        line-height: 36px;

    }

}

/* ----------------------------------- *

    (max-width:575px)

*--------------------------------------*/



@media only screen and (max-width:575px) {

    /* about us css*/

    .section {

        padding: 50px 0px;

    }

    /*.section1 {

        padding: 60px 0px;

    }*/

    .theme-font {

        font-size: 28px;

        line-height: 40px;

    }

    .theme-span {

        font-size: 14.2vw;

    }

    .mb_50 {

        margin-bottom: 24px;

    }

    .heading_s2 {

        font-size: 16px;

        letter-spacing: 8px;

    }

    .navbar {

        padding: 14px 16px;

    }

    .bg_gray .banner_text {

        padding: 50px 0px 60px;

    }

    .bg_gray .banner_text h1 {

        font-size: 40px;

    }

    .who_heading h3 {

        margin-bottom: 30px;

        line-height: 36px;

    }

    .who_heading p {

        font-size: 18px;

        line-height: 32px;

    }

    .vision_title {

        line-height: 30px;

        font-size: 16px;

    }

    .our_box_wrap {

        margin-top: 30px;

    }

    .our_box_wrap h2 {

        margin-bottom: 20px;

        font-size: 28px;

    }

    .comman_lead {

        font-size: 16px;

        line-height: 28px;

    }

    .footer_bottom .widget p {

        margin-bottom: 8px;

        font-size: 16px;

    }

    .footer_bottom .widget h3 {

        font-size: 28px;

    }

    .footer_bottom .widget span {

        font-size: 16px;

    }    

    .inquiry li {

        padding-bottom: 6px;

    }

    .latest_form h3 {

        font-size: 28px;

    }

    .tagline_form input {

        padding: 8px 10px;

        height: 42px;

    }

    .tagline_form input {

        padding: 8px 16px;

    }

    .tagline_form .form_btn {

        font-size: 16px;

        height: 42px;

        min-width: 122px;

    }

    .tagline_form .form-control::-webkit-input-placeholder {

        font-size: 16px;

    }

    /* contact us css */

    .medium_divider {

        min-height: 350px;

    }

    .contact_text {

        padding-top: 30PX;

    }

    .contact_text span {

        font-size: 13.16vw;

    }

    .contact_text p {

        font-size: 22px;

    }

    .contact_form {

        padding: 10px 10px 30px;

    }

    .contact_form h2 {

        font-size: 40px;

        margin-bottom: 26px

    }

    .comman_anchor_robot {

        margin-top: 55px;

    }

    .contact_form .form-group {

        margin-bottom: 20px;

    }

    .comman_anchor_robot {

        margin-top: 45px;

        font-size: 16px;

        padding: 6px 20px;

    }

    /* blog css */

    .header_img:after {

        top: 10px;

    }

    .blog_text span {

        font-size: 12vw;

    }

    .blog_text p {

        font-size: 16px;

    }

    .recent_post {

        padding: 20px;

        margin-top: -40px;

    }

    .recent_post h4 {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 20px;

    }

    .recent_post p {

        font-size: 16px;

        line-height: 28px;

        margin-bottom: 22px;

    }

    .form_content_wrap {

        padding: 30px;

    }

    .email_box h3 {

        line-height: 44px;

    }

    .email_box p {

        font-size: 18px;

        line-height: 34px;

        margin-bottom: 40px;

    }

    .email_update_input .email_input {

        height: 46px;

        margin-bottom: 20px;

    }

    .email_btn {

        margin-top: 40px;

        font-size: 16px;

        padding: 6px 30px;

    }

    .pagination {

        margin-top: 40px;

    }

    .pagination .page-link {

        font-size: 22px;

    }

    .pagination .page-link img {

        width: 30px;

    }

    /* blog-detail css */

    .business_section h3 {

        line-height: 40px;

    }

    .business_section h5 {

        font-size: 16px;

        margin: 16px 0px;

    }

    .business_section p {

        margin-bottom: 16px;

    }

    .blog_detail h5 {

        font-size: 16px;

        line-height: 26px;

        margin-bottom: 20px;

    }

    .media .media_img {

        margin-right: 10px;

    }

    .media .media-body h5 {

        font-size: 20px;

    }

    .media .bg_offgray {

        padding: 10px;

    }

    .comment .comment_lead {

        font-size: 15px;

        margin: 20px 0px;

        line-height: 26px;

    }

    /* mobile development css*/

    .mobile_text {

        margin-bottom: 16px;

    }

    .service_card_wrap {

        padding: 20px;

    }

    .service_card_wrap .card-header .card-title h5 {

        font-size: 20px;

    }

    .card_desc {

        font-size: 16px;

    }

    .service_card_wrap .card-body .technology_wrap li {

        width: 38px;

    }

    .read_more1 {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

    .card_lead {

        font-size: 16px;

        line-height: 24px;

    }

    .small_divider {

        height: 50px;

    }

    .slider_arrow.slick-arrow {

        top: -38px;

        right: 80px;

        width: 36px;

        height: 36px;

        line-height: 36px;

    }

    .slider_arrow.slide.slick-arrow {

        top: -38px;

        right: 30px;

        width: 36px;

        height: 36px;

        line-height: 36px;

    }

    .slide-btn {

        font-size: 20px;

    }

    .education_section h2 {

        font-size: 30px;

    }

    .comman_anchor {

        padding: 6px 24px !important;
        min-width: 130px;

    }

    .education_section p {

        font-size: 18px;

    }

    .mobile_heading {

        font-size: 36px;

    }

    .icon {

        margin-bottom: 10px;

    }

    .mb {

        margin-bottom: 20px;

    }

    .icon_box_content p {

        max-width: none;

        font-size: 14px;

    }

    .app_section {

        margin-bottom: 30px;

    }

    .app_section p {

        font-size: 22px;

    }

    .benefits h3 {

        font-size: 21px;

        line-height: 32px;

        min-height: 40px;

    }

    .benefits p {

        font-size: 18px

    }
    
     .new_point h4 {
        font-size: 20px;
    }

     .faq .faq-list a {
        font-size: 18px;
    }

    .engagement_model h5 {

        font-size: 18px;

    }

    /* index css */

    .banner_section {

        padding: 61px 0px 0px;

    }

    .mobile-menu{
        top: 12px;
    }

    #mega-menu-wrap-responsive-menu .mega-menu-toggle + #mega-menu-responsive-menu{
        margin-top: 9px;
    }

    .megamenu-li .header_content {

        padding-left: 10px;

    }

    .mega-menu {

        padding: 0px 0px 0px 36px;

    }

    .mega-menu li a:after {

        left: 68px;

    }

    .mega-menu li a {

        padding-left: 28px;

    }

    .header_bottom {

        margin-bottom: 16px;

    }
    
    .contact-btn a{
        height:36px !important;
        padding:5px 26px !important;
    }

    .header_btn {

        top: 17px;

    }

    .banner_btn {

        font-size: 14px;

        padding: 8px 20px;

    }

    .banner_text h1 {

        font-size: 36px;

    }

    .banner_text h2 {

        font-size: 36px;

    }

    .slider-wrap .slider .quote_img {

        width: 80px;

    }

    .slider-wrap .slider h3 {

        font-size: 18px;

        line-height: 30px;

    }

    .slick_left_arrow,

    .slick_right_arrow {

        width: 40px;

    }

    .slider-wrap .author_wrap .author_img {

        width: 80px;

    }

    .slider-wrap .author_wrap .author_name h5 {

        font-size: 18px;

    }

    .slider-wrap .author_wrap .author_name p {

        font-size: 14px;

    }

    .about_wrap p {

        font-size: 14px;

    }

    .about_wrap h4 {

        font-size: 22px;

        line-height: 32px;

    }

    .about_wrap h5 {

        font-size: 16px;

        line-height: 26px;

    }

    .tab_effect h3 {
        font-size: 30px;
    }

    .slider_arrow.slide1.slick-arrow,

    .slider_arrow.slide2.slick-arrow {

        top: -50px;

        width: 36px;

        height: 36px;

        line-height: 36px;

        font-size: 12px;

    }

    .slider_arrow.slide1.slick-arrow {

        right: 70px;

    }

    .slider_arrow.slide2.slick-arrow {

        right: 20px;

    }
    .header_logo {
        width: 150px;
    }
    /* social network css*/
    .industry_text h2 {
        font-size: 30px;
        line-height: 44px;
    }
    .banner_counter {
        margin-top: 20px;
    }
    .banner_counter h2 {
        font-size: 44px;
        line-height: 50px;
    }
    .banner_counter p {
        font-size: 22px;
    }
    .border_box {
        padding: 16px;
    }
    /* development methodology css*/
    .industry_text p {
        font-size: 22px;
    }
    /* portfolio-detail css */
    .about_content {
        margin-bottom: 16px;
    }
    .stack_content {
        margin: 0 auto;
    }
}

/* ----------------------------------- *

    (max-width:480px)

*--------------------------------------*/



@media (min-width:481px) and (max-width:575px) {

    /* index css */

    .gutter_sm {

        width: 50%;

    }

    .slider_img .web_overlay .slider_overlay p {

        max-width: 278px;

    }

}


/* ----------------------------------- *

    (max-width:480px)

*--------------------------------------*/



@media only screen and (max-width:480px) {

    /* index css */

    .gutter_sm {

        width: 100%;

    }

}





/* ----------------------------------- *

    (max-width:380px)

*--------------------------------------*/



@media only screen and (max-width:380px) {

    /* about us css */

    .section {

        padding: 30px 0px;

    }

    /*.section1 {

        padding: 40px 0px;

    }*/

    .theme-font {

        font-size: 24px;

        line-height: 34px;

    }

    .mb_50 {

        margin-bottom: 20px;

    }

    .bg_gray .banner_text {

        padding: 40px 0px 50px;

    }

    .bg_gray .banner_text h1 {

        font-size: 30px;

    }

    .bg_gray .banner_text p {

        font-size: 12px;

    }

    .who_heading h3 {

        line-height: 34px;

        margin-bottom: 20px;

    }

    .who_heading p {

        font-size: 14px;

        line-height: 26px;

    }

    .vision_part h3 {

        padding-left: 16px;

    }

    .vision_title {

        line-height: 26px;

        font-size: 14px;

    }

    .our_box_wrap {

        margin-top: 20px;

    }

    .comman_lead {

        font-size: 14px;

        line-height: 24px;

    }

    .our_box_wrap h2 {

        font-size: 24px;

        margin-bottom: 16px;

    }

    footer {

        padding: 20px 0px;

    }

    .footer-subscription .wpsf-subscribe_form .both-fields-wrap{
        display: block;
    }  

    .footer-subscription .wpsf-form-wrap.wpsf-subscribe_form .both-fields-wrap .wpsf-field-wrap:last-child{
       max-width: 100% !important;
    }

    .footer_bottom .widget p {

        font-size: 14px;

    }

    .footer_bottom .widget h3 {

        font-size: 26px;

    }

    .footer_bottom .widget span {

        font-size: 14px;

    }

    .inquiry li {

        padding-bottom: 0px;

    }

    .inquiry li a {

        font-size: 16px;

    }

    .latest_form h3 {

        font-size: 24px

    }

    .latest_form p {

        font-size: 14px;

    }

    .tagline_form input {

        padding: 6px 10px;

        height: 40px;

    }

    .tagline_form p {

        line-height: 24px;

    }

    .tagline_form .form-control::-webkit-input-placeholder {

        font-size: 14px;

    }

    .tagline_form .form_btn {

        min-width: 110px;

        font-size: 14px;

        height: 40px;

    }

    /* contact us css */

    .medium_divider {

        min-height: 300px;

    }

    .contact_text {

        padding-top: 20PX;

    }

    .contact_text span {

        font-size: 13.16vw;

    }

    .contact_text p {

        font-size: 18px;

    }

    .contact_form {

        padding: 10px 10px 20px;

        margin-bottom: 16px;

    }

    .contact_form h2 {

        font-size: 30px;

        margin-bottom: 20px

    }

    .contact_form .btn_toggle:before {

        border-right: 6px solid transparent;

        border-left: 6px solid transparent;

        border-top: 12px solid #c4c4c4;

        top: 21px;

        right: 18px;

    }

    .form-control::-webkit-input-placeholder {

        font-size: 15px;

    }

    .countries:first-child {

        font-size: 15px;

    }

    .comman_anchor_robot {

        margin-top: 35px;

        font-size: 14px;

    }

    /* blog css */

    .header_img:after {

        height: 60px;

    }

    .header_logo {
        width: 140px;
    }

    .blog_text span {

        font-size: 12vw;

    }

    .blog_text p {

        font-size: 14px;

    }

    .recent_post {

        padding: 18px;

        margin-top: -14px;

    }

    .recent_post h4 {

        font-size: 17px;

        margin-bottom: 16px;

    }

    .recent_post p {

        font-size: 14px;

        margin-bottom: 18px;

    }

    .general_anchor {

        font-size: 14px;

    }

    .card_body {

        padding: 16px;

    }

    .card_body h5 {

        font-size: 16px;

        line-height: 30px;

    }

    .card_body p {

        font-size: 14px;

        margin: 14px 0px;

        line-height: 26px;

    }

    .form_content_wrap {

        padding: 20px;

    }

    .email_box h3 {

        line-height: 32px;

        margin-bottom: 16px;

    }

    .email_box p {

        font-size: 14px;

        line-height: 30px;

        margin-bottom: 30px;

    }

    .email_update_input .email_input {

        height: 40px;

        margin-bottom: 16px;

    }

    .email_btn {

        margin-top: 30px;

        font-size: 14px;

        padding: 6px 20px;

    }

    .card_bottom {

        padding-bottom: 0px;

    }

    .pagination {

        margin-top: 30px;

    }

    .pagination .page-link {

        font-size: 18px;

    }

    .pagination .page-link img {

        width: 24px;

    }

    /* blog-detail css */

    .business_section h6 {

        font-size: 14px;

    }

    .business_section h3 {

        line-height: 36px;

    }

    .business_section h5 {

        font-size: 14px;

        line-height: 26px;

    }

    .blog_detail h5 {

        font-size: 14px;

        line-height: 24px;

        margin-bottom: 16px;

    }

    .name_links {

        margin-top: 16px;

    }

    .name_links>li>a {

        font-size: 14px;

    }

    .social_icon {

        margin-top: 16px;

    }

    .comment h4 {

        font-size: 18px;

        margin-bottom: 20px;

    }

    .media .media_img {

        width: 62px;

        margin-right: 8px;

    }

    .media .media-body h5 {

        font-size: 16px;

        line-height: 24px

    }

    .media .media-body p {

        font-size: 14px;

    }

    .media .bg_offgray {

        padding: 8px 10px;

    }

    .media .chat {

        font-size: 14px;

        padding-right: 8px;

    }

    .media img {

        width: 16px;

    }

    .comment .comment_lead {

        font-size: 14px;

        line-height: 24px;

        margin: 16px 0px;

    }

    /* mobile development css */

    .heading_s2 {

        font-size: 14px;

        letter-spacing: 6px;

    }

    .service_card_wrap {

        padding: 16px;

    }

    .service_card_wrap .card-header {

        margin-bottom: 16px;

    }

    .service_card_wrap .card-header .card-title img {

        width: 38px;

    }

    .service_card_wrap .card-header .card-title h5 {

        font-size: 16px;

    }

    .card_desc {

        font-size: 14px;

    }

    .service_card_wrap .card-body .technology_wrap li {

        width: 34px;

    }

    /*.read_more1,*/

    .read_more {

        min-width: 30px;
        
        width: 30px;

        height: 30px;

        line-height: 30px;

        font-size: 12px;

    }

    .card_lead {

        font-size: 14px;

        line-height: 20px;

    }

    .small_divider {

        height: 40px;

    }

    .slide-btn.slick-slide.slick-current.slick-active.slick-center:after {

        width: 24px;

        height: 24px;

    }

    .education_section h2 {

        font-size: 24px;

    }

    .comman_anchor {

        padding: 6px 16px !important;
        font-size: 14px;
        min-width: 120px;

    }

    .banner_btn {

        font-size: 12px;

        padding: 6px 20px;

    }

    .education_section .education_bottom {

        margin-bottom: 16px;

    }

    .education_section p {

        font-size: 16px;

    }

    .mobile_heading {

        font-size: 30px;

    }

    .mb {

        margin-bottom: 16px;

    }

    .icon_box_content p {

        font-size: 13px;

    }

    .app_section {

        margin-bottom: 20px;

    }

    .app_section span {

        margin-bottom: 8px;

    }

    .app_section p {

        font-size: 18px;

    }

    .benefits h3 {

        font-size: 18px;

        line-height: 26px;

        min-height: 32px;

    }

    .benefits p {

        font-size: 14px;

    }

    .engagement_model img {

        width: 70px;

    }

    .engagement_model h5 {

        font-size: 15px;

    }

    .bg_offwhite {

        padding: 30px 0px;

    }

    .wrapper.center-block {

        margin-top: 20px;

    }

    .faq .faq-list a {
        font-size: 16px;
    }
    .faq .faq-list li {
        margin-bottom: 16px;
    }

    /* index css */
    #mega-menu-wrap-responsive-menu .mega-menu-toggle + #mega-menu-responsive-menu{
        margin-top: 8px;
    }
    .mobile-menu{
        top: 11px;
    }

    .megamenu-li .megamenu {

        padding: 18px;

    }

    .mega-menu li a {

        font-size: 14px;

    }

    .mega-menu li a:after {

        width: 8px;

        height: 8px;

    }

    .megamenu-li .header_content {

        padding-left: 16px;

    }

    .megamenu-li .header_content h5 {

        font-size: 16px;

    }
    .mega-service-menu a.mega-menu-link, .mega-industry-menu a.mega-menu-link, .mega-company-menu a.mega-menu-link, .mega-menu-item a.mega-menu-link{
        font-size: 14px !important;
    }
    
    .contact-btn a{
        height:34px !important;
        padding:5px 22px !important;
    }
    .banner_section {

        padding: 59px 0px 0px;

    }

    .banner_text h1 {

        font-size: 30px;

        line-height: 44px;

    }

    .banner_text h2 {

        font-size: 30px;

    }

    .slider-wrap .slider .quote_img {

        width: 70px;

    }

    .slider-wrap .slider h3 {

        font-size: 14px;

        line-height: 26px;

    }

    .slick_left_arrow,

    .slick_right_arrow {

        width: 34px;

        top: 56%;

    }

    .slider-wrap .author_wrap .author_img {

        width: 66px;

    }

    .slider-wrap .author_wrap .author_name h5 {

        font-size: 16px;

    }

    .slider-wrap .author_wrap .author_name p {

        font-size: 12px;

    }

    .blog_btn {

        padding: 6px 10px !important;

    }

    .about_wrap p {

        font-size: 12px;

    }

    .about_wrap h4 {

        font-size: 18px;

        line-height: 26px;

    }

    .about_wrap h5 {

        font-size: 14px;

        line-height: 22px;

    }

    .slider_img .web_overlay .slider_overlay p {

        font-size: 13px;

        max-width: 200px;

    }

    .slider_img .web_overlay .slider_arrow img {

        padding: 9px;

    }
    .nav-pills-custom .nav-link h5 {
        font-size: 16px;
    }
    .tab_effect h3 {
        font-size: 24px;
    }
    .tab_effect p {
        font-size: 12px;
    }
    /* social network css */
    .industry_text h2 {
        font-size: 22px;
        line-height: 34px;
    }
    .banner_counter h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner_counter p {
        font-size: 20px;
    }
    /* development methodology */
    .industry_text p {
        font-size: 18px;
    }
    .heading_content {
        margin-bottom: 16px;
    }
    /*solution page*/
    .solution_item li{
        font-size: 14px;
    }
}